@zonos/amino 5.1.39 → 5.1.40

package/components/button/RippleGroup.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import type { Color } from "../../types";
-export interface RippleActions {
+export type RippleActions = {
     start: (event: React.SyntheticEvent) => void;
-}
+};
 export type RippleGroupProps = {
     /**
      * @default 'inherit'

package/components/button/useRipple.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import type { RippleActions } from "./RippleGroup";
-interface IRippleEventHandlers {
+type RippleEventHandlers = {
     onMouseDown: React.MouseEventHandler;
-}
+};
 type Props = {
     disabled: boolean;
     rippleEnabled: boolean;
@@ -10,7 +10,7 @@ type Props = {
 };
 type Return = {
     /** Combines event handlers */
-    getRippleHandlers(otherEvents: Partial<IRippleEventHandlers>): IRippleEventHandlers;
+    getRippleHandlers(otherEvents: Partial<RippleEventHandlers>): RippleEventHandlers;
     rippleEnabled: boolean;
 };
 export declare const useRipple: ({ disabled, rippleEnabled, rippleRef, }: Props) => Return;

package/components/select/CountryMultiSelect.d.ts

@@ -4,7 +4,7 @@ import { type HelpTextProps } from "../help-text/HelpText";
 import { type CountryOption, type UnavailableCountry } from "../../types/Country";
 import type { SelectOption } from "../../types/SelectOption";
 export declare const MenuList: <Option extends SelectOption, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, ...props }: MenuListProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
-export interface CountryMultiSelectProps<Option extends SelectOption<string> = SelectOption<string>, IsMulti extends true = true, Group extends GroupBase<Option> = GroupBase<Option>> extends Omit<Props<Option, IsMulti, Group>, 'isMulti' | 'onChange' | 'options' | 'value'>, HelpTextProps {
+export type CountryMultiSelectProps<Option extends SelectOption<string> = SelectOption<string>, IsMulti extends true = true, Group extends GroupBase<Option> = GroupBase<Option>> = {
     components?: SelectComponentsConfig<Option, IsMulti, Group>;
     countryOptions: CountryOption<Option['value']>[];
     icon?: ReactNode;
@@ -13,5 +13,5 @@ export interface CountryMultiSelectProps<Option extends SelectOption<string> = S
     unavailableCountries: UnavailableCountry[];
     value: Option['value'][];
     onChange: (countryCodes: Option['value'][]) => void;
-}
+} & Omit<Props<Option, IsMulti, Group>, 'isMulti' | 'onChange' | 'options' | 'value'> & HelpTextProps;
 export declare const CountryMultiSelect: <T extends string>({ countryOptions, label, onChange, unavailableCountries, value, ...props }: CountryMultiSelectProps<SelectOption<T>, true, GroupBase<SelectOption<T>>>) => import("react/jsx-runtime").JSX.Element;

package/components/select/CountryPhoneSelect.d.ts

@@ -3,7 +3,7 @@ import { type GroupBase, type Props, type SelectComponentsConfig, type StylesCon
 import type { HelpTextProps } from "../help-text/HelpText";
 import type { CountryOption } from "../../types/Country";
 import type { SelectOption } from "../../types/SelectOption";
-export interface CountryPhoneSelectProps<Option extends SelectOption = SelectOption, IsMulti extends false = false, Group extends GroupBase<Option> = GroupBase<Option>> extends Omit<Props<Option, IsMulti, Group>, 'isMulti' | 'onChange' | 'value'>, HelpTextProps {
+export type CountryPhoneSelectProps<Option extends SelectOption = SelectOption, IsMulti extends false = false, Group extends GroupBase<Option> = GroupBase<Option>> = {
     components?: SelectComponentsConfig<Option, IsMulti, Group>;
     countryOptions: CountryOption[];
     hasGroups?: boolean;
@@ -14,5 +14,5 @@ export interface CountryPhoneSelectProps<Option extends SelectOption = SelectOpt
     styles?: StylesConfig<Option, IsMulti, Group>;
     setPhone: (changed: string) => void;
     setPhoneCountry: (changed: CountryOption | null) => void;
-}
+} & Omit<Props<Option, IsMulti, Group>, 'isMulti' | 'onChange' | 'value'> & HelpTextProps;
 export declare const CountryPhoneSelect: ({ countryOptions, icon, label, phone, phoneCountry, setPhone, setPhoneCountry, ...props }: CountryPhoneSelectProps<CountryOption>) => import("react/jsx-runtime").JSX.Element;

package/components/select/MultiSelect.d.ts

@@ -3,7 +3,7 @@ import type { GroupBase, Props, PropsValue, SelectComponentsConfig, StylesConfig
 import { type HelpTextProps } from "../help-text/HelpText";
 import type { SelectOption } from "../../types/SelectOption";
 type RequiredProps = 'onChange' | 'options' | 'value';
-export interface MultiSelectProps<Option extends SelectOption = SelectOption, IsMulti extends true = true, Group extends GroupBase<Option> = GroupBase<Option>> extends Omit<Props<Option, IsMulti, Group>, 'isMulti' | RequiredProps>, Required<Pick<Props<Option, IsMulti, Group>, RequiredProps>>, HelpTextProps {
+export type MultiSelectProps<Option extends SelectOption = SelectOption, IsMulti extends true = true, Group extends GroupBase<Option> = GroupBase<Option>> = {
     components?: SelectComponentsConfig<Option, IsMulti, Group>;
     hasGroups?: boolean;
     icon?: ReactNode;
@@ -14,7 +14,7 @@ export interface MultiSelectProps<Option extends SelectOption = SelectOption, Is
      * value: { label: string; value: string; }[];
      */
     value: PropsValue<Option>;
-}
+} & Omit<Props<Option, IsMulti, Group>, 'isMulti' | RequiredProps> & Required<Pick<Props<Option, IsMulti, Group>, RequiredProps>> & HelpTextProps;
 export type GroupOption<Option extends SelectOption> = {
     data: Option;
     index: 0;

package/components/select/Select.d.ts

@@ -4,7 +4,7 @@ import { type HelpTextProps } from "../help-text/HelpText";
 import type { SelectOption } from "../../types/SelectOption";
 import type { Size } from "../../types/Size";
 type RequiredProps = 'options' | 'value';
-export interface SelectProps<Option extends SelectOption = SelectOption, IsMulti extends false = false, Group extends GroupBase<Option> = GroupBase<Option>> extends Omit<Props<Option, IsMulti, Group>, 'isMulti' | RequiredProps>, Required<Pick<Props<Option, IsMulti, Group>, RequiredProps>>, HelpTextProps {
+export type SelectProps<Option extends SelectOption = SelectOption, IsMulti extends false = false, Group extends GroupBase<Option> = GroupBase<Option>> = {
     /** Close the select dropdown menu when scrolling outside of menu to prevent graphical jank */
     closeOnOutsideScroll?: boolean;
     components?: SelectComponentsConfig<Option, IsMulti, Group>;
@@ -27,6 +27,6 @@ export interface SelectProps<Option extends SelectOption = SelectOption, IsMulti
      * onChange={changed => setExampleValue(changed?.value || null)}
      */
     onChange: (changed: Option | null, actionMeta: ActionMeta<Option>) => void;
-}
+} & Omit<Props<Option, IsMulti, Group>, 'isMulti' | RequiredProps> & Required<Pick<Props<Option, IsMulti, Group>, RequiredProps>> & HelpTextProps;
 export declare const Select: <Option extends SelectOption, Group extends GroupBase<Option> = GroupBase<Option>>({ isClearable, label, value, ...props }: SelectProps<Option, false, Group>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/select/_StyledReactSelect.d.ts

@@ -11,11 +11,11 @@ type AdditionalProps<Value> = {
     customOption?: (value: Value) => ReactNode;
 };
 export declare const CheckboxOptionComponent: <Option extends SelectOption, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
-export interface StyledReactSelectProps<Option extends SelectOption, IsMulti extends boolean, Group extends GroupBase<Option>> extends Props<Option, IsMulti, Group>, HelpTextProps, AdditionalProps<Option['value']> {
+export type StyledReactSelectProps<Option extends SelectOption, IsMulti extends boolean, Group extends GroupBase<Option>> = {
     closeOnOutsideScroll?: boolean;
     components?: SelectComponentsConfig<Option, IsMulti, Group>;
     size?: Size;
     styles?: StylesConfig<Option, IsMulti, Group>;
-}
+} & Props<Option, IsMulti, Group> & HelpTextProps & AdditionalProps<Option['value']>;
 export declare const StyledReactSelect: <Option extends SelectOption, IsMulti extends boolean, Group extends GroupBase<Option>>({ closeOnOutsideScroll, components, customOption, error, hasGroups, helpText, icon, label, menuPosition, placeholder, size, styles, ...props }: StyledReactSelectProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/sortable-list/SortableList.d.ts

@@ -1,10 +1,10 @@
 import type { ReactNode } from 'react';
 import type { SortingStrategy } from '@dnd-kit/sortable/dist/types';
 import type { DragEndEvent } from "./SortableListDeps";
-export interface SortableListProps {
+export type SortableListProps = {
     children: ReactNode;
     itemIds: string[];
     sortingStrategy?: SortingStrategy;
     handleDragEnd: (e: DragEndEvent) => void;
-}
+};
 export declare const SortableList: ({ children, handleDragEnd, itemIds, sortingStrategy, }: SortableListProps) => import("react/jsx-runtime").JSX.Element;

package/components/sortable-list/SortableListItem.d.ts

@@ -1,9 +1,9 @@
 import type { ReactNode } from 'react';
-export interface SortableListItemProps {
+export type SortableListItemProps = {
     children: ReactNode;
     handleIconSize?: number;
     id: string;
     useHandle?: boolean;
-}
+};
 /** @description This must be a direct child of SortableList */
 export declare const SortableListItem: ({ children, handleIconSize, id, useHandle, }: SortableListItemProps) => import("react/jsx-runtime").JSX.Element;

package/components/stack/Stack.d.ts

@@ -1,12 +1,12 @@
 import type { HTMLAttributes, ReactNode } from 'react';
 import type { GridAlignment, GridSpacing } from "../../types";
 type DivProps = Omit<HTMLAttributes<HTMLDivElement>, 'translate' | 'style' | 'prefix' | 'contentEditable' | 'inputMode' | 'children'>;
-export interface StackProps extends DivProps {
+export type StackProps = {
     /** @default 'unset' */
     alignment?: GridAlignment;
     children: ReactNode;
     /** @default 24 */
     spacing?: GridSpacing;
-}
+} & DivProps;
 export declare const Stack: ({ alignment, children, ...otherProps }: StackProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/tag/Tag.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 type TagSize = 'base' | 'lg';
-export interface TagProps {
+export type TagProps = {
     children?: ReactNode | string;
     className?: string;
     icon?: ReactNode;
@@ -8,6 +8,6 @@ export interface TagProps {
     size?: TagSize;
     onClick?: () => void;
     onClose: () => void;
-}
+};
 export declare const Tag: ({ children, className, icon, iconRight, onClick, onClose, size, }: TagProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "5.1.39",
+  "version": "5.1.40",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",

package/types/BaseProps.d.ts

@@ -1,7 +1,7 @@
 /**
  * All components props should extend this interface.
  */
-export interface BaseProps {
+export type BaseProps = {
     /** For styled-components styling */
     className?: string;
-}
+};

package/types/Country.d.ts

@@ -2,7 +2,7 @@ import type { SelectOption } from "./SelectOption";
 export declare const regions: readonly ["Africa", "Americas", "Asia", "Central America", "Europe", "North America", "Oceania", "South America"];
 type Region = (typeof regions)[number];
 /** @desc /api/address/getCountries */
-export interface Country<CountryCode extends string = string> {
+export type Country<CountryCode extends string = string> = {
     active: boolean;
     code: CountryCode;
     code3: string | null;
@@ -14,20 +14,20 @@ export interface Country<CountryCode extends string = string> {
     region: Region;
     upsCode: string | null;
     zipRegex: string | null;
-}
-export interface CountryOption<CountryCode extends string = string> extends Country<CountryCode>, SelectOption<CountryCode> {
+};
+export type CountryOption<CountryCode extends string = string> = {
     phoneCode: string[];
-}
-export interface RegionCountryOption {
+} & Country<CountryCode> & SelectOption<CountryCode>;
+export type RegionCountryOption = {
     label: Region;
     options: CountryOption[];
-}
-export interface UnavailableCountry {
+};
+export type UnavailableCountry = {
     code: string;
     message: string;
-}
+};
 /** @desc /api/address/getCountries */
-export interface GetCountriesResponse<CountryCode extends string = string> {
+export type GetCountriesResponse<CountryCode extends string = string> = {
     [key: string]: Country<CountryCode>;
-}
+};
 export {};

package/types/FetcherError.d.ts

@@ -1,5 +1,5 @@
 import type { JsonError } from "./JsonError";
-export interface FetcherError {
+export type FetcherError = {
     errors: JsonError[];
     status: number;
-}
+};

package/types/JsonError.d.ts

@@ -1,5 +1,5 @@
-export interface JsonError {
+export type JsonError = {
     errorId?: number;
     message: string;
     type: string;
-}
+};

package/types/SwrtParams.d.ts

@@ -1,4 +1,4 @@
-export interface SwrtParams<T> {
+export type SwrtParams<T> = {
     json: T | null;
     response: Response | null;
-}
+};