design-system-silkhaus 0.0.88 → 1.1.0-beta.slider-input.2

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import { CalendarDayShape } from 'react-dates';
 import { ClassProp } from 'class-variance-authority/types';
+import { default as default_2 } from 'react';
 import { FC } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
@@ -7,13 +8,12 @@ import { ModifiersShape } from 'react-dates';
 import { Moment } from 'moment';
 import { Placement } from '@floating-ui/react';
 import { PropsWithChildren } from 'react';
-import { default as React_2 } from 'react';
-import * as React_3 from 'react';
+import * as React_2 from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 import { VariantProps } from 'class-variance-authority';
 
-export declare const Accordion: React_2.ForwardRefExoticComponent<AccordionProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare const Accordion: default_2.ForwardRefExoticComponent<AccordionProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface AccordionProps {
     title: string | ReactNode;
@@ -28,7 +28,7 @@ export declare interface AccordionProps {
     isExpanded?: boolean;
 }
 
-export declare const ActionFooter: React_2.ForwardRefExoticComponent<ActionFooterProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare const ActionFooter: default_2.ForwardRefExoticComponent<ActionFooterProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface ActionFooterProps {
     className?: string;
@@ -36,12 +36,12 @@ export declare interface ActionFooterProps {
     primaryBtnClick: () => void;
     primaryBtnDisabled?: boolean;
     secondaryBtnDisabled?: boolean;
-    primaryBtnTxt: string | React_2.ReactNode;
-    secondaryBtnTxt?: string | React_2.ReactNode;
-    thirdColumn?: React_2.ReactNode;
+    primaryBtnTxt: string | default_2.ReactNode;
+    secondaryBtnTxt?: string | default_2.ReactNode;
+    thirdColumn?: default_2.ReactNode;
 }
 
-export declare const AlertDialog: React_2.ForwardRefExoticComponent<AlertDialogProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare const AlertDialog: default_2.ForwardRefExoticComponent<AlertDialogProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface AlertDialogProps {
     outerDivClassName?: string;
@@ -80,16 +80,16 @@ export declare interface AnimatedModalProps extends HTMLAttributes<HTMLDivElemen
     contentClassName?: string;
 }
 
-export declare const Asterisk: React_2.ForwardRefExoticComponent<AsteriskProps & React_2.RefAttributes<HTMLSpanElement>>;
+export declare const Asterisk: default_2.ForwardRefExoticComponent<AsteriskProps & default_2.RefAttributes<HTMLSpanElement>>;
 
 declare interface AsteriskProps {
     className?: string;
 }
 
-export declare const Badge: React_2.ForwardRefExoticComponent<BadgeProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare const Badge: default_2.ForwardRefExoticComponent<BadgeProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare type BadgeProps = {
-    icon?: React_2.ReactNode;
+    icon?: default_2.ReactNode;
     label: string;
     variant: 'dark' | 'light' | 'amenity';
     className?: string;
@@ -103,9 +103,9 @@ export declare const BedRegularIcon: FC<{
     className?: string;
 }>;
 
-export declare const BookingQuoteCard: React_2.ForwardRefExoticComponent<BookingQuoteCardProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare const BookingQuoteCard: default_2.ForwardRefExoticComponent<BookingQuoteCardProps & default_2.RefAttributes<HTMLDivElement>>;
 
-export declare interface BookingQuoteCardProps extends React_2.HTMLAttributes<HTMLDivElement> {
+export declare interface BookingQuoteCardProps extends default_2.HTMLAttributes<HTMLDivElement> {
     items: BookingQuoteLineItemType[];
     isExpandedInMobile?: boolean;
 }
@@ -118,32 +118,32 @@ export declare interface BookingQuoteLineItemType {
     description?: string;
 }
 
-export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
+export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
 
-export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
+export declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
     color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
     size?: 'small' | 'large';
     disabled?: true | false;
-    startIcon?: React_2.ReactNode;
-    endIcon?: React_2.ReactNode;
+    startIcon?: default_2.ReactNode;
+    endIcon?: default_2.ReactNode;
 }
 
-export declare const Card: React_3.ForwardRefExoticComponent<CardProps & React_3.RefAttributes<HTMLDivElement>>;
+export declare const Card: React_2.ForwardRefExoticComponent<CardProps & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const CardContent: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
+export declare const CardContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const CardDescription: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
+export declare const CardDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const CardFooter: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
+export declare const CardFooter: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const CardHeader: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
+export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
 
-declare interface CardProps extends React_3.HTMLAttributes<HTMLDivElement>, CardVariantProps {
+declare interface CardProps extends React_2.HTMLAttributes<HTMLDivElement>, CardVariantProps {
     asChild?: boolean;
     as?: string;
 }
 
-export declare const CardTitle: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
+export declare const CardTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare type CardVariantProps = VariantProps<typeof cardVariants>;
 
@@ -163,7 +163,7 @@ export declare const CloseIcon: FC<{
     className?: string;
 }>;
 
-export declare const DateRangePicker: React_2.ForwardRefExoticComponent<DateRangePickerProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare const DateRangePicker: default_2.ForwardRefExoticComponent<DateRangePickerProps & default_2.RefAttributes<HTMLDivElement>>;
 
 declare interface DateRangePickerProps {
     startDatePlaceholderText?: string;
@@ -181,18 +181,18 @@ declare interface DateRangePickerProps {
     focusedInput?: 'startDate' | 'endDate' | null;
     onFocusChange?: (focusedInput: 'startDate' | 'endDate' | null) => void;
     lTBannerImage?: string;
-    lTBannerTitle?: string | React_2.ReactNode;
-    lTBannerDesc?: string | React_2.ReactNode;
+    lTBannerTitle?: string | default_2.ReactNode;
+    lTBannerDesc?: string | default_2.ReactNode;
     lTBannerBgColor?: string;
-    thirdColumn?: string | React_2.ReactNode;
+    thirdColumn?: string | default_2.ReactNode;
     onMobileCloseClick: () => void;
     onOutsideClick?: (e: unknown) => void;
     onPrevMonthClick?: (e: unknown) => void;
     onNextMonthClick?: (e: unknown) => void;
-    renderCalendarDay?: (props: CalendarDayShape) => React_2.ReactNode | undefined;
+    renderCalendarDay?: (props: CalendarDayShape) => default_2.ReactNode | undefined;
     isDayBlocked?: ((day: Moment) => boolean) | undefined;
-    renderDayContents?: (day: Moment, modifiers: ModifiersShape) => React_2.ReactNode | null | undefined;
-    renderCalendarInfo?: () => React_2.ReactNode | null | undefined;
+    renderDayContents?: (day: Moment, modifiers: ModifiersShape) => default_2.ReactNode | null | undefined;
+    renderCalendarInfo?: () => default_2.ReactNode | null | undefined;
     _daySize?: number;
     _mobileDaySize?: number;
     mobileBreakPoint?: number;
@@ -201,15 +201,15 @@ declare interface DateRangePickerProps {
 
 export declare const DesktopTooltip: FC<PropsWithChildren<TooltipProps>>;
 
-export declare const Dialog: React_2.ForwardRefExoticComponent<DialogProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare const Dialog: default_2.ForwardRefExoticComponent<DialogProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface DialogProps extends HTMLAttributes<HTMLDivElement> {
     open: boolean;
 }
 
-export declare const Grid: React_3.ForwardRefExoticComponent<GridProps & React_3.RefAttributes<HTMLDivElement>>;
+export declare const Grid: React_2.ForwardRefExoticComponent<GridProps & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare interface GridProps extends React_3.HTMLAttributes<HTMLDivElement>, Omit<GridVariantProps, 'optional'> {
+export declare interface GridProps extends React_2.HTMLAttributes<HTMLDivElement>, Omit<GridVariantProps, 'optional'> {
     asChild?: boolean;
 }
 
@@ -236,39 +236,54 @@ export declare const HouseRegularIcon: FC<{
     className?: string;
 }>;
 
-export declare const IconButton: React_2.ForwardRefExoticComponent<IconButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
+export declare const IconButton: default_2.ForwardRefExoticComponent<IconButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
 
-export declare interface IconButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
+export declare interface IconButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
     color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
     size?: 'small' | 'large';
     disabled?: true | false;
 }
 
-export declare const ImageCarousel: React_2.ForwardRefExoticComponent<ImageCarouselProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare const ImageCarousel: default_2.ForwardRefExoticComponent<ImageCarouselProps & default_2.RefAttributes<HTMLDivElement>>;
 
-export declare interface ImageCarouselProps extends React_2.HTMLAttributes<HTMLDivElement> {
+export declare interface ImageCarouselProps extends default_2.HTMLAttributes<HTMLDivElement> {
     images: string[];
 }
 
-export declare const Input: React_2.ForwardRefExoticComponent<InputProps & React_2.RefAttributes<HTMLInputElement>>;
+export declare const Input: default_2.ForwardRefExoticComponent<InputProps & default_2.RefAttributes<HTMLInputElement>>;
 
-export declare interface InputProps extends React_2.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
+export declare interface InputProps extends default_2.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
     textarea?: true | false | undefined;
     label?: string | undefined;
     caption?: string | undefined;
-    color: 'primary' | 'success' | 'error' | 'primaryRounded' | 'errorRounded' | 'disabled';
+    color?: 'primary' | 'success' | 'error' | 'primaryRounded' | 'errorRounded' | 'disabled';
     required?: boolean;
     labelClass?: string | undefined;
     InputDivClass?: string | undefined;
     captionClass?: string | undefined;
+    startAdornment?: default_2.ReactNode;
+    endAdornment?: default_2.ReactNode;
+    min?: number;
+    max?: number;
+    value?: string | number;
+    /**
+     * When `true`, only numbers can be entered. Any other input will be ignored
+     * When min and max are set, the entered value is set to min when less than min and max when greater than max
+     */
+    isNumbersOnly?: boolean;
+    /**
+     * When `isNumbersOnly` is `true`, entered value might be modified depending on min and max.
+     * While `onChange` will you give what the user enters, `onNumberUpdate` will give the final modified value
+     */
+    onNumberUpdate?: (val: number | '') => void;
 }
 
-export declare const ListingCard: React_2.ForwardRefExoticComponent<ListingCardProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare const ListingCard: default_2.ForwardRefExoticComponent<ListingCardProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare type ListingCardProps = {
     images: string[];
-    title: string | React_2.ReactNode;
-    subtitle: string | React_2.ReactNode;
+    title: string | default_2.ReactNode;
+    subtitle: string | default_2.ReactNode;
     guests: number;
     type: string;
     sqft: string;
@@ -282,18 +297,18 @@ export declare type ListingCardProps = {
     onClick: () => void;
 };
 
-export declare const LongTermBanner: React_2.ForwardRefExoticComponent<LongTermBannerProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare const LongTermBanner: default_2.ForwardRefExoticComponent<LongTermBannerProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface LongTermBannerProps {
     image: string;
-    title: string | React_2.ReactNode;
-    desc: string | React_2.ReactNode;
+    title: string | default_2.ReactNode;
+    desc: string | default_2.ReactNode;
     size: 'small' | 'large';
     bgColor: string;
     className?: string;
 }
 
-export declare const MobileFilterMenu: React_2.ForwardRefExoticComponent<MobileFilterMenuProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare const MobileFilterMenu: default_2.ForwardRefExoticComponent<MobileFilterMenuProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface MobileFilterMenuProps extends HTMLAttributes<HTMLDivElement> {
     show: boolean;
@@ -309,7 +324,7 @@ export declare interface MobileFilterMenuProps extends HTMLAttributes<HTMLDivEle
     maxWidth?: string;
 }
 
-export declare const MobileMultiSelectFilterDropDown: React_2.ForwardRefExoticComponent<MobileMultiSelectFilterDropDownProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare const MobileMultiSelectFilterDropDown: default_2.ForwardRefExoticComponent<MobileMultiSelectFilterDropDownProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface MobileMultiSelectFilterDropDownProps extends HTMLAttributes<HTMLDivElement> {
     label?: string;
@@ -324,7 +339,7 @@ export declare interface MobileMultiSelectFilterDropDownProps extends HTMLAttrib
     noDataError?: string;
 }
 
-export declare const MobileSelectCardDropDown: React_2.ForwardRefExoticComponent<MobileSelectCardDropDownProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare const MobileSelectCardDropDown: default_2.ForwardRefExoticComponent<MobileSelectCardDropDownProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface MobileSelectCardDropDownProps extends HTMLAttributes<HTMLDivElement> {
     label?: string;
@@ -348,11 +363,45 @@ declare interface Option_2 {
     id?: number;
 }
 
+export declare const PriceRangeSlider: default_2.FC<PriceRangeSliderProps>;
+
+export declare interface PriceRangeSliderProps {
+    className?: string;
+    min?: number;
+    max: number;
+    step?: number;
+    /**
+     * This is called everytime the input field value changes
+     */
+    onInputChange?: (value: [number | string, number | string]) => void;
+    /**
+     * This is called when the slider value changes either through the slider
+     * or the input fields. This is only called after handling internally for any non numeric characters.
+     * Which means the value will either contain a number or empty string.
+     */
+    onPriceRangeChange?: (value: [number | '', number | '']) => void;
+    currency?: string;
+    value?: [number | '', number | ''];
+}
+
 export declare const QuestionMarkIcon: FC<{
     className?: string;
 }>;
 
-export declare const RoundedProgressBar: React_2.ForwardRefExoticComponent<RoundedProgressBarProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare const RangeSlider: default_2.FC<RangeSliderProps>;
+
+export declare interface RangeSliderProps {
+    value?: [number, number];
+    onChange?: (value: [number, number]) => void;
+    step?: number;
+    className?: string;
+    disabled?: boolean;
+    min?: number;
+    max?: number;
+    tooltip?: boolean;
+}
+
+export declare const RoundedProgressBar: default_2.ForwardRefExoticComponent<RoundedProgressBarProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface RoundedProgressBarProps {
     progress: number;
@@ -368,7 +417,7 @@ export declare const RulerRegularIcon: FC<{
     className?: string;
 }>;
 
-export declare const SlickImageCarousel: React_2.ForwardRefExoticComponent<SlickImageCarouselProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare const SlickImageCarousel: default_2.ForwardRefExoticComponent<SlickImageCarouselProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare type SlickImageCarouselProps = {
     images: string[];
@@ -394,7 +443,7 @@ export declare interface Step {
     mobileNextTitle: string;
 }
 
-export declare const Stepper: React_2.ForwardRefExoticComponent<StepperProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare const Stepper: default_2.ForwardRefExoticComponent<StepperProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface StepperProps {
     steps: Step[];
@@ -402,21 +451,21 @@ export declare interface StepperProps {
     outerMobileDivClass?: string;
 }
 
-export declare const Switch: React_2.ForwardRefExoticComponent<SwitchProps & React_2.RefAttributes<HTMLInputElement>>;
+export declare const Switch: default_2.ForwardRefExoticComponent<SwitchProps & default_2.RefAttributes<HTMLInputElement>>;
 
 export declare interface SwitchProps {
     checked: boolean;
-    onChange: (event: React_2.ChangeEvent<HTMLInputElement>) => void;
+    onChange: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
     disabled?: boolean;
     htmlId?: string;
 }
 
 declare type TagProps = {
-    icon: React_2.ReactNode;
+    icon: default_2.ReactNode;
     label: string;
 };
 
-export declare const Timer: React_2.ForwardRefExoticComponent<TimerProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare const Timer: default_2.ForwardRefExoticComponent<TimerProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface TimerProps {
     time: number;
@@ -479,7 +528,7 @@ export declare interface TopNavBarProps extends HTMLAttributes<HTMLDivElement> {
     direction?: 'marquee--left' | 'marquee--right' | 'marquee--up' | 'marquee--down';
 }
 
-export declare const TopNavContainerMobile: React_2.ForwardRefExoticComponent<TopNavContainerMobileProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare const TopNavContainerMobile: default_2.ForwardRefExoticComponent<TopNavContainerMobileProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface TopNavContainerMobileProps extends HTMLAttributes<HTMLDivElement> {
     img: string;
@@ -491,7 +540,7 @@ export declare interface TopNavContainerMobileProps extends HTMLAttributes<HTMLD
     buttonText: string;
 }
 
-export declare const TwoColumnDialog: React_2.ForwardRefExoticComponent<TwoColumnDialogProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare const TwoColumnDialog: default_2.ForwardRefExoticComponent<TwoColumnDialogProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface TwoColumnDialogProps extends HTMLAttributes<HTMLDivElement> {
     img: string;