@cwncollab-org/mui-component-kit 0.3.1 → 0.4.2

package/README.md

@@ -12,6 +12,7 @@ A React component library built with TypeScript and Vite. This package provides
 - Lazy loading support
 - Payload and result handling for dialogs
 - Form components with TanStack Form integration
+- Router-integrated tabs with URL synchronization
 
 ## Usage Examples
 
@@ -35,7 +36,7 @@ function AppPage() {
   return (
     <Button
       variant='contained'
-      onClick={() => openDialog('example-dialog', ExampleDialog)}
+      onClick={() => openDialog(ExampleDialog)}
     >
       Open Basic Dialog
     </Button>
@@ -48,16 +49,18 @@ function AppPage() {
 ```tsx
 import {
   Dialog,
-  DialogTitle,
   DialogContentText,
   DialogContent,
   DialogProps,
+  DialogTitle,
 } from '@mui/material'
+import { DialogCloseButton } from '@cwncollab-org/component-kit'
 
 export default function ExampleDialog({ open, onClose, ...rest }: DialogProps) {
   return (
     <Dialog open={open} onClose={onClose} {...rest}>
       <DialogTitle>Example Dialog</DialogTitle>
+      <DialogCloseButton onClick={() => onClose?.({}, 'escapeKeyDown')} />
       <DialogContent>
         <DialogContentText>This is an example dialog</DialogContentText>
       </DialogContent>
@@ -66,6 +69,8 @@ export default function ExampleDialog({ open, onClose, ...rest }: DialogProps) {
 }
 ```
 
+> **Note**: The `DialogCloseButton` is an optional component that provides a close button (X) in the top-right corner of the dialog. It's positioned absolutely and styled to match Material-UI design patterns.
+
 ### Dialog with Payload
 
 ```tsx
@@ -85,12 +90,8 @@ function AppPage() {
       />
       <Button
         variant='contained'
-        onClick={() => {
-          openDialog(
-            'example-dialog-with-payload',
-            ExampleDialogWithPayload,
-            { payload: { name } }
-          )
+        onClick={async () => {
+          await openDialog(ExampleDialogWithPayload, { payload: { name } })
         }}
       >
         Open Dialog with Payload
@@ -109,7 +110,7 @@ import {
   DialogContentText,
   DialogContent,
 } from '@mui/material'
-import { DialogProps } from '../lib'
+import { DialogProps } from '@cwncollab-org/component-kit'
 
 type Payload = {
   name: string
@@ -142,30 +143,22 @@ import ExampleDialogWithResult from './examples/ExampleDialogWithResult'
 
 function AppPage() {
   const { openDialog } = useDialogs()
-  const [result, setResult] = useState<{ name: string } | null>(null)
+  const [result, setResult] = useState('')
 
   return (
     <>
       <Button
         variant='contained'
         onClick={async () => {
-          const result = await openDialog(
-            'example-dialog-with-result',
-            ExampleDialogWithResult,
-            { payload: { name: 'Initial Name' } }
-          )
-          if (result?.success) {
-            setResult(result.data)
-          }
+          const result = await openDialog(ExampleDialogWithResult)
+          setResult(JSON.stringify(result))
         }}
       >
         Open Dialog with Result
       </Button>
-      {result && (
-        <Typography variant='body1'>
-          Result: {result.name}
-        </Typography>
-      )}
+      <Typography variant='body1' sx={{ mt: 1 }}>
+        Result: {result}
+      </Typography>
     </>
   )
 }
@@ -182,7 +175,7 @@ import {
   DialogActions,
   Button,
 } from '@mui/material'
-import { DialogProps } from '../lib'
+import { DialogProps } from '@cwncollab-org/component-kit'
 import { useState } from 'react'
 
 type Payload = {
@@ -234,7 +227,7 @@ function AppPage() {
   return (
     <Button
       variant='contained'
-      onClick={() => openDialog('example-dialog2', ExampleDialog2)}
+      onClick={() => openDialog(ExampleDialog2)}
     >
       Open Lazy Loaded Dialog
     </Button>
@@ -973,6 +966,122 @@ The component currently supports simple string patterns where each character in
 The `SubscribeMaskedTextField` component has the same props as `MaskedTextField` but automatically disables the field when the form is submitting, providing better UX during form submission.
 
 
+### Router Tabs
+
+The Router Tabs components provide tabbed navigation integrated with TanStack Router, allowing you to create tabs that are synced with the browser URL and support nested routing.
+
+#### Basic Router Tabs Usage
+
+```tsx
+import { Box } from '@mui/material'
+import { createFileRoute, Outlet } from '@tanstack/react-router'
+import { RouterTab, RouterTabs } from '@cwncollab-org/component-kit'
+
+export const Route = createFileRoute('/tabs-example')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  const match = Route.useMatch()
+  
+  return (
+    <Box>
+      <RouterTabs match={match}>
+        <RouterTab value='/tabs-example/tab1' label='Tab 1' />
+        <RouterTab value='/tabs-example/tab2' label='Tab 2' />
+        <RouterTab value='/tabs-example/tab3' label='Tab 3' />
+      </RouterTabs>
+      <Outlet />
+    </Box>
+  )
+}
+```
+
+#### Router Tabs with TabLabel Components
+
+The `TabLabel` component allows you to add visual indicators like error states to your tabs:
+
+```tsx
+import { RouterTab, RouterTabs, TabLabel } from '@cwncollab-org/component-kit'
+
+function MyTabsComponent() {
+  const match = Route.useMatch()
+  const [hasError, setHasError] = useState(false)
+  
+  return (
+    <RouterTabs match={match}>
+      <RouterTab 
+        value='/dashboard/overview' 
+        label={<TabLabel label='Overview' />} 
+      />
+      <RouterTab 
+        value='/dashboard/settings' 
+        label={<TabLabel label='Settings' error={hasError} />} 
+      />
+      <RouterTab 
+        value='/dashboard/profile' 
+        label='Profile' 
+      />
+    </RouterTabs>
+  )
+}
+```
+
+#### Nested Router Tabs
+
+Router Tabs support nested routing structures:
+
+```tsx
+// Parent route: /tabs-example/tab3
+function Tab3Component() {
+  const match = Route.useMatch()
+  
+  return (
+    <Box>
+      <Typography variant='h6'>Tab 3 Content</Typography>
+      <RouterTabs match={match}>
+        <RouterTab value='/tabs-example/tab3/list' label='List View' />
+        <RouterTab value='/tabs-example/tab3/123' label='Detail View' />
+      </RouterTabs>
+      <Outlet />
+    </Box>
+  )
+}
+```
+
+#### RouterTabs Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `match` | `MakeRouteMatch` | - | The route match object from TanStack Router used to determine active tab |
+| `children` | `ReactNode` | - | RouterTab components |
+
+The RouterTabs component also accepts all standard MUI Tabs props except `value` which is automatically managed based on the current route.
+
+#### RouterTab Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `value` | `ValidateToPath` | - | The route path this tab should navigate to |
+| `label` | `ReactNode` | - | The label content for the tab (can be string or TabLabel component) |
+
+The RouterTab component also accepts all standard MUI Tab props except `value` which is used for routing.
+
+#### TabLabel Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `label` | `string` | - | The text label for the tab |
+| `error` | `boolean` | `false` | Whether to show an error indicator (red dot) next to the label |
+
+**Features:**
+- **URL Synchronization**: Tab selection is automatically synchronized with the browser URL
+- **Nested Routing**: Supports complex nested tab structures with child routes
+- **Type Safety**: Full TypeScript support with path validation
+- **MUI Integration**: Built on top of Material-UI Tabs with full styling support
+- **Error Indicators**: Visual error states with the TabLabel component
+
+
 ### Common Dialog Patterns
 
 Here are some common dialog patterns you can implement using the component kit:
@@ -986,19 +1095,24 @@ function MyComponent() {
   const confirm = useConfirmDialog()
 
   const handleClick = async () => {
-    const { success } = await confirm({
+    const result = await confirm({
       title: 'Confirm',
-      message: 'Are you sure you want to add this item to cart?',
+      message: 'Are you sure you want to confirm?',
+      confirmText: 'Confirm',
+      cancelText: 'Cancel',
     })
-
-    if (success) {
-      // Proceed
+    
+    if (result.success) {
+      // Proceed with the action
+      console.log('User confirmed')
+    } else {
+      console.log('User cancelled')
     }
   }
 
   return (
     <Button onClick={handleClick}>
-      Click
+      Confirm Action
     </Button>
   )
 }
@@ -1013,20 +1127,59 @@ function MyComponent() {
   const confirmDelete = useConfirmDeleteDialog()
 
   const handleDelete = async () => {
-    const { success } = await confirmDelete({
-      title: 'Delete Item',
-      message: 'Are you sure you want to delete this item? This action cannot be undone.',
+    const result = await confirmDelete({
+      title: 'Confirm Delete',
+      message: 'Are you sure you want to delete this item?',
+      confirmText: 'Delete',
+      cancelText: 'Cancel',
     })
 
-    if (success) {
+    if (result.success) {
       // Proceed with deletion
+      console.log('Item deleted')
+    } else {
+      console.log('Deletion cancelled')
     }
   }
 
   return (
-    <Button onClick={handleDelete}>
+    <Button onClick={handleDelete} color="error">
       Delete Item
     </Button>
   )
 }
 ```
+
+#### Advanced Dialog Usage with Dialog Count
+
+```tsx
+import { useDialogs, useConfirmDialog } from '@cwncollab-org/component-kit'
+
+function DialogManager() {
+  const { openDialog, dialogs } = useDialogs()
+  const confirm = useConfirmDialog()
+
+  return (
+    <Stack spacing={2}>
+      <Typography variant='body1'>
+        Active dialogs: {dialogs.length}
+      </Typography>
+      
+      <Button
+        variant='contained'
+        onClick={async () => {
+          const result = await confirm({
+            title: 'Multiple Dialogs',
+            message: 'You can open multiple dialogs simultaneously.',
+            confirmText: 'OK',
+            cancelText: 'Cancel',
+          })
+          console.log(result)
+        }}
+      >
+        Open Confirmation Dialog
+      </Button>
+    </Stack>
+  )
+}
+```

package/dist/common-dialogs/ConfirmDialog.d.ts

@@ -9,6 +9,7 @@ export type ConfirmDialogOptions = {
         confirm?: ButtonProps;
         cancel?: ButtonProps;
     };
+    dialogKey?: string;
 };
 type ConfirmDialogProps = DialogProps<ConfirmDialogOptions>;
 export declare function ConfirmDialog(props: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/common-dialogs/ConfirmDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../src/lib/common-dialogs/ConfirmDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EAKZ,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,WAAW,CAAA;QACrB,MAAM,CAAC,EAAE,WAAW,CAAA;KACrB,CAAA;CACF,CAAA;AAED,KAAK,kBAAkB,GAAG,WAAW,CAAC,oBAAoB,CAAC,CAAA;AAE3D,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA8BtD"}
+{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../src/lib/common-dialogs/ConfirmDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EAKZ,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,WAAW,CAAA;QACrB,MAAM,CAAC,EAAE,WAAW,CAAA;KACrB,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,KAAK,kBAAkB,GAAG,WAAW,CAAC,oBAAoB,CAAC,CAAA;AAE3D,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA8BtD"}

package/dist/common-dialogs/ConfirmDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.js","sourceRoot":"","sources":["../../src/lib/common-dialogs/ConfirmDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,EAEN,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,WAAW,GACZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAgBtC,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACjD,MAAM,KAAK,GAAG,OAAO,EAAE,KAAK,IAAI,EAAE,CAAA;IAClC,MAAM,OAAO,GAAG,OAAO,EAAE,OAAO,IAAI,EAAE,CAAA;IAEtC,MAAM,WAAW,GAAG,OAAO,EAAE,WAAW,IAAI,SAAS,CAAA;IACrD,MAAM,YAAY,GAAG,OAAO,EAAE,SAAS,EAAE,OAAO,IAAI;QAClD,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,WAAW;KACrB,CAAA;IACD,YAAY,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;IAC3D,MAAM,UAAU,GAAG,OAAO,EAAE,UAAU,IAAI,QAAQ,CAAA;IAClD,MAAM,WAAW,GAAG,OAAO,EAAE,SAAS,EAAE,MAAM,IAAI;QAChD,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,UAAU;KACpB,CAAA;IACD,WAAW,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAA;IAE3D,OAAO,CACL,MAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAC,IAAI,EAAC,SAAS,WAAK,IAAI,aACpE,KAAC,WAAW,cAAE,KAAK,GAAe,EAClC,KAAC,aAAa,cACZ,KAAC,iBAAiB,cAAE,OAAO,GAAqB,GAClC,EAChB,MAAC,aAAa,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,aACjC,KAAC,MAAM,OAAK,WAAW,YAAG,UAAU,GAAU,EAC9C,KAAC,MAAM,OAAK,YAAY,YAAG,WAAW,GAAU,IAClC,IACT,CACV,CAAA;AACH,CAAC"}
+{"version":3,"file":"ConfirmDialog.js","sourceRoot":"","sources":["../../src/lib/common-dialogs/ConfirmDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,EAEN,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,WAAW,GACZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAiBtC,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACjD,MAAM,KAAK,GAAG,OAAO,EAAE,KAAK,IAAI,EAAE,CAAA;IAClC,MAAM,OAAO,GAAG,OAAO,EAAE,OAAO,IAAI,EAAE,CAAA;IAEtC,MAAM,WAAW,GAAG,OAAO,EAAE,WAAW,IAAI,SAAS,CAAA;IACrD,MAAM,YAAY,GAAG,OAAO,EAAE,SAAS,EAAE,OAAO,IAAI;QAClD,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,WAAW;KACrB,CAAA;IACD,YAAY,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;IAC3D,MAAM,UAAU,GAAG,OAAO,EAAE,UAAU,IAAI,QAAQ,CAAA;IAClD,MAAM,WAAW,GAAG,OAAO,EAAE,SAAS,EAAE,MAAM,IAAI;QAChD,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,UAAU;KACpB,CAAA;IACD,WAAW,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAA;IAE3D,OAAO,CACL,MAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAC,IAAI,EAAC,SAAS,WAAK,IAAI,aACpE,KAAC,WAAW,cAAE,KAAK,GAAe,EAClC,KAAC,aAAa,cACZ,KAAC,iBAAiB,cAAE,OAAO,GAAqB,GAClC,EAChB,MAAC,aAAa,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,aACjC,KAAC,MAAM,OAAK,WAAW,YAAG,UAAU,GAAU,EAC9C,KAAC,MAAM,OAAK,YAAY,YAAG,WAAW,GAAU,IAClC,IACT,CACV,CAAA;AACH,CAAC"}

package/dist/common-dialogs/useConfirmDeleteDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useConfirmDeleteDialog.d.ts","sourceRoot":"","sources":["../../src/lib/common-dialogs/useConfirmDeleteDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAGtD,wBAAgB,sBAAsB,eAEG,oBAAoB,mDAc5D"}
+{"version":3,"file":"useConfirmDeleteDialog.d.ts","sourceRoot":"","sources":["../../src/lib/common-dialogs/useConfirmDeleteDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAGtD,wBAAgB,sBAAsB,eAEG,oBAAoB,mDAe5D"}

package/dist/common-dialogs/useConfirmDeleteDialog.js

@@ -12,6 +12,7 @@ export function useConfirmDeleteDialog() {
                     ...options?.slotProps?.confirm,
                 },
             },
+            dialogKey: 'confirm-delete-dialog',
         });
     };
     return confirmDelete;

package/dist/common-dialogs/useConfirmDeleteDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"useConfirmDeleteDialog.js","sourceRoot":"","sources":["../../src/lib/common-dialogs/useConfirmDeleteDialog.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,MAAM,UAAU,sBAAsB;IACpC,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAA;IAClC,MAAM,aAAa,GAAG,KAAK,EAAE,OAA8B,EAAE,EAAE;QAC7D,OAAO,MAAM,OAAO,CAAC;YACnB,GAAG,OAAO;YACV,SAAS,EAAE;gBACT,GAAG,OAAO,EAAE,SAAS;gBACrB,OAAO,EAAE;oBACP,KAAK,EAAE,OAAO;oBACd,OAAO,EAAE,WAAW;oBACpB,GAAG,OAAO,EAAE,SAAS,EAAE,OAAO;iBAC/B;aACF;SACF,CAAC,CAAA;IACJ,CAAC,CAAA;IACD,OAAO,aAAa,CAAA;AACtB,CAAC"}
+{"version":3,"file":"useConfirmDeleteDialog.js","sourceRoot":"","sources":["../../src/lib/common-dialogs/useConfirmDeleteDialog.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,MAAM,UAAU,sBAAsB;IACpC,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAA;IAClC,MAAM,aAAa,GAAG,KAAK,EAAE,OAA8B,EAAE,EAAE;QAC7D,OAAO,MAAM,OAAO,CAAC;YACnB,GAAG,OAAO;YACV,SAAS,EAAE;gBACT,GAAG,OAAO,EAAE,SAAS;gBACrB,OAAO,EAAE;oBACP,KAAK,EAAE,OAAO;oBACd,OAAO,EAAE,WAAW;oBACpB,GAAG,OAAO,EAAE,SAAS,EAAE,OAAO;iBAC/B;aACF;YACD,SAAS,EAAE,uBAAuB;SACnC,CAAC,CAAA;IACJ,CAAC,CAAA;IACD,OAAO,aAAa,CAAA;AACtB,CAAC"}

package/dist/common-dialogs/useConfirmDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useConfirmDialog.d.ts","sourceRoot":"","sources":["../../src/lib/common-dialogs/useConfirmDialog.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAErE,wBAAgB,gBAAgB,eAEH,oBAAoB,mDAKhD"}
+{"version":3,"file":"useConfirmDialog.d.ts","sourceRoot":"","sources":["../../src/lib/common-dialogs/useConfirmDialog.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAErE,wBAAgB,gBAAgB,eAEH,oBAAoB,mDAMhD"}

package/dist/common-dialogs/useConfirmDialog.js

@@ -2,7 +2,8 @@ import { useDialogs } from '../dialogs/dialogsHooks';
 import { ConfirmDialog } from './ConfirmDialog';
 export function useConfirmDialog() {
     const { openDialog } = useDialogs();
-    const confirm = (options) => openDialog('confirm-dialog', ConfirmDialog, {
+    const confirm = (options) => openDialog(ConfirmDialog, {
+        dialogKey: options?.dialogKey,
         payload: options,
     });
     return confirm;

package/dist/common-dialogs/useConfirmDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"useConfirmDialog.js","sourceRoot":"","sources":["../../src/lib/common-dialogs/useConfirmDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAwB,MAAM,iBAAiB,CAAA;AAErE,MAAM,UAAU,gBAAgB;IAC9B,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,CAAA;IACnC,MAAM,OAAO,GAAG,CAAC,OAA8B,EAAE,EAAE,CACjD,UAAU,CAAC,gBAAgB,EAAE,aAAa,EAAE;QAC1C,OAAO,EAAE,OAAO;KACjB,CAAC,CAAA;IACJ,OAAO,OAAO,CAAA;AAChB,CAAC"}
+{"version":3,"file":"useConfirmDialog.js","sourceRoot":"","sources":["../../src/lib/common-dialogs/useConfirmDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAwB,MAAM,iBAAiB,CAAA;AAErE,MAAM,UAAU,gBAAgB;IAC9B,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,CAAA;IACnC,MAAM,OAAO,GAAG,CAAC,OAA8B,EAAE,EAAE,CACjD,UAAU,CAAC,aAAa,EAAE;QACxB,SAAS,EAAE,OAAO,EAAE,SAAS;QAC7B,OAAO,EAAE,OAAO;KACjB,CAAC,CAAA;IACJ,OAAO,OAAO,CAAA;AAChB,CAAC"}

package/dist/dialogs/DialogsProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogsProvider.d.ts","sourceRoot":"","sources":["../../src/lib/dialogs/DialogsProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA6B,MAAM,OAAO,CAAA;AASpE,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAwG9D"}
+{"version":3,"file":"DialogsProvider.d.ts","sourceRoot":"","sources":["../../src/lib/dialogs/DialogsProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA6B,MAAM,OAAO,CAAA;AAUpE,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CA4G9D"}

package/dist/dialogs/DialogsProvider.js

@@ -5,22 +5,23 @@ import { Backdrop, CircularProgress } from '@mui/material';
 export function DialogsProvider({ children }) {
     const [dialogs, setDialogs] = useState([]);
     const providerId = useId();
-    const openDialog = async (key, Dialog, props) => {
+    const openDialog = async (Dialog, opts) => {
+        const { dialogKey = Dialog.name, ...props } = opts || {};
         return new Promise(resolve => {
-            const existingDialog = dialogs.find(dialog => dialog.key === key);
+            const existingDialog = dialogs.find(dialog => dialog.dialogKey === dialogKey);
             if (existingDialog) {
                 existingDialog.open = true;
                 existingDialog.resolve = resolve;
                 existingDialog.props = props;
-                setDialogs(prev => prev.map(d => (d.key === key ? existingDialog : d)));
+                setDialogs(prev => prev.map(d => (d.dialogKey === dialogKey ? existingDialog : d)));
                 return;
             }
-            const dialogId = `${providerId}-${key}`;
+            const dialogId = `${providerId}-${dialogKey}`;
             const dialog = {
                 id: dialogId,
                 open: true,
                 Component: Dialog,
-                key,
+                dialogKey,
                 props: props,
                 resolve: resolve,
             };
@@ -28,12 +29,12 @@ export function DialogsProvider({ children }) {
         });
     };
     const closeDialog = (key, result) => {
-        const dialog = dialogs.find(dialog => dialog.key === key);
+        const dialog = dialogs.find(dialog => dialog.dialogKey === key);
         if (!dialog) {
             return;
         }
         dialog.open = false;
-        setDialogs(prev => prev.map(d => (d.key === key ? dialog : d)));
+        setDialogs(prev => prev.map(d => (d.dialogKey === key ? dialog : d)));
         if (result === 'backdropClick' || result === 'escapeKeyDown') {
             dialog.resolve({ success: false });
             return;
@@ -41,7 +42,7 @@ export function DialogsProvider({ children }) {
         dialog.resolve(result);
     };
     const removeDialog = (key) => {
-        setDialogs(prev => prev.filter(d => d.key !== key));
+        setDialogs(prev => prev.filter(d => d.dialogKey !== key));
     };
     const handleCloseWithResult = (key, result) => {
         closeDialog(key, result);
@@ -51,10 +52,10 @@ export function DialogsProvider({ children }) {
             dialogs,
             openDialog,
             closeDialog,
-        }, children: [children, _jsx(Suspense, { fallback: _jsx(Backdrop, { open: true, sx: { zIndex: t => t.zIndex.drawer + 1 }, children: _jsx(CircularProgress, { color: 'inherit' }) }), children: dialogs.map(dialog => (_jsx(dialog.Component, { id: dialog.id, open: dialog.open, onClose: (_, result) => handleCloseWithResult(dialog.key, result), slotProps: {
+        }, children: [children, _jsx(Suspense, { fallback: _jsx(Backdrop, { open: true, sx: { zIndex: t => t.zIndex.drawer + 1 }, children: _jsx(CircularProgress, { color: 'inherit' }) }), children: dialogs.map(dialog => (_jsx(dialog.Component, { id: dialog.id, open: dialog.open, onClose: (_, result) => handleCloseWithResult(dialog.dialogKey, result), slotProps: {
                         transition: {
                             onExited: () => {
-                                removeDialog(dialog.key);
+                                removeDialog(dialog.dialogKey);
                             },
                         },
                     }, closeAfterTransition: false, ...dialog.props }, dialog.id))) })] }));

package/dist/dialogs/DialogsProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogsProvider.js","sourceRoot":"","sources":["../../src/lib/dialogs/DialogsProvider.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DialogsProvider.js","sourceRoot":"","sources":["../../src/lib/dialogs/DialogsProvider.tsx"],"names":[],"mappings":"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"}

package/dist/dialogs/dialogsContext.d.ts

@@ -1,16 +1,19 @@
 import { DialogProps, DialogResult } from './types';
 export type ManagedDialogProps<TPayload, TResult> = Omit<DialogProps<TPayload, TResult>, 'id' | 'open' | 'onClose'>;
 export type ManagedDialog<TPayload, TResult> = {
-    key: string;
+    dialogKey: string;
     Component: React.FC<DialogProps<TPayload, TResult>>;
     props: ManagedDialogProps<TPayload, TResult>;
     id: string;
     open: boolean;
     resolve: (value: DialogResult<TResult> | PromiseLike<DialogResult<TResult>>) => void;
 };
+export type OpenDialogOptions<TPayload, TResult> = ManagedDialogProps<TPayload, TResult> & {
+    dialogKey?: string;
+};
 type DialogManagerContextType = {
     providerId: string;
-    openDialog: <TPayload, TResult>(key: string, Dialog: React.FC<DialogProps<TPayload, TResult>>, props?: ManagedDialogProps<TPayload, TResult>) => Promise<DialogResult<TResult>>;
+    openDialog: <TPayload, TResult>(Dialog: React.FC<DialogProps<TPayload, TResult>>, opts?: OpenDialogOptions<TPayload, TResult>) => Promise<DialogResult<TResult>>;
     closeDialog: <TData>(key: string, result: DialogResult<TData>) => void;
     dialogs: ManagedDialog<unknown, unknown>[];
 };

package/dist/dialogs/dialogsContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialogsContext.d.ts","sourceRoot":"","sources":["../../src/lib/dialogs/dialogsContext.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnD,MAAM,MAAM,kBAAkB,CAAC,QAAQ,EAAE,OAAO,IAAI,IAAI,CACtD,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,EAC9B,IAAI,GAAG,MAAM,GAAG,SAAS,CAC1B,CAAA;AAED,MAAM,MAAM,aAAa,CAAC,QAAQ,EAAE,OAAO,IAAI;IAC7C,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;IACnD,KAAK,EAAE,kBAAkB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IAC5C,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,CACP,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,KAC9D,IAAI,CAAA;CACV,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,CAAC,QAAQ,EAAE,OAAO,EAC5B,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,EAChD,KAAK,CAAC,EAAE,kBAAkB,CAAC,QAAQ,EAAE,OAAO,CAAC,KAC1C,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAA;IACnC,WAAW,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK,IAAI,CAAA;IACtE,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE,CAAA;CAC3C,CAAA;AAED,eAAO,MAAM,cAAc,mDAAiD,CAAA"}
+{"version":3,"file":"dialogsContext.d.ts","sourceRoot":"","sources":["../../src/lib/dialogs/dialogsContext.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnD,MAAM,MAAM,kBAAkB,CAAC,QAAQ,EAAE,OAAO,IAAI,IAAI,CACtD,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,EAC9B,IAAI,GAAG,MAAM,GAAG,SAAS,CAC1B,CAAA;AAED,MAAM,MAAM,aAAa,CAAC,QAAQ,EAAE,OAAO,IAAI;IAC7C,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;IACnD,KAAK,EAAE,kBAAkB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IAC5C,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,CACP,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,KAC9D,IAAI,CAAA;CACV,CAAA;AAED,MAAM,MAAM,iBAAiB,CAAC,QAAQ,EAAE,OAAO,IAAI,kBAAkB,CACnE,QAAQ,EACR,OAAO,CACR,GAAG;IACF,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,CAAC,QAAQ,EAAE,OAAO,EAC5B,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,EAChD,IAAI,CAAC,EAAE,iBAAiB,CAAC,QAAQ,EAAE,OAAO,CAAC,KACxC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAA;IACnC,WAAW,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK,IAAI,CAAA;IACtE,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE,CAAA;CAC3C,CAAA;AAED,eAAO,MAAM,cAAc,mDAAiD,CAAA"}

package/dist/dialogs/dialogsContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogsContext.js","sourceRoot":"","sources":["../../src/lib/dialogs/dialogsContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AA8BrC,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAA2B,IAAK,CAAC,CAAA"}
+{"version":3,"file":"dialogsContext.js","sourceRoot":"","sources":["../../src/lib/dialogs/dialogsContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAoCrC,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAA2B,IAAK,CAAC,CAAA"}

package/dist/dialogs/dialogsHooks.d.ts

@@ -1,5 +1,5 @@
 export declare function useDialogs(): {
-    openDialog: <TPayload, TResult>(key: string, Dialog: React.FC<import("./types").DialogProps<TPayload, TResult>>, props?: import("./dialogsContext").ManagedDialogProps<TPayload, TResult>) => Promise<import("./types").DialogResult<TResult>>;
+    openDialog: <TPayload, TResult>(Dialog: React.FC<import("./types").DialogProps<TPayload, TResult>>, opts?: import("./dialogsContext").OpenDialogOptions<TPayload, TResult>) => Promise<import("./types").DialogResult<TResult>>;
     closeDialog: <TData>(key: string, result: import("./types").DialogResult<TData>) => void;
     dialogs: import("./dialogsContext").ManagedDialog<unknown, unknown>[];
 };

package/dist/dialogs/dialogsHooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialogsHooks.d.ts","sourceRoot":"","sources":["../../src/lib/dialogs/dialogsHooks.ts"],"names":[],"mappings":"AAGA,wBAAgB,UAAU;yDAIsW,MAAO,EAAE;;;EADxY"}
+{"version":3,"file":"dialogsHooks.d.ts","sourceRoot":"","sources":["../../src/lib/dialogs/dialogsHooks.ts"],"names":[],"mappings":"AAGA,wBAAgB,UAAU;4CAIsd,MAAO,EAAE;;;EADxf"}

package/dist/form/MaskedTextField.d.ts

@@ -2,6 +2,10 @@ import { IMaskInputProps } from 'react-imask';
 import { TextFieldProps } from './TextField';
 export type MaskedTextFieldProps = Omit<TextFieldProps, 'slotProps'> & {
     mask: IMaskInputProps<HTMLInputElement>['mask'];
+    blocks?: Record<string, any>;
+    definitions?: Record<string, any>;
+    pattern?: string;
+    lazy?: boolean;
     slotProps?: Omit<TextFieldProps['slotProps'], 'input'> & {
         input?: Omit<TextFieldProps['slotProps'], 'input'>;
     };

package/dist/form/MaskedTextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MaskedTextField.d.ts","sourceRoot":"","sources":["../../src/lib/form/MaskedTextField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAA;AAGvD,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,GAAG;IACrE,IAAI,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;IAC/C,SAAS,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,GAAG;QACvD,KAAK,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,CAAA;KACnD,CAAA;CACF,CAAA;AAmBD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAkB1D"}
+{"version":3,"file":"MaskedTextField.d.ts","sourceRoot":"","sources":["../../src/lib/form/MaskedTextField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAA;AAGvD,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,GAAG;IACrE,IAAI,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd,SAAS,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,GAAG;QACvD,KAAK,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,CAAA;KACnD,CAAA;CACF,CAAA;AAkBD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAsB1D"}

package/dist/form/MaskedTextField.js

@@ -3,17 +3,21 @@ import React from 'react';
 import { TextField } from './TextField';
 import { IMaskInput } from 'react-imask';
 const MaskedInputAdapter = React.forwardRef(function MaskedInputAdapter(props, ref) {
-    const { onChange, mask, ...other } = props;
-    return (_jsx(IMaskInput, { ...other, mask: mask, inputRef: ref, onAccept: (value) => onChange({ target: { name: props.name, value } }), overwrite: true }));
+    const { onChange, ...other } = props;
+    return (_jsx(IMaskInput, { ...other, inputRef: ref, onAccept: (value) => onChange({ target: { name: props.name, value } }), overwrite: true }));
 });
 export function MaskedTextField(props) {
-    const { mask, slotProps, ...rest } = props;
+    const { mask, blocks, definitions, pattern, lazy, slotProps, ...rest } = props;
     return (_jsx(TextField, { ...rest, slotProps: {
             ...slotProps,
             input: {
                 inputComponent: MaskedInputAdapter,
                 inputProps: {
                     mask: mask,
+                    blocks: blocks,
+                    definitions: definitions,
+                    pattern: pattern,
+                    lazy: lazy,
                 },
                 ...slotProps?.input,
             },

package/dist/form/MaskedTextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaskedTextField.js","sourceRoot":"","sources":["../../src/lib/form/MaskedTextField.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AASxC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CACzC,SAAS,kBAAkB,CAAC,KAAK,EAAE,GAAG;IACpC,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAA;IAC1C,OAAO,CACL,KAAC,UAAU,OACL,KAAK,EACT,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,GAAG,EACb,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE,CACvB,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,EAEnD,SAAS,SACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAE1C,OAAO,CACL,KAAC,SAAS,OACJ,IAAI,EACR,SAAS,EAAE;YACT,GAAG,SAAS;YACZ,KAAK,EAAE;gBACL,cAAc,EAAE,kBAAyB;gBACzC,UAAU,EAAE;oBACV,IAAI,EAAE,IAAI;iBACX;gBACD,GAAG,SAAS,EAAE,KAAK;aACpB;SACF,GACD,CACH,CAAA;AACH,CAAC"}
+{"version":3,"file":"MaskedTextField.js","sourceRoot":"","sources":["../../src/lib/form/MaskedTextField.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAcxC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CACzC,SAAS,kBAAkB,CAAC,KAAK,EAAE,GAAG;IACpC,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAA;IACpC,OAAO,CACL,KAAC,UAAU,OACL,KAAK,EACT,QAAQ,EAAE,GAAG,EACb,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE,CACvB,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,EAEnD,SAAS,SACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAE9E,OAAO,CACL,KAAC,SAAS,OACJ,IAAI,EACR,SAAS,EAAE;YACT,GAAG,SAAS;YACZ,KAAK,EAAE;gBACL,cAAc,EAAE,kBAAyB;gBACzC,UAAU,EAAE;oBACV,IAAI,EAAE,IAAI;oBACV,MAAM,EAAE,MAAM;oBACd,WAAW,EAAE,WAAW;oBACxB,OAAO,EAAE,OAAO;oBAChB,IAAI,EAAE,IAAI;iBACX;gBACD,GAAG,SAAS,EAAE,KAAK;aACpB;SACF,GACD,CACH,CAAA;AACH,CAAC"}

package/dist/form/formContext.d.ts

@@ -1,2 +1,2 @@
-export declare const fieldContext: import("react").Context<import("@tanstack/form-core").AnyFieldApi>, formContext: import("react").Context<import("@tanstack/form-core").AnyFormApi>, useFieldContext: <TData>() => import("@tanstack/form-core").FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>, useFormContext: () => import("@tanstack/react-form").ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any>;
+export declare const fieldContext: import("react").Context<import("@tanstack/form-core").AnyFieldApi>, formContext: import("react").Context<import("@tanstack/form-core").AnyFormApi>, useFieldContext: <TData>() => import("@tanstack/form-core").FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>, useFormContext: () => import("@tanstack/react-form").ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any, any, any>;
 //# sourceMappingURL=formContext.d.ts.map

package/dist/form/formContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formContext.d.ts","sourceRoot":"","sources":["../../src/lib/form/formContext.ts"],"names":[],"mappings":"AAEA,eAAO,MAAQ,YAAY,sEAAE,WAAW,qEAAE,eAAe,2JAAE,cAAc,+HAC/C,CAAA"}
+{"version":3,"file":"formContext.d.ts","sourceRoot":"","sources":["../../src/lib/form/formContext.ts"],"names":[],"mappings":"AAEA,eAAO,MAAQ,YAAY,sEAAE,WAAW,qEAAE,eAAe,+KAAE,cAAc,yIAC/C,CAAA"}

package/dist/form/formHooks.d.ts

@@ -17,31 +17,28 @@ import { RadioGroup } from './RadioGroup';
 import { SubscribeRadioGroup } from './SubscribeRadioGroup';
 import { MaskedTextField } from './MaskedTextField';
 import { SubscribeMaskedTextField } from './SubscribeMaskedTextField';
-export declare const useAppForm: <TFormData, TOnMount extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnChange extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: import("@tanstack/form-core").FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta>) => import("@tanstack/form-core").FormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta> & import("@tanstack/react-form").ReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta> & NoInfer<{
+export declare const useAppForm: <TFormData, TOnMount extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnChange extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: import("@tanstack/form-core").FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => import("@tanstack/react-form").AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+    readonly Autocomplete: typeof Autocomplete;
+    readonly TextField: typeof TextField;
+    readonly Checkbox: typeof Checkbox;
+    readonly Select: typeof Select;
+    readonly MaskedTextField: typeof MaskedTextField;
+    readonly MultiSelect: typeof MultiSelect;
+    readonly RadioGroup: typeof RadioGroup;
+    readonly DatePicker: typeof DatePicker;
+    readonly TimePicker: typeof TimePicker;
+    readonly SubscribeAutocomplete: typeof SubscribeAutocomplete;
+    readonly SubscribeTextField: typeof SubscribeTextField;
+    readonly SubscribeMaskedTextField: typeof SubscribeMaskedTextField;
+    readonly SubscribeSelect: typeof SubscribeSelect;
+    readonly SubscribeMultiSelect: typeof SubscribeMultiSelect;
+    readonly SubscribeCheckbox: typeof SubscribeCheckbox;
+    readonly SubscribeDatePicker: typeof SubscribeDatePicker;
+    readonly SubscribeTimePicker: typeof SubscribeTimePicker;
+    readonly SubscribeRadioGroup: typeof SubscribeRadioGroup;
+}, {
     readonly SubscribeButton: typeof SubscribeButton;
-}> & {
-    AppField: import("@tanstack/react-form").FieldComponent<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta, NoInfer<{
-        readonly Autocomplete: typeof Autocomplete;
-        readonly TextField: typeof TextField;
-        readonly Checkbox: typeof Checkbox;
-        readonly Select: typeof Select;
-        readonly MaskedTextField: typeof MaskedTextField;
-        readonly MultiSelect: typeof MultiSelect;
-        readonly RadioGroup: typeof RadioGroup;
-        readonly DatePicker: typeof DatePicker;
-        readonly TimePicker: typeof TimePicker;
-        readonly SubscribeAutocomplete: typeof SubscribeAutocomplete;
-        readonly SubscribeTextField: typeof SubscribeTextField;
-        readonly SubscribeMaskedTextField: typeof SubscribeMaskedTextField;
-        readonly SubscribeSelect: typeof SubscribeSelect;
-        readonly SubscribeMultiSelect: typeof SubscribeMultiSelect;
-        readonly SubscribeCheckbox: typeof SubscribeCheckbox;
-        readonly SubscribeDatePicker: typeof SubscribeDatePicker;
-        readonly SubscribeTimePicker: typeof SubscribeTimePicker;
-        readonly SubscribeRadioGroup: typeof SubscribeRadioGroup;
-    }>>;
-    AppForm: import("react").ComponentType<import("react").PropsWithChildren>;
-}, withForm: <TFormData, TOnMount extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnChange extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends Record<string, unknown> = {}>({ render, props, }: import("@tanstack/react-form").WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta, {
+}>, withForm: <TFormData, TOnMount extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnChange extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends object = {}>({ render, props, }: import("@tanstack/react-form").WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
     readonly Autocomplete: typeof Autocomplete;
     readonly TextField: typeof TextField;
     readonly Checkbox: typeof Checkbox;
@@ -63,30 +60,27 @@ export declare const useAppForm: <TFormData, TOnMount extends import("@tanstack/
 }, {
     readonly SubscribeButton: typeof SubscribeButton;
 }, TRenderProps>) => (props: import("react").PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
-    form: import("@tanstack/form-core").FormApi<[unknown] extends [TFormData] ? any : TFormData, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta> & import("@tanstack/react-form").ReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta> & NoInfer<{
+    form: import("@tanstack/react-form").AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, {
+        readonly Autocomplete: typeof Autocomplete;
+        readonly TextField: typeof TextField;
+        readonly Checkbox: typeof Checkbox;
+        readonly Select: typeof Select;
+        readonly MaskedTextField: typeof MaskedTextField;
+        readonly MultiSelect: typeof MultiSelect;
+        readonly RadioGroup: typeof RadioGroup;
+        readonly DatePicker: typeof DatePicker;
+        readonly TimePicker: typeof TimePicker;
+        readonly SubscribeAutocomplete: typeof SubscribeAutocomplete;
+        readonly SubscribeTextField: typeof SubscribeTextField;
+        readonly SubscribeMaskedTextField: typeof SubscribeMaskedTextField;
+        readonly SubscribeSelect: typeof SubscribeSelect;
+        readonly SubscribeMultiSelect: typeof SubscribeMultiSelect;
+        readonly SubscribeCheckbox: typeof SubscribeCheckbox;
+        readonly SubscribeDatePicker: typeof SubscribeDatePicker;
+        readonly SubscribeTimePicker: typeof SubscribeTimePicker;
+        readonly SubscribeRadioGroup: typeof SubscribeRadioGroup;
+    }, {
         readonly SubscribeButton: typeof SubscribeButton;
-    }> & {
-        AppField: import("@tanstack/react-form").FieldComponent<[unknown] extends [TFormData] ? any : TFormData, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, NoInfer<{
-            readonly Autocomplete: typeof Autocomplete;
-            readonly TextField: typeof TextField;
-            readonly Checkbox: typeof Checkbox;
-            readonly Select: typeof Select;
-            readonly MaskedTextField: typeof MaskedTextField;
-            readonly MultiSelect: typeof MultiSelect;
-            readonly RadioGroup: typeof RadioGroup;
-            readonly DatePicker: typeof DatePicker;
-            readonly TimePicker: typeof TimePicker;
-            readonly SubscribeAutocomplete: typeof SubscribeAutocomplete;
-            readonly SubscribeTextField: typeof SubscribeTextField;
-            readonly SubscribeMaskedTextField: typeof SubscribeMaskedTextField;
-            readonly SubscribeSelect: typeof SubscribeSelect;
-            readonly SubscribeMultiSelect: typeof SubscribeMultiSelect;
-            readonly SubscribeCheckbox: typeof SubscribeCheckbox;
-            readonly SubscribeDatePicker: typeof SubscribeDatePicker;
-            readonly SubscribeTimePicker: typeof SubscribeTimePicker;
-            readonly SubscribeRadioGroup: typeof SubscribeRadioGroup;
-        }>>;
-        AppForm: import("react").ComponentType<import("react").PropsWithChildren>;
-    };
+    }>;
 }>) => import("react").JSX.Element;
 //# sourceMappingURL=formHooks.d.ts.map

package/dist/form/formHooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formHooks.d.ts","sourceRoot":"","sources":["../../src/lib/form/formHooks.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAErE,eAAO,MAAQ,UAAU;;;;;;;;;;;;;;;;;;;;;;;;GAAE,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAwBjC,CAAA"}
+{"version":3,"file":"formHooks.d.ts","sourceRoot":"","sources":["../../src/lib/form/formHooks.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAErE,eAAO,MAAQ,UAAU;;;;;;;;;;;;;;;;;;;;;IAAE,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAwBjC,CAAA"}

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export { DialogsProvider, DialogCloseButton, useDialogs, type DialogProps, type DialogResult, } from './dialogs';
 export { useAppForm, withForm, type CheckboxProps, type DatePickerProps, type MultiSelectProps, type SelectProps, type TextFieldProps, type TimePickerProps, type SubscribeCheckboxProps, type SubscribeDatePickerProps, type SubscribeMultiSelectProps, type SubscribeSelectProps, type SubscribeTextFieldProps, type SubscribeTimePickerProps, MaskedInput, type MaskedInputProps, MaskedTextField, type MaskedTextFieldProps, SubscribeMaskedTextField, type SubscribeMaskedTextFieldProps, } from './form';
-export { RouterTab, TabLabel, useRouterTabsValue } from './tabs';
+export { RouterTabs, RouterTab, TabLabel } from './tabs';
 export { useMaterialRouterTable, tableSearchSchema } from './table';
 export { useConfirmDialog, useConfirmDeleteDialog } from './common-dialogs';
+export { Link } from './link';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,UAAU,EACV,KAAK,WAAW,EAChB,KAAK,YAAY,GAClB,MAAM,WAAW,CAAA;AAClB,OAAO,EACL,UAAU,EACV,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,EAC7B,KAAK,yBAAyB,EAC9B,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,wBAAwB,EAC7B,WAAW,EACX,KAAK,gBAAgB,EACrB,eAAe,EACf,KAAK,oBAAoB,EACzB,wBAAwB,EACxB,KAAK,6BAA6B,GACnC,MAAM,QAAQ,CAAA;AACf,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAA;AAChE,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AACnE,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,UAAU,EACV,KAAK,WAAW,EAChB,KAAK,YAAY,GAClB,MAAM,WAAW,CAAA;AAClB,OAAO,EACL,UAAU,EACV,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,EAC7B,KAAK,yBAAyB,EAC9B,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,wBAAwB,EAC7B,WAAW,EACX,KAAK,gBAAgB,EACrB,eAAe,EACf,KAAK,oBAAoB,EACzB,wBAAwB,EACxB,KAAK,6BAA6B,GACnC,MAAM,QAAQ,CAAA;AACf,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACxD,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AACnE,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAA;AAC3E,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA"}

package/dist/index.js

@@ -1,6 +1,7 @@
 export { DialogsProvider, DialogCloseButton, useDialogs, } from './dialogs';
 export { useAppForm, withForm, MaskedInput, MaskedTextField, SubscribeMaskedTextField, } from './form';
-export { RouterTab, TabLabel, useRouterTabsValue } from './tabs';
+export { RouterTabs, RouterTab, TabLabel } from './tabs';
 export { useMaterialRouterTable, tableSearchSchema } from './table';
 export { useConfirmDialog, useConfirmDeleteDialog } from './common-dialogs';
+export { Link } from './link';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,UAAU,GAGX,MAAM,WAAW,CAAA;AAClB,OAAO,EACL,UAAU,EACV,QAAQ,EAaR,WAAW,EAEX,eAAe,EAEf,wBAAwB,GAEzB,MAAM,QAAQ,CAAA;AACf,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAA;AAChE,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AACnE,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,UAAU,GAGX,MAAM,WAAW,CAAA;AAClB,OAAO,EACL,UAAU,EACV,QAAQ,EAaR,WAAW,EAEX,eAAe,EAEf,wBAAwB,GAEzB,MAAM,QAAQ,CAAA;AACf,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACxD,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AACnE,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAA;AAC3E,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA"}

package/dist/link/Link.d.ts

@@ -0,0 +1,2 @@
+export declare const Link: import("@tanstack/react-router").LinkComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").LinkTypeMap<{}, "a">>, string>;
+//# sourceMappingURL=Link.d.ts.map

package/dist/link/Link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/lib/link/Link.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,yKAAsB,CAAA"}

package/dist/link/Link.js

@@ -0,0 +1,4 @@
+import { Link as MuiLink } from '@mui/material';
+import { createLink } from '@tanstack/react-router';
+export const Link = createLink(MuiLink);
+//# sourceMappingURL=Link.js.map

package/dist/link/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/lib/link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAEnD,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC,CAAA"}

package/dist/link/index.d.ts

@@ -0,0 +1,2 @@
+export { Link } from './Link';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA"}

package/dist/link/index.js

@@ -0,0 +1,2 @@
+export { Link } from './Link';
+//# sourceMappingURL=index.js.map

package/dist/link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA"}

package/dist/tabs/RouterTabs.d.ts

@@ -0,0 +1,9 @@
+import { TabsProps as MuiTabProps } from '@mui/material';
+import { type MakeRouteMatch } from '@tanstack/react-router';
+type Match = MakeRouteMatch;
+export type RouterTabsProps = Omit<MuiTabProps, 'value'> & {
+    match: Match;
+};
+export declare function RouterTabs(props: RouterTabsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RouterTabs.d.ts.map

package/dist/tabs/RouterTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouterTabs.d.ts","sourceRoot":"","sources":["../../src/lib/tabs/RouterTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,WAAW,EAAmB,MAAM,eAAe,CAAA;AACzE,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAE5E,KAAK,KAAK,GAAG,cAAc,CAAA;AAE3B,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG;IACzD,KAAK,EAAE,KAAK,CAAA;CACb,CAAA;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAUhD"}

package/dist/tabs/RouterTabs.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tabs as MuiTabs } from '@mui/material';
+import { useRouterState } from '@tanstack/react-router';
+export function RouterTabs(props) {
+    const { match, children, ...rest } = props;
+    const matches = useRouterState({ select: state => state.matches });
+    const value = matches[match.index + 1]?.fullPath ?? '';
+    return (_jsx(MuiTabs, { value: value, ...rest, children: children }));
+}
+//# sourceMappingURL=RouterTabs.js.map

package/dist/tabs/RouterTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouterTabs.js","sourceRoot":"","sources":["../../src/lib/tabs/RouterTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA4B,IAAI,IAAI,OAAO,EAAE,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,cAAc,EAAuB,MAAM,wBAAwB,CAAA;AAQ5E,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC1C,MAAM,OAAO,GAAG,cAAc,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;IAClE,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,QAAQ,IAAI,EAAE,CAAA;IAEtD,OAAO,CACL,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,KAAM,IAAI,YAC5B,QAAQ,GACD,CACX,CAAA;AACH,CAAC"}

package/dist/tabs/index.d.ts

@@ -1,4 +1,4 @@
+export { RouterTabs } from './RouterTabs';
 export { RouterTab } from './RouterTab';
 export { TabLabel } from './TabLabel';
-export { useRouterTabsValue } from './routerTabHooks';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}

package/dist/tabs/index.js

@@ -1,4 +1,4 @@
+export { RouterTabs } from './RouterTabs';
 export { RouterTab } from './RouterTab';
 export { TabLabel } from './TabLabel';
-export { useRouterTabsValue } from './routerTabHooks';
 //# sourceMappingURL=index.js.map

package/dist/tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cwncollab-org/mui-component-kit",
   "private": false,
-  "version": "0.3.1",
+  "version": "0.4.2",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -29,7 +29,6 @@
     "@emotion/styled": "^11.14.0",
     "@mui/icons-material": "^7.0.2",
     "@mui/material": "^7.0.2",
-    "@tanstack/react-form": "^1.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
@@ -39,7 +38,7 @@
     "@mui/icons-material": "^7.0.2",
     "@mui/material": "^7.0.2",
     "@mui/x-date-pickers": "^8.0.0",
-    "@tanstack/react-form": "^1.0.0",
+    "@tanstack/react-form": "^1.19.2",
     "@tanstack/react-router": "^1.116.0",
     "@tanstack/react-table": "^8.21.3",
     "dayjs": "^1.11.13",