@opengovsg/oui 0.0.26 → 0.0.28

package/dist/esm/file-dropzone/file-dropzone.js

@@ -12,7 +12,7 @@ import { FileDropzoneStyleContext, FileDropzoneStateContext, useFileDropzoneStat
 import { FileInfo } from './file-info.js';
 import { formatErrorMessage, formatBytes } from './utils.js';
 import { useControllableState } from '../hooks/use-controllable-state.js';
-import Upload from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/upload.js';
+import Upload from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/upload.js';
 import { Label, Description, FieldError } from '../field/field.js';
 
 const FileDropzone = (originalProps) => {

package/dist/esm/file-dropzone/file-info.js

@@ -5,7 +5,7 @@ import { useState, useEffect } from 'react';
 import { fileInfoDropzoneStyles, cn } from '@opengovsg/oui-theme';
 import { useFileDropzoneStateContext, useFileDropzoneStyleContext } from './contexts.js';
 import { formatBytes } from './utils.js';
-import Trash2 from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/trash-2.js';
+import Trash2 from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/trash-2.js';
 import { Button } from '../button/button.js';
 
 const FileInfo = ({ file, imagePreview, classNames }) => {

package/dist/esm/govt-banner/govt-banner.js

@@ -5,10 +5,10 @@ import { useRef } from 'react';
 import { useDisclosure, useButton, useFocusRing, mergeProps } from 'react-aria';
 import { useDisclosureState } from 'react-stately';
 import { govtBannerStyles, dataAttr, twMerge } from '@opengovsg/oui-theme';
-import ChevronDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
-import Landmark from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/landmark.js';
-import ExternalLink from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/external-link.js';
-import Lock from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/lock.js';
+import ChevronDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
+import Landmark from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/landmark.js';
+import ExternalLink from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/external-link.js';
+import Lock from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/lock.js';
 
 function GovtBanner({
   environment,

package/dist/esm/index.js

@@ -1,30 +1,30 @@
 "use strict";
-export { Spinner } from './spinner/spinner.js';
-export { useSpinner } from './spinner/use-spinner.js';
 export { Toggle } from './toggle/toggle.js';
-export { SkipNavLink } from './skip-nav-link/skip-nav-link.js';
+export { Input } from './input/input.js';
 export { TextField } from './text-field/text-field.js';
 export { TextArea } from './text-area/text-area.js';
 export { TextAreaField } from './text-area-field/text-area-field.js';
-export { TagField } from './tag-field/tag-field.js';
-export { TagFieldItem } from './tag-field/tag-field-item.js';
-export { Select } from './select/select.js';
-export { SelectItem } from './select/select-item.js';
-export { SelectVariantContext, useSelectVariantContext } from './select/select-variant-context.js';
-export { Tab, TabList, TabPanel, Tabs, TabsVariantContext, useTabsVariantContext } from './tabs/tabs.js';
+export { Toaster } from './toast/toast.js';
 export { useControllableState } from './hooks/use-controllable-state.js';
 export { useDraggable } from './hooks/use-draggable.js';
 export { Button } from './button/button.js';
 export { GovtBanner } from './govt-banner/govt-banner.js';
 export { Ripple } from './ripple/ripple.js';
 export { useRipple } from './ripple/use-ripple.js';
-export { Input } from './input/input.js';
+export { Spinner } from './spinner/spinner.js';
+export { useSpinner } from './spinner/use-spinner.js';
+export { SkipNavLink } from './skip-nav-link/skip-nav-link.js';
 export { Description, FieldError, FieldErrorIcon, FieldGroup, Label } from './field/field.js';
 export { ComboBox, ComboBoxEmptyState } from './combo-box/combo-box.js';
 export { ComboBoxFuzzy } from './combo-box/combo-box-fuzzy.js';
 export { ComboBoxItem } from './combo-box/combo-box-item.js';
 export { ComboBoxVariantContext, useComboBoxVariantContext } from './combo-box/combo-box-variant-context.js';
 export { Banner } from './banner/banner.js';
+export { TagField } from './tag-field/tag-field.js';
+export { TagFieldItem } from './tag-field/tag-field-item.js';
+export { Select } from './select/select.js';
+export { SelectItem } from './select/select-item.js';
+export { SelectVariantContext, useSelectVariantContext } from './select/select-variant-context.js';
 export { Badge } from './badge/badge.js';
 export { CalendarDate } from '@internationalized/date';
 export { Calendar, CalendarStateWrapper } from './calendar/calendar.js';
@@ -33,6 +33,7 @@ export { getEraFormat, useGenerateLocalizedMonths, useGenerateLocalizedYears, us
 export { RangeCalendar, RangeCalendarCell, RangeCalendarStateWrapper } from './range-calendar/range-calendar.js';
 export { Menu, MenuItem, MenuSection, MenuSeparator, MenuTrigger, MenuVariantContext, SubmenuTrigger, useMenuVariantContext } from './menu/menu.js';
 export { Popover } from './popover/popover.js';
+export { Tab, TabList, TabPanel, Tabs, TabsVariantContext, useTabsVariantContext } from './tabs/tabs.js';
 export { DateField, DateInput } from './date-field/date-field.js';
 export { DatePicker } from './date-picker/date-picker.js';
 export { DateRangePicker } from './date-range-picker/date-range-picker.js';
@@ -53,3 +54,4 @@ export { ModalFooter } from './modal/modal-footer.js';
 export { ModalBody } from './modal/modal-body.js';
 export { ModalHeader } from './modal/modal-header.js';
 export { ModalVariantContext, useModalVariantContext } from './modal/modal-variant-context.js';
+export { toast } from 'sonner';

package/dist/esm/menu/menu.js

@@ -5,8 +5,8 @@ import { forwardRef, useMemo, useCallback } from 'react';
 import { useContextProps, MenuItem as MenuItem$1, composeRenderProps, Provider, Menu as Menu$1, MenuSection as MenuSection$1, Header, Collection, MenuTrigger as MenuTrigger$1, SubmenuTrigger as SubmenuTrigger$1, Separator } from 'react-aria-components';
 import { listBoxItemStyles, menuItemStyles, menuStyles, menuSectionStyles, menuDividerStyles } from '@opengovsg/oui-theme';
 import { forwardRefGeneric, mapPropsVariants } from '../system/utils.js';
-import Check from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/check.js';
-import ChevronRight from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/chevron-right.js';
+import Check from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/check.js';
+import ChevronRight from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-right.js';
 import { createContext } from '../system/react-utils/context.js';
 import { Popover } from '../popover/popover.js';
 

package/dist/esm/modal/modal-content.js

@@ -7,7 +7,7 @@ import { Dialog } from 'react-aria-components';
 import { cn } from '@opengovsg/oui-theme';
 import { i18nStrings } from './i18n.js';
 import { ModalVariantContext } from './modal-variant-context.js';
-import X from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/x.js';
+import X from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/x.js';
 import { Button } from '../button/button.js';
 
 function ModalContent({

package/dist/esm/number-field/number-field.js

@@ -3,11 +3,11 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { NumberField as NumberField$1 } from 'react-aria-components';
 import { numberFieldStyles, composeTailwindRenderProps, dataAttr, fieldBorderStyles, cn } from '@opengovsg/oui-theme';
+import { Input } from '../input/input.js';
 import { mapPropsVariants } from '../system/utils.js';
-import Minus from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/minus.js';
-import Plus from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/plus.js';
+import Minus from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/minus.js';
+import Plus from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/plus.js';
 import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
-import { Input } from '../input/input.js';
 import { Button } from '../button/button.js';
 
 function NumberField(originalProps) {

package/dist/esm/pagination/pagination.js

@@ -9,9 +9,9 @@ import { PaginationItemType } from './hooks/use-pagination.js';
 import { PaginationCursor } from './pagination-cursor.js';
 import { PaginationItem } from './pagination-item.js';
 import { usePagination } from './use-pagination.js';
-import ChevronLeft from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/chevron-left.js';
-import Ellipsis from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/ellipsis.js';
-import ChevronsRight from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/chevrons-right.js';
+import ChevronLeft from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-left.js';
+import Ellipsis from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/ellipsis.js';
+import ChevronsRight from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevrons-right.js';
 
 const Pagination = forwardRef((props, ref) => {
   const {

package/dist/esm/select/select.js

@@ -7,7 +7,7 @@ import { selectStyles, composeRenderProps } from '@opengovsg/oui-theme';
 import { mapPropsVariants } from '../system/utils.js';
 import { SelectVariantContext } from './select-variant-context.js';
 import { Label, Description, FieldError } from '../field/field.js';
-import ChevronDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
+import ChevronDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
 import { Popover } from '../popover/popover.js';
 import { Button } from '../button/button.js';
 

package/dist/esm/tag-field/tag-field-tag-list.js

@@ -2,7 +2,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useContext, useCallback } from 'react';
 import { TagFieldStateContext } from './tag-field-state-context.js';
-import X from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/x.js';
+import X from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/x.js';
 
 const TagFieldTagList = ({
   classNames,

package/dist/esm/tag-field/tag-field.js

@@ -4,14 +4,14 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { createElement } from 'react';
 import { composeRenderProps } from 'react-aria-components';
 import { tagFieldStyles } from '@opengovsg/oui-theme';
+import { Input } from '../input/input.js';
 import { TagFieldItem } from './tag-field-item.js';
 import { TagFieldList } from './tag-field-list.js';
 import { TagFieldRoot } from './tag-field-root.js';
 import { TagFieldTagList } from './tag-field-tag-list.js';
 import { TagFieldTrigger } from './tag-field-trigger.js';
-import ChevronDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.1/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
+import ChevronDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
 import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
-import { Input } from '../input/input.js';
 import { Popover } from '../popover/popover.js';
 
 function TagField({

package/dist/esm/toast/index.js

@@ -0,0 +1,3 @@
+"use strict";
+export { Toaster } from './toast.js';
+export { toast } from 'sonner';

package/dist/esm/toast/toast.js

@@ -0,0 +1,86 @@
+"use strict";
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Toaster as Toaster$1 } from 'sonner';
+export { toast } from 'sonner';
+import { toastStyles } from '@opengovsg/oui-theme';
+import { mapPropsVariants } from '../system/utils.js';
+import X from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/x.js';
+import { Spinner } from '../spinner/spinner.js';
+
+function Toaster(originalProps) {
+  const [{ toastOptions, closeButton = true, ...props }, variantProps] = mapPropsVariants(originalProps, toastStyles.variantKeys);
+  const styles = toastStyles(variantProps);
+  return /* @__PURE__ */ jsx(
+    Toaster$1,
+    {
+      className: styles.base({
+        className: props.className ?? props.classNames?.base
+      }),
+      position: "top-center",
+      icons: {
+        loading: /* @__PURE__ */ jsx(Spinner, { size: "xs" }),
+        close: /* @__PURE__ */ jsx(X, {})
+      },
+      mobileOffset: 8,
+      offset: {
+        top: 8
+      },
+      closeButton,
+      toastOptions: {
+        classNames: {
+          toast: styles.toast({
+            className: props.classNames?.toast
+          }),
+          title: styles.title({
+            className: props.classNames?.title
+          }),
+          description: styles.description({
+            className: props.classNames?.description
+          }),
+          loader: styles.loader({
+            className: props.classNames?.loader
+          }),
+          closeButton: styles.closeButton({
+            className: props.classNames?.closeButton
+          }),
+          success: styles.success({
+            className: props.classNames?.success
+          }),
+          error: styles.error({
+            className: props.classNames?.error
+          }),
+          info: styles.info({
+            className: props.classNames?.info
+          }),
+          warning: styles.warning({
+            className: props.classNames?.warning
+          }),
+          loading: styles.loading({
+            className: props.classNames?.loading
+          }),
+          default: styles.default({
+            className: props.classNames?.default
+          }),
+          content: styles.content({
+            className: props.classNames?.content
+          }),
+          icon: styles.icon({
+            className: props.classNames?.icon
+          }),
+          actionButton: styles.actionButton({
+            className: props.classNames?.actionButton
+          }),
+          cancelButton: styles.cancelButton({
+            className: props.classNames?.cancelButton
+          })
+        },
+        unstyled: true,
+        ...toastOptions
+      },
+      ...props
+    }
+  );
+}
+
+export { Toaster };

package/dist/types/index.d.mts

@@ -28,4 +28,5 @@ export * from "./pagination";
 export * from "./file-dropzone";
 export * from "./number-field";
 export * from "./modal";
+export * from "./toast";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts

@@ -28,4 +28,5 @@ export * from "./pagination";
 export * from "./file-dropzone";
 export * from "./number-field";
 export * from "./modal";
+export * from "./toast";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}

package/dist/types/spinner/use-spinner.d.ts

@@ -26,36 +26,36 @@ export interface UseSpinnerProps extends Omit<HtmlUiProps, "children">, SpinnerV
 export declare const useSpinner: (originalProps: UseSpinnerProps) => {
     slots: {
         base: (slotProps?: ({
-            size?: "lg" | "md" | "sm" | undefined;
+            size?: "lg" | "md" | "sm" | "xs" | undefined;
             color?: "current" | "white" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         wrapper: (slotProps?: ({
-            size?: "lg" | "md" | "sm" | undefined;
+            size?: "lg" | "md" | "sm" | "xs" | undefined;
             color?: "current" | "white" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         circle1: (slotProps?: ({
-            size?: "lg" | "md" | "sm" | undefined;
+            size?: "lg" | "md" | "sm" | "xs" | undefined;
             color?: "current" | "white" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         circle2: (slotProps?: ({
-            size?: "lg" | "md" | "sm" | undefined;
+            size?: "lg" | "md" | "sm" | "xs" | undefined;
             color?: "current" | "white" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
     } & {
         base: (slotProps?: ({
-            size?: "lg" | "md" | "sm" | undefined;
+            size?: "lg" | "md" | "sm" | "xs" | undefined;
             color?: "current" | "white" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         wrapper: (slotProps?: ({
-            size?: "lg" | "md" | "sm" | undefined;
+            size?: "lg" | "md" | "sm" | "xs" | undefined;
             color?: "current" | "white" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         circle1: (slotProps?: ({
-            size?: "lg" | "md" | "sm" | undefined;
+            size?: "lg" | "md" | "sm" | "xs" | undefined;
             color?: "current" | "white" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         circle2: (slotProps?: ({
-            size?: "lg" | "md" | "sm" | undefined;
+            size?: "lg" | "md" | "sm" | "xs" | undefined;
             color?: "current" | "white" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
     } & {};

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

@@ -0,0 +1,3 @@
+export { Toaster, toast } from "./toast";
+export type { ToasterProps } from "./toast";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toast/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AACxC,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA"}

package/dist/types/toast/toast.d.ts

@@ -0,0 +1,9 @@
+import type { ToasterProps as BaseToasterProps } from "sonner";
+import type { SlotsToClasses, ToastSlots, VariantProps } from "@opengovsg/oui-theme";
+import { toastStyles } from "@opengovsg/oui-theme";
+export interface ToasterProps extends BaseToasterProps, VariantProps<typeof toastStyles> {
+    classNames?: SlotsToClasses<ToastSlots>;
+}
+export declare function Toaster(originalProps: ToasterProps): import("react/jsx-runtime").JSX.Element;
+export { toast } from "sonner";
+//# sourceMappingURL=toast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/toast/toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAI9D,OAAO,KAAK,EACV,cAAc,EACd,UAAU,EACV,YAAY,EACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAKlD,MAAM,WAAW,YACf,SAAQ,gBAAgB,EACtB,YAAY,CAAC,OAAO,WAAW,CAAC;IAClC,UAAU,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAA;CACxC;AAED,wBAAgB,OAAO,CAAC,aAAa,EAAE,YAAY,2CA2ElD;AAED,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengovsg/oui",
-  "version": "0.0.26",
+  "version": "0.0.28",
   "sideEffects": false,
   "license": "SEE LICENSE IN LICENSE.md",
   "type": "module",
@@ -45,15 +45,15 @@
     "lucide-react": "^0.475.0",
     "motion": "^12.18.1",
     "prettier": "^3.5.3",
-    "react": "^19.2.1",
+    "react": "^19.2.3",
     "react-aria-components": "^1.13.0",
     "storybook": "10.1.2",
     "tsx": "^4.21.0",
     "typescript": "5.7.3",
-    "@opengovsg/oui-theme": "0.0.26",
+    "@opengovsg/oui-theme": "0.0.28",
     "@oui/chromatic": "0.0.0",
-    "@oui/eslint-config": "0.0.0",
     "@oui/prettier-config": "0.0.0",
+    "@oui/eslint-config": "0.0.0",
     "@oui/typescript-config": "0.0.0"
   },
   "dependencies": {
@@ -78,6 +78,7 @@
     "react-dropzone": "^14.3.8",
     "react-stately": "^3.41.0",
     "scroll-into-view-if-needed": "^3.1.0",
+    "sonner": "^2.0.7",
     "type-fest": "^4.41.0",
     "use-deep-compare": "^1.3.0",
     "usehooks-ts": "^3.1.1"
@@ -87,7 +88,7 @@
     "motion": ">=11.12.0 || >=12.0.0-alpha.1",
     "react": ">= 18",
     "react-aria-components": "^1.13.0",
-    "@opengovsg/oui-theme": "0.0.26"
+    "@opengovsg/oui-theme": "0.0.28"
   },
   "scripts": {
     "build": "tsx ../../tooling/build-scripts/main.ts --dts --clean",