@redsift/design-system 11.6.0-muiv5-alpha.4 → 11.6.0-muiv5-alpha.5

package/_internal/types20.js

@@ -0,0 +1,47 @@
+import { ComponentProps } from 'react';
+import { V as ValueOf } from './helpers.js';
+import { h as StylingProps } from './styles2.js';
+import { c as PresentationColorPalette, d as NeutralColorPalette, T as Theme } from './colors.js';
+
+/**
+ * Component size.
+ */
+declare const PillSize: {
+    readonly small: "small";
+    readonly large: "large";
+    readonly xlarge: "xlarge";
+};
+type PillSize = ValueOf<typeof PillSize>;
+/**
+ * Component props.
+ */
+interface PillProps extends ComponentProps<'div'>, StylingProps {
+    /** Whether the badge should automatically break content. */
+    autoBreak?: boolean;
+    /** Color to use for border. */
+    borderColor?: string;
+    /** Color variant. The product colors are available but should only be used to display the Pill in the color of another product. To display a Pill with a color of the current product, use `default`. */
+    color?: PresentationColorPalette | NeutralColorPalette | 'error' | 'warning' | 'success' | 'error-dark' | 'warning-dark' | 'success-dark' | (string & {});
+    /** Color to use when disabled. */
+    disabledColor?: string;
+    /** Color to use on hover. */
+    hoverColor?: string;
+    /** Whether the Pill is disabled or not. */
+    isDisabled?: boolean;
+    /** Size of the Pill. */
+    size?: PillSize;
+    /** Theme. */
+    theme?: Theme;
+}
+type StyledPillProps = Omit<PillProps, 'color' | 'autoBreak'> & {
+    $autoBreak: PillProps['autoBreak'];
+    $borderColor: PillProps['borderColor'];
+    $color: PillProps['color'];
+    $disabledColor: PillProps['disabledColor'];
+    $hoverColor: PillProps['hoverColor'];
+    $isDisabled: PillProps['isDisabled'];
+    $size: PillProps['size'];
+    $theme: PillProps['theme'];
+};
+
+export { PillSize as P, StyledPillProps as S, PillProps as a };

package/_internal/types21.js

@@ -0,0 +1,68 @@
+import { ComponentProps } from 'react';
+import { V as ValueOf } from './helpers.js';
+import { h as StylingProps } from './styles2.js';
+import { T as Theme } from './colors.js';
+
+/**
+ * Context props.
+ */
+type RadioGroupState = {
+    /** Whether the radio group is disabled or not. */
+    readonly isDisabled: boolean;
+    /** Whether the radio group is read only or not. */
+    readonly isReadOnly: boolean;
+    /** Sets the selected value. */
+    setValue(value: string): void;
+    /** Current selected value. */
+    readonly value: string;
+};
+/**
+ * Component orientation.
+ */
+declare const RadioGroupOrientation: {
+    readonly horizontal: "horizontal";
+    readonly vertical: "vertical";
+};
+type RadioGroupOrientation = ValueOf<typeof RadioGroupOrientation>;
+/**
+ * Component props.
+ */
+interface RadioGroupProps extends Omit<ComponentProps<'div'>, 'onChange'>, StylingProps {
+    /**
+     * Default selected value.
+     * Used for uncontrolled version.
+     */
+    defaultValue?: string;
+    /** Description of the radio group. */
+    description?: string;
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+    /** Whether the component is invalid or not. */
+    isInvalid?: boolean;
+    /** Whether the component is read only or not. */
+    isReadOnly?: boolean;
+    /** Whether the component is required or not. */
+    isRequired?: boolean;
+    /** Label of the radio group. */
+    label?: string;
+    /** Method to handle component change. */
+    onChange?(values: string): void;
+    /** Method to handle component change. */
+    orientation?: RadioGroupOrientation;
+    /** Theme. */
+    theme?: Theme;
+    /**
+     * Currently selected value.
+     * Used for controlled version.
+     */
+    value?: string;
+}
+type StyledRadioGroupProps = Omit<RadioGroupProps, 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'orientation' | 'isRequired'> & {
+    $isDisabled: RadioGroupProps['isDisabled'];
+    $isInvalid: RadioGroupProps['isInvalid'];
+    $isReadOnly: RadioGroupProps['isReadOnly'];
+    $orientation: RadioGroupProps['orientation'];
+    $theme: RadioGroupProps['theme'];
+};
+
+export { RadioGroupState as R, StyledRadioGroupProps as S, RadioGroupOrientation as a, RadioGroupProps as b };

package/_internal/types22.js

@@ -0,0 +1,52 @@
+import { ComponentProps } from 'react';
+import { V as ValueOf } from './helpers.js';
+import { h as StylingProps } from './styles2.js';
+import { T as Theme, N as NotificationsColorPalette, b as ProductColorPalette } from './colors.js';
+
+/**
+ * Component variant.
+ */
+declare const ShieldVariant: {
+    readonly success: "success";
+    readonly successLocked: "successLocked";
+    readonly successUnlocked: "successUnlocked";
+    readonly fail: "fail";
+    readonly failLocked: "failLocked";
+    readonly failUnlocked: "failUnlocked";
+    readonly warning: "warning";
+    readonly warningLocked: "warningLocked";
+    readonly warningUnlocked: "warningUnlocked";
+    readonly ignored: "ignored";
+    readonly noData: "noData";
+    readonly question: "question";
+    readonly email: "email";
+};
+type ShieldVariant = ValueOf<typeof ShieldVariant>;
+/**
+ * Component props.
+ */
+interface ShieldProps extends ComponentProps<'div'>, StylingProps {
+    /** Indicates whether the element is exposed to an accessibility API. */
+    'aria-hidden'?: boolean | 'false' | 'true';
+    /** A screen reader only label for the Icon. */
+    'aria-label'?: string;
+    /** Additional properties to forward to the SVG tag. */
+    svgProps?: ComponentProps<'svg'>;
+    /** Whether the shield has an outline or not. */
+    isOutlined?: boolean;
+    /** Whether the shield has its colors reversed or not. */
+    isReversed?: boolean;
+    /** Theme. */
+    theme?: Theme;
+    /** Shield variant. */
+    variant?: ShieldVariant;
+}
+type StyledShieldProps = Omit<ShieldProps, 'color'> & {
+    $color?: NotificationsColorPalette | ProductColorPalette | (string & {});
+    $isOutlined: ShieldProps['isOutlined'];
+    $isReversed: ShieldProps['isReversed'];
+    $theme: ShieldProps['theme'];
+    $variant: ShieldProps['variant'];
+};
+
+export { ShieldVariant as S, ShieldProps as a, StyledShieldProps as b };

package/_internal/types23.js

@@ -0,0 +1,174 @@
+import { ComponentProps, MutableRefObject, ElementType, RefObject, Dispatch, SetStateAction } from 'react';
+import { b as IconProps } from './types17.js';
+import { a as BadgeProps } from './types2.js';
+import { T as Theme } from './colors.js';
+import { V as ValueOf } from './helpers.js';
+
+/**
+ * Context props.
+ */
+type SideNavigationMenuContextProps = {
+    menuItems: Set<HTMLAnchorElement | HTMLButtonElement>;
+};
+/**
+ * Reducer props.
+ */
+type SideNavigationMenuReducerState = {
+    isExpanded: boolean;
+    currentIndex: number;
+    previousIndex: number;
+};
+declare enum SideNavigationMenuReducerActionType {
+    Expand = "expand",
+    Collapse = "collapse",
+    Move = "move"
+}
+type SideNavigationMenuReducerAction = {
+    type: SideNavigationMenuReducerActionType;
+    index?: number;
+};
+/**
+ * Component props.
+ */
+interface SideNavigationMenuProps extends ComponentProps<'div'> {
+    /** Custom props to pass to the button. */
+    buttonProps?: ComponentProps<'button'>;
+    /** Custom ref to pass to the button. */
+    buttonRef?: MutableRefObject<HTMLButtonElement>;
+    /** Custom props to pass to the Badge component, if any. */
+    badgeProps?: Omit<BadgeProps, 'ref'>;
+    /** Whether or not the menu contains children that have a badge. */
+    hasBadge?: boolean;
+    /**
+     * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
+     * Can also be a ReactElement.
+     */
+    icon?: IconProps['icon'];
+    /** Custom props to pass to the Icon component. */
+    iconProps?: Omit<IconProps, 'ref' | 'icon'>;
+    /** Custom ref to pass to the Icon component. */
+    iconRef?: MutableRefObject<HTMLElement>;
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+    /** Whether the menu is expanded or not. */
+    isExpanded?: boolean;
+    /** By default, the badge is hidden when the menu is expanded. This prop controls this behavior. */
+    keepBadgeVisible?: boolean;
+    /** Custom props to pass to the menu. */
+    menuProps?: ComponentProps<'ul'>;
+    /** Custom ref to pass to the menu. */
+    menuRef?: MutableRefObject<HTMLUListElement>;
+    /** Theme. */
+    theme?: Theme;
+}
+type StyledSideNavigationMenuProps = Omit<SideNavigationMenuProps, 'isDisabled' | 'isExpanded'> & {
+    $isDisabled: SideNavigationMenuProps['isDisabled'];
+    $isExpanded: SideNavigationMenuProps['isExpanded'];
+    $numberOfChildren: number;
+    $variant: SideNavigationMenuBarVariant;
+    $theme: SideNavigationMenuProps['theme'];
+};
+
+/**
+ * Component props.
+ */
+interface SideNavigationMenuItemProps extends ComponentProps<'a'> {
+    /** Prop to pass a custom react component instead of a simple HTML anchor (useful for Nextjs or React Router Link component). */
+    as?: 'a' | ElementType;
+    /** Text or number that should be displayed inside a badge next to the menu item text. */
+    badge?: number | string;
+    /** Custom props to pass to the Badge component, if any. */
+    badgeProps?: Omit<BadgeProps, 'ref'>;
+    /** Color variant. */
+    color?: string;
+    /** Whether the menu item has a border or not. */
+    hasBorder?: boolean;
+    /** Href is required for this component. */
+    href: ComponentProps<'a'>['href'];
+    /**
+     * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
+     * Can also be a ReactElement.
+     */
+    icon?: IconProps['icon'];
+    /** Custom props to pass to the Icon component. */
+    iconProps?: Omit<IconProps, 'ref' | 'icon'>;
+    /** Custom ref to pass to the Icon component. */
+    iconRef?: RefObject<HTMLElement>;
+    /** Whether the component is active or not. */
+    isCurrent?: boolean;
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+    /** Whether the component is a second-level menu item. */
+    isSecondLevel?: boolean;
+    /** Theme. */
+    theme?: Theme;
+}
+type StyledSideNavigationMenuItemProps = Omit<SideNavigationMenuItemProps, 'isCurrent' | 'isDisabled' | 'isSecondLevel' | 'hasBorder'> & {
+    $color: SideNavigationMenuItemProps['color'];
+    $hasIcon: boolean;
+    $isCurrent: SideNavigationMenuItemProps['isCurrent'];
+    $isDisabled: SideNavigationMenuItemProps['isDisabled'];
+    $isSecondLevel: SideNavigationMenuItemProps['isSecondLevel'];
+    $variant: SideNavigationMenuBarVariant;
+    $theme: SideNavigationMenuItemProps['theme'];
+};
+
+/**
+ * Component variant.
+ */
+declare const SideNavigationMenuBarVariant: {
+    readonly shrinked: "shrinked";
+    readonly standard: "standard";
+};
+type SideNavigationMenuBarVariant = ValueOf<typeof SideNavigationMenuBarVariant>;
+/**
+ * Context props.
+ */
+type SideNavigationMenuBarContextProps = {
+    /** List of menu items. */
+    menuItems: Set<HTMLAnchorElement | HTMLButtonElement>;
+    /** Side navigation variant. */
+    sideNavigationMenuBarVariant: SideNavigationMenuBarVariant;
+    /** Change side navigation variant. */
+    setSideNavigationMenuBarVariant: Dispatch<SetStateAction<SideNavigationMenuBarVariant>>;
+    /** Current open menu, used to close other menu when canHaveMultipleMenuOpenAtOnce is false. */
+    currentOpenMenuId?: string;
+    /** Change current open menu id. */
+    setCurrentOpenMenuId?: Dispatch<SetStateAction<string | undefined>>;
+};
+/**
+ * Component props.
+ */
+interface SideNavigationMenuBarProps extends ComponentProps<'nav'> {
+    /** Whether or not opening a menu closes the others. */
+    canHaveMultipleMenuOpenAtOnce?: boolean;
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+    /** Custom props to pass to the menubar. */
+    menubarProps?: ComponentProps<'ul'>;
+    /** Custom ref to pass to the menubar. */
+    menubarRef?: MutableRefObject<HTMLUListElement>;
+    /** Theme. */
+    theme?: Theme;
+    /** Variant. */
+    variant?: SideNavigationMenuBarVariant;
+}
+type StyledSideNavigationMenuBarProps = Omit<SideNavigationMenuBarProps, 'isDisabled'> & {
+    $isDisabled: SideNavigationMenuBarProps['isDisabled'];
+    $marginTop?: number;
+    $variant: SideNavigationMenuBarProps['variant'];
+    $theme: SideNavigationMenuBarProps['theme'];
+};
+/**
+ * Hook props.
+ */
+interface MenuItem extends Omit<SideNavigationMenuItemProps, 'children'> {
+    title: string;
+}
+interface Menu extends Omit<SideNavigationMenuProps, 'children'> {
+    title: string;
+    children: MenuItem[];
+}
+type MenuBarItems = (Menu | MenuItem)[];
+
+export { MenuItem as M, SideNavigationMenuBarVariant as S, SideNavigationMenuBarContextProps as a, SideNavigationMenuBarProps as b, StyledSideNavigationMenuBarProps as c, Menu as d, MenuBarItems as e, SideNavigationMenuItemProps as f, StyledSideNavigationMenuItemProps as g, SideNavigationMenuContextProps as h, SideNavigationMenuReducerState as i, SideNavigationMenuReducerActionType as j, SideNavigationMenuReducerAction as k, SideNavigationMenuProps as l, StyledSideNavigationMenuProps as m };

package/_internal/types24.js

@@ -0,0 +1,18 @@
+import { ComponentProps } from 'react';
+import { h as StylingProps, I as InternalSpacingProps } from './styles2.js';
+import { T as Theme } from './colors.js';
+
+/**
+ * Component props.
+ */
+interface SkeletonProps extends ComponentProps<'div'>, StylingProps, InternalSpacingProps {
+    /** Whether the content is loaded and should be displayed instead of the skeleton. */
+    isLoaded?: boolean;
+    /** Theme. */
+    theme?: Theme;
+}
+type StyledSkeletonProps = SkeletonProps & {
+    $theme: SkeletonProps['theme'];
+};
+
+export { SkeletonProps as S, StyledSkeletonProps as a };

package/_internal/types25.js

@@ -0,0 +1,12 @@
+import { S as SkeletonProps } from './types24.js';
+
+/**
+ * Component props.
+ */
+interface SkeletonCircleProps extends SkeletonProps {
+}
+type StyledSkeletonCircleProps = SkeletonCircleProps & {
+    $theme: SkeletonProps['theme'];
+};
+
+export { SkeletonCircleProps as S, StyledSkeletonCircleProps as a };

package/_internal/types26.js

@@ -0,0 +1,36 @@
+import { S as SkeletonProps } from './types24.js';
+import { V as ValueOf } from './helpers.js';
+
+/**
+ * Component variant.
+ */
+declare const SkeletonTextVariant: {
+    readonly h1: "h1";
+    readonly h2: "h2";
+    readonly h3: "h3";
+    readonly h4: "h4";
+    readonly h5: "h5";
+    readonly body: "body";
+    readonly button: "button";
+    readonly caption: "caption";
+};
+type SkeletonTextVariant = ValueOf<typeof SkeletonTextVariant>;
+/**
+ * Component props.
+ */
+interface SkeletonTextProps extends SkeletonProps {
+    /** Font size. */
+    fontSize?: string;
+    /** Line height. */
+    lineHeight?: string;
+    /** Variant. */
+    variant?: SkeletonTextVariant;
+}
+type StyledSkeletonTextProps = Omit<SkeletonTextProps, 'fontSize' | 'lineHeight' | 'variant'> & {
+    $fontSize: SkeletonTextProps['fontSize'];
+    $lineHeight: SkeletonTextProps['lineHeight'];
+    $variant: SkeletonTextProps['variant'];
+    $theme: SkeletonProps['theme'];
+};
+
+export { SkeletonTextVariant as S, SkeletonTextProps as a, StyledSkeletonTextProps as b };

package/_internal/types27.js

@@ -0,0 +1,72 @@
+import { ComponentProps } from 'react';
+import { V as ValueOf } from './helpers.js';
+import { h as StylingProps } from './styles2.js';
+import { T as Theme } from './colors.js';
+
+/**
+ * Context props.
+ */
+type SwitchGroupState = {
+    /** Adds a value to the set of selected values. */
+    addValue(value: string): void;
+    /** Whether the switch group is disabled or not. */
+    readonly isDisabled: boolean;
+    /** Whether the switch group is read only or not. */
+    readonly isReadOnly: boolean;
+    /** Removes a value from the set of selected values. */
+    removeValue(value: string): void;
+    /** Sets the selected values. */
+    setValue(value: string[]): void;
+    /** Current selected values. */
+    readonly value: readonly string[];
+};
+/**
+ * Component orientation.
+ */
+declare const SwitchGroupOrientation: {
+    readonly horizontal: "horizontal";
+    readonly vertical: "vertical";
+};
+type SwitchGroupOrientation = ValueOf<typeof SwitchGroupOrientation>;
+/**
+ * Component props.
+ */
+interface SwitchGroupProps extends Omit<ComponentProps<'div'>, 'onChange'>, StylingProps {
+    /**
+     * Default selected values.
+     * Used for uncontrolled version.
+     */
+    defaultValues?: string[];
+    /** Description of the switch group. */
+    description?: string;
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+    /** Whether the component is invalid or not. */
+    isInvalid?: boolean;
+    /** Whether the component is read only or not. */
+    isReadOnly?: boolean;
+    /** Whether the component is required or not. */
+    isRequired?: boolean;
+    /** Label of the switch group. */
+    label?: string;
+    /** Method to handle component change. */
+    onChange?(values: string[]): void;
+    /** Method to handle component change. */
+    orientation?: SwitchGroupOrientation;
+    /** Theme. */
+    theme?: Theme;
+    /**
+     * Currently selected values.
+     * Used for controlled version.
+     */
+    value?: string[];
+}
+type StyledSwitchGroupProps = Omit<SwitchGroupProps, 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'orientation' | 'isRequired'> & {
+    $isDisabled: SwitchGroupProps['isDisabled'];
+    $isInvalid: SwitchGroupProps['isInvalid'];
+    $isReadOnly: SwitchGroupProps['isReadOnly'];
+    $orientation: SwitchGroupProps['orientation'];
+    $theme: SwitchGroupProps['theme'];
+};
+
+export { SwitchGroupState as S, SwitchGroupOrientation as a, SwitchGroupProps as b, StyledSwitchGroupProps as c };

package/_internal/types28.js

@@ -0,0 +1,73 @@
+import { ComponentProps } from 'react';
+import { V as ValueOf } from './helpers.js';
+import { h as StylingProps } from './styles2.js';
+import { N as NotificationsColorPalette, d as NeutralColorPalette, T as Theme } from './colors.js';
+import { F as FontFamily } from './fonts.js';
+
+/**
+ * Component variant.
+ */
+declare const TextVariant: {
+    readonly body: "body";
+    readonly button: "button";
+    readonly caption: "caption";
+    readonly helper: "helper";
+    readonly inherit: "inherit";
+};
+type TextVariant = ValueOf<typeof TextVariant>;
+declare const TextComponent: {
+    readonly p: "p";
+    readonly b: "b";
+    readonly i: "i";
+    readonly u: "u";
+    readonly abbr: "abbr";
+    readonly cite: "cite";
+    readonly del: "del";
+    readonly em: "em";
+    readonly ins: "ins";
+    readonly kbd: "kbd";
+    readonly mark: "mark";
+    readonly s: "s";
+    readonly samp: "samp";
+    readonly sub: "sub";
+    readonly sup: "sup";
+};
+type TextComponent = ValueOf<typeof TextComponent>;
+/**
+ * Component props.
+ */
+interface TextProps extends ComponentProps<'span'>, StylingProps {
+    /** Override component. */
+    as?: TextComponent;
+    /** Color variant. Either from color palette or hex or rgb strings. */
+    color?: NotificationsColorPalette | NeutralColorPalette | 'radar' | (string & {});
+    /** Font family. */
+    fontFamily?: FontFamily;
+    /** Font size. */
+    fontSize?: string;
+    /** Font weight. */
+    fontWeight?: string;
+    /** Line height. */
+    lineHeight?: string;
+    /** Whether the text will truncate with a text overflow ellipsis or wrap. */
+    noWrap?: boolean;
+    /** Theme. */
+    theme?: Theme;
+    /** Variant. */
+    variant?: TextVariant;
+    /** Word break CSS properties */
+    wordBreak?: string;
+}
+type StyledTextProps = Omit<TextProps, 'as' | 'color' | 'fontFamily' | 'fontSize' | 'lineHeight' | 'noWrap' | 'variant'> & {
+    $as: TextProps['as'];
+    $color: TextProps['color'];
+    $fontFamily?: TextProps['fontFamily'];
+    $fontSize: TextProps['fontSize'];
+    $fontWeight: TextProps['fontWeight'];
+    $lineHeight: TextProps['lineHeight'];
+    $noWrap: TextProps['noWrap'];
+    $variant: TextProps['variant'];
+    $theme: TextProps['theme'];
+};
+
+export { StyledTextProps as S, TextVariant as T, TextComponent as a, TextProps as b };

package/_internal/types29.js

@@ -0,0 +1,99 @@
+import { ComponentProps, ReactNode, MutableRefObject, ChangeEvent } from 'react';
+import { b as IconProps } from './types17.js';
+import { b as IconButtonProps } from './types16.js';
+import { a as PillProps } from './types20.js';
+import { V as ValueOf } from './helpers.js';
+import { B as ButtonsColorPalette, T as Theme } from './colors.js';
+import { h as StylingProps } from './styles2.js';
+
+/**
+ * Component variant.
+ */
+declare const TextFieldVariant: {
+    readonly default: "default";
+    readonly underline: "underline";
+};
+type TextFieldVariant = ValueOf<typeof TextFieldVariant>;
+/**
+ * Component color.
+ */
+type TextFieldColor = ButtonsColorPalette;
+/**
+ * Component props.
+ */
+interface TextFieldProps extends Omit<ComponentProps<'div'>, 'onChange'>, StylingProps {
+    /** Whether the component can be autofocused. */
+    autoFocus?: boolean;
+    /** Color variant. */
+    color?: TextFieldColor;
+    /** Force color even when not focused. */
+    forceColor?: boolean;
+    /**
+     * Default value.
+     * Used for uncontrolled version.
+     */
+    defaultValue?: string;
+    /** Whether the clear button is displayed or not. */
+    hasClearButton?: boolean | Omit<Partial<IconButtonProps>, 'ref'>;
+    /** Place for icon buttons between the clear button and the separator. */
+    internal?: ReactNode | ((value?: string, isDisabled?: boolean, isInvalid?: boolean, isRequired?: boolean) => ReactNode);
+    /** Place for icon buttons after the separator. */
+    after?: ReactNode | ((value?: string, isDisabled?: boolean, isInvalid?: boolean, isRequired?: boolean) => ReactNode);
+    /** Custom props to pass to the input element. */
+    inputProps?: ComponentProps<'input'>;
+    /** Custom ref object to pass to the input element. */
+    inputRef?: MutableRefObject<HTMLInputElement>;
+    /** @deprecated Whether the component should use the product colors or shades of grey. */
+    isColored?: boolean;
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+    /** Whether the component is invalid or not. */
+    isInvalid?: boolean;
+    /** Whether the component is read only or not. */
+    isReadOnly?: boolean;
+    /** Whether the component is required or not. */
+    isRequired?: boolean;
+    /** Label */
+    label?: string;
+    /**
+     * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
+     * Can also be a ReactElement.
+     */
+    leftIcon?: Omit<IconProps, 'ref'>;
+    /** Name to pass to the input element. */
+    name?: string;
+    /** Method to handle component change. */
+    onChange?(value?: string, name?: string, event?: ChangeEvent<HTMLInputElement>): void;
+    /** Method to handle component clear. */
+    onClear?(): void;
+    /** List of Pills. */
+    pills?: Omit<PillProps, 'ref'>[];
+    /** Placeholder. */
+    placeholder?: string;
+    /** Theme. */
+    theme?: Theme;
+    /** Input type. */
+    type?: string;
+    /**
+     * Input value.
+     * Used for controlled version.
+     */
+    value?: string;
+    /** TextField variant. */
+    variant?: TextFieldVariant;
+}
+type StyledTextFieldProps = Omit<TextFieldProps, 'color' | 'isColored' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'onChange'> & {
+    $color: TextFieldProps['color'];
+    $isGradient: boolean;
+    $hasLeftIcon: boolean;
+    $hasContent: boolean;
+    $isDisabled: TextFieldProps['isDisabled'];
+    $isInvalid: TextFieldProps['isInvalid'];
+    $isFocused: boolean;
+    $isFocusVisible: boolean;
+    $isRequired: TextFieldProps['isRequired'];
+    $theme: TextFieldProps['theme'];
+    $variant: TextFieldProps['variant'];
+};
+
+export { StyledTextFieldProps as S, TextFieldVariant as T, TextFieldColor as a, TextFieldProps as b };

package/_internal/types3.js

@@ -0,0 +1,23 @@
+import { ComponentProps, ElementType } from 'react';
+import { T as Theme } from './colors.js';
+
+/**
+ * Component props.
+ */
+interface BreadcrumbItemProps extends ComponentProps<'a'> {
+    /** Prop to pass a custom react component instead of a simple HTML anchor (useful for Nextjs or React Router Link component). */
+    as?: 'a' | ElementType;
+    /** Whether the breadcrumb item is the current page. */
+    isCurrent?: boolean;
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+    /** Theme. */
+    theme?: Theme;
+}
+type StyledBreadcrumbItemProps = Omit<BreadcrumbItemProps, 'isDisabled' | 'isCurrent'> & {
+    $isCurrent: BreadcrumbItemProps['isCurrent'];
+    $isDisabled: BreadcrumbItemProps['isDisabled'];
+    $theme: BreadcrumbItemProps['theme'];
+};
+
+export { BreadcrumbItemProps as B, StyledBreadcrumbItemProps as S };