@opengovsg/oui 0.0.44 → 0.0.46

package/dist/types/phone-number-field/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../src/phone-number-field/i18n.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAghCI,CAAA"}

package/dist/types/phone-number-field/index.d.ts

@@ -0,0 +1,9 @@
+export { PhoneNumberField, CountrySelect, FlagComponent, PhoneInput, } from "./phone-number-field";
+export type { PhoneNumberFieldProps, CountrySelectProps, FlagComponentProps, PhoneInputProps, } from "./phone-number-field";
+export { formatPhoneNumber, formatPhoneNumberIntl, parsePhoneNumber, isPossiblePhoneNumber, 
+/**
+ * @deprecated Use `isPossiblePhoneNumber` instead. The rationale is that telephone numbering plans can and sometimes do change, meaning that `isValidPhoneNumber()` function may one day become outdated on a website that isn't actively maintained anymore.
+ */
+isValidPhoneNumber, } from "react-phone-number-input";
+export type { Value as E164Number } from "react-phone-number-input";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/phone-number-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/phone-number-field/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,UAAU,GACX,MAAM,sBAAsB,CAAA;AAC7B,YAAY,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,GAChB,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,qBAAqB;AACrB;;GAEG;AACH,kBAAkB,GACnB,MAAM,0BAA0B,CAAA;AAEjC,YAAY,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAA"}

package/dist/types/phone-number-field/phone-number-field.d.ts

@@ -0,0 +1,42 @@
+import type { FocusEvents } from "react-aria";
+import type { InputProps as AriaInputProps, TextFieldProps, ValidationResult } from "react-aria-components";
+import type { Props as ComponentPhoneInputProps, Country, Value as E164Number, ExternalValue, FlagProps } from "react-phone-number-input";
+import type { SetOptional } from "type-fest";
+import type { PhoneNumberFieldSlots, PhoneNumberFieldVariantProps, SlotsToClasses } from "@opengovsg/oui-theme";
+import type { InputProps } from "../input";
+import type { BasePhoneInputProps } from "./types";
+export interface PhoneInputProps extends InputProps {
+    onClear?: () => void;
+}
+export declare const PhoneInput: ({ onClear, onKeyDown, ...props }: PhoneInputProps) => import("react/jsx-runtime").JSX.Element;
+export interface PhoneNumberFieldProps extends Omit<Partial<ComponentPhoneInputProps<Omit<AriaInputProps, "size">>>, "disabled">, BasePhoneInputProps, PhoneNumberFieldVariantProps {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    errorMessage?: React.ReactNode | ((validation: ValidationResult) => string);
+    isInvalid?: TextFieldProps["isInvalid"];
+    classNames?: SlotsToClasses<PhoneNumberFieldSlots>;
+    defaultValue?: ExternalValue | E164Number;
+    /**
+     * Whether to use the international phone input with country select (default) or a non-international phone input with a fixed country code.
+     * When the variant is `local`, the formatting of the phone number will be based on the `defaultCountry` prop.
+     */
+    variant?: PhoneNumberFieldVariantProps["variant"];
+}
+export declare const PhoneNumberField: (originalProps: PhoneNumberFieldProps) => import("react/jsx-runtime").JSX.Element;
+type CountryItem = {
+    label: string;
+    value: Country | undefined;
+};
+export interface CountrySelectProps extends Pick<FocusEvents, "onBlur" | "onFocus"> {
+    value: string;
+    options: CountryItem[];
+    onChange: (country: Country) => void;
+    disabled?: boolean;
+}
+export declare function CountrySelect(props: CountrySelectProps): import("react/jsx-runtime").JSX.Element;
+export interface FlagComponentProps extends SetOptional<FlagProps, "country"> {
+    className?: string;
+}
+export declare const FlagComponent: ({ country, countryName, className, }: FlagComponentProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=phone-number-field.d.ts.map

package/dist/types/phone-number-field/phone-number-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-number-field.d.ts","sourceRoot":"","sources":["../../../src/phone-number-field/phone-number-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,KAAK,EACV,UAAU,IAAI,cAAc,EAC5B,cAAc,EACd,gBAAgB,EACjB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,KAAK,EACV,KAAK,IAAI,wBAAwB,EACjC,OAAO,EACP,KAAK,IAAI,UAAU,EACnB,aAAa,EACb,SAAS,EACV,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAO5C,OAAO,KAAK,EACV,qBAAqB,EACrB,4BAA4B,EAC5B,cAAc,EACf,MAAM,sBAAsB,CAAA;AAG7B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAYlD,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,eAAO,MAAM,UAAU,qCAIpB,eAAe,4CA2DjB,CAAA;AAED,MAAM,WAAW,qBACf,SAAQ,IAAI,CACR,OAAO,CAAC,wBAAwB,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC,EAC/D,UAAU,CACX,EACD,mBAAmB,EACnB,4BAA4B;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,UAAU,EAAE,gBAAgB,KAAK,MAAM,CAAC,CAAA;IAE3E,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAA;IAEvC,UAAU,CAAC,EAAE,cAAc,CAAC,qBAAqB,CAAC,CAAA;IAClD,YAAY,CAAC,EAAE,aAAa,GAAG,UAAU,CAAA;IAEzC;;;OAGG;IACH,OAAO,CAAC,EAAE,4BAA4B,CAAC,SAAS,CAAC,CAAA;CAClD;AAED,eAAO,MAAM,gBAAgB,kBAAmB,qBAAqB,4CAiIpE,CAAA;AAED,KAAK,WAAW,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,OAAO,GAAG,SAAS,CAAA;CAAE,CAAA;AAEhE,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA0EtD;AAED,MAAM,WAAW,kBAAmB,SAAQ,WAAW,CAAC,SAAS,EAAE,SAAS,CAAC;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,aAAa,yCAIvB,kBAAkB,4CAMpB,CAAA"}

package/dist/types/phone-number-field/types.d.ts

@@ -0,0 +1,21 @@
+import type { Country } from "react-phone-number-input";
+export interface BasePhoneInputProps {
+    /**
+     * Set the input's placeholder to an example number for the selected country,
+     * and update it if the country changes.
+     *
+     * By default it is set to "polite", which means it will only set the
+     * placeholder if the input doesn't already have one. You can also set it to
+     * "aggressive", which will replace any existing placeholder, or "off" to not
+     * show any example numbers in the placeholder.
+     */
+    placeholderMode?: "polite" | "aggressive" | "off";
+    /**
+     * Examples to retrieve placeholder number from, if any. Defaults to
+     * `MOBILE_EXAMPLES` if none provided.
+     */
+    examples?: {
+        [country in Country]: string;
+    };
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/phone-number-field/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/phone-number-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAEvD,MAAM,WAAW,mBAAmB;IAClC;;;;;;;;OAQG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,YAAY,GAAG,KAAK,CAAA;IAEjD;;;OAGG;IACH,QAAQ,CAAC,EAAE;SAAG,OAAO,IAAI,OAAO,GAAG,MAAM;KAAE,CAAA;CAC5C"}

package/dist/types/select/i18n.d.ts

@@ -0,0 +1,19 @@
+export declare const i18nStrings: {
+    "en-SG": {
+        "Search...": string;
+        "Search options": string;
+    };
+    "zh-SG": {
+        "Search...": string;
+        "Search options": string;
+    };
+    "ms-SG": {
+        "Search...": string;
+        "Search options": string;
+    };
+    "ta-SG": {
+        "Search...": string;
+        "Search options": string;
+    };
+};
+//# sourceMappingURL=i18n.d.ts.map

package/dist/types/select/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../src/select/i18n.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;CAiBI,CAAA"}

package/dist/types/select/select.d.ts

@@ -1,6 +1,8 @@
-import type { SelectProps as AriaSelectProps, ListBoxProps, ListLayoutOptions, ValidationResult } from "react-aria-components";
+import type { SelectProps as AriaSelectProps, ListBoxProps, ListLayoutOptions, SelectValueRenderProps, ValidationResult } from "react-aria-components";
 import type { SelectVariantSlots, SlotsToClasses, VariantProps } from "@opengovsg/oui-theme";
 import { selectStyles } from "@opengovsg/oui-theme";
+import type { PopoverProps } from "../popover";
+import type { ChildrenOrFunction } from "../system/react-utils/children";
 export interface SelectProps<T> extends Omit<AriaSelectProps, "children">, VariantProps<typeof selectStyles> {
     classNames?: SlotsToClasses<SelectVariantSlots | "error">;
     /**
@@ -27,6 +29,14 @@ export interface SelectProps<T> extends Omit<AriaSelectProps, "children">, Varia
      * Icon to display in the search field. If not provided, no icon will be displayed.
      */
     searchIcon?: React.ReactNode;
+    /**
+     * Custom renderer for the selected value displayed in the trigger button.
+     * If not provided, the default renderer will display the selected option's text.
+     * The render prop function receives the same props as the children of SelectValue.
+     * You can use these props to conditionally render based on the selected option's state (e.g. isPlaceholder).
+     */
+    renderSelectValue?: ChildrenOrFunction<SelectValueRenderProps<T>>;
+    popoverProps?: Partial<PopoverProps>;
 }
 export declare function Select<T extends object>({ label, description, classNames, errorMessage, ...originalProps }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=select.d.ts.map

package/dist/types/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,WAAW,IAAI,eAAe,EAC9B,YAAY,EACZ,iBAAiB,EACjB,gBAAgB,EACjB,MAAM,uBAAuB,CAAA;AAiB9B,OAAO,KAAK,EAEV,kBAAkB,EAClB,cAAc,EACd,YAAY,EACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAA0B,YAAY,EAAE,MAAM,sBAAsB,CAAA;AA2B3E,MAAM,WAAW,WAAW,CAAC,CAAC,CAC5B,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EACvC,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,UAAU,CAAC,EAAE,cAAc,CAAC,kBAAkB,GAAG,OAAO,CAAC,CAAA;IAEzD;;OAEG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IAErC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAA;IAEpC,YAAY,CAAC,EACT,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,UAAU,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IAEvD,2CAA2C;IAC3C,KAAK,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAA;IAE7C,QAAQ,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAA;IAEtC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAeD,wBAAgB,MAAM,CAAC,CAAC,SAAS,MAAM,EAAE,EACvC,KAAK,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,GAAG,aAAa,EACjB,EAAE,WAAW,CAAC,CAAC,CAAC,2CA+IhB"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,WAAW,IAAI,eAAe,EAC9B,YAAY,EACZ,iBAAiB,EACjB,sBAAsB,EACtB,gBAAgB,EACjB,MAAM,uBAAuB,CAAA;AAiB9B,OAAO,KAAK,EAEV,kBAAkB,EAClB,cAAc,EACd,YAAY,EACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAA0B,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAE3E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AASxE,MAAM,WAAW,WAAW,CAAC,CAAC,CAC5B,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EACvC,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,UAAU,CAAC,EAAE,cAAc,CAAC,kBAAkB,GAAG,OAAO,CAAC,CAAA;IAEzD;;OAEG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IAErC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAA;IAEpC,YAAY,CAAC,EACT,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,UAAU,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IAEvD,2CAA2C;IAC3C,KAAK,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAA;IAE7C,QAAQ,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAA;IAEtC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE5B;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,kBAAkB,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAA;IAEjE,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;CACrC;AAeD,wBAAgB,MAAM,CAAC,CAAC,SAAS,MAAM,EAAE,EACvC,KAAK,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,GAAG,aAAa,EACjB,EAAE,WAAW,CAAC,CAAC,CAAC,2CA+JhB"}

package/dist/types/sidebar/context.d.ts

@@ -0,0 +1,22 @@
+import type { TooltipProps, TooltipTriggerComponentProps } from "react-aria-components";
+import type { SidebarSlots, sidebarStyles, SlotsToClasses } from "@opengovsg/oui-theme";
+export interface UseProvideSidebarStylesReturn {
+    slots: ReturnType<typeof sidebarStyles>;
+    classNames?: SlotsToClasses<SidebarSlots>;
+}
+export declare const SidebarStyleContext: import("react").Context<UseProvideSidebarStylesReturn>, useSidebarStyleContext: () => UseProvideSidebarStylesReturn;
+export interface SidebarCollapseContextProps {
+    isCollapsed: boolean;
+    setCollapsed?: (collapsed: boolean) => void;
+    tooltipProps?: Partial<TooltipProps>;
+    tooltipTriggerProps?: Partial<TooltipTriggerComponentProps>;
+}
+export type SidebarCollapseContextReturn = SidebarCollapseContextProps;
+export declare const SidebarCollapseContext: import("react").Context<SidebarCollapseContextProps>, useSidebarCollapseContext: () => SidebarCollapseContextProps;
+export interface SidebarNestContextProps {
+    isNested: boolean;
+    isExpanded: boolean;
+}
+export type SidebarNestContextReturn = SidebarNestContextProps;
+export declare const SidebarNestContext: import("react").Context<SidebarNestContextProps | undefined>, useSidebarNestContext: () => SidebarNestContextProps | undefined;
+//# sourceMappingURL=context.d.ts.map

package/dist/types/sidebar/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/sidebar/context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,YAAY,EACZ,4BAA4B,EAC7B,MAAM,uBAAuB,CAAA;AAE9B,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACb,cAAc,EACf,MAAM,sBAAsB,CAAA;AAI7B,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAA;IACvC,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;CAC1C;AAED,eAAO,MAAO,mBAAmB,0DAAE,sBAAsB,qCAGrD,CAAA;AAEJ,MAAM,WAAW,2BAA2B;IAC1C,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAE3C,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;IACpC,mBAAmB,CAAC,EAAE,OAAO,CAAC,4BAA4B,CAAC,CAAA;CAC5D;AAED,MAAM,MAAM,4BAA4B,GAAG,2BAA2B,CAAA;AAEtE,eAAO,MAAO,sBAAsB,wDAAE,yBAAyB,mCAG3D,CAAA;AAEJ,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,MAAM,wBAAwB,GAAG,uBAAuB,CAAA;AAE9D,eAAO,MAAO,kBAAkB,gEAAE,qBAAqB,2CAOrD,CAAA"}

package/dist/types/sidebar/i18n.d.ts

@@ -0,0 +1,19 @@
+export declare const i18nStrings: {
+    "en-SG": {
+        "Expand sidebar section": string;
+        "Collapse sidebar section": string;
+    };
+    "zh-SG": {
+        "Expand sidebar section": string;
+        "Collapse sidebar section": string;
+    };
+    "ms-SG": {
+        "Expand sidebar section": string;
+        "Collapse sidebar section": string;
+    };
+    "ta-SG": {
+        "Expand sidebar section": string;
+        "Collapse sidebar section": string;
+    };
+};
+//# sourceMappingURL=i18n.d.ts.map

package/dist/types/sidebar/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../src/sidebar/i18n.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;CAiBI,CAAA"}

package/dist/types/sidebar/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./sidebar";
+export * from "./sidebar-root";
+export * from "./sidebar-item";
+export * from "./sidebar-list";
+export * from "./sidebar-header";
+export type { SidebarItemProps, SidebarListProps, SidebarHeaderProps, GeneratedSidebarItem, } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/sidebar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sidebar/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,YAAY,EACV,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,SAAS,CAAA"}

package/dist/types/sidebar/sidebar-header.d.ts

@@ -0,0 +1,6 @@
+export declare const SidebarHeader: import("../system/utils").InternalForwardRefRenderFunction<"div", {
+    startContent?: React.ReactNode;
+    endContent?: React.ReactNode;
+    tooltip?: string;
+}, never>;
+//# sourceMappingURL=sidebar-header.d.ts.map

package/dist/types/sidebar/sidebar-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-header.d.ts","sourceRoot":"","sources":["../../../src/sidebar/sidebar-header.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,aAAa;mBAJY,MAAO,SAAS;iBACjD,MAAO,SAAS;;SA2BpB,CAAA"}

package/dist/types/sidebar/sidebar-item.d.ts

@@ -0,0 +1,3 @@
+import type { SidebarItemProps } from "./types";
+export declare const SidebarItem: import("../system/utils").InternalForwardRefRenderFunction<"li", SidebarItemProps, never>;
+//# sourceMappingURL=sidebar-item.d.ts.map

package/dist/types/sidebar/sidebar-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-item.d.ts","sourceRoot":"","sources":["../../../src/sidebar/sidebar-item.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAU/C,eAAO,MAAM,WAAW,2FAsDvB,CAAA"}

package/dist/types/sidebar/sidebar-list.d.ts

@@ -0,0 +1,3 @@
+import type { SidebarListProps } from "./types";
+export declare const SidebarList: import("../system/utils").InternalForwardRefRenderFunction<"li", SidebarListProps, never>;
+//# sourceMappingURL=sidebar-list.d.ts.map

package/dist/types/sidebar/sidebar-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-list.d.ts","sourceRoot":"","sources":["../../../src/sidebar/sidebar-list.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AA+G/C,eAAO,MAAM,WAAW,2FAsFvB,CAAA"}

package/dist/types/sidebar/sidebar-root.d.ts

@@ -0,0 +1,17 @@
+import type { PropsWithChildren } from "react";
+import type { TooltipProps, TooltipTriggerComponentProps } from "react-aria-components";
+import type { SidebarSlots, SidebarVariantProps, SlotsToClasses } from "@opengovsg/oui-theme";
+export interface SidebarRootProps extends PropsWithChildren<SidebarVariantProps> {
+    className?: string;
+    classNames?: SlotsToClasses<SidebarSlots>;
+    /** Whether the sidebar is collapsed (controlled). */
+    isCollapsed?: boolean;
+    /** Whether the sidebar is collapsed by default (uncontrolled). */
+    defaultCollapsed?: boolean;
+    /** Handler that is called when the sidebar's collapsed state changes. */
+    onCollapsedChange?: (isCollapsed: boolean) => void;
+    tooltipProps?: Partial<TooltipProps>;
+    tooltipTriggerProps?: Partial<TooltipTriggerComponentProps>;
+}
+export declare const SidebarRoot: ({ className, classNames, defaultCollapsed, onCollapsedChange, tooltipProps, tooltipTriggerProps, ...originalProps }: SidebarRootProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sidebar-root.d.ts.map

package/dist/types/sidebar/sidebar-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-root.d.ts","sourceRoot":"","sources":["../../../src/sidebar/sidebar-root.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAK,EACV,YAAY,EACZ,4BAA4B,EAC7B,MAAM,uBAAuB,CAAA;AAI9B,OAAO,KAAK,EACV,YAAY,EACZ,mBAAmB,EACnB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAM7B,MAAM,WAAW,gBACf,SAAQ,iBAAiB,CAAC,mBAAmB,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IAEzC,qDAAqD;IACrD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,yEAAyE;IACzE,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAA;IAElD,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;IACpC,mBAAmB,CAAC,EAAE,OAAO,CAAC,4BAA4B,CAAC,CAAA;CAC5D;AAED,eAAO,MAAM,WAAW,wHAQrB,gBAAgB,4CAuClB,CAAA"}

package/dist/types/sidebar/sidebar.d.ts

@@ -0,0 +1,8 @@
+import type { SidebarRootProps } from "./sidebar-root";
+import type { GeneratedSidebarItem } from "./types";
+export declare const generateSidebarItems: (items: GeneratedSidebarItem[]) => import("react/jsx-runtime").JSX.Element[];
+export interface SidebarProps extends SidebarRootProps {
+    items: GeneratedSidebarItem[];
+}
+export declare const Sidebar: ({ items, ...props }: SidebarProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sidebar.d.ts.map

package/dist/types/sidebar/sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/sidebar/sidebar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAQnD,eAAO,MAAM,oBAAoB,UAAW,oBAAoB,EAAE,8CAgBjE,CAAA;AAED,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD,KAAK,EAAE,oBAAoB,EAAE,CAAA;CAC9B;AAED,eAAO,MAAM,OAAO,wBAAyB,YAAY,4CAGxD,CAAA"}

package/dist/types/sidebar/types.d.ts

@@ -0,0 +1,48 @@
+import type { LinkProps } from "react-aria-components";
+type BaseSidebarItemProps = {
+    startContent?: React.ReactNode;
+    endContent?: React.ReactNode;
+    /**
+     * Will be used as the accessible label when the sidebar is collapsed
+     */
+    tooltip?: string;
+};
+export interface SidebarItemProps extends BaseSidebarItemProps, LinkProps {
+    /** Whether the element is currently selected */
+    isSelected?: boolean | (() => boolean);
+}
+export type SidebarHeaderProps = BaseSidebarItemProps;
+export interface SidebarListProps extends SidebarItemProps {
+    label: React.ReactNode;
+    /** Controlled state for expansion of section */
+    isExpanded?: boolean;
+    /** Uncontrolled state for expansion of section */
+    defaultIsExpanded?: boolean;
+    /** Controlled callback for when section's expansion state changes */
+    onExpand?: (nextState: boolean) => void;
+    /** Only allow toggling of expand state when clicking the caret.
+     * Could be useful if user wants to use the list item as a link.
+     *
+     * @default false
+     */
+    onlyCaretToggle?: boolean;
+    children: React.ReactNode;
+    /**
+     * Props to be passed to the link component when the sidebar list is used as a link.
+     * @note Will not be used if `onlyCaretToggle` is false, since the entire list item will be a trigger for the expansion.
+     */
+    linkProps?: LinkProps;
+}
+interface GeneratedBase extends BaseSidebarItemProps, Pick<SidebarItemProps, "isSelected"> {
+}
+export interface GeneratedItem extends GeneratedBase, SidebarItemProps {
+}
+export interface GeneratedHeader extends SidebarHeaderProps {
+    type: "header";
+}
+export interface GeneratedList extends Omit<GeneratedBase, "children">, SidebarListProps {
+    subItems: (GeneratedList | GeneratedItem | GeneratedHeader)[];
+}
+export type GeneratedSidebarItem = GeneratedList | GeneratedItem | GeneratedHeader;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/types/sidebar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/sidebar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEtD,KAAK,oBAAoB,GAAG;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,EAAE,SAAS;IACvE,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC,CAAA;CACvC;AAED,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,CAAA;AAErD,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,qEAAqE;IACrE,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IACvC;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB;AAED,UAAU,aACR,SAAQ,oBAAoB,EAC1B,IAAI,CAAC,gBAAgB,EAAE,YAAY,CAAC;CAAG;AAC3C,MAAM,WAAW,aAAc,SAAQ,aAAa,EAAE,gBAAgB;CAAG;AACzE,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD,IAAI,EAAE,QAAQ,CAAA;CACf;AACD,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,EACrC,gBAAgB;IAClB,QAAQ,EAAE,CAAC,aAAa,GAAG,aAAa,GAAG,eAAe,CAAC,EAAE,CAAA;CAC9D;AAED,MAAM,MAAM,oBAAoB,GAC5B,aAAa,GACb,aAAa,GACb,eAAe,CAAA"}

package/dist/types/sidebar/utils.d.ts

@@ -0,0 +1,4 @@
+import type { GeneratedHeader, GeneratedList, GeneratedSidebarItem } from "./types";
+export declare const isNestableItem: (item: GeneratedSidebarItem) => item is GeneratedList;
+export declare const isHeaderItem: (item: GeneratedSidebarItem) => item is GeneratedHeader;
+//# sourceMappingURL=utils.d.ts.map

package/dist/types/sidebar/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/sidebar/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,aAAa,EACb,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAEhB,eAAO,MAAM,cAAc,SACnB,oBAAoB,KACzB,IAAI,IAAI,aAEV,CAAA;AACD,eAAO,MAAM,YAAY,SACjB,oBAAoB,KACzB,IAAI,IAAI,eAEV,CAAA"}

package/dist/types/system/l10n.d.ts

@@ -0,0 +1,10 @@
+import type { LocalizedString, LocalizedStrings } from "@internationalized/string";
+import { LocalizedStringFormatter } from "@internationalized/string";
+/**
+ * Provides localized string formatting for the current locale. Supports interpolating variables,
+ * selecting the correct pluralization, and formatting numbers. Automatically updates when the locale changes.
+ *
+ * @param strings - A mapping of languages to localized strings by key.
+ */
+export declare function useLocalizedStringFormatter<K extends string = string, T extends LocalizedString = string>(strings: LocalizedStrings<K, T>, packageName?: string): LocalizedStringFormatter<K, T>;
+//# sourceMappingURL=l10n.d.ts.map

package/dist/types/system/l10n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"l10n.d.ts","sourceRoot":"","sources":["../../../src/system/l10n.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,eAAe,EACf,gBAAgB,EACjB,MAAM,2BAA2B,CAAA;AAElC,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AAIpE;;;;;GAKG;AACH,wBAAgB,2BAA2B,CACzC,CAAC,SAAS,MAAM,GAAG,MAAM,EACzB,CAAC,SAAS,eAAe,GAAG,MAAM,EAElC,OAAO,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,EAC/B,WAAW,CAAC,EAAE,MAAM,GACnB,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC,CAOhC"}

package/dist/types/system/react-utils/children.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-type ChildrenOrFunction<T> = ReactNode | ((values: T) => ReactNode);
+export type ChildrenOrFunction<T> = ReactNode | ((values: T) => ReactNode);
 /**
  * Gets only the valid children of a component,
  * and ignores any nullish or falsy child.
@@ -9,5 +9,4 @@ type ChildrenOrFunction<T> = ReactNode | ((values: T) => ReactNode);
 export declare function getValidChildren(children: React.ReactNode): React.ReactElement[];
 export declare const pickChildren: <T = ReactNode>(children: T | undefined, targetChild: React.ElementType) => [T | undefined, T[] | undefined];
 export declare const renderChildren: <T>(renderProps: T, children: ChildrenOrFunction<T>) => ReactNode;
-export {};
 //# sourceMappingURL=children.d.ts.map

package/dist/types/system/react-utils/children.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"children.d.ts","sourceRoot":"","sources":["../../../../src/system/react-utils/children.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,KAAK,kBAAkB,CAAC,CAAC,IAAI,SAAS,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,CAAC,CAAA;AAEnE;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAGnD,KAAK,CAAC,YAAY,EAAE,CAC1B;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,wBAClB,CAAC,GAAG,SAAS,eACV,KAAK,CAAC,WAAW,KAC7B,CAAC,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,GAAG,SAAS,CAiBjC,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,eACjB,CAAC,YACJ,kBAAkB,CAAC,CAAC,CAAC,cAOhC,CAAA"}
+{"version":3,"file":"children.d.ts","sourceRoot":"","sources":["../../../../src/system/react-utils/children.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI,SAAS,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,CAAC,CAAA;AAE1E;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAGnD,KAAK,CAAC,YAAY,EAAE,CAC1B;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,wBAClB,CAAC,GAAG,SAAS,eACV,KAAK,CAAC,WAAW,KAC7B,CAAC,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,GAAG,SAAS,CAiBjC,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,eACjB,CAAC,YACJ,kBAAkB,CAAC,CAAC,CAAC,cAOhC,CAAA"}

package/dist/types/system/react-utils/sizing.d.ts

@@ -0,0 +1,8 @@
+import type { RefObject } from "react";
+/**
+ * Extracted from Select.tsx in react-aria-components. Used as a workaround for https://github.com/adobe/react-spectrum/issues/9451
+ *
+ * @see https://github.com/adobe/react-spectrum/blob/245a7031367d5f1d1264071b5dd84cc7b367513e/packages/react-aria-components/src/Select.tsx#L166-L176
+ */
+export declare function useElementWidth(ref: RefObject<Element | null> | undefined): string | null;
+//# sourceMappingURL=sizing.d.ts.map

package/dist/types/system/react-utils/sizing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizing.d.ts","sourceRoot":"","sources":["../../../../src/system/react-utils/sizing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,GAAG,EAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,SAAS,iBAezE"}

package/dist/types/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./tooltip";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tooltip/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}

package/dist/types/tooltip/tooltip.d.ts

@@ -0,0 +1,16 @@
+import type { TooltipProps as AriaTooltipProps, TooltipRenderProps, TooltipTriggerComponentProps } from "react-aria-components";
+import type { SlotsToClassesWithRenderProps, TooltipSlots, TooltipVariantProps } from "@opengovsg/oui-theme";
+export interface TooltipProps extends Omit<AriaTooltipProps, "children">, TooltipVariantProps {
+    children: React.ReactNode;
+    /**
+     * Whether to show the arrow pointing to the trigger element.
+     * @default true
+     */
+    showArrow?: boolean;
+    classNames?: SlotsToClassesWithRenderProps<TooltipSlots, TooltipRenderProps>;
+}
+export declare function Tooltip(originalProps: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export interface TooltipTriggerProps extends TooltipTriggerComponentProps {
+}
+export declare function TooltipTrigger(props: TooltipTriggerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/types/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,YAAY,IAAI,gBAAgB,EAChC,kBAAkB,EAClB,4BAA4B,EAC7B,MAAM,uBAAuB,CAAA;AAO9B,OAAO,KAAK,EACV,6BAA6B,EAC7B,YAAY,EACZ,mBAAmB,EACpB,MAAM,sBAAsB,CAAA;AAK7B,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,EACxC,mBAAmB;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,UAAU,CAAC,EAAE,6BAA6B,CAAC,YAAY,EAAE,kBAAkB,CAAC,CAAA;CAC7E;AAED,wBAAgB,OAAO,CAAC,aAAa,EAAE,YAAY,2CA+ClD;AAGD,MAAM,WAAW,mBAAoB,SAAQ,4BAA4B;CAAG;AAE5E,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAExD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengovsg/oui",
-  "version": "0.0.44",
+  "version": "0.0.46",
   "sideEffects": false,
   "license": "SEE LICENSE IN LICENSE.md",
   "type": "module",
@@ -50,14 +50,15 @@
     "storybook": "10.1.10",
     "tsx": "^4.21.0",
     "typescript": "5.7.3",
-    "@opengovsg/oui-theme": "0.0.44",
+    "@opengovsg/oui-theme": "0.0.46",
     "@oui/chromatic": "0.0.0",
     "@oui/eslint-config": "0.0.0",
-    "@oui/typescript-config": "0.0.0",
-    "@oui/prettier-config": "0.0.0"
+    "@oui/prettier-config": "0.0.0",
+    "@oui/typescript-config": "0.0.0"
   },
   "dependencies": {
     "@internationalized/date": "^3.10.1",
+    "@internationalized/string": "^3.2.7",
     "@react-aria/calendar": "^3.9.2",
     "@react-aria/focus": "^3.21.2",
     "@react-aria/i18n": "^3.12.13",
@@ -76,6 +77,7 @@
     "nanoid": "^5.1.5",
     "react-aria": "^3.41.1",
     "react-dropzone": "^14.3.8",
+    "react-phone-number-input": "^3.4.14",
     "react-stately": "^3.41.0",
     "scroll-into-view-if-needed": "^3.1.0",
     "sonner": "^2.0.7",
@@ -88,7 +90,7 @@
     "motion": ">=11.12.0 || >=12.0.0-alpha.1",
     "react": ">= 18",
     "react-aria-components": "^1.14.0",
-    "@opengovsg/oui-theme": "0.0.44"
+    "@opengovsg/oui-theme": "0.0.46"
   },
   "scripts": {
     "build": "tsx ../../tooling/build-scripts/main.ts --dts --clean",