@seed-design/react 0.0.0-alpha-20260324091316

package/lib/components/Field/Field.js

@@ -0,0 +1,104 @@
+'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
+          ] })
+        ]
+      }
+    );
+  }
+);
+
+export { FieldCharacterCount, FieldDescription, FieldErrorMessage, FieldFooter, FieldHeader, FieldIndicatorText, FieldLabel, FieldRequiredIndicator, FieldRoot };

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

@@ -0,0 +1,17 @@
+'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;

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

@@ -0,0 +1,2 @@
+export { FieldRoot as Root, FieldHeader as Header, FieldLabel as Label, FieldIndicatorText as IndicatorText, FieldRequiredIndicator as RequiredIndicator, FieldFooter as Footer, FieldDescription as Description, FieldErrorMessage as ErrorMessage, FieldCharacterCount as CharacterCount, type FieldRootProps as RootProps, type FieldHeaderProps as HeaderProps, type FieldLabelProps as LabelProps, type FieldIndicatorTextProps as IndicatorTextProps, type FieldFooterProps as FooterProps, type FieldDescriptionProps as DescriptionProps, type FieldErrorMessageProps as ErrorMessageProps, type FieldCharacterCountProps as CharacterCountProps, } from './Field';
+//# sourceMappingURL=Field.namespace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,IAAI,IAAI,EACjB,WAAW,IAAI,MAAM,EACrB,UAAU,IAAI,KAAK,EACnB,kBAAkB,IAAI,aAAa,EACnC,sBAAsB,IAAI,iBAAiB,EAC3C,WAAW,IAAI,MAAM,EACrB,gBAAgB,IAAI,WAAW,EAC/B,iBAAiB,IAAI,YAAY,EACjC,mBAAmB,IAAI,cAAc,EACrC,KAAK,cAAc,IAAI,SAAS,EAChC,KAAK,gBAAgB,IAAI,WAAW,EACpC,KAAK,eAAe,IAAI,UAAU,EAClC,KAAK,uBAAuB,IAAI,kBAAkB,EAClD,KAAK,gBAAgB,IAAI,WAAW,EACpC,KAAK,qBAAqB,IAAI,gBAAgB,EAC9C,KAAK,sBAAsB,IAAI,iBAAiB,EAChD,KAAK,wBAAwB,IAAI,mBAAmB,GACrD,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1 @@
+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';

package/lib/components/Field/index.cjs

@@ -0,0 +1,19 @@
+'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;

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

@@ -0,0 +1,3 @@
+export { FieldRoot, FieldHeader, FieldLabel, FieldIndicatorText, FieldRequiredIndicator, FieldFooter, FieldDescription, FieldErrorMessage, FieldCharacterCount, type FieldRootProps, type FieldHeaderProps, type FieldLabelProps, type FieldIndicatorTextProps, type FieldFooterProps, type FieldDescriptionProps, type FieldErrorMessageProps, type FieldCharacterCountProps, } from './Field';
+export * as Field from './Field.namespace';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,WAAW,EACX,UAAU,EACV,kBAAkB,EAClB,sBAAsB,EACtB,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,uBAAuB,EAC5B,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,GAC9B,MAAM,SAAS,CAAC;AAEjB,OAAO,KAAK,KAAK,MAAM,mBAAmB,CAAC"}

package/lib/components/Field/index.js

@@ -0,0 +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 };

package/lib/components/FieldButton/FieldButton.cjs

@@ -0,0 +1,201 @@
+'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";
+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";
+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";
+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";
+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";
+
+exports.FieldButtonButton = FieldButtonButton;
+exports.FieldButtonClearButton = FieldButtonClearButton;
+exports.FieldButtonControl = FieldButtonControl;
+exports.FieldButtonDescription = FieldButtonDescription;
+exports.FieldButtonErrorMessage = FieldButtonErrorMessage;
+exports.FieldButtonFooter = FieldButtonFooter;
+exports.FieldButtonHeader = FieldButtonHeader;
+exports.FieldButtonHiddenInput = FieldButtonHiddenInput;
+exports.FieldButtonIndicatorText = FieldButtonIndicatorText;
+exports.FieldButtonLabel = FieldButtonLabel;
+exports.FieldButtonPlaceholder = FieldButtonPlaceholder;
+exports.FieldButtonPrefixIcon = FieldButtonPrefixIcon;
+exports.FieldButtonPrefixText = FieldButtonPrefixText;
+exports.FieldButtonRequiredIndicator = FieldButtonRequiredIndicator;
+exports.FieldButtonRoot = FieldButtonRoot;
+exports.FieldButtonSuffixIcon = FieldButtonSuffixIcon;
+exports.FieldButtonSuffixText = FieldButtonSuffixText;
+exports.FieldButtonValue = FieldButtonValue;

package/lib/components/FieldButton/FieldButton.d.ts

@@ -0,0 +1,61 @@
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { FieldButton } from '@seed-design/react-field-button';
+import { FieldVariantProps } from '@seed-design/css/recipes/field';
+import { FieldLabelVariantProps } from '@seed-design/css/recipes/field-label';
+import { InternalIconProps } from '../private/Icon';
+import * as React from "react";
+export interface FieldButtonRootProps extends FieldVariantProps, FieldButton.RootProps {
+}
+export declare const FieldButtonRoot: React.ForwardRefExoticComponent<FieldButtonRootProps & React.RefAttributes<HTMLDivElement>>;
+export interface FieldButtonHeaderProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const FieldButtonHeader: React.ForwardRefExoticComponent<FieldButtonHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export interface FieldButtonLabelProps extends PrimitiveProps, FieldLabelVariantProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const FieldButtonLabel: React.ForwardRefExoticComponent<FieldButtonLabelProps & React.RefAttributes<HTMLDivElement>>;
+export interface FieldButtonIndicatorTextProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
+}
+export declare const FieldButtonIndicatorText: React.ForwardRefExoticComponent<FieldButtonIndicatorTextProps & React.RefAttributes<HTMLSpanElement>>;
+export interface FieldButtonRequiredIndicatorProps extends React.SVGProps<SVGElement> {
+}
+export declare const FieldButtonRequiredIndicator: React.ForwardRefExoticComponent<Omit<FieldButtonRequiredIndicatorProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export interface FieldButtonPrefixIconProps extends InternalIconProps {
+}
+export declare const FieldButtonPrefixIcon: React.ForwardRefExoticComponent<FieldButtonPrefixIconProps & React.RefAttributes<SVGSVGElement>>;
+export interface FieldButtonPrefixTextProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
+}
+export declare const FieldButtonPrefixText: React.ForwardRefExoticComponent<FieldButtonPrefixTextProps & React.RefAttributes<HTMLSpanElement>>;
+export interface FieldButtonSuffixIconProps extends InternalIconProps {
+}
+export declare const FieldButtonSuffixIcon: React.ForwardRefExoticComponent<FieldButtonSuffixIconProps & React.RefAttributes<SVGSVGElement>>;
+export interface FieldButtonSuffixTextProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
+}
+export declare const FieldButtonSuffixText: React.ForwardRefExoticComponent<FieldButtonSuffixTextProps & React.RefAttributes<HTMLSpanElement>>;
+export interface FieldButtonFooterProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const FieldButtonFooter: React.ForwardRefExoticComponent<FieldButtonFooterProps & React.RefAttributes<HTMLDivElement>>;
+export interface FieldButtonDescriptionProps extends FieldButton.DescriptionProps {
+}
+export declare const FieldButtonDescription: React.ForwardRefExoticComponent<FieldButtonDescriptionProps & React.RefAttributes<HTMLSpanElement>>;
+export interface FieldButtonErrorMessageProps extends FieldButton.ErrorMessageProps {
+}
+export declare const FieldButtonErrorMessage: React.ForwardRefExoticComponent<FieldButtonErrorMessageProps & React.RefAttributes<HTMLSpanElement>>;
+export interface FieldButtonHiddenInputProps extends FieldButton.HiddenInputProps {
+}
+export declare const FieldButtonHiddenInput: React.ForwardRefExoticComponent<FieldButton.HiddenInputProps & React.RefAttributes<HTMLInputElement>>;
+export interface FieldButtonButtonProps extends FieldButton.ButtonProps {
+}
+export declare const FieldButtonButton: React.ForwardRefExoticComponent<FieldButtonButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export interface FieldButtonControlProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const FieldButtonControl: React.ForwardRefExoticComponent<FieldButtonControlProps & React.RefAttributes<HTMLDivElement>>;
+export interface FieldButtonClearButtonProps extends FieldButton.ClearButtonProps {
+}
+export declare const FieldButtonClearButton: React.ForwardRefExoticComponent<FieldButtonClearButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export interface FieldButtonValueProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const FieldButtonValue: React.ForwardRefExoticComponent<FieldButtonValueProps & React.RefAttributes<HTMLDivElement>>;
+export interface FieldButtonPlaceholderProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const FieldButtonPlaceholder: React.ForwardRefExoticComponent<FieldButtonPlaceholderProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=FieldButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldButton.d.ts","sourceRoot":"","sources":["../../../src/components/FieldButton/FieldButton.tsx"],"names":[],"mappings":"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"}

package/lib/components/FieldButton/FieldButton.js

@@ -0,0 +1,161 @@
+'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";
+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";
+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";
+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";
+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";
+
+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

@@ -0,0 +1,26 @@
+'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.d.ts

@@ -0,0 +1,2 @@
+export { FieldButtonButton as Button, FieldButtonClearButton as ClearButton, FieldButtonDescription as Description, FieldButtonErrorMessage as ErrorMessage, FieldButtonRoot as Root, 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, FieldButtonControl as Control, FieldButtonSuffixIcon as SuffixIcon, FieldButtonSuffixText as SuffixText, FieldButtonValue as Value, type FieldButtonButtonProps as ButtonProps, type FieldButtonClearButtonProps as ClearButtonProps, type FieldButtonDescriptionProps as DescriptionProps, type FieldButtonErrorMessageProps as ErrorMessageProps, type FieldButtonRootProps as RootProps, type FieldButtonFooterProps as FooterProps, type FieldButtonHeaderProps as HeaderProps, type FieldButtonHiddenInputProps as HiddenInputProps, type FieldButtonIndicatorTextProps as IndicatorTextProps, type FieldButtonLabelProps as LabelProps, type FieldButtonPlaceholderProps as PlaceholderProps, type FieldButtonPrefixIconProps as PrefixIconProps, type FieldButtonPrefixTextProps as PrefixTextProps, type FieldButtonRequiredIndicatorProps as RequiredIndicatorProps, type FieldButtonControlProps as ControlProps, type FieldButtonSuffixIconProps as SuffixIconProps, type FieldButtonSuffixTextProps as SuffixTextProps, type FieldButtonValueProps as ValueProps, } from './FieldButton';
+//# sourceMappingURL=FieldButton.namespace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldButton.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/FieldButton/FieldButton.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,IAAI,MAAM,EAC3B,sBAAsB,IAAI,WAAW,EACrC,sBAAsB,IAAI,WAAW,EACrC,uBAAuB,IAAI,YAAY,EACvC,eAAe,IAAI,IAAI,EACvB,iBAAiB,IAAI,MAAM,EAC3B,iBAAiB,IAAI,MAAM,EAC3B,sBAAsB,IAAI,WAAW,EACrC,wBAAwB,IAAI,aAAa,EACzC,gBAAgB,IAAI,KAAK,EACzB,sBAAsB,IAAI,WAAW,EACrC,qBAAqB,IAAI,UAAU,EACnC,qBAAqB,IAAI,UAAU,EACnC,4BAA4B,IAAI,iBAAiB,EACjD,kBAAkB,IAAI,OAAO,EAC7B,qBAAqB,IAAI,UAAU,EACnC,qBAAqB,IAAI,UAAU,EACnC,gBAAgB,IAAI,KAAK,EACzB,KAAK,sBAAsB,IAAI,WAAW,EAC1C,KAAK,2BAA2B,IAAI,gBAAgB,EACpD,KAAK,2BAA2B,IAAI,gBAAgB,EACpD,KAAK,4BAA4B,IAAI,iBAAiB,EACtD,KAAK,oBAAoB,IAAI,SAAS,EACtC,KAAK,sBAAsB,IAAI,WAAW,EAC1C,KAAK,sBAAsB,IAAI,WAAW,EAC1C,KAAK,2BAA2B,IAAI,gBAAgB,EACpD,KAAK,6BAA6B,IAAI,kBAAkB,EACxD,KAAK,qBAAqB,IAAI,UAAU,EACxC,KAAK,2BAA2B,IAAI,gBAAgB,EACpD,KAAK,0BAA0B,IAAI,eAAe,EAClD,KAAK,0BAA0B,IAAI,eAAe,EAClD,KAAK,iCAAiC,IAAI,sBAAsB,EAChE,KAAK,uBAAuB,IAAI,YAAY,EAC5C,KAAK,0BAA0B,IAAI,eAAe,EAClD,KAAK,0BAA0B,IAAI,eAAe,EAClD,KAAK,qBAAqB,IAAI,UAAU,GACzC,MAAM,eAAe,CAAC"}

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

@@ -0,0 +1 @@
+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';