@roomstay/frontend 2.4.2 → 2.4.4-0

package/dist/src/animations/AutoAutoHeight.d.ts

@@ -5,5 +5,5 @@ interface AutoAutoHeightProps {
     startOpen?: boolean;
     onComponentHidden?: () => void;
 }
-export default function AutoAutoHeight(props: AutoAutoHeightProps): JSX.Element;
+export default function AutoAutoHeight(props: AutoAutoHeightProps): React.JSX.Element;
 export {};

package/dist/src/components/User/Forms/ForgotPasswordForm.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 type ForgotPasswordFormProps = {
     onPasswordReset?: () => void;
     onCancelled?: () => void;
     onDone?: () => void;
 };
-export declare const ForgotPasswordForm: (props: ForgotPasswordFormProps) => JSX.Element;
+export declare const ForgotPasswordForm: (props: ForgotPasswordFormProps) => React.JSX.Element;
 export {};

package/dist/src/components/User/Forms/SignUpForm.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 type SignUpFormProps = {
     onForgotPassword?: () => void;
     onSignedIn?: () => void;
     onDone?: () => void;
 };
-export declare const SignUpForm: (props: SignUpFormProps) => JSX.Element;
+export declare const SignUpForm: (props: SignUpFormProps) => React.JSX.Element;
 export {};

package/dist/src/components/generic/Alert.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren, ReactNode } from 'react';
+import React, { PropsWithChildren, ReactNode } from 'react';
 import { IconType } from './Icon/Icon';
 export declare enum AlertType {
     Alert = "--alert",
@@ -26,4 +26,4 @@ export interface AlertProps extends PropsWithChildren<any> {
     iconClassName?: string;
     [x: string]: ReactNode;
 }
-export default function Alert(props: AlertProps): JSX.Element;
+export default function Alert(props: AlertProps): React.JSX.Element;

package/dist/src/components/generic/BEButton.d.ts

@@ -1,7 +1,7 @@
-import React, { PropsWithChildren } from 'react';
+import React, { JSX, PropsWithChildren } from 'react';
 import { IconType } from './Icon/Icon';
 import { Color } from '../../util/Color';
-export interface BEButtonProps extends PropsWithChildren<any> {
+export interface BEButtonProps extends PropsWithChildren {
     icon?: IconType;
     iconPosition?: 'left' | 'right';
     rounded?: boolean;
@@ -22,7 +22,7 @@ export interface BEButtonProps extends PropsWithChildren<any> {
     mobileWidth?: boolean;
     stopIconAnimation?: boolean;
     htmlType?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
-    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    [x: string]: React.ReactNode;
+    onClick?: JSX.IntrinsicElements['button']['onClick'];
+    backgroundColor?: string;
 }
 export default function BEButton(props: BEButtonProps): JSX.Element;

package/dist/src/components/generic/BEButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BEButton.js","sourceRoot":"/","sources":["src/components/generic/BEButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames';\nimport React, { CSSProperties, PropsWithChildren, ReactNode } from 'react';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\n\nexport interface BEButtonProps extends PropsWithChildren<any> {\n    icon?: IconType;\n    iconPosition?: 'left' | 'right';\n    rounded?: boolean;\n    size?: 'large' | 'normal' | 'small' | 'tiny';\n    outline?: boolean;\n    className?: string;\n    name?: string;\n    wide?: boolean;\n    filled?: boolean;\n    isText?: boolean;\n    isLoading?: boolean;\n    textColor?: Color;\n    disabled?: boolean;\n    primary?: boolean;\n    primaryActive?: boolean;\n    success?: boolean;\n    danger?: boolean;\n    mobileWidth?: boolean;\n    stopIconAnimation?: boolean; // Rename this it's bad\n    htmlType?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];\n    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n\n    [x: string]: React.ReactNode;\n}\n\nexport default function BEButton(props: BEButtonProps) {\n    const defaultProps: BEButtonProps = {\n        size: 'normal',\n        disabled: false,\n        iconPosition: 'left',\n        htmlType: 'button',\n        ...props,\n    };\n\n    const classes = classNames(\n        {\n            '--wide': defaultProps.wide,\n            '--primary': defaultProps.primary,\n            '--primary-active': defaultProps.primaryActive,\n            '--rounded': defaultProps.rounded,\n            '--filled': defaultProps.filled && !defaultProps.backgroundColor,\n            '--success': defaultProps.filled,\n            '--danger': defaultProps.danger,\n            '--loading': defaultProps.isLoading,\n            '--fill@m-': defaultProps.mobileWidth,\n            '--no-icon-animate': defaultProps.stopIconAnimation,\n            '--icon-right': defaultProps.iconPosition === 'right',\n            [`--${defaultProps.size}`]: defaultProps.size,\n            '--text': defaultProps.isText,\n            '--outline': defaultProps.outline,\n        },\n        props.className\n    );\n\n    let icon: ReactNode = '';\n    if (defaultProps.icon) {\n        icon = <Icon icon={defaultProps.icon} size=\"1em\" />;\n    }\n\n    const extraProperties: JSX.IntrinsicElements['button'] = {};\n    const styles: CSSProperties = {};\n\n    if (props.disabled || props.isLoading) {\n        extraProperties.disabled = true;\n    }\n\n    if (props.textColor) {\n        styles.color = props.textColor;\n    }\n\n    if (props.onClick) {\n        extraProperties.onClick = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n            if (!props.isLoading) {\n                props.onClick?.(e);\n            }\n        };\n    }\n\n    if (props.name) {\n        extraProperties.name = props.name;\n    }\n    let bgColor = {};\n    if (defaultProps.backgroundColor) {\n        bgColor = { backgroundColor: defaultProps.backgroundColor, borderColor: defaultProps.backgroundColor };\n    }\n    return (\n        <button className={classes} {...extraProperties} style={{ ...styles, ...bgColor }} type={defaultProps.htmlType}>\n            {defaultProps.isLoading && (\n                <span className=\"c-spin\">\n                    <Icon icon={IconType.Spinner} color={props.primary ? Color.White : Color.Accent} />\n                </span>\n            )}\n            <span>\n                {defaultProps.iconPosition === 'left' && icon}\n                {props.children}\n                {defaultProps.iconPosition === 'right' && icon}\n            </span>\n        </button>\n    );\n}\n"]}
+{"version":3,"file":"BEButton.js","sourceRoot":"/","sources":["src/components/generic/BEButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames';\nimport React, { CSSProperties, JSX, PropsWithChildren, ReactNode } from 'react';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\n\nexport interface BEButtonProps extends PropsWithChildren {\n    icon?: IconType;\n    iconPosition?: 'left' | 'right';\n    rounded?: boolean;\n    size?: 'large' | 'normal' | 'small' | 'tiny';\n    outline?: boolean;\n    className?: string;\n    name?: string;\n    wide?: boolean;\n    filled?: boolean;\n    isText?: boolean;\n    isLoading?: boolean;\n    textColor?: Color;\n    disabled?: boolean;\n    primary?: boolean;\n    primaryActive?: boolean;\n    success?: boolean;\n    danger?: boolean;\n    mobileWidth?: boolean;\n    stopIconAnimation?: boolean; // Rename this it's bad\n    htmlType?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];\n    onClick?: JSX.IntrinsicElements['button']['onClick'];\n    backgroundColor?: string;\n}\n\nexport default function BEButton(props: BEButtonProps) {\n    const defaultProps: BEButtonProps = {\n        size: 'normal',\n        disabled: false,\n        iconPosition: 'left',\n        htmlType: 'button',\n        ...props,\n    };\n\n    const classes = classNames(\n        {\n            '--wide': defaultProps.wide,\n            '--primary': defaultProps.primary,\n            '--primary-active': defaultProps.primaryActive,\n            '--rounded': defaultProps.rounded,\n            '--filled': defaultProps.filled && !defaultProps.backgroundColor,\n            '--success': defaultProps.filled,\n            '--danger': defaultProps.danger,\n            '--loading': defaultProps.isLoading,\n            '--fill@m-': defaultProps.mobileWidth,\n            '--no-icon-animate': defaultProps.stopIconAnimation,\n            '--icon-right': defaultProps.iconPosition === 'right',\n            [`--${defaultProps.size}`]: defaultProps.size,\n            '--text': defaultProps.isText,\n            '--outline': defaultProps.outline,\n        },\n        props.className\n    );\n\n    let icon: ReactNode = '';\n    if (defaultProps.icon) {\n        icon = <Icon icon={defaultProps.icon} size=\"1em\" />;\n    }\n\n    const extraProperties: JSX.IntrinsicElements['button'] = {};\n    const styles: CSSProperties = {};\n\n    if (props.disabled || props.isLoading) {\n        extraProperties.disabled = true;\n    }\n\n    if (props.textColor) {\n        styles.color = props.textColor;\n    }\n\n    if (props.onClick) {\n        extraProperties.onClick = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n            if (!props.isLoading) {\n                props.onClick?.(e);\n            }\n        };\n    }\n\n    if (props.name) {\n        extraProperties.name = props.name;\n    }\n    let bgColor = {};\n    if (defaultProps.backgroundColor) {\n        bgColor = { backgroundColor: defaultProps.backgroundColor, borderColor: defaultProps.backgroundColor };\n    }\n    return (\n        <button className={classes} {...extraProperties} style={{ ...styles, ...bgColor }} type={defaultProps.htmlType}>\n            {defaultProps.isLoading && (\n                <span className=\"c-spin\">\n                    <Icon icon={IconType.Spinner} color={props.primary ? Color.White : Color.Accent} />\n                </span>\n            )}\n            <span>\n                {defaultProps.iconPosition === 'left' && icon}\n                {props.children}\n                {defaultProps.iconPosition === 'right' && icon}\n            </span>\n        </button>\n    );\n}\n"]}

package/dist/src/components/generic/BackButton.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 interface BackButtonProps {
     onClick?: () => void;
 }
-export default function BackButton(props: BackButtonProps): JSX.Element;
+export default function BackButton(props: BackButtonProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/BookingWizard/BookingWizardHotelSelector/BookingWizardHotelSelector.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { BookingWizardProperty } from '../../../../models/BookingWizard/BookingWizardProperty';
 import { TBookingWizardProperties } from '../../../../models/BookingWizard/BookingWizardTypes';
 interface BookingWizardHotelSelectorProps {
@@ -7,5 +8,5 @@ interface BookingWizardHotelSelectorProps {
     contentClassName?: string;
     onChange?: (hotel: BookingWizardProperty | null) => void;
 }
-export declare const BookingWizardHotelSelector: (props: BookingWizardHotelSelectorProps) => JSX.Element;
+export declare const BookingWizardHotelSelector: (props: BookingWizardHotelSelectorProps) => React.JSX.Element;
 export {};

package/dist/src/components/generic/Card/Card/Card.d.ts

@@ -1,7 +1,7 @@
-import { FC, ReactNode } from 'react';
-type CardProps = {
+import { FC, PropsWithChildren, ReactNode } from 'react';
+type CardProps = PropsWithChildren<{
     title?: ReactNode;
     className?: string;
-};
+}>;
 export declare const Card: FC<CardProps>;
 export {};

package/dist/src/components/generic/Card/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"/","sources":["src/components/generic/Card/Card/Card.tsx"],"names":[],"mappings":";;;;;;AAAA,4DAAoC;AACpC,kDAA6C;AAE7C,qEAA6C;AAE7C,0EAAwC;AAOjC,MAAM,IAAI,GAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IAClE,OAAO,CACH,uCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,0BAAM,CAAC,IAAI,EAAE,SAAS,CAAC;QAC7C,KAAK,IAAI,8BAAC,cAAI,IAAC,IAAI,UAAE,KAAK,CAAQ;QAClC,QAAQ,IAAI,uCAAK,SAAS,EAAC,oBAAoB,IAAE,QAAQ,CAAO,CAC/D,CACT,CAAC;AACN,CAAC,CAAC;AAPW,QAAA,IAAI,QAOf","sourcesContent":["import classNames from 'classnames';\nimport React, { FC, ReactNode } from 'react';\n\nimport Text from '@/components/generic/Text';\n\nimport styles from './Card.module.scss';\n\ntype CardProps = {\n    title?: ReactNode;\n    className?: string;\n};\n\nexport const Card: FC<CardProps> = ({ title, children, className }) => {\n    return (\n        <div className={classNames(styles.root, className)}>\n            {title && <Text bold>{title}</Text>}\n            {children && <div className=\"u-marg-top--medium\">{children}</div>}\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"Card.js","sourceRoot":"/","sources":["src/components/generic/Card/Card/Card.tsx"],"names":[],"mappings":";;;;;;AAAA,4DAAoC;AACpC,kDAAgE;AAEhE,qEAA6C;AAE7C,0EAAwC;AAOjC,MAAM,IAAI,GAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IAClE,OAAO,CACH,uCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,0BAAM,CAAC,IAAI,EAAE,SAAS,CAAC;QAC7C,KAAK,IAAI,8BAAC,cAAI,IAAC,IAAI,UAAE,KAAK,CAAQ;QAClC,QAAQ,IAAI,uCAAK,SAAS,EAAC,oBAAoB,IAAE,QAAQ,CAAO,CAC/D,CACT,CAAC;AACN,CAAC,CAAC;AAPW,QAAA,IAAI,QAOf","sourcesContent":["import classNames from 'classnames';\nimport React, { FC, PropsWithChildren, ReactNode } from 'react';\n\nimport Text from '@/components/generic/Text';\n\nimport styles from './Card.module.scss';\n\ntype CardProps = PropsWithChildren<{\n    title?: ReactNode;\n    className?: string;\n}>;\n\nexport const Card: FC<CardProps> = ({ title, children, className }) => {\n    return (\n        <div className={classNames(styles.root, className)}>\n            {title && <Text bold>{title}</Text>}\n            {children && <div className=\"u-marg-top--medium\">{children}</div>}\n        </div>\n    );\n};\n"]}

package/dist/src/components/generic/Card/IconNavCard/IconNavCard.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconType } from '../../Icon/Icon';
 import { Color } from '../../../../util/Color';
 type IconNavCardProps = {
@@ -11,5 +12,5 @@ type IconNavCardProps = {
         color?: Color;
     };
 };
-export declare const IconNavCard: (props: IconNavCardProps) => JSX.Element | null;
+export declare const IconNavCard: (props: IconNavCardProps) => React.JSX.Element | null;
 export {};

package/dist/src/components/generic/Countdown.d.ts

@@ -1,7 +1,8 @@
 import dayjs from 'dayjs';
+import React from 'react';
 interface CountdownProps {
     endTimeDate: dayjs.Dayjs;
     onEnd?: () => void;
 }
-export default function Countdown(props: CountdownProps): JSX.Element;
+export default function Countdown(props: CountdownProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/Currency.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import { UseCurrencyProps } from '../../hooks/Currency';
-export default function Currency(props: UseCurrencyProps): JSX.Element;
+export default function Currency(props: UseCurrencyProps): React.JSX.Element;

package/dist/src/components/generic/DateRangePicker/DateRangePicker.d.ts

@@ -1,4 +1,5 @@
 import dayjs from 'dayjs';
+import React from 'react';
 import { EBookingWizardTheme } from '../BookingWizard/BookingWizard';
 export interface DatePickerProps {
     selectedStartDate?: dayjs.Dayjs | null;
@@ -11,4 +12,4 @@ export interface DatePickerProps {
     showMultipleMonths?: boolean;
     theme?: EBookingWizardTheme;
 }
-export default function DateRangePicker(props: DatePickerProps): JSX.Element;
+export default function DateRangePicker(props: DatePickerProps): React.JSX.Element;

package/dist/src/components/generic/DateRangePicker/DateRangePickerDay.d.ts

@@ -1,4 +1,5 @@
 import * as dayjs from 'dayjs';
+import React from 'react';
 import { Color } from '../../../util/Color';
 interface DatePickerDayProps {
     text: any;
@@ -17,5 +18,5 @@ export declare enum DatePickerDayStatus {
     Loading = "--loading",
     Selected = "--selected"
 }
-export default function DateRangePickerDay(props: DatePickerDayProps): JSX.Element;
+export default function DateRangePickerDay(props: DatePickerDayProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/DateRangePicker/DateRangePickerDays.d.ts

@@ -1,6 +1,7 @@
 import * as dayjs from 'dayjs';
+import React from 'react';
 interface DatePickerDaysProps {
     showingMonth: dayjs.Dayjs;
 }
-export default function DateRangePickerDays(props: DatePickerDaysProps): JSX.Element;
+export default function DateRangePickerDays(props: DatePickerDaysProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/DateRangePicker/DateRangePickerMonth.d.ts

@@ -1,7 +1,8 @@
 import * as dayjs from 'dayjs';
+import React from 'react';
 interface DatePickerMonthProps {
     showingMonth: dayjs.Dayjs;
     small?: boolean;
 }
-export default function DateRangePickerMonth(props: DatePickerMonthProps): JSX.Element;
+export default function DateRangePickerMonth(props: DatePickerMonthProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/Distance.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 interface DistanceProps {
     distance: number | string;
 }
-export default function Distance({ distance }: DistanceProps): JSX.Element;
+export default function Distance({ distance }: DistanceProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/Headline.d.ts

@@ -11,4 +11,4 @@ export interface HeadlineProps extends PropsWithChildren<any> {
     className?: string;
     [x: string]: React.ReactNode;
 }
-export default function Headline(props: HeadlineProps): JSX.Element;
+export default function Headline(props: HeadlineProps): React.JSX.Element;

package/dist/src/components/generic/Icon/Icon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Color } from '../../../util/Color';
 export declare enum IconType {
     Email = "Email",
@@ -83,6 +84,6 @@ export interface IconProps {
     borderRadius?: 'oval' | 'round';
     className?: string;
 }
-export declare function IconDropdown(): JSX.Element;
-export declare function IconDropdownFilled(): JSX.Element;
-export default function Icon(props: IconProps): JSX.Element;
+export declare function IconDropdown(): React.JSX.Element;
+export declare function IconDropdownFilled(): React.JSX.Element;
+export default function Icon(props: IconProps): React.JSX.Element;

package/dist/src/components/generic/InputGroup/InputGroup.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { InputGroupDimensions } from './InputGroup.types';
 export interface InputGroupProps {
     children: ReactNode | ReactNode[];
     dimensions?: InputGroupDimensions;
 }
-export default function InputGroup(props: InputGroupProps): JSX.Element;
+export default function InputGroup(props: InputGroupProps): React.JSX.Element;

package/dist/src/components/generic/LineBreak.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 export interface LineBreakProps {
     darker?: boolean;
     noMargins?: boolean;
     smallMargins?: boolean;
     fullBleed?: boolean;
 }
-export default function LineBreak(props: LineBreakProps): JSX.Element;
+export default function LineBreak(props: LineBreakProps): React.JSX.Element;

package/dist/src/components/generic/Notification.d.ts

@@ -9,5 +9,5 @@ interface NotificationProps {
     data: NotificationType;
     onRemove?: (id: number) => void;
 }
-export default function Notification(props: NotificationProps): JSX.Element;
+export default function Notification(props: NotificationProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/NumberIncrement.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { TextType } from './Text';
 export interface NumberIncrementProps {
     number?: number;
@@ -6,4 +7,4 @@ export interface NumberIncrementProps {
     max?: number;
     textSize?: TextType;
 }
-export default function NumberIncrement(props: NumberIncrementProps): JSX.Element;
+export default function NumberIncrement(props: NumberIncrementProps): React.JSX.Element;

package/dist/src/components/generic/Overlay/Overlay.d.ts

@@ -1,5 +1,5 @@
 import { Placement, PositioningStrategy } from '@popperjs/core';
-import { LegacyRef, ReactNode } from 'react';
+import React, { LegacyRef, ReactNode } from 'react';
 export type OverlayProps = {
     children: ReactNode | ReactNode[];
     open: boolean;
@@ -18,4 +18,4 @@ export type OverlayProps = {
     preventScroll?: boolean;
     isAboveNav?: boolean;
 };
-export declare const Overlay: (props: OverlayProps) => JSX.Element;
+export declare const Overlay: (props: OverlayProps) => React.JSX.Element;

package/dist/src/components/generic/PaymentCard/PaymentCard.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { IRoomstayMemberCardFormInput } from '../../../models/RoomstayMembers/IRoomstayMemberCard';
 export interface PaymentCardProps {
     card: IRoomstayMemberCardFormInput;
 }
-export declare const PaymentCard: ({ card }: PaymentCardProps) => JSX.Element;
+export declare const PaymentCard: ({ card }: PaymentCardProps) => React.JSX.Element;

package/dist/src/components/generic/Pill.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from 'react';
-import { IconType } from './Icon/Icon';
+import { IconProps, IconType } from './Icon/Icon';
 export declare enum PillVariant {
     Outlined = "--outlined"
 }
@@ -17,9 +17,8 @@ export interface PillProps extends PropsWithChildren<any> {
     size?: 'medium' | 'small';
     iconPosition?: 'left' | 'right';
     type?: PillType;
-    onClickIcon?: () => void | null;
+    onClickIcon?: IconProps['onClick'];
     variant?: PillVariant;
     className?: string;
-    [x: string]: React.ReactNode;
 }
-export default function Pill(props: PillProps): JSX.Element;
+export default function Pill(props: PillProps): React.JSX.Element;

package/dist/src/components/generic/Pill.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pill.js","sourceRoot":"/","sources":["src/components/generic/Pill.tsx"],"names":[],"mappings":";;;;;;AAAA,4DAAoC;AACpC,kDAAiD;AAEjD,0EAAgE;AAEhE,IAAY,WAEX;AAFD,WAAY,WAAW;IACnB,sCAAuB,CAAA;AAC3B,CAAC,EAFW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAEtB;AAED,IAAY,QAQX;AARD,WAAY,QAAQ;IAChB,gCAAoB,CAAA;IACpB,oCAAwB,CAAA;IACxB,iCAAqB,CAAA;IACrB,iCAAqB,CAAA;IACrB,iCAAqB,CAAA;IACrB,2BAAe,CAAA;IACf,+BAAmB,CAAA;AACvB,CAAC,EARW,QAAQ,GAAR,gBAAQ,KAAR,gBAAQ,QAQnB;AAeD,SAAwB,IAAI,CAAC,KAAgB;;IACzC,MAAM,EAAE,IAAI,GAAG,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEtD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE;QACrD,cAAc,EAAE,KAAK,CAAC,YAAY,KAAK,OAAO;QAC9C,SAAS,EAAE,IAAI,KAAK,OAAO;QAC3B,CAAC,MAAA,KAAK,CAAC,IAAI,mCAAI,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI;KACzC,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,8BAAC,cAAI,IAAC,IAAI,EAAE,KAAK,CAAC,IAAgB,EAAE,OAAO,EAAE,KAAK,CAAC,WAAW,GAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;IAE9H,OAAO,CACH,wCAAM,SAAS,EAAE,OAAO;QACnB,CAAC,KAAK,CAAC,YAAY,KAAK,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,IAAI;QAC9D,KAAK,CAAC,QAAQ;QACd,KAAK,CAAC,YAAY,KAAK,OAAO,IAAI,IAAI,CACpC,CACV,CAAC;AACN,CAAC;AAlBD,uBAkBC","sourcesContent":["import classNames from 'classnames';\nimport React, { PropsWithChildren } from 'react';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\n\nexport enum PillVariant {\n    Outlined = '--outlined',\n}\n\nexport enum PillType {\n    Primary = '--accent',\n    Secondary = '--accent-2',\n    Warning = '--warning',\n    Success = '--success',\n    Default = '--default',\n    Grey = '--grey',\n    Danger = '--danger',\n}\n\nexport interface PillProps extends PropsWithChildren<any> {\n    icon?: IconType | React.ReactNode;\n    size?: 'medium' | 'small';\n    iconPosition?: 'left' | 'right';\n    type?: PillType;\n\n    onClickIcon?: () => void | null;\n    variant?: PillVariant;\n    className?: string;\n\n    [x: string]: React.ReactNode;\n}\n\nexport default function Pill(props: PillProps) {\n    const { size = 'medium', variant, className } = props;\n\n    const classes = classNames('c-pill', variant, className, {\n        '--icon-right': props.iconPosition === 'right',\n        '--small': size === 'small',\n        [props.type ?? PillType.Default]: true,\n    });\n\n    const icon = typeof props.icon === 'string' ? <Icon icon={props.icon as IconType} onClick={props.onClickIcon} /> : props.icon;\n\n    return (\n        <span className={classes}>\n            {(props.iconPosition === 'left' || !props.iconPosition) && icon}\n            {props.children}\n            {props.iconPosition === 'right' && icon}\n        </span>\n    );\n}\n"]}
+{"version":3,"file":"Pill.js","sourceRoot":"/","sources":["src/components/generic/Pill.tsx"],"names":[],"mappings":";;;;;;AAAA,4DAAoC;AACpC,kDAAiD;AAEjD,0EAA2E;AAE3E,IAAY,WAEX;AAFD,WAAY,WAAW;IACnB,sCAAuB,CAAA;AAC3B,CAAC,EAFW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAEtB;AAED,IAAY,QAQX;AARD,WAAY,QAAQ;IAChB,gCAAoB,CAAA;IACpB,oCAAwB,CAAA;IACxB,iCAAqB,CAAA;IACrB,iCAAqB,CAAA;IACrB,iCAAqB,CAAA;IACrB,2BAAe,CAAA;IACf,+BAAmB,CAAA;AACvB,CAAC,EARW,QAAQ,GAAR,gBAAQ,KAAR,gBAAQ,QAQnB;AAYD,SAAwB,IAAI,CAAC,KAAgB;;IACzC,MAAM,EAAE,IAAI,GAAG,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEtD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE;QACrD,cAAc,EAAE,KAAK,CAAC,YAAY,KAAK,OAAO;QAC9C,SAAS,EAAE,IAAI,KAAK,OAAO;QAC3B,CAAC,MAAA,KAAK,CAAC,IAAI,mCAAI,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI;KACzC,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,8BAAC,cAAI,IAAC,IAAI,EAAE,KAAK,CAAC,IAAgB,EAAE,OAAO,EAAE,KAAK,CAAC,WAAW,GAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;IAE9H,OAAO,CACH,wCAAM,SAAS,EAAE,OAAO;QACnB,CAAC,KAAK,CAAC,YAAY,KAAK,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,IAAI;QAC9D,KAAK,CAAC,QAAQ;QACd,KAAK,CAAC,YAAY,KAAK,OAAO,IAAI,IAAI,CACpC,CACV,CAAC;AACN,CAAC;AAlBD,uBAkBC","sourcesContent":["import classNames from 'classnames';\nimport React, { PropsWithChildren } from 'react';\n\nimport Icon, { IconProps, IconType } from '@/components/generic/Icon/Icon';\n\nexport enum PillVariant {\n    Outlined = '--outlined',\n}\n\nexport enum PillType {\n    Primary = '--accent',\n    Secondary = '--accent-2',\n    Warning = '--warning',\n    Success = '--success',\n    Default = '--default',\n    Grey = '--grey',\n    Danger = '--danger',\n}\n\nexport interface PillProps extends PropsWithChildren<any> {\n    icon?: IconType | React.ReactNode;\n    size?: 'medium' | 'small';\n    iconPosition?: 'left' | 'right';\n    type?: PillType;\n    onClickIcon?: IconProps['onClick'];\n    variant?: PillVariant;\n    className?: string;\n}\n\nexport default function Pill(props: PillProps) {\n    const { size = 'medium', variant, className } = props;\n\n    const classes = classNames('c-pill', variant, className, {\n        '--icon-right': props.iconPosition === 'right',\n        '--small': size === 'small',\n        [props.type ?? PillType.Default]: true,\n    });\n\n    const icon = typeof props.icon === 'string' ? <Icon icon={props.icon as IconType} onClick={props.onClickIcon} /> : props.icon;\n\n    return (\n        <span className={classes}>\n            {(props.iconPosition === 'left' || !props.iconPosition) && icon}\n            {props.children}\n            {props.iconPosition === 'right' && icon}\n        </span>\n    );\n}\n"]}

package/dist/src/components/generic/Placeholder.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 type StringScreenSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export interface PlaceholderProps {
     type: 'text' | 'circle' | 'block';
@@ -9,5 +10,5 @@ export interface PlaceholderProps {
     rounded?: 'md' | 'lg';
     noMarg?: boolean;
 }
-export default function Placeholder(props: PlaceholderProps): JSX.Element;
+export default function Placeholder(props: PlaceholderProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/PromoCodeInput.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 interface PromoCodeInputProps {
     value: string;
     onChange: (code: string) => void;
@@ -5,5 +6,5 @@ interface PromoCodeInputProps {
     direct?: boolean;
     className?: string;
 }
-export default function PromoCodeInput(props: PromoCodeInputProps): JSX.Element;
+export default function PromoCodeInput(props: PromoCodeInputProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/RecentSearchesCard.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import BasketRow from '../../models/BasketRow';
 export interface RecentSearchesCardProps {
     basketRow: BasketRow;
     onViewRatesClicked: () => void;
     onRemove: () => void;
 }
-declare const RecentSearchesCard: ({ basketRow, onRemove, onViewRatesClicked }: RecentSearchesCardProps) => JSX.Element;
+declare const RecentSearchesCard: ({ basketRow, onRemove, onViewRatesClicked }: RecentSearchesCardProps) => React.JSX.Element;
 export default RecentSearchesCard;

package/dist/src/components/generic/RoomstayMark.d.ts

@@ -1 +1,2 @@
-export declare const RoomstayMark: () => JSX.Element;
+import React from 'react';
+export declare const RoomstayMark: () => React.JSX.Element;

package/dist/src/components/generic/Select/Select.d.ts

@@ -30,7 +30,7 @@ export type SelectProps<TOption extends Option<KeyName>, KeyName extends string>
     hideExpandIcon?: boolean;
     inputLabelColor?: Color;
 };
-export declare const InnerSelect: <TOption extends Option<KeyName>, KeyName extends string>({ target, open, onClose, options, value, onChange, keyName, labelName, className, offset, renderOption, nativeOnMobile, overlay, renderLabel, hideExpandIcon, inputLabelColor, }: SelectProps<TOption, KeyName>, ref: Ref<HTMLDivElement | null>) => JSX.Element;
+export declare const InnerSelect: <TOption extends Option<KeyName>, KeyName extends string>({ target, open, onClose, options, value, onChange, keyName, labelName, className, offset, renderOption, nativeOnMobile, overlay, renderLabel, hideExpandIcon, inputLabelColor, }: SelectProps<TOption, KeyName>, ref: Ref<HTMLDivElement | null>) => React.JSX.Element;
 export declare const Select: <TOption extends Option<KeyName>, KeyName extends string>(p: SelectProps<TOption, KeyName> & {
     ref?: React.Ref<HTMLDivElement> | undefined;
 }) => JSX.Element;

package/dist/src/components/generic/Slider/Slider.d.ts

@@ -18,5 +18,5 @@ type SliderProps = {
  * Specifically a ranged slider, specifically for the Filter section of the Step Room display.
  * @param props
  */
-export declare const Slider: (props: SliderProps) => JSX.Element;
+export declare const Slider: (props: SliderProps) => React.JSX.Element;
 export {};

package/dist/src/components/generic/Tabs/Tab.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-export interface TabProps {
+import React, { PropsWithChildren } from 'react';
+export type TabProps = PropsWithChildren<{
     title: React.ReactNode;
     navPath: string;
     disabled?: boolean;
     tabClassName?: string;
     preventScrollTop?: boolean;
     tabAttrs?: Record<string, any>;
-}
+}>;
 export declare const Tab: React.FC<TabProps>;

package/dist/src/components/generic/Tabs/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sourceRoot":"/","sources":["src/components/generic/Tabs/Tab.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAWnB,MAAM,GAAG,GAAuB,GAAG,EAAE;IACxC,MAAM,IAAI,KAAK,CACX,mDAAmD;QAC/C,2FAA2F;QAC3F,mEAAmE,CAC1E,CAAC;IACF,mCAAmC;IACnC,OAAO,6DAAK,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,GAAG,OAQd","sourcesContent":["import React from 'react';\n\nexport interface TabProps {\n    title: React.ReactNode;\n    navPath: string;\n    disabled?: boolean;\n    tabClassName?: string;\n    preventScrollTop?: boolean;\n    tabAttrs?: Record<string, any>;\n}\n\nexport const Tab: React.FC<TabProps> = () => {\n    throw new Error(\n        'The `Tab` component is not meant to be rendered! ' +\n            \"It's an abstract component that is only valid as a direct Child of the `Tabs` Component. \" +\n            'For custom tabs components use TabPane and TabsContainer directly'\n    );\n    // Needed otherwise docs error out.\n    return <></>;\n};\n"]}
+{"version":3,"file":"Tab.js","sourceRoot":"/","sources":["src/components/generic/Tabs/Tab.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAiD;AAW1C,MAAM,GAAG,GAAuB,GAAG,EAAE;IACxC,MAAM,IAAI,KAAK,CACX,mDAAmD;QAC/C,2FAA2F;QAC3F,mEAAmE,CAC1E,CAAC;IACF,mCAAmC;IACnC,OAAO,6DAAK,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,GAAG,OAQd","sourcesContent":["import React, { PropsWithChildren } from 'react';\n\nexport type TabProps = PropsWithChildren<{\n    title: React.ReactNode;\n    navPath: string;\n    disabled?: boolean;\n    tabClassName?: string;\n    preventScrollTop?: boolean;\n    tabAttrs?: Record<string, any>;\n}>;\n\nexport const Tab: React.FC<TabProps> = () => {\n    throw new Error(\n        'The `Tab` component is not meant to be rendered! ' +\n            \"It's an abstract component that is only valid as a direct Child of the `Tabs` Component. \" +\n            'For custom tabs components use TabPane and TabsContainer directly'\n    );\n    // Needed otherwise docs error out.\n    return <></>;\n};\n"]}

package/dist/src/components/generic/Tabs/TabLink.d.ts

@@ -1 +1,2 @@
-export declare const TabLink: (props: any) => JSX.Element | null;
+import React from 'react';
+export declare const TabLink: (props: any) => React.JSX.Element | null;

package/dist/src/components/generic/Tabs/TabRouteContainer.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 interface TabRouteContainerProps {
     children: ReactNode[];
 }
-export declare function TabRouteContainer({ children }: TabRouteContainerProps): JSX.Element;
+export declare function TabRouteContainer({ children }: TabRouteContainerProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/Text.d.ts

@@ -11,7 +11,6 @@ export declare enum TextTransform {
     Uppercase = "u-uppercase"
 }
 export interface TextProps extends PropsWithChildren<any> {
-    [x: string]: React.ReactNode;
     type?: TextType;
     color?: Color;
     align?: TextAlign;
@@ -23,5 +22,5 @@ export interface TextProps extends PropsWithChildren<any> {
     style?: React.CSSProperties;
     lineThrough?: boolean;
 }
-export declare const Text: React.ForwardRefExoticComponent<Pick<TextProps, keyof TextProps> & React.RefAttributes<HTMLParagraphElement>>;
+export declare const Text: React.ForwardRefExoticComponent<Omit<TextProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 export default Text;

package/dist/src/components/generic/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"/","sources":["src/components/generic/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAAoC;AACpC,+CAA6D;AAK7D,IAAY,QAKX;AALD,WAAY,QAAQ;IAChB,yBAAa,CAAA;IACb,2BAAe,CAAA;IACf,+BAAmB,CAAA;IACnB,2BAAe,CAAA;AACnB,CAAC,EALW,QAAQ,GAAR,gBAAQ,KAAR,gBAAQ,QAKnB;AAED,yCAAyC;AACzC,IAAY,aAEX;AAFD,WAAY,aAAa;IACrB,0CAAyB,CAAA;AAC7B,CAAC,EAFW,aAAa,GAAb,qBAAa,KAAb,qBAAa,QAExB;AAgBY,QAAA,IAAI,GAAG,IAAA,kBAAU,EAAkC,SAAS,IAAI,CAAC,KAAK,EAAE,GAAG;IACpF,MAAM,YAAY,mBACd,IAAI,EAAE,QAAQ,CAAC,IAAI,IAChB,KAAK,CACX,CAAC;IAEF,MAAM,gBAAgB,GAAQ,EAAE,CAAC;IAEjC,IAAI,KAAK,CAAC,UAAU,EAAE;QAClB,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,gBAAgB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;KACjF;IAED,MAAM,YAAY,GAAQ,EAAE,CAAC;IAE7B,IAAI,KAAK,CAAC,SAAS,EAAE;QACjB,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;KACzE;IAED,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,KAAK,CAAC,KAAK,gCAClC,CAAC,QAAQ,YAAY,CAAC,IAAI,EAAE,CAAC,EAAE,YAAY,CAAC,IAAI,EAChD,eAAe,EAAE,KAAK,CAAC,MAAM,EAC7B,aAAa,EAAE,KAAK,CAAC,IAAI,EACzB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,gBAAgB,EAAE,KAAK,CAAC,WAAW,IAChC,YAAY,GACZ,gBAAgB,EACrB,CAAC;IAEH,MAAM,MAAM,qBACL,CAAC,YAAY,CAAC,KAAK,IAAI,EAAE,CAAC,CAChC,CAAC;IAEF,IAAI,YAAY,CAAC,KAAK,EAAE;QACpB,MAAM,CAAC,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC;KACrC;IAED,OAAO,CACH,qCAAG,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,IACzC,KAAK,CAAC,QAAQ,CACf,CACP,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,kBAAe,YAAI,CAAC","sourcesContent":["import classNames from 'classnames';\nimport React, { forwardRef, PropsWithChildren } from 'react';\n\nimport { Color } from '@/util/Color';\nimport { TextAlign } from '@/util/TextAlignment';\n\nexport enum TextType {\n    Body = 'body',\n    Small = 'small',\n    Caption = 'caption',\n    Label = 'label',\n}\n\n// Refactor to globalize for Headings too\nexport enum TextTransform {\n    Uppercase = 'u-uppercase',\n}\n\nexport interface TextProps extends PropsWithChildren<any> {\n    [x: string]: React.ReactNode;\n    type?: TextType;\n    color?: Color;\n    align?: TextAlign;\n    transforms?: TextTransform[];\n    className?: string;\n    inline?: boolean;\n    bold?: boolean;\n    preformatted?: boolean;\n    style?: React.CSSProperties;\n    lineThrough?: boolean;\n}\n\nexport const Text = forwardRef<HTMLParagraphElement, TextProps>(function Text(props, ref) {\n    const defaultProps: TextProps = {\n        type: TextType.Body,\n        ...props,\n    };\n\n    const transformClasses: any = {};\n\n    if (props.transforms) {\n        props.transforms.forEach((transform) => (transformClasses[transform] = true));\n    }\n\n    const extraClasses: any = {};\n\n    if (props.className) {\n        props.className.split(' ').forEach((it) => (extraClasses[it] = true));\n    }\n\n    const classes = classNames(props.align, {\n        [`text-${defaultProps.type}`]: defaultProps.type,\n        'u-inline-flex': props.inline,\n        'u-text-bold': props.bold,\n        'u-pre-wrap': props.preformatted,\n        'u-line-through': props.lineThrough,\n        ...extraClasses,\n        ...transformClasses,\n    });\n\n    const styles: any = {\n        ...(defaultProps.style || {}),\n    };\n\n    if (defaultProps.color) {\n        styles.color = defaultProps.color;\n    }\n\n    return (\n        <p className={classes} style={styles} ref={ref}>\n            {props.children}\n        </p>\n    );\n});\n\nexport default Text;\n"]}
+{"version":3,"file":"Text.js","sourceRoot":"/","sources":["src/components/generic/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAAoC;AACpC,+CAA6D;AAK7D,IAAY,QAKX;AALD,WAAY,QAAQ;IAChB,yBAAa,CAAA;IACb,2BAAe,CAAA;IACf,+BAAmB,CAAA;IACnB,2BAAe,CAAA;AACnB,CAAC,EALW,QAAQ,GAAR,gBAAQ,KAAR,gBAAQ,QAKnB;AAED,yCAAyC;AACzC,IAAY,aAEX;AAFD,WAAY,aAAa;IACrB,0CAAyB,CAAA;AAC7B,CAAC,EAFW,aAAa,GAAb,qBAAa,KAAb,qBAAa,QAExB;AAeY,QAAA,IAAI,GAAG,IAAA,kBAAU,EAAkC,SAAS,IAAI,CAAC,KAAK,EAAE,GAAG;IACpF,MAAM,YAAY,mBACd,IAAI,EAAE,QAAQ,CAAC,IAAI,IAChB,KAAK,CACX,CAAC;IAEF,MAAM,gBAAgB,GAAQ,EAAE,CAAC;IAEjC,IAAI,KAAK,CAAC,UAAU,EAAE;QAClB,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,gBAAgB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;KACjF;IAED,MAAM,YAAY,GAAQ,EAAE,CAAC;IAE7B,IAAI,KAAK,CAAC,SAAS,EAAE;QACjB,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;KACzE;IAED,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,KAAK,CAAC,KAAK,gCAClC,CAAC,QAAQ,YAAY,CAAC,IAAI,EAAE,CAAC,EAAE,YAAY,CAAC,IAAI,EAChD,eAAe,EAAE,KAAK,CAAC,MAAM,EAC7B,aAAa,EAAE,KAAK,CAAC,IAAI,EACzB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,gBAAgB,EAAE,KAAK,CAAC,WAAW,IAChC,YAAY,GACZ,gBAAgB,EACrB,CAAC;IAEH,MAAM,MAAM,qBACL,CAAC,YAAY,CAAC,KAAK,IAAI,EAAE,CAAC,CAChC,CAAC;IAEF,IAAI,YAAY,CAAC,KAAK,EAAE;QACpB,MAAM,CAAC,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC;KACrC;IAED,OAAO,CACH,qCAAG,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,IACzC,KAAK,CAAC,QAAQ,CACf,CACP,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,kBAAe,YAAI,CAAC","sourcesContent":["import classNames from 'classnames';\nimport React, { forwardRef, PropsWithChildren } from 'react';\n\nimport { Color } from '@/util/Color';\nimport { TextAlign } from '@/util/TextAlignment';\n\nexport enum TextType {\n    Body = 'body',\n    Small = 'small',\n    Caption = 'caption',\n    Label = 'label',\n}\n\n// Refactor to globalize for Headings too\nexport enum TextTransform {\n    Uppercase = 'u-uppercase',\n}\n\nexport interface TextProps extends PropsWithChildren<any> {\n    type?: TextType;\n    color?: Color;\n    align?: TextAlign;\n    transforms?: TextTransform[];\n    className?: string;\n    inline?: boolean;\n    bold?: boolean;\n    preformatted?: boolean;\n    style?: React.CSSProperties;\n    lineThrough?: boolean;\n}\n\nexport const Text = forwardRef<HTMLParagraphElement, TextProps>(function Text(props, ref) {\n    const defaultProps: TextProps = {\n        type: TextType.Body,\n        ...props,\n    };\n\n    const transformClasses: any = {};\n\n    if (props.transforms) {\n        props.transforms.forEach((transform) => (transformClasses[transform] = true));\n    }\n\n    const extraClasses: any = {};\n\n    if (props.className) {\n        props.className.split(' ').forEach((it) => (extraClasses[it] = true));\n    }\n\n    const classes = classNames(props.align, {\n        [`text-${defaultProps.type}`]: defaultProps.type,\n        'u-inline-flex': props.inline,\n        'u-text-bold': props.bold,\n        'u-pre-wrap': props.preformatted,\n        'u-line-through': props.lineThrough,\n        ...extraClasses,\n        ...transformClasses,\n    });\n\n    const styles: any = {\n        ...(defaultProps.style || {}),\n    };\n\n    if (defaultProps.color) {\n        styles.color = defaultProps.color;\n    }\n\n    return (\n        <p className={classes} style={styles} ref={ref}>\n            {props.children}\n        </p>\n    );\n});\n\nexport default Text;\n"]}

package/dist/src/components/generic/TextArea.d.ts

@@ -4,5 +4,5 @@ export type TextAreaProps = JSX.IntrinsicElements['textarea'] & {
     required?: boolean;
     validationStatus?: 'error' | 'success';
 };
-declare const _default: React.ForwardRefExoticComponent<Pick<TextAreaProps, "label" | "key" | keyof React.TextareaHTMLAttributes<HTMLTextAreaElement> | "validationStatus"> & React.RefAttributes<HTMLTextAreaElement>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
 export default _default;

package/dist/src/components/generic/Tooltip/Tooltip.d.ts

@@ -1,4 +1,4 @@
-import { ReactChild } from 'react';
+import React, { ReactChild } from 'react';
 export interface BETooltipProps {
     wrapperClasses?: string;
     followElement?: HTMLElement | null;
@@ -8,4 +8,4 @@ export interface BETooltipProps {
     disabled?: boolean;
     dark?: boolean;
 }
-export default function Tooltip(props: BETooltipProps): JSX.Element;
+export default function Tooltip(props: BETooltipProps): React.JSX.Element;

package/dist/src/components/generic/badging/SSLSecureBadge.d.ts

@@ -1 +1,2 @@
-export default function SSLSecureBadge(): JSX.Element;
+import React from 'react';
+export default function SSLSecureBadge(): React.JSX.Element;

package/dist/src/components/generic/buttons/NextStepButton.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export interface NextStepButtonProps {
     text: string;
     disabled?: boolean;
@@ -6,4 +7,4 @@ export interface NextStepButtonProps {
     wideByDefault?: boolean;
     hideIcon?: boolean;
 }
-export default function NextStepButton(props: NextStepButtonProps): JSX.Element;
+export default function NextStepButton(props: NextStepButtonProps): React.JSX.Element;

package/dist/src/components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField.d.ts

@@ -7,5 +7,5 @@ export interface EnhancedPhoneNumberField extends PropsWithChildren<any> {
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
     disabled?: boolean;
 }
-declare const _default: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<EnhancedPhoneNumberField>, keyof EnhancedPhoneNumberField> & React.RefAttributes<HTMLInputElement>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<EnhancedPhoneNumberField>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export default _default;

package/dist/src/components/generic/date/DatePicker.d.ts

@@ -1,4 +1,5 @@
 import dayjs from 'dayjs';
+import React from 'react';
 export interface DatePickerProps {
     showMonthOnLoad?: dayjs.Dayjs;
     selectedStartDate?: dayjs.Dayjs;
@@ -14,4 +15,4 @@ export interface DatePickerProps {
     onStartDateChanged?: (date: dayjs.Dayjs) => void;
     onEndDateChanged?: (date: dayjs.Dayjs) => void;
 }
-export default function DatePicker(props: DatePickerProps): JSX.Element;
+export default function DatePicker(props: DatePickerProps): React.JSX.Element;

package/dist/src/components/generic/date/DatePickerDay.d.ts

@@ -1,4 +1,5 @@
 import dayjs from 'dayjs';
+import React from 'react';
 interface DatePickerDayProps {
     text: any;
     day?: dayjs.Dayjs | any;
@@ -16,5 +17,5 @@ export declare enum DatePickerDayStatus {
     Loading = "--loading",
     Selected = "--selected"
 }
-export default function DatePickerDay(props: DatePickerDayProps): JSX.Element;
+export default function DatePickerDay(props: DatePickerDayProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/date/DatePickerDays.d.ts

@@ -1,6 +1,7 @@
 import dayjs from 'dayjs';
+import React from 'react';
 interface DatePickerDaysProps {
     showingMonth: dayjs.Dayjs;
 }
-export default function DatePickerDays(props: DatePickerDaysProps): JSX.Element;
+export default function DatePickerDays(props: DatePickerDaysProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/date/DatePickerMonth.d.ts

@@ -1,7 +1,8 @@
 import dayjs from 'dayjs';
+import React from 'react';
 interface DatePickerMonthProps {
     showingMonth: dayjs.Dayjs;
     small?: boolean;
 }
-export default function DatePickerMonth(props: DatePickerMonthProps): JSX.Element;
+export default function DatePickerMonth(props: DatePickerMonthProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/date/DatePickerWeek.d.ts

@@ -1 +1,2 @@
-export default function DatePickerWeek(): JSX.Element;
+import React from 'react';
+export default function DatePickerWeek(): React.JSX.Element;

package/dist/src/components/generic/date/FloatingDatePicker.d.ts

@@ -8,4 +8,4 @@ export interface FloatingDatePickerProps {
     className?: string;
     isAboveNav?: boolean;
 }
-export default function FloatingDatePicker(props: FloatingDatePickerProps): JSX.Element;
+export default function FloatingDatePicker(props: FloatingDatePickerProps): React.JSX.Element;

package/dist/src/components/generic/date/WeekViewSkeleton.d.ts

@@ -1,2 +1,3 @@
-declare const WeekViewSkeleton: () => JSX.Element;
+import React from 'react';
+declare const WeekViewSkeleton: () => React.JSX.Element;
 export default WeekViewSkeleton;

package/dist/src/components/generic/loader/ImageLoader.d.ts

@@ -7,5 +7,5 @@ interface ImageLoaderProps {
     size?: ImageSize;
     style?: React.CSSProperties;
 }
-export default function ImageLoader(props: ImageLoaderProps): JSX.Element;
+export default function ImageLoader(props: ImageLoaderProps): React.JSX.Element;
 export {};