feat: add toaster and menu components

.changeset/beige-fans-eat.md

@@ -0,0 +1,5 @@
+---
+'@saas-ui/react': minor
+---
+
+Added toaster and menu components

packages/saas-ui-react/src/components/toaster/index.ts

@@ -0,0 +1 @@
+export * from './toaster.tsx'

packages/saas-ui-react/src/components/toaster/toaster.tsx

@@ -0,0 +1,48 @@
+'use client'
+
+import {
+  Toaster as ChakraToaster,
+  CreateToasterReturn,
+  Portal,
+  Spinner,
+  Stack,
+  Toast,
+  createToaster,
+} from '@chakra-ui/react'
+
+export const toast = createToaster({
+  placement: 'bottom-end',
+  pauseOnPageIdle: true,
+})
+
+export interface ToasterProps extends CreateToasterReturn {
+  children: React.ReactNode
+}
+
+export const Toaster = () => {
+  return (
+    <Portal>
+      <ChakraToaster toaster={toast} insetInline={{ mdDown: '4' }}>
+        {(toast) => (
+          <Toast.Root width={{ md: 'sm' }}>
+            {toast.type === 'loading' ? (
+              <Spinner size="sm" color="colorPalette.solid" />
+            ) : (
+              <Toast.Indicator />
+            )}
+            <Stack gap="1" flex="1" maxWidth="100%">
+              {toast.title && <Toast.Title>{toast.title}</Toast.Title>}
+              {toast.description && (
+                <Toast.Description>{toast.description}</Toast.Description>
+              )}
+            </Stack>
+            {toast.action && (
+              <Toast.ActionTrigger>{toast.action.label}</Toast.ActionTrigger>
+            )}
+            {toast.meta?.closable && <Toast.CloseTrigger />}
+          </Toast.Root>
+        )}
+      </ChakraToaster>
+    </Portal>
+  )
+}

packages/saas-ui-react/src/index.ts

@@ -21,6 +21,7 @@ export * from './components/link/index.ts'
 export * from './components/loading-overlay/index.ts'
 export * from './components/navbar/index.ts'
 export * from './components/number-input/index.ts'
+export * from './components/menu/index.ts'
 export * from './components/password-input/index.ts'
 export * from './components/persona/index.ts'
 export * from './components/pin-input/index.ts'
@@ -29,7 +30,7 @@ export * from './components/search-input/index.ts'
 export * from './components/select/index.ts'
 export * from './components/segmented-control/index.ts'
 export * from './components/sidebar/index.ts'
-export * from './components/snackbar/index.ts'
+export * from './components/toaster/index.ts'
 export * from './components/spinner/index.ts'
 export * from './components/steps/index.ts'
 export * from './components/switch/index.ts'