@seed-design/react 1.0.6 → 1.1.0

package/src/components/FieldButton/FieldButton.tsx

@@ -0,0 +1,249 @@
+import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
+import { FieldButton, useFieldButtonContext } from "@seed-design/react-field-button";
+import * as React from "react";
+import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext";
+import { createWithStateProps } from "../../utils/createWithStateProps";
+import { field, type FieldVariantProps } from "@seed-design/css/recipes/field";
+import { fieldLabel, type FieldLabelVariantProps } from "@seed-design/css/recipes/field-label";
+import { InternalIcon, type InternalIconProps } from "../private/Icon";
+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]);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface FieldButtonRootProps extends FieldVariantProps, FieldButton.RootProps {}
+
+export const FieldButtonRoot = withFieldProvider<HTMLDivElement, FieldButtonRootProps>(
+  FieldButton.Root,
+  "root",
+);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface FieldButtonHeaderProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const FieldButtonHeader = withFieldContext<HTMLDivElement, FieldButtonHeaderProps>(
+  withStateProps(Primitive.div),
+  "header",
+);
+
+export interface FieldButtonLabelProps
+  extends PrimitiveProps,
+    FieldLabelVariantProps,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const FieldButtonLabel = withLabelProvider<HTMLDivElement, FieldButtonLabelProps>(
+  withStateProps(Primitive.div),
+  "root",
+);
+
+export interface FieldButtonIndicatorTextProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLSpanElement> {}
+
+export const FieldButtonIndicatorText = withLabelContext<
+  HTMLSpanElement,
+  FieldButtonIndicatorTextProps
+>(withStateProps(Primitive.span), "indicatorText");
+
+export interface FieldButtonRequiredIndicatorProps extends React.SVGProps<SVGElement> {}
+
+export const FieldButtonRequiredIndicator = React.forwardRef<
+  SVGSVGElement,
+  FieldButtonRequiredIndicatorProps
+>(({ className, ...props }, ref) => {
+  const { indicatorIcon } = useLabelClassNames();
+
+  return (
+    <InternalIcon
+      svg={
+        // biome-ignore lint/a11y/noSvgWithoutTitle: InternalIcon is aria-hidden
+        <svg
+          viewBox="0 0 6 6"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+          className={clsx(indicatorIcon, className)}
+        >
+          <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"
+          />
+        </svg>
+      }
+      ref={ref}
+      {...props}
+    />
+  );
+});
+FieldButtonRequiredIndicator.displayName = "FieldButtonRequiredIndicator";
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface FieldButtonPrefixIconProps extends InternalIconProps {}
+
+export const FieldButtonPrefixIcon = withContext<SVGSVGElement, FieldButtonPrefixIconProps>(
+  withStateProps(InternalIcon),
+  "prefixIcon",
+);
+
+export interface FieldButtonPrefixTextProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLSpanElement> {}
+
+export const FieldButtonPrefixText = React.forwardRef<HTMLSpanElement, FieldButtonPrefixTextProps>(
+  ({ className, ...props }, ref) => {
+    const { stateProps } = useFieldButtonContext();
+    const { prefixText } = useClassNames();
+
+    return (
+      <Primitive.span
+        className={clsx(prefixText, className)}
+        ref={ref}
+        aria-hidden
+        {...stateProps}
+        {...props}
+      />
+    );
+  },
+);
+FieldButtonPrefixText.displayName = "FieldButtonPrefixText";
+
+export interface FieldButtonSuffixIconProps extends InternalIconProps {}
+
+export const FieldButtonSuffixIcon = withContext<SVGSVGElement, FieldButtonSuffixIconProps>(
+  withStateProps(InternalIcon),
+  "suffixIcon",
+);
+
+export interface FieldButtonSuffixTextProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLSpanElement> {}
+
+export const FieldButtonSuffixText = React.forwardRef<HTMLSpanElement, FieldButtonSuffixTextProps>(
+  ({ className, ...props }, ref) => {
+    const { stateProps } = useFieldButtonContext();
+    const { suffixText } = useClassNames();
+
+    return (
+      <Primitive.span
+        className={clsx(suffixText, className)}
+        ref={ref}
+        aria-hidden
+        {...stateProps}
+        {...props}
+      />
+    );
+  },
+);
+FieldButtonSuffixText.displayName = "FieldButtonSuffixText";
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface FieldButtonFooterProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const FieldButtonFooter = withFieldContext<HTMLDivElement, FieldButtonFooterProps>(
+  withStateProps(Primitive.div),
+  "footer",
+);
+
+export interface FieldButtonDescriptionProps extends FieldButton.DescriptionProps {}
+
+export const FieldButtonDescription = withFieldContext<
+  HTMLSpanElement,
+  FieldButtonDescriptionProps
+>(FieldButton.Description, "description");
+
+export interface FieldButtonErrorMessageProps extends FieldButton.ErrorMessageProps {}
+
+export const FieldButtonErrorMessage = withFieldContext<
+  HTMLSpanElement,
+  FieldButtonErrorMessageProps
+>(FieldButton.ErrorMessage, "errorMessage");
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface FieldButtonHiddenInputProps extends FieldButton.HiddenInputProps {}
+
+export const FieldButtonHiddenInput = FieldButton.HiddenInput;
+
+export interface FieldButtonButtonProps extends FieldButton.ButtonProps {}
+
+export const FieldButtonButton = withContext<HTMLButtonElement, FieldButtonButtonProps>(
+  FieldButton.Button,
+  "button",
+);
+
+export interface FieldButtonControlProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const FieldButtonControl = withProvider<HTMLDivElement, FieldButtonControlProps>(
+  withStateProps(Primitive.div),
+  "root",
+);
+
+export interface FieldButtonClearButtonProps extends FieldButton.ClearButtonProps {}
+
+export const FieldButtonClearButton = withContext<HTMLButtonElement, FieldButtonClearButtonProps>(
+  FieldButton.ClearButton,
+  "clearButton",
+);
+
+export interface FieldButtonValueProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const FieldButtonValue = React.forwardRef<HTMLDivElement, FieldButtonValueProps>(
+  ({ className, ...props }, ref) => {
+    const { stateProps } = useFieldButtonContext();
+    const { value } = useClassNames();
+
+    return (
+      <Primitive.div
+        className={clsx(value, className)}
+        ref={ref}
+        aria-hidden
+        {...stateProps}
+        {...props}
+      />
+    );
+  },
+);
+FieldButtonValue.displayName = "FieldButtonValue";
+
+export interface FieldButtonPlaceholderProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const FieldButtonPlaceholder = React.forwardRef<HTMLDivElement, FieldButtonPlaceholderProps>(
+  ({ className, ...props }, ref) => {
+    const { stateProps } = useFieldButtonContext();
+    const { placeholder } = useClassNames();
+
+    return (
+      <Primitive.div
+        className={clsx(placeholder, className)}
+        ref={ref}
+        aria-hidden
+        {...stateProps}
+        {...props}
+      />
+    );
+  },
+);
+FieldButtonPlaceholder.displayName = "FieldButtonPlaceholder";

package/src/components/FieldButton/index.ts

@@ -0,0 +1,40 @@
+export {
+  FieldButtonButton,
+  FieldButtonClearButton,
+  FieldButtonDescription,
+  FieldButtonErrorMessage,
+  FieldButtonRoot,
+  FieldButtonFooter,
+  FieldButtonHeader,
+  FieldButtonHiddenInput,
+  FieldButtonIndicatorText,
+  FieldButtonLabel,
+  FieldButtonPlaceholder,
+  FieldButtonPrefixIcon,
+  FieldButtonPrefixText,
+  FieldButtonRequiredIndicator,
+  FieldButtonControl,
+  FieldButtonSuffixIcon,
+  FieldButtonSuffixText,
+  FieldButtonValue,
+  type FieldButtonButtonProps,
+  type FieldButtonClearButtonProps,
+  type FieldButtonDescriptionProps,
+  type FieldButtonErrorMessageProps,
+  type FieldButtonRootProps,
+  type FieldButtonFooterProps,
+  type FieldButtonHeaderProps,
+  type FieldButtonHiddenInputProps,
+  type FieldButtonIndicatorTextProps,
+  type FieldButtonLabelProps,
+  type FieldButtonPlaceholderProps,
+  type FieldButtonPrefixIconProps,
+  type FieldButtonPrefixTextProps,
+  type FieldButtonRequiredIndicatorProps,
+  type FieldButtonControlProps,
+  type FieldButtonSuffixIconProps,
+  type FieldButtonSuffixTextProps,
+  type FieldButtonValueProps,
+} from "./FieldButton";
+
+export * as FieldButton from "./FieldButton.namespace";

package/src/components/HelpBubble/HelpBubble.tsx

@@ -88,7 +88,7 @@ export const HelpBubbleArrow = withContext<HTMLDivElement, HelpBubbleArrowProps>
 export interface HelpBubbleArrowTipProps extends React.SVGProps<SVGSVGElement> {
   /**
    * radius of the arrow tip
-   * @default 1
+   * @default 2
    */
   tipRadius?: number;
 }

package/src/components/List/List.tsx

@@ -12,10 +12,11 @@ import { useRadioGroupItemContext } from "@seed-design/react-radio-group";
 import { useSwitchContext } from "@seed-design/react-switch";
 
 const { withContext, withProvider } = createSlotRecipeContext(listItem);
-const withStateProps = createWithStateProps(
-  [useCheckboxContext, useRadioGroupItemContext, useSwitchContext],
-  { strict: false },
-);
+const withStateProps = createWithStateProps([
+  { useContext: useCheckboxContext, strict: false },
+  { useContext: useRadioGroupItemContext, strict: false },
+  { useContext: useSwitchContext, strict: false },
+]);
 
 export interface ListRootProps extends VStackProps {}
 

package/src/components/PageBanner/PageBanner.namespace.ts

@@ -1,12 +1,14 @@
 export {
+  PageBannerBody as Body,
   PageBannerCloseButton as CloseButton,
-  PageBannerTextContent as TextContent,
+  PageBannerContent as Content,
   PageBannerDescription as Description,
   PageBannerButton as Button,
   PageBannerRoot as Root,
   PageBannerTitle as Title,
+  type PageBannerBodyProps as BodyProps,
   type PageBannerCloseButtonProps as CloseButtonProps,
-  type PageBannerTextContentProps as TextContentProps,
+  type PageBannerContentProps as ContentProps,
   type PageBannerDescriptionProps as DescriptionProps,
   type PageBannerButtonProps as ButtonProps,
   type PageBannerRootProps as RootProps,

package/src/components/PageBanner/PageBanner.tsx

@@ -18,13 +18,20 @@ export const PageBannerRoot = withProvider<HTMLDivElement, PageBannerRootProps>(
   "root",
 );
 
-export interface PageBannerTextContentProps
+export interface PageBannerContentProps
   extends PrimitiveProps,
     React.HTMLAttributes<HTMLDivElement> {}
 
-export const PageBannerTextContent = withContext<HTMLDivElement, PageBannerTextContentProps>(
+export const PageBannerContent = withContext<HTMLDivElement, PageBannerContentProps>(
   Primitive.div,
-  "textContent",
+  "content",
+);
+
+export interface PageBannerBodyProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}
+
+export const PageBannerBody = withContext<HTMLDivElement, PageBannerBodyProps>(
+  Primitive.div,
+  "body",
 );
 
 export interface PageBannerTitleProps

package/src/components/PageBanner/index.ts

@@ -1,12 +1,14 @@
 export {
+  PageBannerBody,
   PageBannerCloseButton,
-  PageBannerTextContent,
+  PageBannerContent,
   PageBannerDescription,
   PageBannerButton,
   PageBannerRoot,
   PageBannerTitle,
+  type PageBannerBodyProps,
   type PageBannerCloseButtonProps,
-  type PageBannerTextContentProps,
+  type PageBannerContentProps,
   type PageBannerDescriptionProps,
   type PageBannerButtonProps,
   type PageBannerRootProps,

package/src/components/Slider/Slider.namespace.ts

@@ -0,0 +1,28 @@
+export {
+  SliderRoot as Root,
+  SliderControl as Control,
+  SliderTrack as Track,
+  SliderRange as Range,
+  SliderThumb as Thumb,
+  SliderHiddenInput as HiddenInput,
+  SliderTick as Tick,
+  SliderMarkers as Markers,
+  SliderMarker as Marker,
+  SliderValueIndicatorRoot as ValueIndicatorRoot,
+  SliderValueIndicatorArrow as ValueIndicatorArrow,
+  SliderValueIndicatorArrowTip as ValueIndicatorArrowTip,
+  SliderValueIndicatorLabel as ValueIndicatorLabel,
+  type SliderRootProps as RootProps,
+  type SliderControlProps as ControlProps,
+  type SliderTrackProps as TrackProps,
+  type SliderRangeProps as RangeProps,
+  type SliderThumbProps as ThumbProps,
+  type SliderHiddenInputProps as HiddenInputProps,
+  type SliderTickProps as TickProps,
+  type SliderMarkersProps as MarkersProps,
+  type SliderMarkerProps as MarkerProps,
+  type SliderValueIndicatorRootProps as ValueIndicatorRootProps,
+  type SliderValueIndicatorArrowProps as ValueIndicatorArrowProps,
+  type SliderValueIndicatorArrowTipProps as ValueIndicatorArrowTipProps,
+  type SliderValueIndicatorLabelProps as ValueIndicatorLabelProps,
+} from "./Slider";

package/src/components/Slider/Slider.tsx

@@ -0,0 +1,154 @@
+"use client";
+
+import { slider, type SliderVariantProps } from "@seed-design/css/recipes/slider";
+import { sliderTick, type SliderTickVariantProps } from "@seed-design/css/recipes/slider-tick";
+import {
+  sliderMarker,
+  type SliderMarkerVariantProps,
+} from "@seed-design/css/recipes/slider-marker";
+import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
+import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext";
+import { Slider, useSliderContext } from "@seed-design/react-slider";
+import { forwardRef, useState, type HTMLAttributes } from "react";
+import { createWithStateProps } from "../../utils/createWithStateProps";
+import { createRecipeContext } from "../../utils/createRecipeContext";
+import clsx from "clsx";
+import { mergeProps } from "@seed-design/dom-utils";
+import { useFieldContext } from "@seed-design/react-field";
+import { composeRefs } from "@radix-ui/react-compose-refs";
+
+const { withProvider, withContext, useClassNames } = createSlotRecipeContext(slider);
+const { withContext: withTickContext } = createRecipeContext(sliderTick);
+const { withContext: withMarkerContext } = createRecipeContext(sliderMarker);
+
+const withFieldStateProps = createWithStateProps([{ useContext: useFieldContext, strict: false }]);
+const withStateProps = createWithStateProps([
+  useSliderContext,
+  { useContext: useFieldContext, strict: false },
+]);
+
+export interface SliderRootProps extends SliderVariantProps, Slider.RootProps {}
+
+export const SliderRoot = withProvider<HTMLDivElement, SliderRootProps>(Slider.Root, "root");
+
+export interface SliderControlProps extends PrimitiveProps, HTMLAttributes<HTMLDivElement> {}
+
+export const SliderControl = withContext<HTMLDivElement, SliderControlProps>(
+  withStateProps(Primitive.div),
+  "control",
+);
+
+export interface SliderTrackProps extends PrimitiveProps, HTMLAttributes<HTMLDivElement> {}
+
+export const SliderTrack = withContext<HTMLDivElement, SliderTrackProps>(
+  withStateProps(Primitive.div),
+  "track",
+);
+
+export interface SliderRangeProps extends Slider.RangeProps {}
+
+export const SliderRange = withContext<HTMLDivElement, SliderRangeProps>(
+  withFieldStateProps(Slider.Range),
+  "range",
+);
+
+export interface SliderThumbProps extends Slider.ThumbProps {}
+
+export const SliderThumb = forwardRef<HTMLDivElement, Slider.ThumbProps>(
+  ({ thumbIndex, className, ...props }, ref) => {
+    const classNames = useClassNames();
+
+    const fieldContext = useFieldContext({ strict: false });
+    const mergedProps = mergeProps(fieldContext?.inputAriaAttributes ?? {}, props); // intentionally omits Field stateProps here because each thumb is styled individually
+
+    return (
+      <Slider.Thumb
+        ref={ref}
+        className={clsx(classNames.thumb, className)}
+        thumbIndex={thumbIndex}
+        {...mergedProps}
+      />
+    );
+  },
+);
+SliderThumb.displayName = "SliderThumb";
+
+export interface SliderHiddenInputProps extends Slider.HiddenInputProps {}
+
+export const SliderHiddenInput = Slider.HiddenInput;
+
+export interface SliderTickProps extends SliderTickVariantProps, Slider.TickProps {}
+
+export const SliderTick = withTickContext<HTMLDivElement, SliderTickProps>(Slider.Tick);
+
+export interface SliderMarkersProps extends PrimitiveProps, HTMLAttributes<HTMLDivElement> {}
+
+export const SliderMarkers = withContext<HTMLDivElement, SliderMarkersProps>(
+  withStateProps(Primitive.div),
+  "markers",
+);
+
+export interface SliderMarkerProps extends SliderMarkerVariantProps, Slider.MarkerProps {}
+
+export const SliderMarker = withMarkerContext<HTMLDivElement, SliderMarkerProps>(
+  withFieldStateProps(Slider.Marker),
+);
+
+export interface SliderValueIndicatorRootProps extends Slider.ValueIndicatorRootProps {}
+
+export const SliderValueIndicatorRoot = withContext<HTMLDivElement, SliderValueIndicatorRootProps>(
+  Slider.ValueIndicatorRoot,
+  "valueIndicatorRoot",
+);
+
+export interface SliderValueIndicatorLabelProps extends Slider.ValueIndicatorLabelProps {}
+
+export const SliderValueIndicatorLabel = Slider.ValueIndicatorLabel;
+
+export interface SliderValueIndicatorArrowProps
+  extends PrimitiveProps,
+    HTMLAttributes<HTMLDivElement> {}
+
+export const SliderValueIndicatorArrow = withContext<
+  HTMLDivElement,
+  SliderValueIndicatorArrowProps
+>(withStateProps(Primitive.div), "valueIndicatorArrow");
+
+export interface SliderValueIndicatorArrowTipProps extends React.SVGProps<SVGSVGElement> {
+  /**
+   * radius of the arrow tip
+   * @default 2
+   */
+  tipRadius?: number;
+}
+
+export const SliderValueIndicatorArrowTip = forwardRef<
+  SVGSVGElement,
+  SliderValueIndicatorArrowTipProps
+>(({ tipRadius = 2, className, ...otherProps }, ref) => {
+  const [valueIndicatorArrowTip, setValueIndicatorArrowTip] = useState<SVGSVGElement | null>(null);
+
+  const width = valueIndicatorArrowTip?.clientWidth ?? 0;
+  const height = valueIndicatorArrowTip?.clientHeight ?? 0;
+
+  const pathData = `M0,0
+      H${width}
+      L${width / 2 + tipRadius},${height - tipRadius}
+      Q${width / 2},${height} ${width / 2 - tipRadius},${height - tipRadius}
+      Z`;
+
+  const classNames = useClassNames();
+
+  return (
+    <svg
+      aria-hidden="true"
+      viewBox={`0 0 ${width} ${height}`}
+      ref={composeRefs(setValueIndicatorArrowTip, ref)}
+      className={clsx(classNames.valueIndicatorArrowTip, className)}
+      {...otherProps}
+    >
+      <path stroke="none" d={pathData} />
+    </svg>
+  );
+});
+SliderValueIndicatorArrowTip.displayName = "SliderValueIndicatorArrowTip";

package/src/components/Slider/index.ts

@@ -0,0 +1,30 @@
+export {
+  SliderRoot,
+  SliderControl,
+  SliderTrack,
+  SliderRange,
+  SliderThumb,
+  SliderHiddenInput,
+  SliderTick,
+  SliderMarkers,
+  SliderMarker,
+  SliderValueIndicatorRoot,
+  SliderValueIndicatorArrow,
+  SliderValueIndicatorArrowTip,
+  SliderValueIndicatorLabel,
+  type SliderRootProps,
+  type SliderControlProps,
+  type SliderTrackProps,
+  type SliderRangeProps,
+  type SliderThumbProps,
+  type SliderHiddenInputProps,
+  type SliderTickProps,
+  type SliderMarkersProps,
+  type SliderMarkerProps,
+  type SliderValueIndicatorRootProps,
+  type SliderValueIndicatorArrowProps,
+  type SliderValueIndicatorArrowTipProps,
+  type SliderValueIndicatorLabelProps,
+} from "./Slider";
+
+export * as Slider from "./Slider.namespace";

package/src/components/TextField/TextField.namespace.ts

@@ -1,38 +1,16 @@
 export {
-  TextFieldCharacterCount as CharacterCount,
-  TextFieldCharacterCountArea as CharacterCountArea,
-  TextFieldDescription as Description,
-  TextFieldErrorIcon as ErrorIcon,
-  TextFieldErrorMessage as ErrorMessage,
-  TextFieldField as Field,
-  TextFieldFooter as Footer,
-  TextFieldHeader as Header,
-  TextFieldIndicator as Indicator,
+  TextFieldRoot as Root,
   TextFieldInput as Input,
   TextFieldTextarea as Textarea,
-  TextFieldLabel as Label,
-  TextFieldMaxCharacterCount as MaxCharacterCount,
   TextFieldPrefixIcon as PrefixIcon,
   TextFieldPrefixText as PrefixText,
-  TextFieldRoot as Root,
   TextFieldSuffixIcon as SuffixIcon,
   TextFieldSuffixText as SuffixText,
-  type TextFieldCharacterCountAreaProps as CharacterCountAreaProps,
-  type TextFieldCharacterCountProps as CharacterCountProps,
-  type TextFieldDescriptionProps as DescriptionProps,
-  type TextFieldErrorIconProps as ErrorIconProps,
-  type TextFieldErrorMessageProps as ErrorMessageProps,
-  type TextFieldFieldProps as FieldProps,
-  type TextFieldFooterProps as FooterProps,
-  type TextFieldHeaderProps as HeaderProps,
-  type TextFieldIndicatorProps as IndicatorProps,
+  type TextFieldRootProps as RootProps,
   type TextFieldInputProps as InputProps,
   type TextFieldTextareaProps as TextareaProps,
-  type TextFieldLabelProps as LabelProps,
-  type TextFieldMaxCharacterCountProps as MaxCharacterCountProps,
   type TextFieldPrefixIconProps as PrefixIconProps,
   type TextFieldPrefixTextProps as PrefixTextProps,
-  type TextFieldRootProps as RootProps,
   type TextFieldSuffixIconProps as SuffixIconProps,
   type TextFieldSuffixTextProps as SuffixTextProps,
 } from "./TextField";