Export base input components

packages/bento-design-system/src/NumberField/InternalNumberInput.tsx → packages/bento-design-system/src/NumberField/BaseNumberInput.tsx

@@ -17,7 +17,7 @@ type Props = BaseNumberProps & {
   disabled?: boolean;
 } & FormatProps;
 
-export function InternalNumberInput(props: Props) {
+export function BaseNumberInput(props: Props) {
   const config = useBentoConfig().input;
   const { locale } = useLocale();
 

packages/bento-design-system/src/NumberField/NumberField.tsx

@@ -6,7 +6,7 @@ import { FieldProps } from "../Field/FieldProps";
 import { BaseNumberProps, FormatProps } from "./types";
 import { useFormatOptions } from "./formatOptions";
 import { Field } from "../Field/Field";
-import { InternalNumberInput } from "./InternalNumberInput";
+import { BaseNumberInput } from "./BaseNumberInput";
 
 type Props = FieldProps<number | undefined, number> &
   BaseNumberProps &
@@ -42,7 +42,7 @@ export function NumberField(props: Props) {
       assistiveTextProps={descriptionProps}
       errorMessageProps={errorMessageProps}
     >
-      <InternalNumberInput
+      <BaseNumberInput
         inputProps={inputProps}
         inputRef={inputRef}
         validationState={validationState}

packages/bento-design-system/src/NumberField/NumberInput.tsx

@@ -5,7 +5,7 @@ import { useLocale } from "@react-aria/i18n";
 import { useFormatOptions } from "./formatOptions";
 import { HTMLAttributes, useRef } from "react";
 import { useNumberField } from "@react-aria/numberfield";
-import { InternalNumberInput } from "./InternalNumberInput";
+import { BaseNumberInput } from "./BaseNumberInput";
 import { AtLeast } from "../util/AtLeast";
 
 type Props = AtLeast<Pick<HTMLAttributes<HTMLInputElement>, "aria-label" | "aria-labelledby">> &
@@ -34,7 +34,7 @@ export function NumberInput(props: Props) {
     inputRef
   );
 
-  return <InternalNumberInput inputProps={inputProps} inputRef={inputRef} {...props} />;
+  return <BaseNumberInput inputProps={inputProps} inputRef={inputRef} {...props} />;
 }
 
 export type { Props as NumberInputProps };

packages/bento-design-system/src/SelectField/InternalSelect.tsx → packages/bento-design-system/src/SelectField/BaseSelect.tsx

@@ -21,7 +21,7 @@ type Props<A> = BaseSelectProps<A> & {
   validationState: "valid" | "invalid";
 } & (SingleProps<A> | MultiProps<A>);
 
-export function InternalSelect<A>(props: Props<A>) {
+export function BaseSelect<A>(props: Props<A>) {
   const dropdownConfig = useBentoConfig().dropdown;
   const { defaultMessages } = useDefaultMessages();
 

packages/bento-design-system/src/SelectField/SelectField.tsx

@@ -3,7 +3,7 @@ import { ListSize, LocalizedString } from "..";
 import { useField } from "@react-aria/label";
 import { FieldProps } from "../Field/FieldProps";
 import { Field } from "../Field/Field";
-import { InternalSelect } from "./InternalSelect";
+import { BaseSelect } from "./BaseSelect";
 import { BaseMultiProps, BaseSelectProps, BaseSingleProps } from "./types";
 
 type MultiProps<A> = BaseMultiProps & FieldProps<A[]>;
@@ -51,7 +51,7 @@ export function SelectField<A>(props: Props<A>) {
       disabled={disabled}
       {...hintProps}
     >
-      <InternalSelect fieldProps={fieldProps} validationState={validationState} {...props} />
+      <BaseSelect fieldProps={fieldProps} validationState={validationState} {...props} />
     </Field>
   );
 }

packages/bento-design-system/src/SelectField/SelectInput.tsx

@@ -3,7 +3,7 @@ import { FieldProps } from "../Field/FieldProps";
 import { BaseMultiProps, BaseSelectProps, BaseSingleProps } from "./types";
 import { AtLeast } from "../util/AtLeast";
 import { HTMLAttributes } from "react";
-import { InternalSelect } from "./InternalSelect";
+import { BaseSelect } from "./BaseSelect";
 
 type MultiProps<A> = BaseMultiProps &
   Pick<FieldProps<A[]>, "autoFocus" | "disabled" | "name" | "onBlur" | "onChange" | "value">;
@@ -24,7 +24,7 @@ export function SelectInput<A>(props: Props<A>) {
     ...props,
   });
 
-  return <InternalSelect fieldProps={fieldProps} {...props} />;
+  return <BaseSelect fieldProps={fieldProps} {...props} />;
 }
 
 export type { Props as SelectInputProps };

packages/bento-design-system/src/TextField/InternalTextInput.tsx → packages/bento-design-system/src/TextField/BaseTextInput.tsx

@@ -26,7 +26,7 @@ type Props = {
   hidePasswordLabel?: never;
 };
 
-export function InternalTextInput(props: Props) {
+export function BaseTextInput(props: Props) {
   const config = useBentoConfig().input;
   const { defaultMessages } = useDefaultMessages();
 

packages/bento-design-system/src/TextField/TextField.tsx

@@ -3,7 +3,7 @@ import { useRef } from "react";
 import { Field, Children } from "..";
 import { LocalizedString } from "../util/LocalizedString";
 import { FieldProps } from "../Field/FieldProps";
-import { InternalTextInput } from "./InternalTextInput";
+import { BaseTextInput } from "./BaseTextInput";
 
 type Props = FieldProps<string> & {
   placeholder?: LocalizedString;
@@ -37,7 +37,7 @@ export function TextField(props: Props) {
       assistiveTextProps={descriptionProps}
       errorMessageProps={errorMessageProps}
     >
-      <InternalTextInput
+      <BaseTextInput
         inputProps={inputProps}
         inputRef={inputRef}
         validationState={validationState}

packages/bento-design-system/src/TextField/TextInput.tsx

@@ -1,7 +1,7 @@
 import { HTMLAttributes, useRef } from "react";
 import { AtLeast } from "../util/AtLeast";
 import { FieldProps } from "../Field/FieldProps";
-import { InternalTextInput } from "./InternalTextInput";
+import { BaseTextInput } from "./BaseTextInput";
 import { useTextField } from "@react-aria/textfield";
 import { LocalizedString } from "../util/LocalizedString";
 import { Children } from "../util/Children";
@@ -34,7 +34,7 @@ export function TextInput(props: Props) {
     inputRef
   );
 
-  return <InternalTextInput inputProps={inputProps} inputRef={inputRef} {...props} />;
+  return <BaseTextInput inputProps={inputProps} inputRef={inputRef} {...props} />;
 }
 
 export type { Props as TextInputProps };

packages/bento-design-system/src/index.ts

@@ -52,6 +52,7 @@ export * from "./List/ListItem";
 export * from "./Menu/Menu";
 export * from "./Modal/Modal";
 export * from "./Navigation/Navigation";
+export * from "./NumberField/BaseNumberInput";
 export * from "./NumberField/NumberField";
 export * from "./NumberField/NumberInput";
 export * from "./Pagination/Pagination";
@@ -61,6 +62,7 @@ export * from "./ProgressBar/ProgressBar";
 export * from "./RadioGroupField/RadioGroupField";
 export * from "./ReadOnlyField/ReadOnlyField";
 export * from "./SearchBar/SearchBar";
+export * from "./SelectField/BaseSelect";
 export * from "./SelectField/SelectField";
 export * from "./SelectField/SelectInput";
 export * from "./Slider/Slider";
@@ -71,6 +73,7 @@ export * from "./Table/Table";
 export * from "./Tabs/Tabs";
 export { bentoSprinkles } from "./internal/sprinkles.css";
 export * from "./TextArea/TextArea";
+export * from "./TextField/BaseTextInput";
 export * from "./TextField/TextField";
 export * from "./TextField/TextInput";
 export * from "./TimeField/TimeField";

packages/configuration-builder/src/ColorEditor/CounterField.tsx

@@ -6,7 +6,7 @@ import {
   IconMinus,
   IconPlus,
   NumberFieldProps,
-  NumberInput,
+  BaseNumberInput,
 } from "@buildo/bento-design-system";
 import { useRef } from "react";
 import { useTranslation } from "react-i18next";
@@ -61,7 +61,7 @@ export function CounterField(props: Omit<NumberFieldProps, "kind" | "currency">)
             }}
           />
         </Column>
-        <NumberInput
+        <BaseNumberInput
           inputProps={inputProps}
           inputRef={inputRef}
           validationState={validationState}