@commercelayer/app-elements 1.0.1 → 1.1.0

package/dist/{src/ui → ui}/composite/ActionButtons/ActionButtons.d.ts

@@ -1,10 +1,10 @@
-import { type ButtonVariant } from '../../atoms/Button';
+import { type ButtonProps } from '../../atoms/Button';
 import { type MouseEventHandler } from 'react';
 export interface ActionButtonsProps {
     actions: Array<{
         label: string;
         onClick: MouseEventHandler<HTMLButtonElement>;
-        variant?: ButtonVariant;
+        variant?: ButtonProps['variant'];
         disabled?: boolean;
     }>;
 }
@@ -12,7 +12,7 @@ export declare const ActionButtons: import('../../atoms/SkeletonTemplate').Skele
     actions: Array<{
         label: string;
         onClick: MouseEventHandler<HTMLButtonElement>;
-        variant?: ButtonVariant;
+        variant?: ButtonProps['variant'];
         disabled?: boolean;
     }>;
     delayMs?: number | undefined;

package/dist/ui/composite/CardDialog.d.ts

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+export interface CardDialogProps {
+    /**
+     * Card title
+     */
+    title: string;
+    /**
+     * Card subtible
+     */
+    subtitle?: string;
+    /**
+     * This text is displayed in the card header on the right
+     */
+    rightContent?: React.ReactNode;
+    /**
+     * Card icon
+     */
+    icon?: JSX.Element;
+    /**
+     * When defined, this will show a close button on the right
+     */
+    onClose?: () => void;
+    /**
+     * The content of the card dialog.
+     **/
+    children?: React.ReactNode;
+    /**
+     * Card footer
+     */
+    footer?: React.ReactNode;
+}
+export declare const CardDialog: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
+    title: string;
+    subtitle?: string | undefined;
+    rightContent?: React.ReactNode;
+    icon?: JSX.Element | undefined;
+    onClose?: (() => void) | undefined;
+    children?: React.ReactNode;
+    footer?: React.ReactNode;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
+}>;

package/dist/{src/ui → ui}/composite/Dropdown/Dropdown.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-interface DropdownProps {
+export interface DropdownProps {
     /** The trigger for the dropdown menu. Can be a JSX Element or simply a `string`. */
     dropdownLabel?: React.ReactNode;
     /** List of links and actions. You can use a combination of `DropdownItem` and `DropdownDivider` components. */
@@ -13,4 +13,3 @@ interface DropdownProps {
  * - `DropdownDivider`: A visual separator for dropdown items.
  */
 export declare const Dropdown: React.FC<DropdownProps>;
-export {};

package/dist/ui/composite/Dropdown/DropdownDivider.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface DropdownDividerProps extends React.HTMLAttributes<HTMLElement> {
+    children?: React.ReactNode;
+}
+export declare function DropdownDivider({ children, ...rest }: DropdownDividerProps): JSX.Element;
+export declare namespace DropdownDivider {
+    var displayName: string;
+}

package/dist/ui/composite/Dropdown/DropdownItem.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface DropdownItemProps extends React.HTMLAttributes<HTMLElement> {
+    label: string;
+    icon?: React.ReactNode;
+}
+export declare function DropdownItem({ label, icon, ...rest }: DropdownItemProps): JSX.Element;
+export declare namespace DropdownItem {
+    var displayName: string;
+}

package/dist/ui/composite/Dropdown/index.d.ts

@@ -0,0 +1,3 @@
+export { Dropdown, type DropdownProps } from './Dropdown';
+export { DropdownDivider, type DropdownDividerProps } from './DropdownDivider';
+export { DropdownItem, type DropdownItemProps } from './DropdownItem';

package/dist/{src/ui → ui}/composite/List.d.ts

@@ -1,6 +1,6 @@
 import { type PaginationProps } from '../atoms/Pagination';
 import { type ReactNode } from 'react';
-export type ListPagination = {
+type ListPagination = {
     recordsPerPage: number;
     recordCount: number;
 } & Omit<PaginationProps, 'className' | 'isDisabled'>;

package/dist/{src/ui → ui}/composite/ListDetails.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-export interface DetailsListProps {
+export interface ListDetailsProps {
     /**
      * Optional title to show on top of the list
      */
@@ -25,7 +25,7 @@ export interface DetailsListProps {
      */
     loadingLines?: number;
 }
-declare function ListDetails({ title, children, fontSize, isLoading, loadingLines, className }: DetailsListProps): JSX.Element;
+declare function ListDetails({ title, children, fontSize, isLoading, loadingLines, className }: ListDetailsProps): JSX.Element;
 declare namespace ListDetails {
     var displayName: string;
 }

package/dist/{src/ui → ui}/composite/ListDetailsItem.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-interface ListDetailsItemProps {
+export interface ListDetailsItemProps {
     /**
      * label to show on the left side. In a key/value pair, this is the `key`
      */
@@ -31,4 +31,3 @@ export declare function ListDetailsItem({ label, children, isLoading, border, gu
 export declare namespace ListDetailsItem {
     var displayName: string;
 }
-export {};

package/dist/{src/ui → ui}/composite/ListItem.d.ts

@@ -34,5 +34,5 @@ export type ListItemProps = Props & (({
      */
     tag: 'a';
 } & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'>));
-declare const ListItem: FC<ListItemProps>;
-export { ListItem };
+export declare const ListItem: FC<ListItemProps>;
+export {};

package/dist/{src/ui → ui}/composite/PageError.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-interface PageErrorProps {
+export interface PageErrorProps {
     /**
      * Main page title wrapped in a h1 element
      */
@@ -24,8 +24,7 @@ interface PageErrorProps {
      */
     actionButton?: JSX.Element;
 }
-declare function PageError({ pageTitle, onGoBack, errorName, errorDescription, actionButton, ...rest }: PageErrorProps): JSX.Element;
-declare namespace PageError {
+export declare function PageError({ pageTitle, onGoBack, errorName, errorDescription, actionButton, ...rest }: PageErrorProps): JSX.Element;
+export declare namespace PageError {
     var displayName: string;
 }
-export { PageError };

package/dist/{src/ui → ui}/composite/PageLayout.d.ts

@@ -11,8 +11,7 @@ export interface PageLayoutProps extends Pick<PageHeadingProps, 'title' | 'descr
      */
     mode?: 'test' | 'live';
 }
-declare function PageLayout({ title, description, onGoBack, children, actionButton, mode, gap, minHeight, ...rest }: PageLayoutProps): JSX.Element;
-declare namespace PageLayout {
+export declare function PageLayout({ title, description, onGoBack, children, actionButton, mode, gap, minHeight, ...rest }: PageLayoutProps): JSX.Element;
+export declare namespace PageLayout {
     var displayName: string;
 }
-export { PageLayout };

package/dist/{src/ui → ui}/composite/PageSkeleton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-interface PageSkeletonProps {
+export interface PageSkeletonProps {
     layout?: 'list' | 'details';
     hasHeaderDescription?: boolean;
     delayMs?: number;

package/dist/{src/ui → ui}/composite/Report.d.ts

@@ -12,8 +12,8 @@ export interface ReportProps {
     isLoading?: boolean;
     loadingLines?: number;
 }
-declare function Report({ items, isLoading, loadingLines, ...rest }: ReportProps): JSX.Element;
-declare namespace Report {
+export declare function Report({ items, isLoading, loadingLines, ...rest }: ReportProps): JSX.Element;
+export declare namespace Report {
     var displayName: string;
 }
-export { Report };
+export {};

package/dist/{src/ui → ui}/composite/SearchBar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-interface SearchBarProps {
+export interface SearchBarProps {
     /**
      * Initial value of the search bar. When changed, the search bar will be updated.
      */
@@ -37,4 +37,3 @@ interface SearchBarProps {
  * for the specified value of `debounceMs` (default 500ms).</span>
  */
 export declare const SearchBar: import("react").ForwardRefExoticComponent<SearchBarProps & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/dist/{src/ui → ui}/composite/Timeline.d.ts

@@ -5,6 +5,12 @@ export interface TimelineEvent {
     message: ReactNode;
     note?: string;
 }
+export interface TimelineProps {
+    events: TimelineEvent[];
+    timezone?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+}
 export declare const Timeline: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
     events: TimelineEvent[];
     timezone?: string | undefined;

package/dist/{src/ui → ui}/forms/Input/HookedInput.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type InputProps } from './Input';
-interface Props extends InputProps {
+export interface HookedInputProps extends InputProps {
     /**
      * field name to match hook-form state
      */
@@ -10,8 +10,7 @@ interface Props extends InputProps {
  * `Input` component ready to be used with the `react-hook-form` context.
  * @see InputSelect
  */
-export declare function HookedInput({ name, ...props }: Props): JSX.Element;
+export declare function HookedInput({ name, ...props }: HookedInputProps): JSX.Element;
 export declare namespace HookedInput {
     var displayName: string;
 }
-export {};

package/dist/ui/forms/Input/index.d.ts

@@ -0,0 +1,2 @@
+export { HookedInput, type HookedInputProps } from './HookedInput';
+export { Input, type InputProps } from './Input';

package/dist/{src/ui → ui}/forms/InputCheckbox/HookedInputCheckbox.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type InputCheckboxProps } from './InputCheckbox';
-interface Props extends InputCheckboxProps {
+export interface HookedInputCheckboxProps extends InputCheckboxProps {
     /**
      * field name to match hook-form state
      */
@@ -10,8 +10,7 @@ interface Props extends InputCheckboxProps {
  * `InputCheckbox` component ready to be used with the `react-hook-form` context.
  * @see InputCheckbox
  */
-export declare function HookedInputCheckbox({ name, ...props }: Props): JSX.Element;
+export declare function HookedInputCheckbox({ name, ...props }: HookedInputCheckboxProps): JSX.Element;
 export declare namespace HookedInputCheckbox {
     var displayName: string;
 }
-export {};

package/dist/ui/forms/InputCheckbox/index.d.ts

@@ -0,0 +1,2 @@
+export { HookedInputCheckbox, type HookedInputCheckboxProps } from './HookedInputCheckbox';
+export { InputCheckbox, type InputCheckboxProps } from './InputCheckbox';

package/dist/{src/ui → ui}/forms/InputCheckboxGroup.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-export interface OptionItem {
+interface OptionItem {
     /**
      * Input name, will be used to set the html name for checkbox and the quantity inputs
      * If not provided, the value will be used instead
@@ -21,7 +21,7 @@ export interface OptionItem {
         max: number;
     };
 }
-export interface SelectedItem {
+interface SelectedItem {
     /**
      * Item identifier, should be one of the options
      */
@@ -53,3 +53,4 @@ export declare function InputCheckboxGroup({ options, defaultValues, onChange, t
 export declare namespace InputCheckboxGroup {
     var displayName: string;
 }
+export {};

package/dist/{src/ui → ui}/forms/InputCurrency/HookedInputCurrency.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type InputCurrencyProps } from './InputCurrency';
-interface Props extends Omit<InputCurrencyProps, 'onChange' | 'onBlur' | 'cents'> {
+export interface HookedInputCurrencyProps extends Omit<InputCurrencyProps, 'onChange' | 'onBlur' | 'cents'> {
     /**
      * field name to match hook-form state
      */
@@ -11,8 +11,7 @@ interface Props extends Omit<InputCurrencyProps, 'onChange' | 'onBlur' | 'cents'
  * Value is stored in form state as cents.
  * @see InputCurrency
  */
-export declare function HookedInputCurrency({ name, ...props }: Props): JSX.Element;
+export declare function HookedInputCurrency({ name, ...props }: HookedInputCurrencyProps): JSX.Element;
 export declare namespace HookedInputCurrency {
     var displayName: string;
 }
-export {};

package/dist/ui/forms/InputCurrency/index.d.ts

@@ -0,0 +1,4 @@
+export { HookedInputCurrency, type HookedInputCurrencyProps } from './HookedInputCurrency';
+export { InputCurrency, type InputCurrencyProps } from './InputCurrency';
+export type { CurrencyCode } from './currencies';
+export { formatCentsToCurrency } from './utils';

package/dist/{src/ui → ui}/forms/InputDate/HookedInputDate.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type InputDateProps } from './InputDateComponent';
-interface Props extends Omit<InputDateProps, 'onChange'> {
+export interface HookedInputDateProps extends Omit<InputDateProps, 'onChange'> {
     /**
      * field name to match hook-form state
      */
@@ -11,8 +11,7 @@ interface Props extends Omit<InputDateProps, 'onChange'> {
  * Value is stored in form state as iso date string (example: `"2023-08-01T22:00:00.000Z"` ).
  * @see InputDate
  */
-export declare function HookedInputDate({ name, ...props }: Props): JSX.Element;
+export declare function HookedInputDate({ name, ...props }: HookedInputDateProps): JSX.Element;
 export declare namespace HookedInputDate {
     var displayName: string;
 }
-export {};

package/dist/ui/forms/InputDate/index.d.ts

@@ -0,0 +1,3 @@
+export { HookedInputDate, type HookedInputDateProps } from './HookedInputDate';
+export { InputDate } from './InputDate';
+export type { InputDateProps } from './InputDateComponent';

package/dist/{src/ui → ui}/forms/InputDateRange/HookedInputDateRange.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type InputDateRangeProps } from './InputDateRange';
-interface Props extends Omit<InputDateRangeProps, 'onChange' | 'value'> {
+export interface HookedInputDateRangeProps extends Omit<InputDateRangeProps, 'onChange' | 'value'> {
     /**
      * field name to match hook-form state
      */
@@ -12,8 +12,7 @@ interface Props extends Omit<InputDateRangeProps, 'onChange' | 'value'> {
  * (example: `["2023-08-01T22:00:00.000Z", "2023-08-14T22:00:00.000Z"]` ).
  * @see InputDateRange
  */
-export declare function HookedInputDateRange({ name, ...props }: Props): JSX.Element;
+export declare function HookedInputDateRange({ name, ...props }: HookedInputDateRangeProps): JSX.Element;
 export declare namespace HookedInputDateRange {
     var displayName: string;
 }
-export {};

package/dist/ui/forms/InputDateRange/index.d.ts

@@ -0,0 +1,2 @@
+export { HookedInputDateRange, type HookedInputDateRangeProps } from './HookedInputDateRange';
+export { InputDateRange, type InputDateRangeProps } from './InputDateRange';

package/dist/{src/ui → ui}/forms/InputFeedback.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export type FeedbackVariant = 'danger' | 'success' | 'warning';
+type FeedbackVariant = 'danger' | 'success' | 'warning';
 export interface InputFeedbackProps {
     message: string;
     variant?: FeedbackVariant;
@@ -9,3 +9,4 @@ export declare function InputFeedback({ className, message, variant, ...rest }:
 export declare namespace InputFeedback {
     var displayName: string;
 }
+export {};

package/dist/{src/ui → ui}/forms/InputFile.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type InputWrapperBaseProps } from '../internals/InputWrapper';
-interface InputFileProps extends InputWrapperBaseProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+export interface InputFileProps extends InputWrapperBaseProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
     /**
      * The title is shown within the input.
      */
@@ -11,4 +11,3 @@ interface InputFileProps extends InputWrapperBaseProps, Omit<React.InputHTMLAttr
     progress?: number;
 }
 export declare const InputFile: import("react").ForwardRefExoticComponent<InputFileProps & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/dist/{src/ui → ui}/forms/InputRadioGroup.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-export interface OptionItem {
+interface OptionItem {
     /**
      * Item identifier, must be unique and will be used for the onChange callback
      */
@@ -51,3 +51,4 @@ export declare const InputRadioGroup: import('../atoms/SkeletonTemplate').Skelet
     delayMs?: number | undefined;
     isLoading?: boolean | undefined;
 }>;
+export {};

package/dist/{src/ui → ui}/forms/InputReadonly.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type InputWrapperBaseProps } from '../internals/InputWrapper';
-interface InputReadonlyProps extends InputWrapperBaseProps {
+export interface InputReadonlyProps extends InputWrapperBaseProps {
     /**
      * Controlled value
      */
@@ -22,4 +22,3 @@ export declare function InputReadonly({ value, wrapperClassName, inputClassName,
 export declare namespace InputReadonly {
     var displayName: string;
 }
-export {};

package/dist/{src/ui → ui}/forms/InputResourceGroup/HookedInputResourceGroup.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type InputResourceGroupProps } from './InputResourceGroup';
-interface Props extends Omit<InputResourceGroupProps, 'onChange' | 'defaultValues'> {
+export interface HookedInputResourceGroupProps extends Omit<InputResourceGroupProps, 'onChange' | 'defaultValues'> {
     /**
      * field name to match hook-form state
      */
@@ -11,5 +11,4 @@ interface Props extends Omit<InputResourceGroupProps, 'onChange' | 'defaultValue
  * Since it will perform api requests to fetch list of options, it also needs to access `CoreSdkProvider` context.
  * @see InputResourceGroup
  */
-export declare const HookedInputResourceGroup: React.FC<Props>;
-export {};
+export declare const HookedInputResourceGroup: React.FC<HookedInputResourceGroupProps>;

package/dist/ui/forms/InputResourceGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { HookedInputResourceGroup, type HookedInputResourceGroupProps } from './HookedInputResourceGroup';
+export { InputResourceGroup, type InputResourceGroupProps } from './InputResourceGroup';

package/dist/{src/ui → ui}/forms/InputSelect/AsyncComponent.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { type StylesConfig } from 'react-select';
 import { type SetRequired } from 'type-fest';
-import { type InputSelectProps, type SelectValue } from './InputSelect';
+import { type InputSelectProps, type InputSelectValue } from './InputSelect';
 interface AsyncSelectComponentProps extends Omit<SetRequired<InputSelectProps, 'loadAsyncValues'>, 'label' | 'hint'> {
-    styles: StylesConfig<SelectValue>;
+    styles: StylesConfig<InputSelectValue>;
 }
 export declare const AsyncSelectComponent: React.FC<AsyncSelectComponentProps>;
 export {};

package/dist/{src/ui → ui}/forms/InputSelect/HookedInputSelect.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type InputSelectProps } from './InputSelect';
-interface Props extends Omit<InputSelectProps, 'onSelect' | 'defaultValue'> {
+export interface HookedInputSelectProps extends Omit<InputSelectProps, 'onSelect' | 'defaultValue'> {
     /**
      * field name to match hook-form state
      */
@@ -27,5 +27,4 @@ interface Props extends Omit<InputSelectProps, 'onSelect' | 'defaultValue'> {
  * Value to be stored in the field can be controlled from the `pathToValue` prop.
  * @see InputSelect
  */
-export declare const HookedInputSelect: React.FC<Props>;
-export {};
+export declare const HookedInputSelect: React.FC<HookedInputSelectProps>;

package/dist/{src/ui → ui}/forms/InputSelect/InputSelect.d.ts

@@ -3,23 +3,23 @@ import { type FocusEventHandler } from 'react';
 import { type MultiValue, type Options, type SingleValue } from 'react-select';
 export type GroupedSelectValues = Array<{
     label: string;
-    options: SelectValue[];
+    options: InputSelectValue[];
 }>;
-export interface SelectValue {
+export interface InputSelectValue {
     value: string | number;
     label: string;
     meta?: Record<string, any>;
 }
-export type PossibleSelectValue = MultiValue<SelectValue> | SingleValue<SelectValue>;
+export type PossibleSelectValue = MultiValue<InputSelectValue> | SingleValue<InputSelectValue>;
 export interface InputSelectProps extends InputWrapperBaseProps {
     /**
      * Initial values to populate the select options. It can be a flat array of values or a grouped array.
      */
-    initialValues: GroupedSelectValues | SelectValue[];
+    initialValues: GroupedSelectValues | InputSelectValue[];
     /**
      * Selected value or values, in case of `isMulti`
      */
-    defaultValue?: SelectValue | SelectValue[];
+    defaultValue?: InputSelectValue | InputSelectValue[];
     /**
      * Placeholder text to display when no value is selected
      */
@@ -51,7 +51,7 @@ export interface InputSelectProps extends InputWrapperBaseProps {
     /**
      * Custom rule to disable an option
      */
-    isOptionDisabled?: (option: SelectValue, selectValue: Options<SelectValue>) => boolean;
+    isOptionDisabled?: (option: InputSelectValue, selectValue: Options<InputSelectValue>) => boolean;
     /**
      * Callback triggered when a value is selected.
      */
@@ -79,7 +79,7 @@ export interface InputSelectProps extends InputWrapperBaseProps {
     /**
      * Function to load async values on search
      */
-    loadAsyncValues?: (inputValue: string) => Promise<GroupedSelectValues | SelectValue[]>;
+    loadAsyncValues?: (inputValue: string) => Promise<GroupedSelectValues | InputSelectValue[]>;
     /**
      * Debounce time in milliseconds for async search.
      * It only works when `loadAsyncValues` is provided

package/dist/{src/ui → ui}/forms/InputSelect/SelectComponent.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { type StylesConfig } from 'react-select';
-import { type InputSelectProps, type SelectValue } from './InputSelect';
+import { type InputSelectProps, type InputSelectValue } from './InputSelect';
 interface SelectComponentProps extends Omit<InputSelectProps, 'loadAsyncValues' | 'label' | 'hint'> {
-    styles: StylesConfig<SelectValue>;
+    styles: StylesConfig<InputSelectValue>;
 }
 export declare const SelectComponent: React.FC<SelectComponentProps>;
 export {};

package/dist/ui/forms/InputSelect/index.d.ts

@@ -0,0 +1,3 @@
+export { HookedInputSelect, type HookedInputSelectProps } from './HookedInputSelect';
+export { InputSelect, type InputSelectProps, type InputSelectValue } from './InputSelect';
+export { flatSelectValues, getDefaultValueFromFlatten, isGroupedSelectValues, isMultiValueSelected, isSingleValueSelected } from './utils';

package/dist/{src/ui → ui}/forms/InputSelect/overrides.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import { type ClearIndicatorProps, type DropdownIndicatorProps, type GroupBase, type MultiValueGenericProps, type MultiValueRemoveProps } from 'react-select';
-import { type SelectValue } from '.';
-declare function DropdownIndicator(props: DropdownIndicatorProps<SelectValue>): JSX.Element;
-declare function ClearIndicator(props: ClearIndicatorProps<SelectValue>): JSX.Element;
-declare function MultiValueContainer(props: MultiValueGenericProps<MultiValueGenericProps<SelectValue, boolean, GroupBase<SelectValue>>>): JSX.Element;
-declare function MultiValueLabel(props: MultiValueGenericProps<MultiValueGenericProps<SelectValue, boolean, GroupBase<SelectValue>>>): string;
-declare function MultiValueRemove(props: MultiValueRemoveProps<SelectValue>): JSX.Element;
+import { type InputSelectValue } from '.';
+declare function DropdownIndicator(props: DropdownIndicatorProps<InputSelectValue>): JSX.Element;
+declare function ClearIndicator(props: ClearIndicatorProps<InputSelectValue>): JSX.Element;
+declare function MultiValueContainer(props: MultiValueGenericProps<MultiValueGenericProps<InputSelectValue, boolean, GroupBase<InputSelectValue>>>): JSX.Element;
+declare function MultiValueLabel(props: MultiValueGenericProps<MultiValueGenericProps<InputSelectValue, boolean, GroupBase<InputSelectValue>>>): string;
+declare function MultiValueRemove(props: MultiValueRemoveProps<InputSelectValue>): JSX.Element;
 declare const selectComponentOverrides: {
     DropdownIndicator: typeof DropdownIndicator;
     IndicatorSeparator: () => null;

package/dist/{src/ui → ui}/forms/InputSelect/styles.d.ts

@@ -1,4 +1,4 @@
 import { type InputFeedbackProps } from '../../forms/InputFeedback';
 import { type StylesConfig } from 'react-select';
-import { type SelectValue } from '.';
-export declare const getSelectStyles: (feedbackVariant?: InputFeedbackProps['variant']) => StylesConfig<SelectValue>;
+import { type InputSelectValue } from '.';
+export declare const getSelectStyles: (feedbackVariant?: InputFeedbackProps['variant']) => StylesConfig<InputSelectValue>;

package/dist/{src/ui → ui}/forms/InputSelect/utils.d.ts

@@ -1,20 +1,20 @@
-import { type GroupedSelectValues, type PossibleSelectValue, type SelectValue } from './InputSelect';
+import { type GroupedSelectValues, type InputSelectValue, type PossibleSelectValue } from './InputSelect';
 /**
  * Helper function to understand and refine type of a single selected value
  * @param selectedValue possible value returned from select component
  * @returns true if selected value is single, from this point TypeScript will treat this as `SelectValue` type
  */
-export declare function isSingleValueSelected(selectedValue: PossibleSelectValue): selectedValue is SelectValue;
+export declare function isSingleValueSelected(selectedValue: PossibleSelectValue): selectedValue is InputSelectValue;
 /**
  * Helper function to understand and refine type of a set of selected values
  * @param selectedValue possible value returned from select component
  * @returns true if selected value is an array of selected values, from this point TypeScript will treat this as `SelectValue[]` type
  */
-export declare function isMultiValueSelected(selectedValue: PossibleSelectValue): selectedValue is SelectValue[];
+export declare function isMultiValueSelected(selectedValue: PossibleSelectValue): selectedValue is InputSelectValue[];
 /**
  * Type-guard to check if prop `initialValues` is a GroupedSelectValues or SelectValue
  */
-export declare function isGroupedSelectValues(initialValues?: GroupedSelectValues | SelectValue[]): initialValues is GroupedSelectValues;
+export declare function isGroupedSelectValues(initialValues?: GroupedSelectValues | InputSelectValue[]): initialValues is GroupedSelectValues;
 /**
  * Helper function to extract only a specific property from the `SelectValue`
  * @param selectedValue possible value returned from select component
@@ -43,6 +43,6 @@ export declare function flatSelectValues(selectedValue: PossibleSelectValue, pat
  */
 export declare function getDefaultValueFromFlatten({ currentValue, initialValues, pathToValue }: {
     currentValue?: string | Array<string | number> | null;
-    initialValues?: GroupedSelectValues | SelectValue[];
+    initialValues?: GroupedSelectValues | InputSelectValue[];
     pathToValue?: string;
-}): SelectValue | SelectValue[] | undefined;
+}): InputSelectValue | InputSelectValue[] | undefined;

package/dist/{src/ui → ui}/forms/InputSimpleSelect/HookedInputSimpleSelect.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type InputSimpleSelectProps } from './InputSimpleSelect';
-interface Props extends InputSimpleSelectProps {
+export interface HookedInputSimpleSelectProps extends InputSimpleSelectProps {
     /**
      * field name to match hook-form state
      */
@@ -14,8 +14,7 @@ interface Props extends InputSimpleSelectProps {
  * `InputToggleListBox` component ready to be used with the `react-hook-form` context.
  * @see InputSimpleSelect
  */
-export declare function HookedInputSimpleSelect({ name, showValidation, ...props }: Props): JSX.Element;
+export declare function HookedInputSimpleSelect({ name, showValidation, ...props }: HookedInputSimpleSelectProps): JSX.Element;
 export declare namespace HookedInputSimpleSelect {
     var displayName: string;
 }
-export {};

package/dist/{src/ui → ui}/forms/InputSimpleSelect/InputSimpleSelect.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type InputWrapperBaseProps } from '../../internals/InputWrapper';
-export interface InputSimpleSelectOption {
+interface InputSimpleSelectOption {
     value: string;
     label: string;
 }
@@ -10,3 +10,4 @@ export interface InputSimpleSelectProps extends InputWrapperBaseProps, Omit<Reac
     className?: string;
 }
 export declare const InputSimpleSelect: import("react").ForwardRefExoticComponent<InputSimpleSelectProps & import("react").RefAttributes<HTMLSelectElement>>;
+export {};