@cwncollab-org/mui-component-kit 0.4.5 → 0.5.0

package/README.md

@@ -719,6 +719,8 @@ The RadioGroup component also accepts all standard MUI RadioGroup props except `
 
 The MaskedTextField component provides input masking functionality, built on top of MUI's TextField component and `react-imask` library, integrated with TanStack Form. This component is useful for formatting user input such as phone numbers, credit card numbers, social security numbers, and other structured data.
 
+The component now supports the full `react-imask` API, allowing for advanced masking patterns including custom definitions, blocks, regular expressions, and more complex validation patterns.
+
 ```tsx
 import { useAppForm } from '@cwncollab-org/component-kit'
 import { z } from 'zod'
@@ -751,7 +753,7 @@ function MyForm() {
 
   return (
     <>
-      {/* Phone number mask */}
+      {/* Basic phone number mask */}
       <form.AppField
         name="phone"
         children={field => (
@@ -796,20 +798,6 @@ function MyForm() {
         )}
       />
 
-      {/* ZIP Code mask */}
-      <form.AppField
-        name="zipCode"
-        children={field => (
-          <field.MaskedTextField
-            mask="00000"
-            label="ZIP Code"
-            labelBehavior="shrink"
-            size="small"
-            placeholder="12345"
-          />
-        )}
-      />
-
       {/* Date mask */}
       <form.AppField
         name="date"
@@ -846,16 +834,22 @@ function MyForm() {
 
 #### Advanced Masking Examples
 
+The MaskedTextField component now supports advanced react-imask features including custom definitions, blocks, regular expressions, and complex validation patterns:
+
 ```tsx
-// Custom mask patterns
+import { useAppForm } from '@cwncollab-org/component-kit'
+import { IMask } from 'react-imask'
+import { z } from 'zod'
+
+// Advanced masking patterns using react-imask features
 function AdvancedMaskingExamples() {
   const form = useAppForm({
     defaultValues: {
-      license: '',
+      productCode: '',
+      email: '',
+      serialNumber: '',
+      dateRange: '',
       time: '',
-      currency: '',
-      alphanumeric: '',
-      ipAddress: '',
     },
     onSubmit: ({ value }) => {
       console.log('Advanced mask values:', value)
@@ -864,60 +858,121 @@ function AdvancedMaskingExamples() {
 
   return (
     <>
-      {/* License plate (letters and numbers) */}
+      {/* Custom definitions for product codes */}
       <form.AppField
-        name="license"
+        name="productCode"
         children={field => (
           <field.MaskedTextField
-            mask="aaa-0000"
-            label="License Plate"
+            mask="AA-####-**"
+            definitions={{
+              A: /[A-Z]/,          // Uppercase letters only
+              '#': /[1-9]/,        // Digits 1-9 only
+              '*': /[A-Z0-9]/,     // Alphanumeric uppercase
+            }}
+            label="Product Code"
             labelBehavior="shrink"
             size="small"
             fullWidth
-            placeholder="ABC-1234"
+            placeholder="AB-1234-CD"
           />
         )}
       />
 
-      {/* Time format */}
+      {/* Email validation with regex pattern */}
       <form.AppField
-        name="time"
+        name="email"
         children={field => (
           <field.MaskedTextField
-            mask="00:00"
-            label="Time (24h format)"
+            mask={/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/}
+            label="Email with Pattern Validation"
             labelBehavior="shrink"
             size="small"
-            placeholder="14:30"
+            fullWidth
+            placeholder="user@example.com"
           />
         )}
       />
 
-      {/* Mixed alphanumeric */}
+      {/* Serial number with mixed definitions */}
       <form.AppField
-        name="alphanumeric"
+        name="serialNumber"
         children={field => (
           <field.MaskedTextField
-            mask="aa00aa"
-            label="Product Code"
+            mask="SN-LLLNNN-CCC"
+            definitions={{
+              L: /[A-Z]/,      // Letters
+              N: /[0-9]/,      // Numbers
+              C: /[A-Z0-9]/,   // Alphanumeric
+            }}
+            label="Serial Number"
             labelBehavior="shrink"
             size="small"
-            placeholder="AB12CD"
+            fullWidth
+            placeholder="SN-ABC123-XYZ"
           />
         )}
       />
 
-      {/* IP Address */}
+      {/* Date range with blocks (advanced pattern) */}
       <form.AppField
-        name="ipAddress"
+        name="dateRange"
         children={field => (
           <field.MaskedTextField
-            mask="000.000.000.000"
-            label="IP Address"
+            mask={Date}
+            pattern="d{/}`m{/}`Y - d{/}`m{/}`Y*"
+            blocks={{
+              d: {
+                mask: IMask.MaskedRange,
+                from: 1,
+                to: 31,
+                maxLength: 2,
+              },
+              m: {
+                mask: IMask.MaskedRange,
+                from: 1,
+                to: 12,
+                maxLength: 2,
+              },
+              Y: {
+                mask: IMask.MaskedRange,
+                from: 1900,
+                to: 9999,
+                maxLength: 4,
+              },
+            }}
+            label="Date Range"
             labelBehavior="shrink"
             size="small"
             fullWidth
-            placeholder="192.168.1.1"
+            placeholder="DD/MM/YYYY - DD/MM/YYYY"
+          />
+        )}
+      />
+
+      {/* Time format with validation */}
+      <form.AppField
+        name="time"
+        children={field => (
+          <field.MaskedTextField
+            mask="HH:MM"
+            blocks={{
+              HH: {
+                mask: IMask.MaskedRange,
+                from: 0,
+                to: 23,
+                maxLength: 2,
+              },
+              MM: {
+                mask: IMask.MaskedRange,
+                from: 0,
+                to: 59,
+                maxLength: 2,
+              },
+            }}
+            label="Time (24h format)"
+            labelBehavior="shrink"
+            size="small"
+            placeholder="14:30"
           />
         )}
       />
@@ -928,9 +983,16 @@ function AdvancedMaskingExamples() {
 
 #### MaskedTextField Props
 
+The MaskedTextField component accepts all `react-imask` options as props, providing full access to the masking library's capabilities:
+
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `mask` | `IMaskInputProps['mask']` | - | The mask pattern to apply to the input |
+| `mask` | `ReactMaskOpts['mask']` | - | The mask pattern - can be string, RegExp, function, or IMask class |
+| `definitions` | `ReactMaskOpts['definitions']` | - | Custom character definitions for the mask pattern |
+| `blocks` | `ReactMaskOpts['blocks']` | - | Block definitions for complex patterns with validation |
+| `pattern` | `ReactMaskOpts['pattern']` | - | Pattern string when using blocks |
+| `lazy` | `ReactMaskOpts['lazy']` | - | Show placeholder and fixed characters only on focus |
+| `placeholderChar` | `ReactMaskOpts['placeholderChar']` | - | Character to show for unfilled mask positions |
 | `label` | `string` | - | The label text for the text field |
 | `labelBehavior` | `'auto' \| 'shrink' \| 'static'` | `'auto'` | How the label should behave |
 | `size` | `'small' \| 'medium'` | `'medium'` | The size of the text field |
@@ -940,31 +1002,33 @@ function AdvancedMaskingExamples() {
 | `required` | `boolean` | `false` | Whether the text field is required |
 | `slotProps` | `object` | - | Props for underlying MUI components |
 
-The MaskedTextField component accepts all standard MUI TextField props and forwards them to the underlying TextField component.
+The MaskedTextField component accepts all standard MUI TextField props and all `react-imask` options, providing full flexibility for complex masking scenarios.
 
-**Mask Patterns:**
+**Basic Mask Patterns:**
 - `0` - any digit (0-9)
-- `a` - any letter (a-z, A-Z)
+- `a` - any letter (a-z, A-Z)  
 - `*` - any character
-- `[]` - make input optional (example: `[00]` for optional digits)
+- `[]` - make input optional
 - `{}` - include fixed part in unmasked value
-- ``` - prevent symbols shift back
-- `\\` - escape character to treat definition characters as fixed (example: `\\0` treats 0 as literal)
+- `\` - escape character
+
+**Advanced Features:**
+- **Custom Definitions**: Define your own character patterns using regular expressions
+- **Blocks**: Create complex validated input segments (like date ranges, time validation)
+- **Regular Expressions**: Use regex patterns for complex validation rules
+- **IMask Classes**: Access to all IMask functionality including MaskedRange, MaskedDate, etc.
+- **Dynamic Masking**: Conditional masks based on input content
 
 **Label Behaviors:**
 - `'auto'`: Default MUI behavior - label floats when focused or has value
-- `'shrink'`: Label is always in the shrunk (floating) position
+- `'shrink'`: Label is always in the shrunk (floating) position  
 - `'static'`: Label appears as a static label above the input
 
-**Advanced Masking:**
-The current MaskedTextField component supports basic mask patterns. For more advanced masking scenarios like currency formatting, custom validation, or nested patterns with custom definitions and blocks, you would need to extend the component or use IMask directly.
-
-**Available Mask Patterns:**
-The component currently supports simple string patterns where each character in the mask string represents a constraint for the corresponding input character.
-
 **SubscribeMaskedTextField:**
 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.
 
+For more advanced masking scenarios, refer to the [react-imask documentation](https://imask.js.org/) as the MaskedTextField component provides full access to all react-imask features.
+
 
 ### Router Tabs
 

package/dist/form/MaskedInput.d.ts

@@ -1,11 +1,96 @@
-import { IMaskInputProps } from 'react-imask';
-export type MaskedInputProps = {
-    mask: IMaskInputProps<HTMLInputElement>['mask'];
-    pattern?: string;
-    definitions?: Record<string, RegExp>;
-    blocks?: Record<string, any>;
-    value?: string;
-    onChange?: (value: string) => void;
-};
-export declare function MaskedInput(props: MaskedInputProps): import("react/jsx-runtime").JSX.Element;
+import { ReactMaskOpts } from 'react-imask';
+import { InputProps as MuiInputProps } from '@mui/material';
+import React from 'react';
+export type MaskedInputProps = MuiInputProps & ReactMaskOpts;
+export declare const MaskedInput: React.ForwardRefExoticComponent<(Omit<MuiInputProps & Omit<import("imask").MaskedDateOptions, "mask"> & {
+    mask: DateConstructor;
+} & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputProps & {
+    mask: typeof import("imask").MaskedDate;
+} & Omit<Omit<import("imask").MaskedDateOptions, "mask"> & {
+    mask: DateConstructor;
+}, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputProps & Partial<Pick<import("imask").MaskedNumber, "mask" | "scale" | "max" | "min" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "radix" | "thousandsSeparator" | "mapToRadix" | "normalizeZeros" | "padFractionalZeros">> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputProps & {
+    mask: typeof import("imask").MaskedNumber;
+} & Omit<Partial<Pick<import("imask").MaskedNumber, "mask" | "scale" | "max" | "min" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "radix" | "thousandsSeparator" | "mapToRadix" | "normalizeZeros" | "padFractionalZeros">>, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputProps & Partial<Pick<import("imask").MaskedPattern<string>, "mask" | "format" | "eager" | "lazy" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "definitions" | "blocks" | "placeholderChar" | "displayChar">> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputProps & {
+    mask: typeof import("imask").MaskedEnum;
+} & Omit<import("imask").MaskedEnumOptions, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputProps & {
+    mask: typeof import("imask").MaskedRange;
+} & Omit<import("imask").MaskedRangeOptions, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputProps & Partial<Pick<import("imask").MaskedRegExp, "mask" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputProps & {
+    mask: typeof import("imask").MaskedRegExp;
+} & Omit<Partial<Pick<import("imask").MaskedRegExp, "mask" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">>, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputProps & Partial<Pick<import("imask").MaskedFunction<any>, "mask" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputProps & {
+    mask: typeof import("imask").MaskedFunction;
+} & Omit<Partial<Pick<import("imask").MaskedFunction<any>, "mask" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">>, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputProps & {
+    mask: typeof import("imask").MaskedPattern;
+} & Omit<Partial<Pick<import("imask").MaskedPattern<string>, "mask" | "format" | "eager" | "lazy" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "definitions" | "blocks" | "placeholderChar" | "displayChar">>, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputProps & Partial<Pick<import("imask").MaskedDynamic<any>, "mask" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "dispatch">> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputProps & {
+    mask: typeof import("imask").MaskedDynamic;
+} & Omit<Partial<Pick<import("imask").MaskedDynamic<any>, "mask" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "dispatch">>, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputProps & {
+    mask: typeof import("imask").Masked;
+} & Omit<Partial<Pick<import("imask").Masked<any>, "mask" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">>, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputProps & {
+    mask: import("imask").MaskedDate;
+} & Omit<Omit<import("imask").MaskedDateOptions, "mask"> & {
+    mask: DateConstructor;
+}, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputProps & {
+    mask: import("imask").MaskedNumber;
+} & Omit<Partial<Pick<import("imask").MaskedNumber, "mask" | "scale" | "max" | "min" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "radix" | "thousandsSeparator" | "mapToRadix" | "normalizeZeros" | "padFractionalZeros">>, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputProps & {
+    mask: import("imask").MaskedEnum;
+} & Omit<import("imask").MaskedEnumOptions, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputProps & {
+    mask: import("imask").MaskedRange;
+} & Omit<import("imask").MaskedRangeOptions, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputProps & {
+    mask: import("imask").MaskedRegExp;
+} & Omit<Partial<Pick<import("imask").MaskedRegExp, "mask" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">>, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputProps & {
+    mask: import("imask").MaskedFunction;
+} & Omit<Partial<Pick<import("imask").MaskedFunction<any>, "mask" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">>, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputProps & {
+    mask: import("imask").MaskedPattern;
+} & Omit<Partial<Pick<import("imask").MaskedPattern<string>, "mask" | "format" | "eager" | "lazy" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "definitions" | "blocks" | "placeholderChar" | "displayChar">>, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputProps & {
+    mask: import("imask").MaskedDynamic;
+} & Omit<Partial<Pick<import("imask").MaskedDynamic<any>, "mask" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "dispatch">>, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputProps & {
+    mask: import("imask").Masked;
+} & Omit<Partial<Pick<import("imask").Masked<any>, "mask" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">>, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref">) & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=MaskedInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MaskedInput.d.ts","sourceRoot":"","sources":["../../src/lib/form/MaskedInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAI7C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAgBlD"}
+{"version":3,"file":"MaskedInput.d.ts","sourceRoot":"","sources":["../../src/lib/form/MaskedInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAE,UAAU,IAAI,aAAa,EAAqB,MAAM,eAAe,CAAA;AAK9E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,aAAa,CAAA;AAE5D,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDAcvB,CAAA"}

package/dist/form/MaskedInput.js

@@ -1,13 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Input as MuiInput } from '@mui/material';
-import { MaskedInputAdapter } from './MaskedInputAdapter';
-export function MaskedInput(props) {
-    const { mask, value, onChange, definitions, blocks, pattern } = props;
-    return (_jsx(MuiInput, { value: value, onChange: e => onChange?.(e.target.value), inputComponent: MaskedInputAdapter, inputProps: {
-            mask: mask,
-            definitions: definitions,
-            blocks: blocks,
-            pattern: pattern,
-        } }));
-}
+import { MaskedInputAdapter, } from './MaskedInputAdapter';
+import React from 'react';
+export const MaskedInput = React.forwardRef((props, ref) => {
+    const { value, onChange, ...inputProps } = props;
+    return (_jsx(MuiInput, { ref: ref, value: value, onChange: onChange, inputComponent: MaskedInputAdapter, inputProps: inputProps }));
+});
 //# sourceMappingURL=MaskedInput.js.map

package/dist/form/MaskedInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaskedInput.js","sourceRoot":"","sources":["../../src/lib/form/MaskedInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAWzD,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAErE,OAAO,CACL,KAAC,QAAQ,IACP,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,cAAc,EAAE,kBAAyB,EACzC,UAAU,EAAE;YACV,IAAI,EAAE,IAAI;YACV,WAAW,EAAE,WAAW;YACxB,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,OAAO;SACjB,GACD,CACH,CAAA;AACH,CAAC"}
+{"version":3,"file":"MaskedInput.js","sourceRoot":"","sources":["../../src/lib/form/MaskedInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAA+B,KAAK,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC9E,OAAO,EACL,kBAAkB,GAEnB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAA;IAEhD,OAAO,CACL,KAAC,QAAQ,IACP,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,kBAAkB,EAClC,UAAU,EAAE,UAAqC,GACjD,CACH,CAAA;AACH,CAAC,CACF,CAAA"}

package/dist/form/MaskedInputAdapter.d.ts

@@ -1,17 +1,96 @@
+import { InputBaseComponentProps as MuiInputBaseComponentProps } from '@mui/material';
 import React from 'react';
-import { IMaskInputProps } from 'react-imask';
-export type MaskedInputAdapterProps = {
-    onChange: (event: {
-        target: {
-            name: string;
-            value: string;
-        };
-    }) => void;
-    name: string;
-    mask: IMaskInputProps<HTMLInputElement>['mask'];
-    definitions?: Record<string, RegExp>;
-    blocks?: Record<string, any>;
-    overwrite?: boolean;
-};
-export declare const MaskedInputAdapter: React.ForwardRefExoticComponent<MaskedInputAdapterProps & React.RefAttributes<HTMLInputElement>>;
+import { ReactMaskOpts } from 'react-imask';
+export type MaskedInputAdapterProps = MuiInputBaseComponentProps & ReactMaskOpts;
+export declare const MaskedInputAdapter: React.ForwardRefExoticComponent<(Omit<MuiInputBaseComponentProps & Omit<import("imask").MaskedDateOptions, "mask"> & {
+    mask: DateConstructor;
+} & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputBaseComponentProps & {
+    mask: typeof import("imask").MaskedDate;
+} & Omit<Omit<import("imask").MaskedDateOptions, "mask"> & {
+    mask: DateConstructor;
+}, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputBaseComponentProps & Partial<Pick<import("imask").MaskedNumber, "mask" | "scale" | "max" | "min" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "radix" | "thousandsSeparator" | "mapToRadix" | "normalizeZeros" | "padFractionalZeros">> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputBaseComponentProps & {
+    mask: typeof import("imask").MaskedNumber;
+} & Omit<Partial<Pick<import("imask").MaskedNumber, "mask" | "scale" | "max" | "min" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "radix" | "thousandsSeparator" | "mapToRadix" | "normalizeZeros" | "padFractionalZeros">>, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputBaseComponentProps & Partial<Pick<import("imask").MaskedPattern<string>, "mask" | "format" | "eager" | "lazy" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "definitions" | "blocks" | "placeholderChar" | "displayChar">> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputBaseComponentProps & {
+    mask: typeof import("imask").MaskedEnum;
+} & Omit<import("imask").MaskedEnumOptions, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputBaseComponentProps & {
+    mask: typeof import("imask").MaskedRange;
+} & Omit<import("imask").MaskedRangeOptions, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputBaseComponentProps & Partial<Pick<import("imask").MaskedRegExp, "mask" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputBaseComponentProps & {
+    mask: typeof import("imask").MaskedRegExp;
+} & Omit<Partial<Pick<import("imask").MaskedRegExp, "mask" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">>, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputBaseComponentProps & Partial<Pick<import("imask").MaskedFunction<any>, "mask" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputBaseComponentProps & {
+    mask: typeof import("imask").MaskedFunction;
+} & Omit<Partial<Pick<import("imask").MaskedFunction<any>, "mask" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">>, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputBaseComponentProps & {
+    mask: typeof import("imask").MaskedPattern;
+} & Omit<Partial<Pick<import("imask").MaskedPattern<string>, "mask" | "format" | "eager" | "lazy" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "definitions" | "blocks" | "placeholderChar" | "displayChar">>, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputBaseComponentProps & Partial<Pick<import("imask").MaskedDynamic<any>, "mask" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "dispatch">> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputBaseComponentProps & {
+    mask: typeof import("imask").MaskedDynamic;
+} & Omit<Partial<Pick<import("imask").MaskedDynamic<any>, "mask" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "dispatch">>, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputBaseComponentProps & {
+    mask: typeof import("imask").Masked;
+} & Omit<Partial<Pick<import("imask").Masked<any>, "mask" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">>, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputBaseComponentProps & {
+    mask: import("imask").MaskedDate;
+} & Omit<Omit<import("imask").MaskedDateOptions, "mask"> & {
+    mask: DateConstructor;
+}, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputBaseComponentProps & {
+    mask: import("imask").MaskedNumber;
+} & Omit<Partial<Pick<import("imask").MaskedNumber, "mask" | "scale" | "max" | "min" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "radix" | "thousandsSeparator" | "mapToRadix" | "normalizeZeros" | "padFractionalZeros">>, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputBaseComponentProps & {
+    mask: import("imask").MaskedEnum;
+} & Omit<import("imask").MaskedEnumOptions, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputBaseComponentProps & {
+    mask: import("imask").MaskedRange;
+} & Omit<import("imask").MaskedRangeOptions, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputBaseComponentProps & {
+    mask: import("imask").MaskedRegExp;
+} & Omit<Partial<Pick<import("imask").MaskedRegExp, "mask" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">>, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputBaseComponentProps & {
+    mask: import("imask").MaskedFunction;
+} & Omit<Partial<Pick<import("imask").MaskedFunction<any>, "mask" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">>, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputBaseComponentProps & {
+    mask: import("imask").MaskedPattern;
+} & Omit<Partial<Pick<import("imask").MaskedPattern<string>, "mask" | "format" | "eager" | "lazy" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "definitions" | "blocks" | "placeholderChar" | "displayChar">>, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputBaseComponentProps & {
+    mask: import("imask").MaskedDynamic;
+} & Omit<Partial<Pick<import("imask").MaskedDynamic<any>, "mask" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "dispatch">>, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref"> | Omit<MuiInputBaseComponentProps & {
+    mask: import("imask").Masked;
+} & Omit<Partial<Pick<import("imask").Masked<any>, "mask" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">>, "mask"> & {
+    unmask?: "typed" | boolean;
+}, "ref">) & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=MaskedInputAdapter.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MaskedInputAdapter.d.ts","sourceRoot":"","sources":["../../src/lib/form/MaskedInputAdapter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAc,eAAe,EAAE,MAAM,aAAa,CAAA;AAEzD,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAA;IACtE,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,kBAAkB,kGAc7B,CAAA"}
+{"version":3,"file":"MaskedInputAdapter.d.ts","sourceRoot":"","sources":["../../src/lib/form/MaskedInputAdapter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,IAAI,0BAA0B,EAAE,MAAM,eAAe,CAAA;AACrF,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAc,aAAa,EAAE,MAAM,aAAa,CAAA;AAEvD,MAAM,MAAM,uBAAuB,GAAG,0BAA0B,GAAG,aAAa,CAAA;AAEhF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDAc7B,CAAA"}

package/dist/form/MaskedInputAdapter.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { IMaskInput } from 'react-imask';
 export const MaskedInputAdapter = React.forwardRef(function MaskedInputAdapter(props, ref) {
     const { onChange, ...other } = props;
-    return (_jsx(IMaskInput, { ...other, inputRef: ref, onComplete: (value) => {
+    return (_jsx(IMaskInput, { ...other, inputRef: ref, onComplete: value => {
             onChange({ target: { name: props.name, value } });
         } }));
 });

package/dist/form/MaskedInputAdapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaskedInputAdapter.js","sourceRoot":"","sources":["../../src/lib/form/MaskedInputAdapter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAmB,MAAM,aAAa,CAAA;AAWzD,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAGhD,SAAS,kBAAkB,CAAC,KAAK,EAAE,GAAG;IACtC,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAA;IACpC,OAAO,CACL,KAAC,UAAU,OACJ,KAAa,EAClB,QAAQ,EAAE,GAAG,EACb,UAAU,EAAE,CAAC,KAAU,EAAE,EAAE;YACzB,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAA;QACnD,CAAC,GACD,CACH,CAAA;AACH,CAAC,CAAC,CAAA"}
+{"version":3,"file":"MaskedInputAdapter.js","sourceRoot":"","sources":["../../src/lib/form/MaskedInputAdapter.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAiB,MAAM,aAAa,CAAA;AAIvD,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAGhD,SAAS,kBAAkB,CAAC,KAAK,EAAE,GAAG;IACtC,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAA;IACpC,OAAO,CACL,KAAC,UAAU,OACL,KAAK,EACT,QAAQ,EAAE,GAAG,EACb,UAAU,EAAE,KAAK,CAAC,EAAE;YAClB,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAA;QACnD,CAAC,GACD,CACH,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/form/MaskedTextField.d.ts

@@ -1,14 +1,9 @@
-import { IMaskInputProps } from 'react-imask';
+import { ReactMaskOpts } 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'>;
     };
-};
+} & ReactMaskOpts;
 export declare function MaskedTextField(props: MaskedTextFieldProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MaskedTextField.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MaskedTextField.d.ts","sourceRoot":"","sources":["../../src/lib/form/MaskedTextField.tsx"],"names":[],"mappings":"AAAA,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;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAsB1D"}
+{"version":3,"file":"MaskedTextField.d.ts","sourceRoot":"","sources":["../../src/lib/form/MaskedTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAA;AAMvD,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,GAAG;IACrE,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,GAAG,aAAa,CAAA;AAEjB,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAgB1D"}

package/dist/form/MaskedTextField.js

@@ -1,19 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TextField } from './TextField';
-import { MaskedInputAdapter } from './MaskedInputAdapter';
+import { MaskedInputAdapter, } from './MaskedInputAdapter';
 export function MaskedTextField(props) {
-    const { mask, blocks, definitions, pattern, lazy, slotProps, ...rest } = props;
+    const { slotProps, ...rest } = props;
     return (_jsx(TextField, { ...rest, slotProps: {
             ...slotProps,
             input: {
                 inputComponent: MaskedInputAdapter,
-                inputProps: {
-                    mask: mask,
-                    blocks: blocks,
-                    definitions: definitions,
-                    pattern: pattern,
-                    lazy: lazy,
-                },
+                inputProps: rest,
                 ...slotProps?.input,
             },
         } }));

package/dist/form/MaskedTextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaskedTextField.js","sourceRoot":"","sources":["../../src/lib/form/MaskedTextField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAA;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAczD,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"}
+{"version":3,"file":"MaskedTextField.js","sourceRoot":"","sources":["../../src/lib/form/MaskedTextField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAA;AACvD,OAAO,EACL,kBAAkB,GAEnB,MAAM,sBAAsB,CAAA;AAQ7B,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAEpC,OAAO,CACL,KAAC,SAAS,OACJ,IAAI,EACR,SAAS,EAAE;YACT,GAAG,SAAS;YACZ,KAAK,EAAE;gBACL,cAAc,EAAE,kBAAkB;gBAClC,UAAU,EAAE,IAA+B;gBAC3C,GAAG,SAAS,EAAE,KAAK;aACpB;SACF,GACD,CACH,CAAA;AACH,CAAC"}

package/dist/form/index.d.ts

@@ -1,3 +1,4 @@
+export { IMask } from 'react-imask';
 export { useAppForm, withForm } from './formHooks';
 export { type AutocompleteProps } from './Autocomplete';
 export { type CheckboxProps } from './Checkbox';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AAC3C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAA;AACzE,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AACrE,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AACrE,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AACrE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAC9E,OAAO,EACL,wBAAwB,EACxB,KAAK,6BAA6B,GACnC,MAAM,4BAA4B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACnC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AAC3C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAA;AACzE,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AACrE,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AACrE,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AACrE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAC9E,OAAO,EACL,wBAAwB,EACxB,KAAK,6BAA6B,GACnC,MAAM,4BAA4B,CAAA"}

package/dist/form/index.js

@@ -1,3 +1,4 @@
+export { IMask } from 'react-imask';
 export { useAppForm, withForm } from './formHooks';
 export { MaskedInput } from './MaskedInput';
 export { MaskedTextField } from './MaskedTextField';

package/dist/form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAiBlD,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,eAAe,EAA6B,MAAM,mBAAmB,CAAA;AAC9E,OAAO,EACL,wBAAwB,GAEzB,MAAM,4BAA4B,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACnC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAiBlD,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,eAAe,EAA6B,MAAM,mBAAmB,CAAA;AAC9E,OAAO,EACL,wBAAwB,GAEzB,MAAM,4BAA4B,CAAA"}

package/dist/index.d.ts

@@ -1,7 +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 { RouterTabs, RouterTab, TabLabel } from './tabs';
-export { useMaterialRouterTable, tableSearchSchema } from './table';
-export { useConfirmDialog, useConfirmDeleteDialog } from './common-dialogs';
+export { useConfirmDeleteDialog, useConfirmDialog } from './common-dialogs';
+export { DialogCloseButton, DialogsProvider, useDialogs, type DialogProps, type DialogResult, } from './dialogs';
+export { IMask, MaskedInput, MaskedTextField, SubscribeMaskedTextField, useAppForm, withForm, type CheckboxProps, type DatePickerProps, type MaskedInputProps, type MaskedTextFieldProps, type MultiSelectProps, type SelectProps, type SubscribeCheckboxProps, type SubscribeDatePickerProps, type SubscribeMaskedTextFieldProps, type SubscribeMultiSelectProps, type SubscribeSelectProps, type SubscribeTextFieldProps, type SubscribeTimePickerProps, type TextFieldProps, type TimePickerProps, } from './form';
 export { Link } from './link';
+export { tableSearchSchema, useMaterialRouterTable } from './table';
+export { RouterTab, RouterTabs, TabLabel } from './tabs';
 //# 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,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAC3E,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,UAAU,EACV,KAAK,WAAW,EAChB,KAAK,YAAY,GAClB,MAAM,WAAW,CAAA;AAClB,OAAO,EACL,KAAK,EACL,WAAW,EACX,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAChB,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,EAC7B,KAAK,6BAA6B,EAClC,KAAK,yBAAyB,EAC9B,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,wBAAwB,EAC7B,KAAK,cAAc,EACnB,KAAK,eAAe,GACrB,MAAM,QAAQ,CAAA;AACf,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AACnE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA"}

package/dist/index.js

@@ -1,7 +1,7 @@
-export { DialogsProvider, DialogCloseButton, useDialogs, } from './dialogs';
-export { useAppForm, withForm, MaskedInput, MaskedTextField, SubscribeMaskedTextField, } from './form';
-export { RouterTabs, RouterTab, TabLabel } from './tabs';
-export { useMaterialRouterTable, tableSearchSchema } from './table';
-export { useConfirmDialog, useConfirmDeleteDialog } from './common-dialogs';
+export { useConfirmDeleteDialog, useConfirmDialog } from './common-dialogs';
+export { DialogCloseButton, DialogsProvider, useDialogs, } from './dialogs';
+export { IMask, MaskedInput, MaskedTextField, SubscribeMaskedTextField, useAppForm, withForm, } from './form';
 export { Link } from './link';
+export { tableSearchSchema, useMaterialRouterTable } from './table';
+export { RouterTab, RouterTabs, TabLabel } from './tabs';
 //# 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,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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAC3E,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,UAAU,GAGX,MAAM,WAAW,CAAA;AAClB,OAAO,EACL,KAAK,EACL,WAAW,EACX,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,QAAQ,GAgBT,MAAM,QAAQ,CAAA;AACf,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AACnE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cwncollab-org/mui-component-kit",
   "private": false,
-  "version": "0.4.5",
+  "version": "0.5.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",