@drivy/cobalt 2.15.0 → 2.16.0

package/types/src/components/Calendar/CalendarDayPicker/CalendarDayPicker.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { FormElementStatus } from "../../Form/form";
+import type { Locale } from "date-fns";
+import type { FormElementStatus } from "../../Form/form";
 type CalendarDayPickerPropsType = {
     numberOfMonths?: number;
     firstMonthDate?: Date;
@@ -13,7 +13,7 @@ type CalendarDayPickerPropsType = {
     onChangeDate?: (date: Date, disabled: boolean) => boolean;
     onLeaveDate?: (date: Date) => void;
     onSelectDate?: (date: Date) => void;
-    locale?: Record<string, unknown>;
+    locale?: Locale;
 };
-export declare function CalendarDayPicker({ firstMonthDate, numberOfMonths, hint, firstAvailableDate, lastAvailableDate, selectedDate, onChangeDate, onLeaveDate, onSelectDate, locale, }: CalendarDayPickerPropsType): React.JSX.Element;
+export declare function CalendarDayPicker({ firstMonthDate, numberOfMonths, hint, firstAvailableDate, lastAvailableDate, selectedDate, onChangeDate, onLeaveDate, onSelectDate, locale, }: CalendarDayPickerPropsType): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/src/components/Calendar/CalendarDayPicker/CalendarDayPickerDay.d.ts

@@ -8,6 +8,6 @@ type CalendarDayPickerDayPropsType = {
     onMouseEnter?: (date: Date, disabled: boolean) => void;
     onMouseLeave?: (date: Date) => void;
 };
-declare function CalendarDayPickerDay({ date, isToday, selected, disabled, onSelect, onMouseEnter, onMouseLeave, }: CalendarDayPickerDayPropsType): React.JSX.Element;
+declare function CalendarDayPickerDay({ date, isToday, selected, disabled, onSelect, onMouseEnter, onMouseLeave, }: CalendarDayPickerDayPropsType): import("react/jsx-runtime").JSX.Element;
 declare const MemoizedComponent: React.MemoExoticComponent<typeof CalendarDayPickerDay>;
 export { MemoizedComponent as CalendarDayPickerDay };

package/types/src/components/Calendar/CalendarDayPicker/CalendarDayPickerMonth.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { type Locale } from "date-fns";
 type CalendarDayPickerMonthPropsType = {
     month: Date;
     selectedDate?: Date | null;
@@ -7,7 +7,7 @@ type CalendarDayPickerMonthPropsType = {
     onLeaveDate?: (date: Date) => void;
     firstAvailableDate: Date;
     lastAvailableDate?: Date;
-    locale: any;
+    locale?: Locale;
 };
-export declare function CalendarDayPickerMonth({ month, selectedDate, onSelectDate, onChangeDate, onLeaveDate, firstAvailableDate, lastAvailableDate, locale, }: CalendarDayPickerMonthPropsType): React.JSX.Element;
+export declare function CalendarDayPickerMonth({ month, selectedDate, onSelectDate, onChangeDate, onLeaveDate, firstAvailableDate, lastAvailableDate, locale, }: CalendarDayPickerMonthPropsType): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/src/components/Calendar/CalendarRangePicker/CalendarRangePicker.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { FormElementStatus } from "../../Form/form";
+import type { Locale } from "date-fns";
+import type { FormElementStatus } from "../../Form/form";
 export interface RangeConstraintInterface {
     value: number;
     message: string;
@@ -36,6 +36,6 @@ export type CalendarRangePickerPropsType = {
     onChangeDate?: (date: Date, status: DayStatusInterface) => boolean;
     onLeaveDate?: (date: Date) => void;
     onSelectDate?: (date: Date, isOutOfRange: boolean) => void;
-    locale?: Record<string, unknown>;
+    locale?: Locale;
 };
-export declare function CalendarRangePicker({ rangeConstraints, firstMonthDate, numberOfMonths, hint, firstAvailableDate, lastAvailableDate, isEditingStartDate, isEditingEndDate, startDate, endDate, onChangeDate, onLeaveDate, onSelectDate, isDayDisabledFn, hasDayNotificationFn, isDayInvalidForSelectionFn, dayHoverTooltipFn, isSundayFirstDayOfWeek, locale, }: CalendarRangePickerPropsType): React.JSX.Element;
+export declare function CalendarRangePicker({ rangeConstraints, firstMonthDate, numberOfMonths, hint, firstAvailableDate, lastAvailableDate, isEditingStartDate, isEditingEndDate, startDate, endDate, onChangeDate, onLeaveDate, onSelectDate, isDayDisabledFn, hasDayNotificationFn, isDayInvalidForSelectionFn, dayHoverTooltipFn, isSundayFirstDayOfWeek, locale, }: CalendarRangePickerPropsType): import("react/jsx-runtime").JSX.Element;

package/types/src/components/Calendar/CalendarRangePicker/CalendarRangePickerDay.d.ts

@@ -18,6 +18,6 @@ type CalendarRangePickerDayPropsType = {
     onMouseEnter: (date: Date, disabled: boolean) => void;
     onMouseLeave?: (date: Date) => void;
 };
-declare function CalendarRangePickerDay({ date, isToday, isStartDay, isEndDay, isSelected, isDisabled, isInvalid, isRange, isActive, hasNotification, tooltipMessage, onSelect, onMouseEnter, onMouseLeave, hoverTooltipMessage, }: CalendarRangePickerDayPropsType): React.JSX.Element;
+declare function CalendarRangePickerDay({ date, isToday, isStartDay, isEndDay, isSelected, isDisabled, isInvalid, isRange, isActive, hasNotification, tooltipMessage, onSelect, onMouseEnter, onMouseLeave, hoverTooltipMessage, }: CalendarRangePickerDayPropsType): import("react/jsx-runtime").JSX.Element;
 declare const MemoizedComponent: React.MemoExoticComponent<typeof CalendarRangePickerDay>;
 export { MemoizedComponent as CalendarRangePickerDay };

package/types/src/components/Calendar/CalendarRangePicker/CalendarRangePickerMonth.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { CalendarRangePickerPropsType, DayStatusInterface, RangeConstraintsInterface } from "./CalendarRangePicker";
+import { type Locale } from "date-fns";
+import type { CalendarRangePickerPropsType, DayStatusInterface, RangeConstraintsInterface } from "./CalendarRangePicker";
 type CalendarRangePickerMonthPropsType = {
     date: Date;
     startDate?: Date;
@@ -17,7 +17,7 @@ type CalendarRangePickerMonthPropsType = {
     dayHoverTooltipFn?: CalendarRangePickerPropsType["dayHoverTooltipFn"];
     rangeConstraints?: RangeConstraintsInterface;
     isSundayFirstDayOfWeek?: boolean;
-    locale: any;
+    locale?: Locale;
 };
-export declare function CalendarRangePickerMonth({ date, onSelectDate, onChangeDate, onLeaveDate, startDate, endDate, isEditingStartDate, isEditingEndDate, firstAvailableDate, lastAvailableDate, isDayDisabledFn, isDayInvalidForSelectionFn, hasDayNotificationFn, dayHoverTooltipFn, rangeConstraints, isSundayFirstDayOfWeek, locale, }: CalendarRangePickerMonthPropsType): React.JSX.Element;
+export declare function CalendarRangePickerMonth({ date, onSelectDate, onChangeDate, onLeaveDate, startDate, endDate, isEditingStartDate, isEditingEndDate, firstAvailableDate, lastAvailableDate, isDayDisabledFn, isDayInvalidForSelectionFn, hasDayNotificationFn, dayHoverTooltipFn, rangeConstraints, isSundayFirstDayOfWeek, locale, }: CalendarRangePickerMonthPropsType): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/src/components/Calendar/CalendarRangePicker/DayTooltip.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
-import { TippyProps } from "@tippyjs/react";
-declare const DayTooltip: (props: TippyProps) => React.JSX.Element;
+import { type TippyProps } from "@tippyjs/react";
+declare const DayTooltip: (props: TippyProps) => import("react/jsx-runtime").JSX.Element;
 export default DayTooltip;

package/types/src/components/Calendar/CalendarView/CalendarViewMonth.d.ts

@@ -1,8 +1,7 @@
-import React from "react";
-import { MonthType } from "./types";
+import type { MonthType } from "./types";
 type Props = MonthType;
 declare const CalendarViewMonth: {
-    ({ monthName, monthStart, statusByDate, isSundayFirstDayOfWeek, }: Props): React.JSX.Element;
+    ({ monthName, monthStart, statusByDate, isSundayFirstDayOfWeek, }: Props): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default CalendarViewMonth;

package/types/src/components/Calendar/CalendarView/index.d.ts

@@ -1,11 +1,10 @@
-import React from "react";
-import { MonthType } from "./types";
+import type { MonthType } from "./types";
 type Props = {
     months: MonthType[];
     isSundayFirstDayOfWeek?: boolean;
 };
 declare const CalendarView: {
-    ({ months, isSundayFirstDayOfWeek }: Props): React.JSX.Element;
+    ({ months, isSundayFirstDayOfWeek }: Props): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { CalendarView };

package/types/src/components/Callout/index.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 export type CalloutPropsType = React.PropsWithChildren<{
     title?: string;
     cta?: React.ReactNode;
@@ -6,5 +5,5 @@ export type CalloutPropsType = React.PropsWithChildren<{
     variant: "warning" | "neutral" | "error";
     className?: string;
 }>;
-export declare const Callout: ({ title, children, cta, variant, illustrationUrl, className, }: CalloutPropsType) => React.JSX.Element;
+export declare const Callout: ({ title, children, cta, variant, illustrationUrl, className, }: CalloutPropsType) => import("react/jsx-runtime").JSX.Element;
 export default Callout;

package/types/src/components/Card/index.d.ts

@@ -1,4 +1,5 @@
-import React, { PureComponent } from "react";
+import type React from "react";
+import { PureComponent } from "react";
 export type CardProps = {
     children?: React.ReactNode;
     className?: string;
@@ -7,7 +8,7 @@ export type CardProps = {
     responsive?: boolean;
 };
 export declare const Card: {
-    ({ children, className, legacy, responsive, }: CardProps): React.JSX.Element;
+    ({ children, className, legacy, responsive, }: CardProps): import("react/jsx-runtime").JSX.Element;
     Section: typeof CardSection;
 };
 export type CardSectionProps = {
@@ -29,9 +30,9 @@ export type CardSectionLinkProps = CardSectionProps & {
 };
 export declare class CardSection extends PureComponent<CardSectionProps, never> {
     static Link: {
-        ({ href, target, rel, ...baseProps }: CardSectionLinkProps): React.JSX.Element;
+        ({ href, target, rel, ...baseProps }: CardSectionLinkProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export default Card;

package/types/src/components/Cell/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 export type CellPropsType = {
     children?: React.ReactNode;
     divided?: boolean;

package/types/src/components/Chip/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 export interface ChipProps {
     onClick?(): void;
     text: string;
@@ -13,4 +13,4 @@ export interface ChipWrapperProps {
     disabled?: boolean;
     className: string;
 }
-export declare const Chip: ({ onClick, text, image, size, disabled, active, }: ChipProps) => React.JSX.Element;
+export declare const Chip: ({ onClick, text, image, size, disabled, active, }: ChipProps) => import("react/jsx-runtime").JSX.Element;

package/types/src/components/ContainedIcon/index.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { IconColorsType } from "../Icon";
+import type React from "react";
+import type { IconColorsType } from "../Icon";
 type BaseColor = "base" | "accent" | "warning" | "error" | "success" | "connect" | "keyExchange" | "disabled" | "info" | "driver" | "owner";
 type WithBackgroundColor = `${BaseColor}Alt`;
 export type ContainedIconPropsType = {
@@ -7,5 +7,5 @@ export type ContainedIconPropsType = {
     color?: IconColorsType | BaseColor | WithBackgroundColor;
     className?: string;
 };
-export declare function ContainedIcon({ icon, color, className, }: ContainedIconPropsType): React.JSX.Element;
+export declare function ContainedIcon({ icon, color, className, }: ContainedIconPropsType): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/src/components/EmptyState/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 import type { CobaltButtonElement } from "../Buttons/Button";
 export interface EmptyStateProps {
     children?: React.ReactNode;
@@ -7,4 +7,4 @@ export interface EmptyStateProps {
     secondaryAction?: CobaltButtonElement;
     image: string;
 }
-export declare const EmptyState: ({ title, children, action, secondaryAction, image, }: EmptyStateProps) => React.JSX.Element;
+export declare const EmptyState: ({ title, children, action, secondaryAction, image, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;

package/types/src/components/Flag/index.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 interface FlagsMap {
     [name: string]: string;
 }
@@ -12,5 +11,5 @@ export interface FlagProps {
      */
     size?: 16 | 20 | 24 | 32;
 }
-export declare const Flag: ({ country, size, className }: FlagProps) => React.JSX.Element;
+export declare const Flag: ({ country, size, className }: FlagProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/types/src/components/Form/Autocomplete/index.d.ts

@@ -1,19 +1,20 @@
-import React from "react";
-import { IconSources } from "../../Icon";
-import { FormElement } from "../form";
+import type React from "react";
+import { type IconSources } from "../../Icon";
+import type { FormElement } from "../form";
 export type AutocompleteItemInput = string | {
-    [x: string]: any;
+    [x: string]: unknown;
     icon?: IconSources;
     label?: string;
     value: string;
     disabled?: boolean;
 };
 export type AutocompleteItem = {
-    [x: string]: any;
+    [x: string]: unknown;
     icon?: IconSources;
     label: string;
     value: string;
     disabled?: boolean;
+    description?: string;
 };
 export type AutocompleteRefType = {
     query: string;
@@ -28,25 +29,25 @@ type AutocompleteMatchHighlightPropsType = {
     query: string;
     matchClassName?: string;
 };
-export declare const AutocompleteMatchHighlight: ({ label, query, matchClassName, }: AutocompleteMatchHighlightPropsType) => string | React.JSX.Element;
+export declare const AutocompleteMatchHighlight: ({ label, query, matchClassName, }: AutocompleteMatchHighlightPropsType) => string | import("react/jsx-runtime").JSX.Element;
 declare const Autocomplete: React.ForwardRefExoticComponent<{
-    className?: string | undefined;
-    label?: string | undefined;
-    hint?: string | undefined;
-    fullWidth?: boolean | undefined;
-    icon?: "accountDetails" | "addPicture" | "airConditioning" | "airport" | "android" | "antique" | "arrowLeftCircleFilled" | "arrowLeft" | "arrowRightCircleFilled" | "arrowRightCircle" | "arrowRight" | "audioInput" | "babySeat" | "backupCamera" | "bank" | "battery" | "bell" | "bikeRack" | "bin" | "bluetooth" | "briefcase" | "bulb" | "cable" | "cabriolet" | "calendarCheck" | "calendarClock" | "calendarEnd" | "calendarStart" | "calendar" | "cameraAdd" | "camera" | "campervan" | "capacity" | "carAdd" | "carCheck" | "carDamages" | "carDrivyOpen" | "carGroup" | "carLock" | "carPlay" | "carReturn" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "card" | "cdPlayer" | "certificate" | "chains" | "checkCircleFilled" | "checkCircle" | "check" | "checklist" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "circledArrowLeft" | "circledArrowRight" | "city" | "cleaning" | "clockAlert" | "clockBackwards" | "clockForwards" | "clock" | "closeCircleFilled" | "close" | "collapse" | "connectCar" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "contract" | "convertible" | "copy" | "coupe" | "creditCardAdd" | "creditCardError" | "creditCard" | "cruiseControl" | "dashcam" | "directions" | "document" | "dotHorizontal" | "dotVertical" | "dotsHorizontal" | "dotsVertical" | "download" | "earning" | "earth" | "edit" | "electric" | "evBattery" | "evCable" | "evCharger" | "expand" | "externalLink" | "eyeClosed" | "eyeOpened" | "eye" | "faceRecognition" | "facebook" | "family" | "fileFilled" | "filepdf" | "filexls" | "filter" | "filters" | "flag" | "fourByFour" | "fourWheelDrive" | "fuelTank" | "geolocation" | "gift" | "gps" | "graphUp" | "healing" | "heart" | "hitch" | "home" | "idCard" | "incident" | "infoCircleFilled" | "infoCircle" | "infoFilled" | "info" | "instant" | "invoice" | "keyConnect" | "key" | "licenceCheck" | "licencePaper" | "licence" | "lifeBuoy" | "linkedin" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "location" | "lockCheck" | "locked" | "login" | "logout" | "mailCheck" | "mail" | "mapAlt" | "map" | "meetDriver" | "meetOwner" | "menuList" | "messages" | "mileage" | "minibus" | "minusCircleFilled" | "minus" | "miscGift" | "moon" | "nearbyDevice" | "notification" | "number1Circle" | "number2Circle" | "number3Circle" | "number4Circle" | "number5Circle" | "okHand" | "optionAirConditioning" | "optionAndroidAuto" | "optionAppleCarplay" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionBluetoothAudio" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionDashcam" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "paperclip" | "parking" | "passport" | "payments" | "pencil" | "peopleUser" | "percentage" | "performance" | "phoneLink" | "phone" | "photos" | "pickupTruck" | "pig" | "pin" | "plug" | "plusCircleFilled" | "plus" | "position" | "pricingFlat" | "pricingVariable" | "pro" | "profilePicture" | "questionCircleFilled" | "questionCircle" | "question" | "raceFlag" | "radioTune" | "recenter" | "refresh" | "reorder" | "replacementCar" | "reply" | "reset" | "ride" | "road" | "roadsideAssistance" | "roofBox" | "rotate" | "sealCheck" | "searchCar" | "searchPeople" | "search" | "seatbelt" | "sedan" | "send" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "shareAndroid" | "shareIos" | "share" | "shieldCheck" | "shield" | "shop" | "skiRack" | "slider" | "smartphone" | "smilingFace" | "snowTire" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "starHalf" | "star" | "stars" | "subway" | "suitcase" | "support" | "suv" | "synch" | "tag" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "tolls" | "trailer" | "train" | "transmission" | "triangleDown" | "triangleRight" | "triangleUp" | "twitter" | "twoPeople" | "uber" | "unfold" | "unlocked" | "usbChargingPort" | "userCheck" | "userQuestion" | "userShield" | "userSwitch" | "user" | "utilityVanLarge" | "utilityVanMedium" | "utilityVanSmall" | "verifiedSeal" | "video" | "walk" | "wallet" | "warningCircleFilled" | "warningCircle" | "warning" | "whatsapp" | "wheel" | "wheelchair" | "wrench" | "yingyang" | undefined;
+    className?: string;
+    label?: string;
+    hint?: string;
+    fullWidth?: boolean;
+    icon?: IconSources;
     items: AutocompleteItemInput[];
-    popoverClassName?: string | undefined;
-    minQueryLength?: number | undefined;
-    autoFilter?: boolean | undefined;
-    focusOnInit?: boolean | undefined;
-    autocomplete?: boolean | undefined;
-    autocompleteRef?: React.RefObject<HTMLDivElement> | undefined;
-    onClearValue?: (() => void) | undefined;
-    onKeyDown?: ((event: React.KeyboardEvent<HTMLElement>) => void) | undefined;
-    onQueryChange?: ((term: string) => void) | undefined;
-    onSelectItem?: ((item: AutocompleteItem, term: string) => boolean) | undefined;
-    renderItem?: ((item: AutocompleteItem, term: string) => React.ReactNode) | undefined;
-    allowCustomValue?: boolean | undefined;
+    popoverClassName?: string;
+    minQueryLength?: number;
+    autoFilter?: boolean;
+    focusOnInit?: boolean;
+    autocomplete?: boolean;
+    autocompleteRef?: React.RefObject<HTMLDivElement>;
+    onClearValue?: () => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
+    onQueryChange?: (term: string) => void;
+    onSelectItem?: (item: AutocompleteItem, term: string) => boolean;
+    renderItem?: (item: AutocompleteItem, term: string) => React.ReactNode;
+    allowCustomValue?: boolean;
 } & FormElement & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<unknown>>;
 export { Autocomplete };

package/types/src/components/Form/CheckablePill.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { IconSources } from "../Icon";
-import { FormElement } from "./form";
+import type React from "react";
+import { type IconSources } from "../Icon";
+import type { FormElement } from "./form";
 type Props = {
     type?: "checkbox" | "radio";
     icon?: IconSources;
@@ -10,22 +10,22 @@ type Props = {
     name: string;
 } & FormElement & React.InputHTMLAttributes<HTMLInputElement>;
 export declare const CheckboxPill: {
-    ({ ...props }: Props): React.JSX.Element;
+    ({ ...props }: Props): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const RadioPill: {
-    ({ ...props }: Props): React.JSX.Element;
+    ({ ...props }: Props): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 interface CheckablePillsGroupProps {
     children: React.ReactNode | (() => React.ReactNode);
 }
 export declare const CheckablePillsGroup: React.ComponentClass<CheckablePillsGroupProps & {
-    id?: string | undefined;
-    label?: string | undefined;
-    hint?: string | undefined;
-    fieldClassName?: string | undefined;
-    fullWidth?: boolean | undefined;
+    id?: string;
+    label?: string;
+    hint?: string;
+    fieldClassName?: string;
+    fullWidth?: boolean;
 } & FormElement, any> & {
     Raw: React.ComponentType<CheckablePillsGroupProps>;
 };

package/types/src/components/Form/Checkmark.d.ts

@@ -1,27 +1,27 @@
-import React from "react";
-import { FormElement } from "./form";
+import type React from "react";
+import type { FormElement } from "./form";
 type Props = {
     label: string | JSX.Element;
     type?: "checkbox" | "radio";
     hint?: string;
 } & FormElement & React.InputHTMLAttributes<HTMLInputElement>;
 export declare const Checkbox: {
-    ({ label, ...props }: Props): React.JSX.Element;
+    ({ label, ...props }: Props): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const Radio: {
-    ({ label, ...props }: Props): React.JSX.Element;
+    ({ label, ...props }: Props): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 type ChoiceListProps = {
     children: React.ReactNode | (() => React.ReactNode);
 };
 declare const wrappedChoiceList: React.ComponentClass<ChoiceListProps & {
-    id?: string | undefined;
-    label?: string | undefined;
-    hint?: string | undefined;
-    fieldClassName?: string | undefined;
-    fullWidth?: boolean | undefined;
+    id?: string;
+    label?: string;
+    hint?: string;
+    fieldClassName?: string;
+    fullWidth?: boolean;
 } & FormElement, any> & {
     Raw: React.ComponentType<ChoiceListProps>;
 };

package/types/src/components/Form/ComposedField.d.ts

@@ -1,18 +1,18 @@
 import React from "react";
-import { FormElement } from "./form";
+import type { FormElement } from "./form";
 type Props = {
     id?: string;
     children: React.ReactNode;
 } & FormElement;
 declare const wrappedComponent: React.ComponentClass<{
-    id?: string | undefined;
+    id?: string;
     children: React.ReactNode;
 } & FormElement & {
-    id?: string | undefined;
-    label?: string | undefined;
-    hint?: string | undefined;
-    fieldClassName?: string | undefined;
-    fullWidth?: boolean | undefined;
+    id?: string;
+    label?: string;
+    hint?: string;
+    fieldClassName?: string;
+    fullWidth?: boolean;
 }, any> & {
     Raw: React.ComponentType<Props>;
 };

package/types/src/components/Form/Fieldset.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
+import type React from "react";
 type Props = {
     legend: string;
     children: React.ReactNode;
 };
-export declare const Fieldset: ({ legend, children }: Props) => React.JSX.Element;
+export declare const Fieldset: ({ legend, children }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/types/src/components/Form/Hint.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
-import { FormElementStatus } from "./form";
+import type React from "react";
+import type { FormElementStatus } from "./form";
 export interface HintPropsType {
     className?: string;
     children: React.ReactNode;
     status?: FormElementStatus;
 }
-export declare const Hint: ({ children, status, className }: HintPropsType) => React.JSX.Element;
+export declare const Hint: ({ children, status, className }: HintPropsType) => import("react/jsx-runtime").JSX.Element;

package/types/src/components/Form/RadioWithDetails.d.ts

@@ -6,5 +6,5 @@ export type RadioWithDetailsPropsType = {
     name: string;
     className?: string;
 } & React.InputHTMLAttributes<HTMLInputElement>;
-declare const RadioWithDetails: ({ icon, title, description, className, ...inputProps }: RadioWithDetailsPropsType) => React.JSX.Element;
+declare const RadioWithDetails: ({ icon, title, description, className, ...inputProps }: RadioWithDetailsPropsType) => import("react/jsx-runtime").JSX.Element;
 export default RadioWithDetails;

package/types/src/components/Form/Select.d.ts

@@ -1,18 +1,18 @@
-import React from "react";
-import { FormElement } from "./form";
+import type React from "react";
+import type { FormElement } from "./form";
 type Props = {
-    children: any;
+    children: React.ReactNode;
     forwardedRef?: React.Ref<HTMLSelectElement>;
 } & FormElement & React.SelectHTMLAttributes<HTMLSelectElement>;
 declare const wrappedComponent: React.ComponentClass<{
-    children: any;
-    forwardedRef?: React.Ref<HTMLSelectElement> | undefined;
+    children: React.ReactNode;
+    forwardedRef?: React.Ref<HTMLSelectElement>;
 } & FormElement & React.SelectHTMLAttributes<HTMLSelectElement> & {
-    id?: string | undefined;
-    label?: string | undefined;
-    hint?: string | undefined;
-    fieldClassName?: string | undefined;
-    fullWidth?: boolean | undefined;
+    id?: string;
+    label?: string;
+    hint?: string;
+    fieldClassName?: string;
+    fullWidth?: boolean;
 }, any> & {
     Raw: React.ComponentType<Props>;
 };

package/types/src/components/Form/Slider.d.ts

@@ -1,6 +1,7 @@
-import React, { PropsWithChildren } from "react";
-import { SliderRootProps } from "@ark-ui/react";
-import { FieldWrapperProps } from "./field";
+import { type SliderRootProps } from "@ark-ui/react";
+import type React from "react";
+import { type PropsWithChildren } from "react";
+import { type FieldWrapperProps } from "./field";
 export type SliderPropsType<T extends number | number[]> = {
     /**
      * mandatory for A11y
@@ -27,6 +28,6 @@ export type SliderPropsType<T extends number | number[]> = {
     renderValue?: (value: T, status: FieldWrapperProps["status"]) => React.ReactElement;
     onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
 } & FieldWrapperProps & Omit<SliderRootProps, "value" | "defaultValue" | "onValueChange">;
-declare const Slider: <T extends number | number[]>({ defaultValue: _defaultValue, value: _value, min, max, disabled, onValueChange, renderValue, ariaLabel, hint, label, status, className, step, bars, ...restProps }: SliderPropsType<T>) => React.JSX.Element;
+declare const Slider: <T extends number | number[]>({ defaultValue: _defaultValue, value: _value, min, max, disabled, onValueChange, renderValue, ariaLabel, hint, label, status, className, step, bars, ...restProps }: SliderPropsType<T>) => import("react/jsx-runtime").JSX.Element;
 export default Slider;
-export declare const SliderValueMeta: ({ children }: PropsWithChildren) => React.JSX.Element;
+export declare const SliderValueMeta: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/types/src/components/Form/Stepper.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { FormElement } from "./form";
+import type React from "react";
+import type { FormElement } from "./form";
 type Props = {
     value: number;
     name?: string;
@@ -12,19 +12,19 @@ type Props = {
 } & FormElement;
 declare const wrappedComponent: React.ComponentClass<{
     value: number;
-    name?: string | undefined;
-    disabled?: boolean | undefined;
-    min?: number | undefined;
-    max?: number | undefined;
+    name?: string;
+    disabled?: boolean;
+    min?: number;
+    max?: number;
     step: number;
-    onChange?: ((value: number) => void) | undefined;
-    children?: ((value: number) => React.ReactNode) | undefined;
+    onChange?: (value: number) => void;
+    children?: (value: number) => React.ReactNode;
 } & FormElement & {
-    id?: string | undefined;
-    label?: string | undefined;
-    hint?: string | undefined;
-    fieldClassName?: string | undefined;
-    fullWidth?: boolean | undefined;
+    id?: string;
+    label?: string;
+    hint?: string;
+    fieldClassName?: string;
+    fullWidth?: boolean;
 }, any> & {
     Raw: React.ComponentType<Props>;
 };
@@ -32,5 +32,5 @@ export { wrappedComponent as Stepper };
 type StepperMetaProps = {
     children: React.ReactNode;
 };
-declare const StepperMeta: ({ children }: StepperMetaProps) => React.JSX.Element;
+declare const StepperMeta: ({ children }: StepperMetaProps) => import("react/jsx-runtime").JSX.Element;
 export { StepperMeta };

package/types/src/components/Form/TagsInput.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-import { TagsInput as TagsInputComponent, TagsInputRootProps } from "@ark-ui/react";
-import { IconSources } from "../Icon";
-import { FormElement } from "./form";
+import { TagsInput as TagsInputComponent, type TagsInputRootProps } from "@ark-ui/react";
+import type React from "react";
+import { type IconSources } from "../Icon";
+import type { FormElement } from "./form";
 type Props = {
     icon?: IconSources;
     forwardedRef?: React.Ref<HTMLInputElement>;
@@ -16,23 +16,23 @@ type Props = {
 export declare const TagsInputWrapper: ({ status, render, }: {
     status?: FormElement["status"];
     render: (className: string) => React.ReactNode;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 declare const wrappedComponent: React.ComponentClass<{
-    icon?: "accountDetails" | "addPicture" | "airConditioning" | "airport" | "android" | "antique" | "arrowLeftCircleFilled" | "arrowLeft" | "arrowRightCircleFilled" | "arrowRightCircle" | "arrowRight" | "audioInput" | "babySeat" | "backupCamera" | "bank" | "battery" | "bell" | "bikeRack" | "bin" | "bluetooth" | "briefcase" | "bulb" | "cable" | "cabriolet" | "calendarCheck" | "calendarClock" | "calendarEnd" | "calendarStart" | "calendar" | "cameraAdd" | "camera" | "campervan" | "capacity" | "carAdd" | "carCheck" | "carDamages" | "carDrivyOpen" | "carGroup" | "carLock" | "carPlay" | "carReturn" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "card" | "cdPlayer" | "certificate" | "chains" | "checkCircleFilled" | "checkCircle" | "check" | "checklist" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "circledArrowLeft" | "circledArrowRight" | "city" | "cleaning" | "clockAlert" | "clockBackwards" | "clockForwards" | "clock" | "closeCircleFilled" | "close" | "collapse" | "connectCar" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "contract" | "convertible" | "copy" | "coupe" | "creditCardAdd" | "creditCardError" | "creditCard" | "cruiseControl" | "dashcam" | "directions" | "document" | "dotHorizontal" | "dotVertical" | "dotsHorizontal" | "dotsVertical" | "download" | "earning" | "earth" | "edit" | "electric" | "evBattery" | "evCable" | "evCharger" | "expand" | "externalLink" | "eyeClosed" | "eyeOpened" | "eye" | "faceRecognition" | "facebook" | "family" | "fileFilled" | "filepdf" | "filexls" | "filter" | "filters" | "flag" | "fourByFour" | "fourWheelDrive" | "fuelTank" | "geolocation" | "gift" | "gps" | "graphUp" | "healing" | "heart" | "hitch" | "home" | "idCard" | "incident" | "infoCircleFilled" | "infoCircle" | "infoFilled" | "info" | "instant" | "invoice" | "keyConnect" | "key" | "licenceCheck" | "licencePaper" | "licence" | "lifeBuoy" | "linkedin" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "location" | "lockCheck" | "locked" | "login" | "logout" | "mailCheck" | "mail" | "mapAlt" | "map" | "meetDriver" | "meetOwner" | "menuList" | "messages" | "mileage" | "minibus" | "minusCircleFilled" | "minus" | "miscGift" | "moon" | "nearbyDevice" | "notification" | "number1Circle" | "number2Circle" | "number3Circle" | "number4Circle" | "number5Circle" | "okHand" | "optionAirConditioning" | "optionAndroidAuto" | "optionAppleCarplay" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionBluetoothAudio" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionDashcam" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "paperclip" | "parking" | "passport" | "payments" | "pencil" | "peopleUser" | "percentage" | "performance" | "phoneLink" | "phone" | "photos" | "pickupTruck" | "pig" | "pin" | "plug" | "plusCircleFilled" | "plus" | "position" | "pricingFlat" | "pricingVariable" | "pro" | "profilePicture" | "questionCircleFilled" | "questionCircle" | "question" | "raceFlag" | "radioTune" | "recenter" | "refresh" | "reorder" | "replacementCar" | "reply" | "reset" | "ride" | "road" | "roadsideAssistance" | "roofBox" | "rotate" | "sealCheck" | "searchCar" | "searchPeople" | "search" | "seatbelt" | "sedan" | "send" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "shareAndroid" | "shareIos" | "share" | "shieldCheck" | "shield" | "shop" | "skiRack" | "slider" | "smartphone" | "smilingFace" | "snowTire" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "starHalf" | "star" | "stars" | "subway" | "suitcase" | "support" | "suv" | "synch" | "tag" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "tolls" | "trailer" | "train" | "transmission" | "triangleDown" | "triangleRight" | "triangleUp" | "twitter" | "twoPeople" | "uber" | "unfold" | "unlocked" | "usbChargingPort" | "userCheck" | "userQuestion" | "userShield" | "userSwitch" | "user" | "utilityVanLarge" | "utilityVanMedium" | "utilityVanSmall" | "verifiedSeal" | "video" | "walk" | "wallet" | "warningCircleFilled" | "warningCircle" | "warning" | "whatsapp" | "wheel" | "wheelchair" | "wrench" | "yingyang" | undefined;
-    forwardedRef?: React.Ref<HTMLInputElement> | undefined;
-    value?: string | undefined;
-    onValueChange?: ((value: string) => void) | undefined;
-    tags?: string[] | undefined;
-    onTagsChange?: ((tags: string[]) => void) | undefined;
-    defaultTags?: string[] | undefined;
-    defaultValue?: string | undefined;
-    max?: number | undefined;
+    icon?: IconSources;
+    forwardedRef?: React.Ref<HTMLInputElement>;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    tags?: string[];
+    onTagsChange?: (tags: string[]) => void;
+    defaultTags?: string[];
+    defaultValue?: string;
+    max?: number;
 } & Omit<FormElement, "value" | "defaultValue" | "max" | "onChange" | "onInputChange"> & React.InputHTMLAttributes<HTMLInputElement> & Omit<TagsInputComponent.RootProps, "value" | "inputValue" | "onValueChange"> & {
-    id?: string | undefined;
-    label?: string | undefined;
-    hint?: string | undefined;
-    fieldClassName?: string | undefined;
-    fullWidth?: boolean | undefined;
+    id?: string;
+    label?: string;
+    hint?: string;
+    fieldClassName?: string;
+    fullWidth?: boolean;
 } & FormElement, any> & {
     Raw: React.ComponentType<Props>;
 };