@mantine/core 5.10.1 → 6.0.0-alpha.0

package/lib/ColorPicker/ColorPicker.styles.d.ts

@@ -1,14 +1,12 @@
-import { MantineSize } from '@mantine/styles';
 export interface ColorPickerStylesParams {
-    size: MantineSize;
     fullWidth: boolean;
 }
 export declare const sizes: {
-    xs: number;
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
 };
 declare const _default: (params: ColorPickerStylesParams, options?: import("@mantine/styles").UseStylesOptions<string>) => {
     classes: {

package/lib/ColorPicker/ColorPicker.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.styles.d.ts","sourceRoot":"","sources":["../../src/ColorPicker/ColorPicker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE5D,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,WAAW,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,KAAK;;;;;;CAMjB,CAAC;;;;;;;;;;;;;AAEF,wBAmCI"}
+{"version":3,"file":"ColorPicker.styles.d.ts","sourceRoot":"","sources":["../../src/ColorPicker/ColorPicker.styles.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,KAAK;;;;;;CAMjB,CAAC;;;;;;;;;;;;;AAEF,wBAmCI"}

package/lib/ColorPicker/ColorSlider/ColorSlider.d.ts

@@ -4,6 +4,7 @@ import { ThumbStylesNames } from '../Thumb/Thumb';
 import useStyles from './ColorSlider.styles';
 export type ColorSliderStylesNames = Exclude<Selectors<typeof useStyles>, 'sliderThumb'> | ThumbStylesNames;
 export interface BaseColorSliderProps extends DefaultProps<ColorSliderStylesNames>, Omit<React.ComponentPropsWithoutRef<'div'>, 'value' | 'onChange'> {
+    variant?: string;
     value: number;
     onChange(value: number): void;
     onChangeEnd(value: number): void;

package/lib/ColorPicker/ColorSlider/ColorSlider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSlider.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/ColorSlider/ColorSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAQ5D,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEvE,OAAO,EAAS,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAE7C,MAAM,MAAM,sBAAsB,GAC9B,OAAO,CAAC,SAAS,CAAC,OAAO,SAAS,CAAC,EAAE,aAAa,CAAC,GACnD,gBAAgB,CAAC;AAErB,MAAM,WAAW,oBACf,SAAQ,YAAY,CAAC,sBAAsB,CAAC,EAC1C,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB;IAC5D,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,aAAa,EAAE,CAAC;IAChC,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,yFAgGvB,CAAC"}
+{"version":3,"file":"ColorSlider.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/ColorSlider/ColorSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAQ5D,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAO,MAAM,iBAAiB,CAAC;AAE5E,OAAO,EAAS,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAE7C,MAAM,MAAM,sBAAsB,GAC9B,OAAO,CAAC,SAAS,CAAC,OAAO,SAAS,CAAC,EAAE,aAAa,CAAC,GACnD,gBAAgB,CAAC;AAErB,MAAM,WAAW,oBACf,SAAQ,YAAY,CAAC,sBAAsB,CAAC,EAC1C,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IACnE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB;IAC5D,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,aAAa,EAAE,CAAC;IAChC,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,yFAsGvB,CAAC"}

package/lib/ColorPicker/ColorSlider/ColorSlider.styles.d.ts

@@ -1,8 +1,4 @@
-import { MantineSize } from '@mantine/styles';
-interface ColorSliderStyles {
-    size: MantineSize;
-}
-declare const _default: (params: ColorSliderStyles, options?: import("@mantine/styles").UseStylesOptions<string>) => {
+declare const _default: (params: void, options?: import("@mantine/styles").UseStylesOptions<string>) => {
     classes: {
         sliderThumb: string;
         slider: string;

package/lib/ColorPicker/ColorSlider/ColorSlider.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSlider.styles.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/ColorSlider/ColorSlider.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAI5D,UAAU,iBAAiB;IACzB,IAAI,EAAE,WAAW,CAAC;CACnB;;;;;;;;;;AAED,wBAmCI"}
+{"version":3,"file":"ColorSlider.styles.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/ColorSlider/ColorSlider.styles.ts"],"names":[],"mappings":";;;;;;;;;AAGA,wBAmCI"}

package/lib/ColorPicker/HueSlider/HueSlider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HueSlider.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/HueSlider/HueSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAe,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAE/E,MAAM,MAAM,cAAc,GAAG,oBAAoB,CAAC;AAElD,eAAO,MAAM,SAAS,6FAsBrB,CAAC"}
+{"version":3,"file":"HueSlider.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/HueSlider/HueSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAe,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAE/E,MAAM,MAAM,cAAc,GAAG,oBAAoB,CAAC;AAIlD,eAAO,MAAM,SAAS,6FA+BpB,CAAC"}

package/lib/ColorPicker/Saturation/Saturation.d.ts

@@ -5,6 +5,7 @@ import { ThumbStylesNames } from '../Thumb/Thumb';
 import useStyles from './Saturation.styles';
 export type SaturationStylesNames = Exclude<Selectors<typeof useStyles>, 'saturationOverlay' | 'saturationThumb'> | ThumbStylesNames;
 interface SaturationProps extends DefaultProps<SaturationStylesNames> {
+    variant?: string;
     value: HsvaColor;
     onChange(color: Partial<HsvaColor>): void;
     onChangeEnd(color: Partial<HsvaColor>): void;
@@ -14,7 +15,7 @@ interface SaturationProps extends DefaultProps<SaturationStylesNames> {
     focusable?: boolean;
     __staticSelector?: string;
 }
-export declare function Saturation({ value, onChange, onChangeEnd, focusable, __staticSelector, size, color, saturationLabel, classNames, styles, unstyled, }: SaturationProps): JSX.Element;
+export declare function Saturation({ value, onChange, onChangeEnd, focusable, __staticSelector, size, color, saturationLabel, classNames, styles, unstyled, variant, }: SaturationProps): JSX.Element;
 export declare namespace Saturation {
     var displayName: string;
 }

package/lib/ColorPicker/Saturation/Saturation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Saturation.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/Saturation/Saturation.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAS,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,SAAS,MAAM,qBAAqB,CAAC;AAG5C,MAAM,MAAM,qBAAqB,GAC7B,OAAO,CAAC,SAAS,CAAC,OAAO,SAAS,CAAC,EAAE,mBAAmB,GAAG,iBAAiB,CAAC,GAC7E,gBAAgB,CAAC;AAErB,UAAU,eAAgB,SAAQ,YAAY,CAAC,qBAAqB,CAAC;IACnE,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAC1C,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAgB,EAChB,gBAA+B,EAC/B,IAAI,EACJ,KAAK,EACL,eAAe,EACf,UAAU,EACV,MAAM,EACN,QAAQ,GACT,EAAE,eAAe,eA0FjB;yBAtGe,UAAU"}
+{"version":3,"file":"Saturation.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/Saturation/Saturation.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAS,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,SAAS,MAAM,qBAAqB,CAAC;AAG5C,MAAM,MAAM,qBAAqB,GAC7B,OAAO,CAAC,SAAS,CAAC,OAAO,SAAS,CAAC,EAAE,mBAAmB,GAAG,iBAAiB,CAAC,GAC7E,gBAAgB,CAAC;AAErB,UAAU,eAAgB,SAAQ,YAAY,CAAC,qBAAqB,CAAC;IACnE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAC1C,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAgB,EAChB,gBAA+B,EAC/B,IAAI,EACJ,KAAK,EACL,eAAe,EACf,UAAU,EACV,MAAM,EACN,QAAQ,EACR,OAAO,GACR,EAAE,eAAe,eAkGjB;yBA/Ge,UAAU"}

package/lib/ColorPicker/Saturation/Saturation.styles.d.ts

@@ -1,8 +1,4 @@
-import { MantineSize } from '@mantine/styles';
-interface SaturationStyles {
-    size: MantineSize;
-}
-declare const _default: (params: SaturationStyles, options?: import("@mantine/styles").UseStylesOptions<string>) => {
+declare const _default: (params: void, options?: import("@mantine/styles").UseStylesOptions<string>) => {
     classes: {
         saturationThumb: string;
         saturation: string;

package/lib/ColorPicker/Saturation/Saturation.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Saturation.styles.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/Saturation/Saturation.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG5D,UAAU,gBAAgB;IACxB,IAAI,EAAE,WAAW,CAAC;CACnB;;;;;;;;;;AAUD,wBA+BI"}
+{"version":3,"file":"Saturation.styles.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/Saturation/Saturation.styles.ts"],"names":[],"mappings":";;;;;;;;;AAWA,wBA+BI"}

package/lib/ColorPicker/Swatches/Swatches.d.ts

@@ -3,6 +3,8 @@ import { DefaultProps, Selectors } from '@mantine/styles';
 import useStyles from './Swatches.styles';
 export type SwatchesStylesNames = Selectors<typeof useStyles>;
 export interface SwatchesProps extends DefaultProps<SwatchesStylesNames>, Omit<React.ComponentPropsWithoutRef<'div'>, 'onSelect'> {
+    size?: string | number;
+    variant?: string;
     data: string[];
     swatchesPerRow?: number;
     focusable?: boolean;
@@ -10,7 +12,7 @@ export interface SwatchesProps extends DefaultProps<SwatchesStylesNames>, Omit<R
     __staticSelector?: string;
     setValue(value: string): void;
 }
-export declare function Swatches({ data, swatchesPerRow, focusable, classNames, styles, __staticSelector, unstyled, setValue, onChangeEnd, ...others }: SwatchesProps): JSX.Element;
+export declare function Swatches({ data, swatchesPerRow, focusable, classNames, styles, __staticSelector, unstyled, setValue, onChangeEnd, variant, size, ...others }: SwatchesProps): JSX.Element;
 export declare namespace Swatches {
     var displayName: string;
 }

package/lib/ColorPicker/Swatches/Swatches.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Swatches.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/Swatches/Swatches.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAE1C,MAAM,MAAM,mBAAmB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAE9D,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,mBAAmB,CAAC,EACvC,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzD,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,cAAmB,EACnB,SAAgB,EAChB,UAAU,EACV,MAAM,EACN,gBAAiC,EACjC,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,GAAG,MAAM,EACV,EAAE,aAAa,eA6Bf;yBAxCe,QAAQ"}
+{"version":3,"file":"Swatches.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/Swatches/Swatches.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAE1C,MAAM,MAAM,mBAAmB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAE9D,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,mBAAmB,CAAC,EACvC,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzD,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,cAAmB,EACnB,SAAgB,EAChB,UAAU,EACV,MAAM,EACN,gBAAiC,EACjC,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,OAAO,EACP,IAAI,EACJ,GAAG,MAAM,EACV,EAAE,aAAa,eA6Bf;yBA1Ce,QAAQ"}

package/lib/ColorPicker/Thumb/Thumb.d.ts

@@ -7,11 +7,12 @@ interface Position {
     y: number;
 }
 export interface ThumbProps extends DefaultProps<ThumbStylesNames> {
+    variant?: string;
     position: Position;
     size: MantineSize;
     __staticSelector: string;
 }
-export declare function Thumb({ position, className, styles, classNames, style, size, __staticSelector, unstyled, }: ThumbProps): JSX.Element;
+export declare function Thumb({ position, className, styles, classNames, style, size, __staticSelector, unstyled, variant, }: ThumbProps): JSX.Element;
 export declare namespace Thumb {
     var displayName: string;
 }

package/lib/ColorPicker/Thumb/Thumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Thumb.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/Thumb/Thumb.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,SAA0B,MAAM,gBAAgB,CAAC;AAExD,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAE3D,UAAU,QAAQ;IAChB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,UAAW,SAAQ,YAAY,CAAC,gBAAgB,CAAC;IAChE,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,WAAW,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,UAAU,EACV,KAAK,EACL,IAAI,EACJ,gBAAgB,EAChB,QAAQ,GACT,EAAE,UAAU,eAgBZ;yBAzBe,KAAK"}
+{"version":3,"file":"Thumb.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/Thumb/Thumb.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,SAA0B,MAAM,gBAAgB,CAAC;AAExD,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAE3D,UAAU,QAAQ;IAChB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,UAAW,SAAQ,YAAY,CAAC,gBAAgB,CAAC;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,WAAW,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,UAAU,EACV,KAAK,EACL,IAAI,EACJ,gBAAgB,EAChB,QAAQ,EACR,OAAO,GACR,EAAE,UAAU,eAoBZ;yBA9Be,KAAK"}

package/lib/ColorPicker/Thumb/Thumb.styles.d.ts

@@ -1,15 +1,11 @@
-import { MantineSize } from '@mantine/styles';
-interface ThumbStyles {
-    size: MantineSize;
-}
 export declare const THUMB_SIZES: {
-    xs: number;
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
 };
-declare const _default: (params: ThumbStyles, options?: import("@mantine/styles").UseStylesOptions<string>) => {
+declare const _default: (params: void, options?: import("@mantine/styles").UseStylesOptions<string>) => {
     classes: {
         thumb: string;
     };

package/lib/ColorPicker/Thumb/Thumb.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Thumb.styles.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/Thumb/Thumb.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE5D,UAAU,WAAW;IACnB,IAAI,EAAE,WAAW,CAAC;CACnB;AAED,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC;;;;;;;;AAEF,wBAeG"}
+{"version":3,"file":"Thumb.styles.d.ts","sourceRoot":"","sources":["../../../src/ColorPicker/Thumb/Thumb.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC;;;;;;;;AAEF,wBAeG"}

package/lib/ColorSwatch/ColorSwatch.d.ts

@@ -3,15 +3,16 @@ import { DefaultProps, MantineNumberSize, Selectors } from '@mantine/styles';
 import useStyles, { ColorSwatchStylesParams } from './ColorSwatch.styles';
 export type ColorSwatchStylesNames = Selectors<typeof useStyles>;
 export interface ColorSwatchProps extends DefaultProps<ColorSwatchStylesNames, ColorSwatchStylesParams> {
-    /** Swatch color value in any css valid format (hex, rgb, etc.) */
+    variant?: string;
+    /** Swatch background-color in any css valid format (hex, rgb, etc.) */
     color: string;
-    /** Width, height and border-radius in px */
-    size?: number;
-    /** Swatch border-radius predefined from theme or number for px value */
+    /** Width and height */
+    size?: number | string;
+    /** Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default */
     radius?: MantineNumberSize;
     /** ColorSwatch children */
     children?: React.ReactNode;
-    /**  Determines whether swatch should have inner shadow */
+    /** Determines whether swatch should have inner shadow */
     withShadow?: boolean;
 }
 export declare const _ColorSwatch: React.ForwardRefExoticComponent<ColorSwatchProps & React.RefAttributes<HTMLDivElement>>;

package/lib/ColorSwatch/ColorSwatch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSwatch.d.ts","sourceRoot":"","sources":["../../src/ColorSwatch/ColorSwatch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,iBAAiB,EAEjB,SAAS,EACV,MAAM,iBAAiB,CAAC;AAGzB,OAAO,SAAS,EAAE,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAE1E,MAAM,MAAM,sBAAsB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAEjE,MAAM,WAAW,gBACf,SAAQ,YAAY,CAAC,sBAAsB,EAAE,uBAAuB,CAAC;IACrE,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC;IAEd,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,wEAAwE;IACxE,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,0DAA0D;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAQD,eAAO,MAAM,YAAY,yFA0BvB,CAAC;AAIH,eAAO,MAAM,WAAW;;;;;;mCAAoE,CAAC"}
+{"version":3,"file":"ColorSwatch.d.ts","sourceRoot":"","sources":["../../src/ColorSwatch/ColorSwatch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,iBAAiB,EAEjB,SAAS,EAEV,MAAM,iBAAiB,CAAC;AAGzB,OAAO,SAAS,EAAE,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAE1E,MAAM,MAAM,sBAAsB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAEjE,MAAM,WAAW,gBACf,SAAQ,YAAY,CAAC,sBAAsB,EAAE,uBAAuB,CAAC;IACrE,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IAEd,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvB,sGAAsG;IACtG,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAQD,eAAO,MAAM,YAAY,yFA4BvB,CAAC;AAIH,eAAO,MAAM,WAAW;;;;;;mCAAoE,CAAC"}

package/lib/ColorSwatch/ColorSwatch.styles.d.ts

@@ -1,7 +1,6 @@
 import { MantineNumberSize } from '@mantine/styles';
 export interface ColorSwatchStylesParams {
     radius: MantineNumberSize;
-    size: number;
 }
 declare const _default: (params: ColorSwatchStylesParams, options?: import("@mantine/styles").UseStylesOptions<string>) => {
     classes: {

package/lib/ColorSwatch/ColorSwatch.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSwatch.styles.d.ts","sourceRoot":"","sources":["../../src/ColorSwatch/ColorSwatch.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAElE,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;CACd;;;;;;;;;;;;AAED,wBA8CG"}
+{"version":3,"file":"ColorSwatch.styles.d.ts","sourceRoot":"","sources":["../../src/ColorSwatch/ColorSwatch.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAO,MAAM,iBAAiB,CAAC;AAEvE,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,iBAAiB,CAAC;CAC3B;;;;;;;;;;;;AAED,wBA2CG"}

package/lib/Container/Container.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
 import { DefaultProps, MantineNumberSize, MantineSize } from '@mantine/styles';
 export interface ContainerProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {
-    /** Predefined container max-width or number for max-width in px */
+    variant?: string;
+    /** Predefined container max-width or number for max-width */
     size?: MantineNumberSize;
     /** If fluid is set to true, size prop is ignored and Container can expand to 100% of width */
     fluid?: boolean;
     /** Container sizes */
-    sizes?: Record<MantineSize, number>;
+    sizes?: Record<MantineSize, number | string>;
 }
 export declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Container.d.ts.map

package/lib/Container/Container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../src/Container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,iBAAiB,EAEjB,WAAW,EACZ,MAAM,iBAAiB,CAAC;AAIzB,MAAM,WAAW,cAAe,SAAQ,YAAY,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACzF,mEAAmE;IACnE,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAEzB,8FAA8F;IAC9F,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;CACrC;AAYD,eAAO,MAAM,SAAS,uFAWrB,CAAC"}
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../src/Container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,iBAAiB,EAEjB,WAAW,EAEZ,MAAM,iBAAiB,CAAC;AAIzB,MAAM,WAAW,cAAe,SAAQ,YAAY,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACzF,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAEzB,8FAA8F;IAC9F,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;CAC9C;AAYD,eAAO,MAAM,SAAS,uFAYrB,CAAC"}

package/lib/Container/Container.styles.d.ts

@@ -1,8 +1,7 @@
-import { MantineNumberSize, MantineSize } from '@mantine/styles';
+import { MantineSize } from '@mantine/styles';
 export interface ContainerStylesParams {
     fluid: boolean;
-    size: MantineNumberSize;
-    sizes: Record<MantineSize, number>;
+    sizes: Record<MantineSize, number | string>;
 }
 declare const _default: (params: ContainerStylesParams, options?: import("@mantine/styles").UseStylesOptions<string>) => {
     classes: {

package/lib/Container/Container.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Container.styles.d.ts","sourceRoot":"","sources":["../../src/Container/Container.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE/E,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,iBAAiB,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;CACpC;;;;;;;;AAED,wBAQI"}
+{"version":3,"file":"Container.styles.d.ts","sourceRoot":"","sources":["../../src/Container/Container.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,WAAW,EAAW,MAAM,iBAAiB,CAAC;AAErE,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;CAC7C;;;;;;;;AAED,wBAQI"}

package/lib/Dialog/Dialog.d.ts

@@ -2,9 +2,12 @@ import React from 'react';
 import { DefaultProps, Selectors, MantineStyleSystemSize } from '@mantine/styles';
 import { MantineTransition } from '../Transition';
 import { PaperProps } from '../Paper';
-import useStyles, { DialogStylesParams } from './Dialog.styles';
+import useStyles from './Dialog.styles';
 export type DialogStylesNames = Selectors<typeof useStyles>;
-export interface DialogProps extends Omit<DefaultProps<DialogStylesNames, DialogStylesParams>, MantineStyleSystemSize>, Omit<PaperProps, 'classNames' | 'styles'> {
+export interface DialogProps extends Omit<DefaultProps<DialogStylesNames>, MantineStyleSystemSize>, Omit<PaperProps, 'classNames' | 'styles'> {
+    variant?: string;
+    /** If set dialog will not be unmounted from the DOM when it is hidden, display: none styles will be added instead */
+    keepMounted?: boolean;
     /** Display close button at the top right corner */
     withCloseButton?: boolean;
     /** Called when close button is clicked */
@@ -28,7 +31,7 @@ export interface DialogProps extends Omit<DefaultProps<DialogStylesNames, Dialog
     transitionDuration?: number;
     /** Transition timing function, defaults to theme.transitionTimingFunction */
     transitionTimingFunction?: string;
-    /** Predefined dialog width or number to set width in px */
+    /** Dialog width */
     size?: string | number;
 }
 export declare function DialogBody(props: DialogProps): JSX.Element;

package/lib/Dialog/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAEL,YAAY,EACZ,SAAS,EACT,sBAAsB,EAGvB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAc,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAG9D,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,SAAS,EAAE,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEhE,MAAM,MAAM,iBAAiB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAE5D,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,EAAE,sBAAsB,CAAC,EACvF,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,CAAC;IAC3C,mDAAmD;IACnD,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,0CAA0C;IAC1C,OAAO,CAAC,IAAI,IAAI,CAAC;IAEjB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE;QACT,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KACzB,CAAC;IAEF,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,+BAA+B;IAC/B,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAEvC,mBAAmB;IACnB,MAAM,EAAE,OAAO,CAAC;IAEhB,kCAAkC;IAClC,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAE/B,8EAA8E;IAC9E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,6EAA6E;IAC7E,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAWD,wBAAgB,UAAU,CAAC,KAAK,EAAE,WAAW,eA6C5C;AAED,eAAO,MAAM,MAAM,oFAclB,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAEL,YAAY,EACZ,SAAS,EACT,sBAAsB,EAGvB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAc,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAG9D,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,SAAS,MAAM,iBAAiB,CAAC;AAExC,MAAM,MAAM,iBAAiB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAE5D,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,EAAE,sBAAsB,CAAC,EACnE,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,CAAC;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,qHAAqH;IACrH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,mDAAmD;IACnD,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,0CAA0C;IAC1C,OAAO,CAAC,IAAI,IAAI,CAAC;IAEjB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE;QACT,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KACzB,CAAC;IAEF,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,+BAA+B;IAC/B,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAEvC,mBAAmB;IACnB,MAAM,EAAE,OAAO,CAAC;IAEhB,kCAAkC;IAClC,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAE/B,8EAA8E;IAC9E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,6EAA6E;IAC7E,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC,mBAAmB;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAWD,wBAAgB,UAAU,CAAC,KAAK,EAAE,WAAW,eAuD5C;AAED,eAAO,MAAM,MAAM,oFAclB,CAAC"}

package/lib/Dialog/Dialog.styles.d.ts

@@ -1,7 +1,4 @@
-export interface DialogStylesParams {
-    size: string | number;
-}
-declare const _default: (params: DialogStylesParams, options?: import("@mantine/styles").UseStylesOptions<string>) => {
+declare const _default: (params: void, options?: import("@mantine/styles").UseStylesOptions<string>) => {
     classes: {
         root: string;
         closeButton: string;

package/lib/Dialog/Dialog.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.styles.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.styles.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;;;;;;;;;AAUD,wBAeI"}
+{"version":3,"file":"Dialog.styles.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.styles.ts"],"names":[],"mappings":";;;;;;;;AAUA,wBAeI"}

package/lib/Dialog/index.d.ts

@@ -1,4 +1,3 @@
 export { Dialog } from './Dialog';
 export type { DialogProps, DialogStylesNames } from './Dialog';
-export type { DialogStylesParams } from './Dialog.styles';
 //# sourceMappingURL=index.d.ts.map

package/lib/Dialog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC/D,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC"}

package/lib/Divider/Divider.d.ts

@@ -1,21 +1,21 @@
 import React from 'react';
-import { DefaultProps, MantineNumberSize, MantineColor } from '@mantine/styles';
+import { DefaultProps, MantineNumberSize, MantineColor, Variants } from '@mantine/styles';
 export type DividerStylesNames = 'label';
 export interface DividerProps extends DefaultProps<DividerStylesNames>, React.ComponentPropsWithoutRef<'div'> {
-    /** Line color from theme, defaults to gray in light color scheme and to dark in dark color scheme */
+    /** Key of theme.colors, defaults to "gray" in light color scheme and to "dark" in dark color scheme */
     color?: MantineColor;
-    /** Line orientation */
+    /** Divider orientation */
     orientation?: 'horizontal' | 'vertical';
-    /** Sets height in horizontal orientation and width in vertical */
+    /** Sets height when orientation="horizontal" and width when orientation="vertical" */
     size?: MantineNumberSize;
-    /** Adds text after line in horizontal orientation */
+    /** Text inside the divider, only applicable when orientation="horizontal" */
     label?: React.ReactNode;
-    /** Label position */
+    /** Label position, only applicable when orientation="horizontal" */
     labelPosition?: 'left' | 'center' | 'right';
-    /** Props spread to Text component in label */
+    /** Props added to the label element */
     labelProps?: Record<string, any>;
-    /** Divider borderStyle */
-    variant?: 'solid' | 'dashed' | 'dotted';
+    /** Controls appearance */
+    variant?: Variants<'solid' | 'dashed' | 'dotted'>;
 }
 export declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Divider.d.ts.map

package/lib/Divider/Divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,YAAY,EAEb,MAAM,iBAAiB,CAAC;AAKzB,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;AAEzC,MAAM,WAAW,YACf,SAAQ,YAAY,CAAC,kBAAkB,CAAC,EACtC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACvC,qGAAqG;IACrG,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,uBAAuB;IACvB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAExC,kEAAkE;IAClE,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAEzB,qDAAqD;IACrD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,qBAAqB;IACrB,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAE5C,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAEjC,0BAA0B;IAC1B,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;CACzC;AASD,eAAO,MAAM,OAAO,qFAwDlB,CAAC"}
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,YAAY,EAEZ,QAAQ,EAET,MAAM,iBAAiB,CAAC;AAKzB,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;AAEzC,MAAM,WAAW,YACf,SAAQ,YAAY,CAAC,kBAAkB,CAAC,EACtC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACvC,uGAAuG;IACvG,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAExC,sFAAsF;IACtF,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAEzB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,oEAAoE;IACpE,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAE5C,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAEjC,0BAA0B;IAC1B,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC,CAAC;CACnD;AASD,eAAO,MAAM,OAAO,qFAwDlB,CAAC"}

package/lib/Divider/Divider.styles.d.ts

@@ -1,7 +1,5 @@
-import { MantineNumberSize, MantineColor, MantineTheme } from '@mantine/styles';
+import { MantineColor, MantineTheme } from '@mantine/styles';
 export interface DividerStylesParams {
-    size: MantineNumberSize;
-    variant: 'solid' | 'dashed' | 'dotted';
     color: MantineColor;
 }
 declare const _default: (params: DividerStylesParams, options?: import("@mantine/styles").UseStylesOptions<string>) => {

package/lib/Divider/Divider.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.styles.d.ts","sourceRoot":"","sources":["../../src/Divider/Divider.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE9F,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,iBAAiB,CAAC;IACxB,OAAO,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACvC,KAAK,EAAE,YAAY,CAAC;CACrB;;;;;;;;;;;;;;;AAsBD,wBAkEI"}
+{"version":3,"file":"Divider.styles.d.ts","sourceRoot":"","sources":["../../src/Divider/Divider.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,YAAY,EAAE,YAAY,EAAgB,MAAM,iBAAiB,CAAC;AAEzF,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,YAAY,CAAC;CACrB;;;;;;;;;;;;;;;AAsBD,wBAkEI"}

package/lib/Drawer/Drawer.context.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export type ScrollAreaComponent = React.FC<{
+    mah: React.CSSProperties['maxHeight'];
+    children: React.ReactNode;
+}>;
+interface DrawerContext {
+    scrollAreaComponent: ScrollAreaComponent;
+}
+export declare const DrawerProvider: ({ children, value }: {
+    value: DrawerContext;
+    children: import("react").ReactNode;
+}) => JSX.Element, useDrawerContext: () => DrawerContext;
+export {};
+//# sourceMappingURL=Drawer.context.d.ts.map

package/lib/Drawer/Drawer.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.context.d.ts","sourceRoot":"","sources":["../../src/Drawer/Drawer.context.ts"],"names":[],"mappings":";AAEA,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,EAAE,CAAC;IACzC,GAAG,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC,CAAC;AAEH,UAAU,aAAa;IACrB,mBAAmB,EAAE,mBAAmB,CAAC;CAC1C;AAED,eAAO,MAAO,cAAc;;;mBAAE,gBAAgB,qBAE7C,CAAC"}

package/lib/Drawer/Drawer.d.ts

@@ -1,62 +1,29 @@
 import React from 'react';
-import { DefaultProps, MantineNumberSize, MantineShadow, Selectors, MantineStyleSystemSize } from '@mantine/styles';
-import { MantineTransition } from '../Transition';
-import useStyles, { DrawerPosition } from './Drawer.styles';
-export type DrawerStylesNames = Exclude<Selectors<typeof useStyles>, 'withOverlay'>;
-export interface DrawerProps extends Omit<DefaultProps<DrawerStylesNames>, MantineStyleSystemSize>, Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {
-    /** If true drawer is mounted to the dom */
-    opened: boolean;
-    /** Called when drawer is closed (Escape key and click outside, depending on options) */
-    onClose(): void;
-    /** Drawer body position */
-    position?: DrawerPosition;
-    /** Drawer body width (right | left position) or height (top | bottom position), cannot exceed 100vh for height and 100% for width */
-    size?: string | number;
-    /** Drawer body shadow from theme or any css shadow value */
-    shadow?: MantineShadow;
-    /** Drawer body padding from theme or number for padding in px */
-    padding?: MantineNumberSize;
-    /** Drawer z-index property */
-    zIndex?: React.CSSProperties['zIndex'];
-    /** Disables focus trap */
-    trapFocus?: boolean;
-    /** Disables scroll lock */
-    lockScroll?: boolean;
-    /** Disable onMouseDown trigger for outside events */
-    closeOnClickOutside?: boolean;
-    /** Disable onKeyDownCapture trigger for escape key press */
-    closeOnEscape?: boolean;
-    /** Drawer appear and disappear transition, see Transition component for full documentation */
-    transition?: MantineTransition;
-    /** Transition duration in ms */
-    transitionDuration?: number;
-    /** Drawer transitionTimingFunction css property */
-    transitionTimingFunction?: string;
-    /** Removes overlay entirely */
-    withOverlay?: boolean;
-    /** Overlay opacity, number from 0 to 1 */
-    overlayOpacity?: number;
-    /** Overlay color, for example, #000 */
-    overlayColor?: string;
-    /** Overlay blur in px */
-    overlayBlur?: number;
-    /** Drawer title, displayed in header before close button */
+import { ModalBaseOverlayProps, ModalBaseCloseButtonProps } from '../ModalBase';
+import { DrawerRoot, DrawerRootProps } from './DrawerRoot/DrawerRoot';
+export interface DrawerProps extends DrawerRootProps {
+    /** Modal title */
     title?: React.ReactNode;
-    /** Hides close button if set to false, drawer still can be closed with escape key and by clicking outside */
+    /** Determines whether overlay should be rendered, true by default */
+    withOverlay?: boolean;
+    /** Props added to Overlay component, use configure opacity, background color, styles and other properties */
+    overlayProps?: ModalBaseOverlayProps;
+    /** Modal content */
+    children?: React.ReactNode;
+    /** Determines whether close button should be rendered, true by default */
     withCloseButton?: boolean;
-    /** Close button aria-label */
-    closeButtonLabel?: string;
-    /** id base, used to generate ids to connect drawer title and body with aria- attributes, defaults to random id */
-    id?: string;
-    /** Target element or selector where drawer portal should be rendered */
-    target?: HTMLElement | string;
-    /** Determines whether drawer should be rendered within Portal, defaults to true */
-    withinPortal?: boolean;
-    /** Determines whether focus should be returned to the last active element when drawer is closed */
-    withFocusReturn?: boolean;
+    /** Props added to close button */
+    closeButtonProps?: ModalBaseCloseButtonProps;
 }
 export declare function Drawer(props: DrawerProps): JSX.Element;
 export declare namespace Drawer {
-    var displayName: string;
+    var Root: typeof DrawerRoot;
+    var CloseButton: React.ForwardRefExoticComponent<ModalBaseCloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
+    var Overlay: React.ForwardRefExoticComponent<ModalBaseOverlayProps & React.RefAttributes<HTMLDivElement>>;
+    var Content: React.ForwardRefExoticComponent<import("./DrawerContent/DrawerContent").DrawerContentProps & React.RefAttributes<HTMLElement>>;
+    var Header: React.ForwardRefExoticComponent<import("../ModalBase").ModalBaseHeaderProps & React.RefAttributes<HTMLDivElement>>;
+    var Title: React.ForwardRefExoticComponent<import("../ModalBase").ModalBaseTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+    var Body: React.ForwardRefExoticComponent<import("../ModalBase").ModalBaseBodyProps & React.RefAttributes<HTMLHeadingElement>>;
+    var NativeScrollArea: typeof import("../ModalBase/NativeScrollArea/NativeScrollArea").NativeScrollArea;
 }
 //# sourceMappingURL=Drawer.d.ts.map

package/lib/Drawer/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,SAAS,EACT,sBAAsB,EAGvB,MAAM,iBAAiB,CAAC;AAOzB,OAAO,EAAqB,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,SAAS,EAAE,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAE5D,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,CAAC,OAAO,SAAS,CAAC,EAAE,aAAa,CAAC,CAAC;AAEpF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,EAAE,sBAAsB,CAAC,EACnE,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACtD,2CAA2C;IAC3C,MAAM,EAAE,OAAO,CAAC;IAEhB,wFAAwF;IACxF,OAAO,IAAI,IAAI,CAAC;IAEhB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B,qIAAqI;IACrI,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,aAAa,CAAC;IAEvB,iEAAiE;IACjE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,8BAA8B;IAC9B,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAEvC,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,2BAA2B;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,qDAAqD;IACrD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,4DAA4D;IAC5D,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,8FAA8F;IAC9F,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAE/B,gCAAgC;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,mDAAmD;IACnD,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC,+BAA+B;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,0CAA0C;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,6GAA6G;IAC7G,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,kHAAkH;IAClH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,wEAAwE;IACxE,MAAM,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAE9B,mFAAmF;IACnF,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,mGAAmG;IACnG,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAmCD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,eA+JxC;yBA/Je,MAAM"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAGL,qBAAqB,EACrB,yBAAyB,EAC1B,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAGtE,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,kBAAkB;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,6GAA6G;IAC7G,YAAY,CAAC,EAAE,qBAAqB,CAAC;IAErC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,0EAA0E;IAC1E,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,yBAAyB,CAAC;CAC9C;AAQD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,eA4BxC;yBA5Be,MAAM"}

package/lib/Drawer/DrawerContent/DrawerContent.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ModalBaseContentProps } from '../../ModalBase';
+import { ScrollAreaComponent } from '../Drawer.context';
+export interface DrawerContentProps extends ModalBaseContentProps {
+    /** Component used as scroll area, ScrollArea.Autosize by default */
+    scrollAreaComponent?: ScrollAreaComponent;
+}
+export declare const DrawerContent: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=DrawerContent.d.ts.map

package/lib/Drawer/DrawerContent/DrawerContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/Drawer/DrawerContent/DrawerContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAa,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAoB,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE1E,MAAM,WAAW,kBAAmB,SAAQ,qBAAqB;IAC/D,oEAAoE;IACpE,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;CAC3C;AAMD,eAAO,MAAM,aAAa,wFAgBxB,CAAC"}

package/lib/Drawer/DrawerRoot/DrawerRoot.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ModalBaseSettings } from '../../ModalBase';
+import { ScrollAreaComponent } from '../Drawer.context';
+export type DrawerPosition = 'bottom' | 'left' | 'right' | 'top';
+export interface DrawerRootProps extends ModalBaseSettings {
+    /** Scroll area component, ScrollArea.Autosize by default */
+    scrollAreaComponent?: ScrollAreaComponent;
+    /** Side of the screen where drawer will be opened, 'left' by default */
+    position?: 'bottom' | 'left' | 'right' | 'top';
+}
+export declare function DrawerRoot(props: DrawerRootProps): JSX.Element;
+//# sourceMappingURL=DrawerRoot.d.ts.map

package/lib/Drawer/DrawerRoot/DrawerRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerRoot.d.ts","sourceRoot":"","sources":["../../../src/Drawer/DrawerRoot/DrawerRoot.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAoC,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACtF,OAAO,EAAkB,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAGxE,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;AAEjE,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,4DAA4D;IAC5D,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAE1C,wEAAwE;IACxE,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;CAChD;AAqBD,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,eAwBhD"}

package/lib/Drawer/DrawerRoot/DrawerRoot.styles.d.ts

@@ -0,0 +1,13 @@
+interface DrawerRootStylesParams {
+    position: 'bottom' | 'left' | 'right' | 'top';
+}
+declare const _default: (params: DrawerRootStylesParams, options?: import("@mantine/styles").UseStylesOptions<string>) => {
+    classes: {
+        content: string;
+        inner: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/styles").MantineTheme;
+};
+export default _default;
+//# sourceMappingURL=DrawerRoot.styles.d.ts.map

package/lib/Drawer/DrawerRoot/DrawerRoot.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerRoot.styles.d.ts","sourceRoot":"","sources":["../../../src/Drawer/DrawerRoot/DrawerRoot.styles.ts"],"names":[],"mappings":"AAUA,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;CAC/C;;;;;;;;;AAED,wBAgBI"}

package/lib/Drawer/index.d.ts

@@ -1,4 +1,11 @@
+import type { ModalBaseBodyProps, ModalBaseCloseButtonProps, ModalBaseHeaderProps, ModalBaseOverlayProps, ModalBaseStylesNames, ModalBaseTitleProps } from '../ModalBase';
 export { Drawer } from './Drawer';
-export type { DrawerStylesNames, DrawerProps } from './Drawer';
-export type { DrawerPosition, DrawerStylesParams } from './Drawer.styles';
+export type { DrawerProps } from './Drawer';
+export type { DrawerContentProps } from './DrawerContent/DrawerContent';
+export type DrawerStylesNames = ModalBaseStylesNames;
+export type DrawerBodyProps = ModalBaseBodyProps;
+export type DrawerCloseButtonProps = ModalBaseCloseButtonProps;
+export type DrawerHeaderProps = ModalBaseHeaderProps;
+export type DrawerOverlayProps = ModalBaseOverlayProps;
+export type DrawerTitleProps = ModalBaseTitleProps;
 //# sourceMappingURL=index.d.ts.map

package/lib/Drawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC/D,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAClB,yBAAyB,EACzB,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACxE,MAAM,MAAM,iBAAiB,GAAG,oBAAoB,CAAC;AAErD,MAAM,MAAM,eAAe,GAAG,kBAAkB,CAAC;AACjD,MAAM,MAAM,sBAAsB,GAAG,yBAAyB,CAAC;AAC/D,MAAM,MAAM,iBAAiB,GAAG,oBAAoB,CAAC;AACrD,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,CAAC;AACvD,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,CAAC"}

package/lib/FileInput/FileInput.d.ts

@@ -28,10 +28,8 @@ export interface FileInputProps<Multiple extends boolean = false> extends Defaul
     }>;
     /** Allow to clear value */
     clearable?: boolean;
-    /** aria-label for clear button */
-    clearButtonLabel?: string;
-    /** Set the clear button tab index to disabled or default after input field */
-    clearButtonTabIndex?: -1 | 0;
+    /** Props added to clear button */
+    clearButtonProps?: React.ComponentPropsWithoutRef<'button'>;
     /** Determines whether the user can change value */
     readOnly?: boolean;
     /** Specifies that, optionally, a new file should be captured, and which device should be used to capture that new media of a type defined by the accept attribute. */