@hero-design/rn 8.93.0 → 8.96.0

package/types/components/DatePicker/DatePickerAndroid.d.ts

@@ -3,5 +3,5 @@ import type { DatePickerProps } from './types';
 type DatePickerAndroidProps = Omit<DatePickerProps, 'variant' | 'monthPickerConfirmLabel' | 'monthPickerCancelLabel'> & {
     variant?: 'default' | 'month-year';
 };
-declare const DatePickerAndroid: ({ value, minDate, maxDate, label, placeholder, onChange, displayFormat, disabled, required, error, helpText, style, testID, variant, }: DatePickerAndroidProps) => React.JSX.Element;
+declare const DatePickerAndroid: ({ value, minDate, maxDate, label, placeholder, onChange, displayFormat, disabled, required, error, helpText, style, testID, variant, renderSelectedValue, locale, }: DatePickerAndroidProps) => React.JSX.Element;
 export default DatePickerAndroid;

package/types/components/DatePicker/DatePickerCalendar.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { DatePickerProps } from './types';
-declare const DatePickerCalendar: ({ value, minDate, maxDate, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, monthPickerConfirmLabel, monthPickerCancelLabel, supportedOrientations, }: Omit<DatePickerProps, "variant">) => React.JSX.Element;
+declare const DatePickerCalendar: ({ value, minDate, maxDate, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, monthPickerConfirmLabel, monthPickerCancelLabel, supportedOrientations, renderSelectedValue, locale, }: Omit<DatePickerProps, "variant">) => React.JSX.Element;
 export default DatePickerCalendar;

package/types/components/DatePicker/DatePickerIOS.d.ts

@@ -3,5 +3,5 @@ import type { DatePickerProps } from './types';
 type DatePickerIOSProps = Omit<DatePickerProps, 'variant' | 'monthPickerConfirmLabel' | 'monthPickerCancelLabel'> & {
     variant?: 'default' | 'month-year';
 };
-declare const DatePickerIOS: ({ value, minDate, maxDate, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, supportedOrientations, variant, locale, }: DatePickerIOSProps) => React.JSX.Element;
+declare const DatePickerIOS: ({ value, minDate, maxDate, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, supportedOrientations, variant, locale, renderSelectedValue, }: DatePickerIOSProps) => React.JSX.Element;
 export default DatePickerIOS;

package/types/components/DatePicker/{useCalculateDate.d.ts → hooks/useCalculateDate.d.ts}

@@ -1,4 +1,4 @@
-import { DatePickerProps } from './types';
+import { DatePickerProps } from '../types';
 export declare const getDateValue: (value: Date, minDate?: Date | undefined, maxDate?: Date | undefined) => Date;
 declare const useCalculateDate: ({ maxDate, minDate, onChange, value, }: Pick<DatePickerProps, "maxDate" | "minDate" | "onChange" | "value">) => void;
 export default useCalculateDate;

package/types/components/DatePicker/hooks/useFormatDate.d.ts

@@ -0,0 +1,10 @@
+type UseFormatDateProps = {
+    displayFormat?: string;
+    locale?: string;
+    value?: Date;
+};
+declare const useFormatDate: ({ displayFormat, locale, value, }: UseFormatDateProps) => {
+    displayValue: string;
+    format: string;
+};
+export default useFormatDate;

package/types/components/DatePicker/hooks/utils.d.ts

@@ -0,0 +1,6 @@
+import { DateTimeFormats } from '../../../types';
+export declare const getDateFormat: ({ displayFormat, locale, localizeDateTime, }: {
+    displayFormat?: string;
+    locale?: string;
+    localizeDateTime: (key: keyof DateTimeFormats) => string;
+}) => string;

package/types/components/DatePicker/types.d.ts

@@ -1,4 +1,4 @@
-import type { StyleProp, ViewStyle } from 'react-native';
+import type { TextInputProps as NativeTextInputProps, StyleProp, ViewStyle } from 'react-native';
 export interface DatePickerProps {
     /**
      * Date picker input label.
@@ -84,4 +84,11 @@ export interface DatePickerProps {
      * [Android only] autoTheme will automatically set the theme based on the device's light mode or dark mode.
      * */
     autoTheme?: boolean;
+    /**
+     * Custom renderer for the selected value. The function provides the current date object and the formatted date string for the current display format.
+     */
+    renderSelectedValue?: (value: {
+        date: Date;
+        formattedDateString: string;
+    }, props?: NativeTextInputProps) => React.ReactNode;
 }

package/types/components/HeroDesignProvider/index.d.ts

@@ -1,4 +1,8 @@
 import React from 'react';
 import { ThemeProviderProps } from '../../theme/ThemeProvider';
-declare const HeroDesignProvider: ({ theme, children }: ThemeProviderProps) => React.JSX.Element;
+import { LocaleValues } from '../../locales/types';
+interface HeroDesignProviderProps extends ThemeProviderProps {
+    locale?: LocaleValues;
+}
+declare const HeroDesignProvider: ({ theme, locale, children, }: HeroDesignProviderProps) => React.JSX.Element;
 export default HeroDesignProvider;

package/types/components/LocaleProvider/__tests__/utils.specs.d.ts

@@ -0,0 +1 @@
+export {};

package/types/components/LocaleProvider/context.d.ts

@@ -0,0 +1,3 @@
+import { LocaleValues } from '../../locales/types';
+declare const LocaleContext: import("react").Context<LocaleValues>;
+export { LocaleContext };

package/types/components/LocaleProvider/hooks.d.ts

@@ -0,0 +1,5 @@
+import type { DateTimeFormats } from '../../locales/types';
+export declare const useLocale: () => import("../../locales/types").LocaleValues;
+export declare const useDateTimeFormat: () => {
+    localizeDateTime: (key: keyof DateTimeFormats) => string;
+};

package/types/components/LocaleProvider/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { LocaleValues } from '../../locales/types';
+interface LocaleProviderProps {
+    locale: LocaleValues;
+}
+declare const LocaleProvider: (props: React.PropsWithChildren<LocaleProviderProps>) => React.JSX.Element;
+export default LocaleProvider;

package/types/components/LocaleProvider/utils.d.ts

@@ -0,0 +1,3 @@
+import type { Locale } from 'date-fns';
+import { LocaleCode } from '../../locales/types';
+export declare function getDateFnsLocale(locale: LocaleCode): Locale;

package/types/components/{Empty → StatusScreens/Empty}/StyledEmpty.d.ts

@@ -6,16 +6,22 @@ declare const StyledWrapper: import("@emotion/native").StyledComponent<import("r
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledTitle: import("@emotion/native").StyledComponent<import("../Typography/Title").TitleProps & {
+declare const StyledTitle: import("@emotion/native").StyledComponent<import("../../Typography/Title").TitleProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     themeVariant: ThemeVariant;
 }, {}, {}>;
-declare const StyledDescription: import("@emotion/native").StyledComponent<import("../Typography/Body").BodyProps & {
+declare const StyledDescription: import("@emotion/native").StyledComponent<import("../../Typography/Body").BodyProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     themeVariant: ThemeVariant;
 }, {}, {}>;
-export { StyledWrapper, StyledTitle, StyledDescription };
+declare const StyledEmptyImageContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export { StyledWrapper, StyledTitle, StyledDescription, StyledEmptyImageContainer, };

package/types/components/{Empty → StatusScreens/Empty}/index.d.ts

@@ -1,6 +1,7 @@
 import type { ReactElement } from 'react';
-import type { StyleProp, ViewStyle, ImageProps as RNImageProps } from 'react-native';
-import { ImageProps } from '../Image';
+import type { ImageProps as RNImageProps, StyleProp, ViewStyle } from 'react-native';
+import { ImageProps } from '../../Image';
+import { StatusIconName } from '../StatusIcon';
 interface EmptyProps {
     /**
      * Image to be displayed.
@@ -26,6 +27,10 @@ interface EmptyProps {
      * Testing id of the component.
      */
     testID?: string;
+    /**
+     * Status icon to be displayed, this will replace the image prop.
+     */
+    icon?: StatusIconName;
 }
-declare const Empty: ({ image, title, description, style, testID, variant, }: EmptyProps) => JSX.Element;
+declare const Empty: ({ image, title, description, style, testID, variant, icon, }: EmptyProps) => ReactElement;
 export default Empty;

package/types/components/{Error → StatusScreens/Error}/StyledError.d.ts

@@ -1,6 +1,6 @@
 import { View } from 'react-native';
 type ErrorVariant = 'full-screen' | 'in-page';
-declare const StyledErrorModal: import("@emotion/native").StyledComponent<import("../Modal").ModalProps & {
+declare const StyledErrorModal: import("@emotion/native").StyledComponent<import("../../Modal").ModalProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;
@@ -24,11 +24,11 @@ declare const StyledErrorButtonContainer: import("@emotion/native").StyledCompon
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledErrorButtonPrimary: import("@emotion/native").StyledComponent<import("../Button/Button").ButtonProps & {
+declare const StyledErrorButtonPrimary: import("@emotion/native").StyledComponent<import("../../Button/Button").ButtonProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;
-declare const StyledErrorButtonSecondary: import("@emotion/native").StyledComponent<import("../Button/Button").ButtonProps & {
+declare const StyledErrorButtonSecondary: import("@emotion/native").StyledComponent<import("../../Button/Button").ButtonProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;
@@ -38,15 +38,15 @@ declare const StyledErrorImageContainer: import("@emotion/native").StyledCompone
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledErrorImage: import("@emotion/native").StyledComponent<import("../Image").ImageProps & {
+declare const StyledErrorImage: import("@emotion/native").StyledComponent<import("../../Image").ImageProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;
-declare const StyledErrorTitle: import("@emotion/native").StyledComponent<import("../Typography/Title").TitleProps & {
+declare const StyledErrorTitle: import("@emotion/native").StyledComponent<import("../../Typography/Title").TitleProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;
-declare const StyledErrorDescription: import("@emotion/native").StyledComponent<import("../Typography/Body").BodyProps & {
+declare const StyledErrorDescription: import("@emotion/native").StyledComponent<import("../../Typography/Body").BodyProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;

package/types/components/{Error → StatusScreens/Error}/index.d.ts

@@ -1,7 +1,8 @@
 import { ReactElement } from 'react';
 import type { ImageSourcePropType, ViewProps, ImageProps as RNImageProps } from 'react-native';
 import { ErrorVariant } from './StyledError';
-import { ImageProps } from '../Image/index';
+import { ImageProps } from '../../Image/index';
+import type { StatusIconName } from '../StatusIcon';
 interface ErrorProps extends ViewProps {
     /**
      * @deprecated use conditional rendering instead
@@ -45,6 +46,10 @@ interface ErrorProps extends ViewProps {
      * Callback when the secondary button is pressed.
      */
     onSecondaryCtaPress?: () => void;
+    /**
+     * Status icon to be displayed, this will replace the image prop.
+     */
+    icon?: StatusIconName;
 }
 /**
  * Renders error page

package/types/components/StatusScreens/StatusIcon/assets/Add.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { StatusSvgProps } from '../types';
+declare const Add: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
+export default Add;

package/types/components/StatusScreens/StatusIcon/assets/Boom.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { StatusSvgProps } from '../types';
+declare const Boom: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
+export default Boom;

package/types/components/StatusScreens/StatusIcon/assets/Build.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { StatusSvgProps } from '../types';
+declare const Build: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
+export default Build;

package/types/components/StatusScreens/StatusIcon/assets/Clock.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { StatusSvgProps } from '../types';
+declare const Clock: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
+export default Clock;

package/types/components/StatusScreens/StatusIcon/assets/Confetti.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { StatusSvgProps } from '../types';
+declare const Confetti: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
+export default Confetti;

package/types/components/StatusScreens/StatusIcon/assets/Connections.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { StatusSvgProps } from '../types';
+declare const Connections: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
+export default Connections;

package/types/components/StatusScreens/StatusIcon/assets/Error.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { StatusSvgProps } from '../types';
+declare const ErrorIcon: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
+export default ErrorIcon;

package/types/components/StatusScreens/StatusIcon/assets/Info.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { StatusSvgProps } from '../types';
+declare const Info: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
+export default Info;

package/types/components/StatusScreens/StatusIcon/assets/List.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { StatusSvgProps } from '../types';
+declare const List: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
+export default List;

package/types/components/StatusScreens/StatusIcon/assets/Location.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { StatusSvgProps } from '../types';
+declare const Location: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
+export default Location;

package/types/components/StatusScreens/StatusIcon/assets/Merge.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { StatusSvgProps } from '../types';
+declare const Merge: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
+export default Merge;

package/types/components/StatusScreens/StatusIcon/assets/Notifications.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { StatusSvgProps } from '../types';
+declare const Notifications: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
+export default Notifications;

package/types/components/StatusScreens/StatusIcon/assets/Search.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { StatusSvgProps } from '../types';
+declare const Search: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
+export default Search;

package/types/components/StatusScreens/StatusIcon/assets/Star.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { StatusSvgProps } from '../types';
+declare const Star: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
+export default Star;

package/types/components/StatusScreens/StatusIcon/assets/Success.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { StatusSvgProps } from '../types';
+declare const Success: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
+export default Success;

package/types/components/StatusScreens/StatusIcon/assets/User.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { StatusSvgProps } from '../types';
+declare const User: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
+export default User;

package/types/components/StatusScreens/StatusIcon/index.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+export declare const StatusIcons: {
+    readonly add: ({ stroke, fill, testID }: import("./types").StatusSvgProps) => React.JSX.Element;
+    readonly boom: ({ stroke, fill, testID }: import("./types").StatusSvgProps) => React.JSX.Element;
+    readonly build: ({ stroke, fill, testID }: import("./types").StatusSvgProps) => React.JSX.Element;
+    readonly clock: ({ stroke, fill, testID }: import("./types").StatusSvgProps) => React.JSX.Element;
+    readonly connections: ({ stroke, fill, testID }: import("./types").StatusSvgProps) => React.JSX.Element;
+    readonly list: ({ stroke, fill, testID }: import("./types").StatusSvgProps) => React.JSX.Element;
+    readonly location: ({ stroke, fill, testID }: import("./types").StatusSvgProps) => React.JSX.Element;
+    readonly merge: ({ stroke, fill, testID }: import("./types").StatusSvgProps) => React.JSX.Element;
+    readonly notifications: ({ stroke, fill, testID }: import("./types").StatusSvgProps) => React.JSX.Element;
+    readonly search: ({ stroke, fill, testID }: import("./types").StatusSvgProps) => React.JSX.Element;
+    readonly star: ({ stroke, fill, testID }: import("./types").StatusSvgProps) => React.JSX.Element;
+    readonly user: ({ stroke, fill, testID }: import("./types").StatusSvgProps) => React.JSX.Element;
+    readonly confetti: ({ stroke, fill, testID }: import("./types").StatusSvgProps) => React.JSX.Element;
+    readonly error: ({ stroke, fill, testID }: import("./types").StatusSvgProps) => React.JSX.Element;
+    readonly info: ({ stroke, fill, testID }: import("./types").StatusSvgProps) => React.JSX.Element;
+    readonly success: ({ stroke, fill, testID }: import("./types").StatusSvgProps) => React.JSX.Element;
+};
+export type StatusIconName = keyof typeof StatusIcons;
+interface StatusIconProps {
+    icon: StatusIconName;
+    testID?: string;
+}
+declare const StatusIcon: ({ icon, testID }: StatusIconProps) => React.JSX.Element;
+export default StatusIcon;

package/types/components/StatusScreens/StatusIcon/types.d.ts

@@ -0,0 +1,5 @@
+export type StatusSvgProps = {
+    fill?: string;
+    stroke?: string;
+    testID?: string;
+};

package/types/components/{Success → StatusScreens/Success}/StyledSuccess.d.ts

@@ -8,7 +8,7 @@ declare const StyledSuccessContainer: import("@emotion/native").StyledComponent<
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledSuccessImage: import("@emotion/native").StyledComponent<import("../Image").ImageProps & {
+declare const StyledSuccessImage: import("@emotion/native").StyledComponent<import("../../Image").ImageProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;
@@ -24,11 +24,11 @@ declare const StyledSuccessImageContainer: import("@emotion/native").StyledCompo
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledSuccessTitle: import("@emotion/native").StyledComponent<import("../Typography/Title").TitleProps & {
+declare const StyledSuccessTitle: import("@emotion/native").StyledComponent<import("../../Typography/Title").TitleProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;
-declare const StyledSuccessDescription: import("@emotion/native").StyledComponent<import("../Typography/Body").BodyProps & {
+declare const StyledSuccessDescription: import("@emotion/native").StyledComponent<import("../../Typography/Body").BodyProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;
@@ -38,11 +38,11 @@ declare const StyledSuccessButtonContainer: import("@emotion/native").StyledComp
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledSuccessButtonPrimary: import("@emotion/native").StyledComponent<import("../Button/Button").ButtonProps & {
+declare const StyledSuccessButtonPrimary: import("@emotion/native").StyledComponent<import("../../Button/Button").ButtonProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;
-declare const StyledSuccessModal: import("@emotion/native").StyledComponent<import("../Modal").ModalProps & {
+declare const StyledSuccessModal: import("@emotion/native").StyledComponent<import("../../Modal").ModalProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;

package/types/components/{Success → StatusScreens/Success}/index.d.ts

@@ -1,7 +1,8 @@
 import { ReactElement } from 'react';
 import type { ViewProps, ImageSourcePropType, ImageProps as RNImageProps } from 'react-native';
 import { SuccessVariant } from './StyledSuccess';
-import { ImageProps } from '../Image';
+import { ImageProps } from '../../Image';
+import { StatusIconName } from '../StatusIcon';
 export interface SuccessProps extends ViewProps {
     /**
      * Image to be displayed.
@@ -39,6 +40,10 @@ export interface SuccessProps extends ViewProps {
      * Testing id of the component.
      */
     testID?: string;
+    /**
+     * Status icon to be displayed, this will replace the image prop.
+     */
+    icon?: StatusIconName;
 }
 /**
  * Renders success page

package/types/index.d.ts

@@ -20,8 +20,8 @@ import ContentNavigator from './components/ContentNavigator';
 import DatePicker from './components/DatePicker';
 import Divider from './components/Divider';
 import Drawer from './components/Drawer';
-import Empty from './components/Empty';
-import Error from './components/Error';
+import Empty from './components/StatusScreens/Empty';
+import Error from './components/StatusScreens/Error';
 import FAB from './components/FAB';
 import HeroDesignProvider from './components/HeroDesignProvider';
 import MapPin from './components/MapPin';
@@ -37,7 +37,7 @@ import Radio from './components/Radio';
 import SectionHeading from './components/SectionHeading';
 import Select from './components/Select';
 import Skeleton from './components/Skeleton';
-import Success from './components/Success';
+import Success from './components/StatusScreens/Success';
 import Switch from './components/Switch';
 import Tabs from './components/Tabs';
 import Tag from './components/Tag';
@@ -54,5 +54,6 @@ import Portal from './components/Portal';
 import { ScrollViewWithFAB, SectionListWithFAB, FlatListWithFAB } from './components/AnimatedScroller';
 import Search from './components/Search';
 import FloatingIsland from './components/FloatingIsland';
-export { theme, getTheme, useTheme, scale, ThemeProvider, ThemeSwitcher, withTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ehWorkDarkSystemPalette, ehWorkSystemPalette, ehJobsSystemPalette, Accordion, Alert, AppCue, Attachment, Avatar, useAvatarColors, Badge, BottomNavigation, BottomSheet, Box, Button, Calendar, Card, Carousel, Chip, Collapse, Checkbox, ContentNavigator, DatePicker, Divider, Drawer, Empty, Error, FAB, FlatListWithFAB, Icon, Image, HeroDesignProvider, MapPin, List, PinInput, Progress, Portal, PageControl, Skeleton, Slider, Spinner, Swipeable, Radio, Search, ScrollViewWithFAB, SectionHeading, SectionListWithFAB, Select, Success, Switch, Tabs, Tag, TextInput, TimePicker, Toast, Toolbar, Typography, Rate, RefreshControl, RichTextEditor, FloatingIsland, };
+import LocaleProvider from './components/LocaleProvider';
+export { theme, getTheme, useTheme, scale, ThemeProvider, ThemeSwitcher, withTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ehWorkDarkSystemPalette, ehWorkSystemPalette, ehJobsSystemPalette, Accordion, Alert, AppCue, Attachment, Avatar, useAvatarColors, Badge, BottomNavigation, BottomSheet, Box, Button, Calendar, Card, Carousel, Chip, Collapse, Checkbox, ContentNavigator, DatePicker, Divider, Drawer, Empty, Error, FAB, FlatListWithFAB, Icon, Image, HeroDesignProvider, MapPin, List, PinInput, Progress, Portal, PageControl, Skeleton, Slider, Spinner, Swipeable, Radio, Search, ScrollViewWithFAB, SectionHeading, SectionListWithFAB, Select, Success, Switch, Tabs, Tag, TextInput, TimePicker, Toast, Toolbar, Typography, Rate, RefreshControl, RichTextEditor, FloatingIsland, LocaleProvider, };
 export * from './types';

package/types/locales/en_AU.d.ts

@@ -0,0 +1,3 @@
+import { LocaleValues } from './types';
+declare const locale: LocaleValues;
+export default locale;

package/types/locales/en_CA.d.ts

@@ -0,0 +1,3 @@
+import { LocaleValues } from './types';
+declare const locale: LocaleValues;
+export default locale;

package/types/locales/index.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    'en-AU': import("./types").LocaleValues;
+    'en-CA': import("./types").LocaleValues;
+};
+export default _default;

package/types/locales/types.d.ts

@@ -0,0 +1,10 @@
+declare const LOCALES: readonly ["en-AU", "en-CA"];
+export type LocaleCode = typeof LOCALES[number];
+export type DateTimeFormats = {
+    fullDate: string;
+};
+export type LocaleValues = {
+    lang: LocaleCode;
+    dateTimeFormats: DateTimeFormats;
+};
+export {};

package/types/types.d.ts

@@ -13,4 +13,5 @@ import { FABHandles } from './components/FAB/FAB';
 import { ActionGroupHandles } from './components/FAB/ActionGroup';
 import type { SliderRangeValue } from './components/Slider/RangeSlider';
 import type { CalendarDateRange } from './components/Calendar/CalendarRange';
-export type { BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, SwipeableProps, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, TextProps, TextInputHandles, Theme, CardCarouselHandles, FABHandles, ActionGroupHandles, SliderRangeValue, CalendarDateRange, };
+import { LocaleCode, LocaleValues, DateTimeFormats } from './locales/types';
+export type { BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, SwipeableProps, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, TextProps, TextInputHandles, Theme, CardCarouselHandles, FABHandles, ActionGroupHandles, SliderRangeValue, CalendarDateRange, LocaleCode, LocaleValues, DateTimeFormats, };