@mantine/core 7.9.2 → 7.10.1

package/esm/core/InlineStyles/InlineStyles.mjs

@@ -9,14 +9,14 @@ import '../MantineProvider/MantineThemeProvider/MantineThemeProvider.mjs';
 import '../MantineProvider/MantineCssVariables/MantineCssVariables.mjs';
 import { stylesToString } from './styles-to-string/styles-to-string.mjs';
 
-function InlineStyles({ selector, styles, media }) {
+function InlineStyles(props) {
   const nonce = useMantineStyleNonce();
   return /* @__PURE__ */ jsx(
     "style",
     {
       "data-mantine-styles": "inline",
       nonce: nonce?.(),
-      dangerouslySetInnerHTML: { __html: stylesToString({ selector, styles, media }) }
+      dangerouslySetInnerHTML: { __html: stylesToString(props) }
     }
   );
 }

package/esm/core/InlineStyles/InlineStyles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InlineStyles.mjs","sources":["../../../src/core/InlineStyles/InlineStyles.tsx"],"sourcesContent":["import { useMantineStyleNonce } from '../MantineProvider';\nimport { InlineStylesInput, stylesToString } from './styles-to-string/styles-to-string';\n\nexport interface InlineStylesProps\n  extends InlineStylesInput,\n    Omit<React.ComponentPropsWithoutRef<'style'>, keyof InlineStylesInput> {}\n\nexport function InlineStyles({ selector, styles, media }: InlineStylesInput) {\n  const nonce = useMantineStyleNonce();\n  return (\n    <style\n      data-mantine-styles=\"inline\"\n      nonce={nonce?.()}\n      dangerouslySetInnerHTML={{ __html: stylesToString({ selector, styles, media }) }}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAIO,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAC,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAE,CAAA,CAAA;AAC1D,CAAA,CAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAoB,EAAE,CAAC;AACvC,CAAA,CAAE,uBAAuB,CAAG,CAAA,CAAA,CAAA;AAC5B,CAAA,CAAA,CAAA,CAAI,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACX,CAAI,CAAA,CAAA,CAAA,CAAA;AACJ,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAqB,EAAE,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACrC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAI,CAAA,CAAA,CAAA,CAAA;AACtB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAuB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,EAAE,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAC,CAAE,CAAA;AACtF,CAAK,CAAA,CAAA,CAAA,CAAA;AACL,CAAA,CAAA,CAAG,CAAC;AACJ,CAAA;;"}
+{"version":3,"file":"InlineStyles.mjs","sources":["../../../src/core/InlineStyles/InlineStyles.tsx"],"sourcesContent":["import { useMantineStyleNonce } from '../MantineProvider';\nimport { InlineStylesInput, stylesToString } from './styles-to-string/styles-to-string';\n\nexport interface InlineStylesProps\n  extends InlineStylesInput,\n    Omit<React.ComponentPropsWithoutRef<'style'>, keyof InlineStylesInput> {}\n\nexport function InlineStyles(props: InlineStylesInput) {\n  const nonce = useMantineStyleNonce();\n  return (\n    <style\n      data-mantine-styles=\"inline\"\n      nonce={nonce?.()}\n      dangerouslySetInnerHTML={{ __html: stylesToString(props) }}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAIO,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAE,CAAA,CAAA;AACpC,CAAA,CAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAoB,EAAE,CAAC;AACvC,CAAA,CAAE,uBAAuB,CAAG,CAAA,CAAA,CAAA;AAC5B,CAAA,CAAA,CAAA,CAAI,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACX,CAAI,CAAA,CAAA,CAAA,CAAA;AACJ,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAqB,EAAE,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACrC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAI,CAAA,CAAA,CAAA,CAAA;AACtB,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAuB,EAAE,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,EAAE,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAK,CAAA,CAAA,CAAA,CAAA,CAAC,CAAE,CAAA;AAChE,CAAK,CAAA,CAAA,CAAA,CAAA;AACL,CAAA,CAAA,CAAG,CAAC;AACJ,CAAA;;"}

package/esm/core/InlineStyles/styles-to-string/styles-to-string.mjs

@@ -1,10 +1,13 @@
 'use client';
 import { cssObjectToString } from '../css-object-to-string/css-object-to-string.mjs';
 
-function stylesToString({ selector, styles, media }) {
+function stylesToString({ selector, styles, media, container }) {
   const baseStyles = styles ? cssObjectToString(styles) : "";
   const mediaQueryStyles = !Array.isArray(media) ? [] : media.map((item) => `@media${item.query}{${selector}{${cssObjectToString(item.styles)}}}`);
-  return `${baseStyles ? `${selector}{${baseStyles}}` : ""}${mediaQueryStyles.join("")}`.trim();
+  const containerStyles = !Array.isArray(container) ? [] : container.map(
+    (item) => `@container ${item.query}{${selector}{${cssObjectToString(item.styles)}}}`
+  );
+  return `${baseStyles ? `${selector}{${baseStyles}}` : ""}${mediaQueryStyles.join("")}${containerStyles.join("")}`.trim();
 }
 
 export { stylesToString };

package/esm/core/InlineStyles/styles-to-string/styles-to-string.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles-to-string.mjs","sources":["../../../../src/core/InlineStyles/styles-to-string/styles-to-string.ts"],"sourcesContent":["import { cssObjectToString } from '../css-object-to-string/css-object-to-string';\n\nexport interface InlineStylesMediaQuery {\n  query: string;\n  styles: React.CSSProperties;\n}\n\nexport interface InlineStylesInput {\n  selector: string;\n  styles?: React.CSSProperties;\n  media?: InlineStylesMediaQuery[];\n}\n\nexport function stylesToString({ selector, styles, media }: InlineStylesInput) {\n  const baseStyles = styles ? cssObjectToString(styles) : '';\n  const mediaQueryStyles = !Array.isArray(media)\n    ? []\n    : media.map((item) => `@media${item.query}{${selector}{${cssObjectToString(item.styles)}}}`);\n\n  return `${baseStyles ? `${selector}{${baseStyles}}` : ''}${mediaQueryStyles.join('')}`.trim();\n}\n"],"names":[],"mappings":";;;AAEO,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAC,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAE,CAAA,CAAA;AAC5D,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAiB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAG,CAAA,CAAA,CAAA,CAAE,CAAC;AAC7D,CAAA,CAAE,MAAM,CAAgB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAC,CAAK,CAAA,CAAA,CAAA,CAAA,CAAC,OAAO,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAG,CAAA,CAAA,CAAA,CAAE,GAAG,CAAK,CAAA,CAAA,CAAA,CAAA,CAAC,GAAG,CAAC,CAAC,IAAI,CAAK,CAAA,CAAA,CAAA,CAAA,CAAC,MAAM,CAAE,CAAA,CAAA,CAAA,CAAA,CAAI,CAAC,CAAK,CAAA,CAAA,CAAA,CAAA,CAAC,CAAC,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAC,CAAA,CAAE,iBAAiB,CAAC,CAAA,CAAA,CAAA,CAAI,CAAC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAC,CAAE,CAAA,CAAC,CAAC,CAAC;AACnJ,CAAA,CAAE,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAG,CAAA,CAAA,CAAC,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAC,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAC,CAAC,CAAC,CAAG,CAAA,CAAA,CAAA,CAAE,CAAC,CAAA,CAAE,CAAgB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAI,CAAA,CAAA,CAAA,CAAC,CAAE,CAAA,CAAC,CAAC,CAAC,CAAC,CAAA,CAAA,CAAA,CAAI,EAAE,CAAC;AAChG,CAAA;;"}
+{"version":3,"file":"styles-to-string.mjs","sources":["../../../../src/core/InlineStyles/styles-to-string/styles-to-string.ts"],"sourcesContent":["import { cssObjectToString } from '../css-object-to-string/css-object-to-string';\n\nexport interface InlineStylesMediaQuery {\n  query: string;\n  styles: React.CSSProperties;\n}\n\nexport interface InlineStylesInput {\n  selector: string;\n  styles?: React.CSSProperties;\n  media?: InlineStylesMediaQuery[];\n  container?: InlineStylesMediaQuery[];\n}\n\nexport function stylesToString({ selector, styles, media, container }: InlineStylesInput) {\n  const baseStyles = styles ? cssObjectToString(styles) : '';\n  const mediaQueryStyles = !Array.isArray(media)\n    ? []\n    : media.map((item) => `@media${item.query}{${selector}{${cssObjectToString(item.styles)}}}`);\n\n  const containerStyles = !Array.isArray(container)\n    ? []\n    : container.map(\n        (item) => `@container ${item.query}{${selector}{${cssObjectToString(item.styles)}}}`\n      );\n\n  return `${baseStyles ? `${selector}{${baseStyles}}` : ''}${mediaQueryStyles.join('')}${containerStyles.join('')}`.trim();\n}\n"],"names":[],"mappings":"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"}

package/esm/index.mjs

@@ -142,6 +142,10 @@ export { Center } from './components/Center/Center.mjs';
 export { Checkbox } from './components/Checkbox/Checkbox.mjs';
 export { CheckboxGroup } from './components/Checkbox/CheckboxGroup/CheckboxGroup.mjs';
 export { CheckIcon } from './components/Checkbox/CheckIcon.mjs';
+export { CheckboxIndicator } from './components/Checkbox/CheckboxIndicator/CheckboxIndicator.mjs';
+export { CheckboxCard } from './components/Checkbox/CheckboxCard/CheckboxCard.mjs';
+export { useCheckboxCardContext } from './components/Checkbox/CheckboxCard/CheckboxCard.context.mjs';
+export { useCheckboxGroupContext } from './components/Checkbox/CheckboxGroup.context.mjs';
 export { Chip } from './components/Chip/Chip.mjs';
 export { ChipGroup } from './components/Chip/ChipGroup/ChipGroup.mjs';
 export { Code } from './components/Code/Code.mjs';
@@ -250,6 +254,9 @@ export { ProgressSection } from './components/Progress/ProgressSection/ProgressS
 export { Radio } from './components/Radio/Radio.mjs';
 export { RadioGroup } from './components/Radio/RadioGroup/RadioGroup.mjs';
 export { RadioIcon } from './components/Radio/RadioIcon.mjs';
+export { RadioCard } from './components/Radio/RadioCard/RadioCard.mjs';
+export { useRadioCardContext } from './components/Radio/RadioCard/RadioCard.context.mjs';
+export { RadioIndicator } from './components/Radio/RadioIndicator/RadioIndicator.mjs';
 export { Rating } from './components/Rating/Rating.mjs';
 export { RingProgress } from './components/RingProgress/RingProgress.mjs';
 export { SegmentedControl } from './components/SegmentedControl/SegmentedControl.mjs';

package/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Checkbox/Checkbox.d.ts

@@ -1,6 +1,8 @@
 import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, MantineSize, StylesApiProps } from '../../core';
 import { InlineInputStylesNames } from '../InlineInput';
+import { CheckboxCard } from './CheckboxCard/CheckboxCard';
 import { CheckboxGroup } from './CheckboxGroup/CheckboxGroup';
+import { CheckboxIndicator } from './CheckboxIndicator/CheckboxIndicator';
 export type CheckboxVariant = 'filled' | 'outline';
 export type CheckboxStylesNames = 'icon' | 'inner' | 'input' | InlineInputStylesNames;
 export type CheckboxCssVariables = {
@@ -47,6 +49,8 @@ export type CheckboxFactory = Factory<{
     variant: CheckboxVariant;
     staticComponents: {
         Group: typeof CheckboxGroup;
+        Indicator: typeof CheckboxIndicator;
+        Card: typeof CheckboxCard;
     };
 }>;
 export declare const Checkbox: import("../../core").MantineComponent<{
@@ -57,5 +61,7 @@ export declare const Checkbox: import("../../core").MantineComponent<{
     variant: CheckboxVariant;
     staticComponents: {
         Group: typeof CheckboxGroup;
+        Indicator: typeof CheckboxIndicator;
+        Card: typeof CheckboxCard;
     };
 }>;

package/lib/components/Checkbox/CheckboxCard/CheckboxCard.context.d.ts

@@ -0,0 +1,7 @@
+export interface CheckboxCardContextValue {
+    checked: boolean;
+}
+export declare const CheckboxCardProvider: ({ children, value }: {
+    value: CheckboxCardContextValue;
+    children: import("react").ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, useCheckboxCardContext: () => CheckboxCardContextValue | null;

package/lib/components/Checkbox/CheckboxCard/CheckboxCard.d.ts

@@ -0,0 +1,27 @@
+import { BoxProps, ElementProps, Factory, MantineRadius, StylesApiProps } from '../../../core';
+export type CheckboxCardStylesNames = 'card';
+export type CheckboxCardCssVariables = {
+    card: '--card-radius';
+};
+export interface CheckboxCardProps extends BoxProps, StylesApiProps<CheckboxCardFactory>, ElementProps<'button', 'onChange'> {
+    /** Checked state */
+    checked?: boolean;
+    /** Determines whether the card should have border, `true` by default */
+    withBorder?: boolean;
+    /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem, `theme.defaultRadius` by default */
+    radius?: MantineRadius;
+    /** Value of the checkbox, used with `Checkbox.Group` */
+    value?: string;
+}
+export type CheckboxCardFactory = Factory<{
+    props: CheckboxCardProps;
+    ref: HTMLButtonElement;
+    stylesNames: CheckboxCardStylesNames;
+    vars: CheckboxCardCssVariables;
+}>;
+export declare const CheckboxCard: import("../../../core").MantineComponent<{
+    props: CheckboxCardProps;
+    ref: HTMLButtonElement;
+    stylesNames: CheckboxCardStylesNames;
+    vars: CheckboxCardCssVariables;
+}>;

package/lib/components/Checkbox/CheckboxGroup.context.d.ts

@@ -1,7 +1,7 @@
 import { MantineSize } from '../../core';
 interface CheckboxGroupContextValue {
     value: string[];
-    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange: (event: React.ChangeEvent<HTMLInputElement> | string) => void;
     size: MantineSize | (string & {}) | undefined;
 }
 export declare const CheckboxGroupProvider: import("react").Provider<CheckboxGroupContextValue | null>;

package/lib/components/Checkbox/CheckboxIndicator/CheckboxIndicator.d.ts

@@ -0,0 +1,43 @@
+import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, MantineSize, StylesApiProps } from '../../../core';
+export type CheckboxIndicatorStylesNames = 'indicator' | 'icon';
+export type CheckboxIndicatorVariant = 'filled' | 'outline';
+export type CheckboxIndicatorCssVariables = {
+    indicator: '--checkbox-size' | '--checkbox-radius' | '--checkbox-color' | '--checkbox-icon-color';
+};
+export interface CheckboxIndicatorProps extends BoxProps, StylesApiProps<CheckboxIndicatorFactory>, ElementProps<'div'> {
+    /** Key of `theme.colors` or any valid CSS color to set input background color in checked state, `theme.primaryColor` by default */
+    color?: MantineColor;
+    /** Controls size of the component, `'sm'` by default */
+    size?: MantineSize | (string & {});
+    /** Key of `theme.radius` or any valid CSS value to set `border-radius,` `theme.defaultRadius` by default */
+    radius?: MantineRadius;
+    /** Key of `theme.colors` or any valid CSS color to set icon color, by default value depends on `theme.autoContrast` */
+    iconColor?: MantineColor;
+    /** Determines whether icon color with filled variant should depend on `background-color`. If luminosity of the `color` prop is less than `theme.luminosityThreshold`, then `theme.white` will be used for text color, otherwise `theme.black`. Overrides `theme.autoContrast`. */
+    autoContrast?: boolean;
+    /** Indeterminate state of the checkbox. If set, `checked` prop is ignored. */
+    indeterminate?: boolean;
+    /** Icon displayed when checkbox is in checked or indeterminate state */
+    icon?: React.FC<{
+        indeterminate: boolean | undefined;
+        className: string;
+    }>;
+    /** Determines whether the component should have checked styles */
+    checked?: boolean;
+    /** Determines whether the component should have disabled styles */
+    disabled?: boolean;
+}
+export type CheckboxIndicatorFactory = Factory<{
+    props: CheckboxIndicatorProps;
+    ref: HTMLDivElement;
+    stylesNames: CheckboxIndicatorStylesNames;
+    vars: CheckboxIndicatorCssVariables;
+    variant: CheckboxIndicatorVariant;
+}>;
+export declare const CheckboxIndicator: import("../../../core").MantineComponent<{
+    props: CheckboxIndicatorProps;
+    ref: HTMLDivElement;
+    stylesNames: CheckboxIndicatorStylesNames;
+    vars: CheckboxIndicatorCssVariables;
+    variant: CheckboxIndicatorVariant;
+}>;

package/lib/components/Checkbox/index.d.ts

@@ -1,6 +1,13 @@
 export { Checkbox } from './Checkbox';
 export { CheckboxGroup } from './CheckboxGroup/CheckboxGroup';
 export { CheckIcon } from './CheckIcon';
+export { CheckboxIndicator } from './CheckboxIndicator/CheckboxIndicator';
+export { CheckboxCard } from './CheckboxCard/CheckboxCard';
+export { useCheckboxCardContext } from './CheckboxCard/CheckboxCard.context';
+export { useCheckboxGroupContext } from './CheckboxGroup.context';
 export type { CheckboxIconProps, CheckIconProps } from './CheckIcon';
+export type { CheckboxCardContextValue } from './CheckboxCard/CheckboxCard.context';
 export type { CheckboxCssVariables, CheckboxFactory, CheckboxProps, CheckboxStylesNames, CheckboxVariant, } from './Checkbox';
 export type { CheckboxGroupFactory, CheckboxGroupProps, CheckboxGroupStylesNames, } from './CheckboxGroup/CheckboxGroup';
+export type { CheckboxIndicatorCssVariables, CheckboxIndicatorFactory, CheckboxIndicatorProps, CheckboxIndicatorStylesNames, CheckboxIndicatorVariant, } from './CheckboxIndicator/CheckboxIndicator';
+export type { CheckboxCardCssVariables, CheckboxCardProps, CheckboxCardFactory, CheckboxCardStylesNames, } from './CheckboxCard/CheckboxCard';

package/lib/components/Input/Input.d.ts

@@ -49,6 +49,8 @@ export interface __InputProps {
     pointer?: boolean;
     /** Determines whether the input should have red border and red text color when the `error` prop is set, `true` by default */
     withErrorStyles?: boolean;
+    /** `size` prop added to the input element */
+    inputSize?: string;
 }
 export interface InputProps extends BoxProps, __InputProps, StylesApiProps<InputFactory> {
     __staticSelector?: string;

package/lib/components/NumberInput/NumberInput.d.ts

@@ -18,7 +18,7 @@ export interface NumberInputProps extends BoxProps, __BaseInputProps, StylesApiP
     onChange?: (value: number | string) => void;
     /** Called when value changes with `react-number-format` payload */
     onValueChange?: OnValueChange;
-    /** Determines whether leading zeros are allowed. If not set, leading zeros are removed when the input is blurred. `false` by default */
+    /** Determines whether leading zeros are allowed. If set to `false`, leading zeros are removed when the input value becomes a valid number. `true` by default */
     allowLeadingZeros?: boolean;
     /** Determines whether negative values are allowed, `true` by default */
     allowNegative?: boolean;
@@ -66,6 +66,8 @@ export interface NumberInputProps extends BoxProps, __BaseInputProps, StylesApiP
     stepHoldDelay?: number;
     /** Determines whether up/down keyboard events should be handled to increment/decrement value, `true` by default */
     withKeyboardEvents?: boolean;
+    /** Determines whether leading zeros (e.g. `00100` -> `100`) should be removed on blur, `true` by default */
+    trimLeadingZeroesOnBlur?: boolean;
 }
 export type NumberInputFactory = Factory<{
     props: NumberInputProps;

package/lib/components/Progress/Progress.d.ts

@@ -8,7 +8,7 @@ export interface ProgressProps extends __ProgressRootProps, StylesApiProps<Progr
     value: number;
     /** Key of `theme.colors` or any valid CSS value, `theme.primaryColor` by default */
     color?: MantineColor;
-    /** Determines whether the section should have stipes, `false` by default */
+    /** Determines whether the section should have stripes, `false` by default */
     striped?: boolean;
     /** Determines whether the sections stripes should be animated, if set, `striped` prop is ignored, `false` by default */
     animated?: boolean;

package/lib/components/Progress/ProgressSection/ProgressSection.d.ts

@@ -7,7 +7,7 @@ export interface ProgressSectionProps extends BoxProps, CompoundStylesApiProps<P
     withAria?: boolean;
     /** Key of `theme.colors` or any valid CSS value, `theme.primaryColor` by default */
     color?: MantineColor;
-    /** Determines whether the section should have stipes, `false` by default */
+    /** Determines whether the section should have stripes, `false` by default */
     striped?: boolean;
     /** Determines whether the sections stripes should be animated, if set, `striped` prop is ignored, `false` by default */
     animated?: boolean;

package/lib/components/Radio/Radio.d.ts

@@ -1,7 +1,9 @@
 import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, MantineSize, StylesApiProps } from '../../core';
 import { InlineInputStylesNames } from '../InlineInput';
+import { RadioCard } from './RadioCard/RadioCard';
 import { RadioGroup } from './RadioGroup/RadioGroup';
 import { RadioIconProps } from './RadioIcon';
+import { RadioIndicator } from './RadioIndicator/RadioIndicator';
 export type RadioVariant = 'filled' | 'outline';
 export type RadioStylesNames = InlineInputStylesNames | 'inner' | 'radio' | 'icon';
 export type RadioCssVariables = {
@@ -13,7 +15,7 @@ export interface RadioProps extends BoxProps, StylesApiProps<RadioFactory>, Elem
     /** Key of `theme.colors` or any valid CSS color to set input color in checked state, `theme.primaryColor` by default */
     color?: MantineColor;
     /** Controls size of the component, `'sm'` by default */
-    size?: MantineSize;
+    size?: MantineSize | (string & {});
     /** A component that replaces default check icon */
     icon?: React.FC<RadioIconProps>;
     /** Props passed down to the root element */
@@ -41,6 +43,8 @@ export type RadioFactory = Factory<{
     variant: RadioVariant;
     staticComponents: {
         Group: typeof RadioGroup;
+        Card: typeof RadioCard;
+        Indicator: typeof RadioIndicator;
     };
 }>;
 export declare const Radio: import("../../core").MantineComponent<{
@@ -51,5 +55,7 @@ export declare const Radio: import("../../core").MantineComponent<{
     variant: RadioVariant;
     staticComponents: {
         Group: typeof RadioGroup;
+        Card: typeof RadioCard;
+        Indicator: typeof RadioIndicator;
     };
 }>;

package/lib/components/Radio/RadioCard/RadioCard.context.d.ts

@@ -0,0 +1,7 @@
+export interface RadioCardContextValue {
+    checked: boolean;
+}
+export declare const RadioCardProvider: ({ children, value }: {
+    value: RadioCardContextValue;
+    children: import("react").ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, useRadioCardContext: () => RadioCardContextValue | null;

package/lib/components/Radio/RadioCard/RadioCard.d.ts

@@ -0,0 +1,29 @@
+import { BoxProps, ElementProps, Factory, MantineRadius, StylesApiProps } from '../../../core';
+export type RadioCardStylesNames = 'card';
+export type RadioCardCssVariables = {
+    card: '--card-radius';
+};
+export interface RadioCardProps extends BoxProps, StylesApiProps<RadioCardFactory>, ElementProps<'button', 'onChange'> {
+    /** Checked state */
+    checked?: boolean;
+    /** Determines whether the card should have border, `true` by default */
+    withBorder?: boolean;
+    /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem, `theme.defaultRadius` by default */
+    radius?: MantineRadius;
+    /** Value of the checkbox, used with `Radio.Group` */
+    value?: string;
+    /** Value used to associate all related radio cards, required for accessibility if used outside of `Radio.Group` */
+    name?: string;
+}
+export type RadioCardFactory = Factory<{
+    props: RadioCardProps;
+    ref: HTMLButtonElement;
+    stylesNames: RadioCardStylesNames;
+    vars: RadioCardCssVariables;
+}>;
+export declare const RadioCard: import("../../../core").MantineComponent<{
+    props: RadioCardProps;
+    ref: HTMLButtonElement;
+    stylesNames: RadioCardStylesNames;
+    vars: RadioCardCssVariables;
+}>;

package/lib/components/Radio/RadioGroup.context.d.ts

@@ -2,7 +2,7 @@ import { MantineSize } from '../../core';
 interface RadioGroupContextValue {
     size: MantineSize | undefined;
     value: string;
-    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange: (event: React.ChangeEvent<HTMLInputElement> | string) => void;
     name: string;
 }
 export declare const RadioGroupProvider: ({ children, value }: {

package/lib/components/Radio/RadioIndicator/RadioIndicator.d.ts

@@ -0,0 +1,39 @@
+import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, MantineSize, StylesApiProps } from '../../../core';
+import { RadioIconProps } from '../RadioIcon';
+export type RadioIndicatorStylesNames = 'indicator' | 'icon';
+export type RadioIndicatorVariant = 'filled' | 'outline';
+export type RadioIndicatorCssVariables = {
+    indicator: '--radio-size' | '--radio-radius' | '--radio-color' | '--radio-icon-color' | '--radio-icon-size';
+};
+export interface RadioIndicatorProps extends BoxProps, StylesApiProps<RadioIndicatorFactory>, ElementProps<'div'> {
+    /** Key of `theme.colors` or any valid CSS color to set input background color in checked state, `theme.primaryColor` by default */
+    color?: MantineColor;
+    /** Controls size of the component, `'sm'` by default */
+    size?: MantineSize | (string & {});
+    /** Key of `theme.radius` or any valid CSS value to set `border-radius,` `theme.defaultRadius` by default */
+    radius?: MantineRadius;
+    /** Key of `theme.colors` or any valid CSS color to set icon color, by default value depends on `theme.autoContrast` */
+    iconColor?: MantineColor;
+    /** Determines whether icon color with filled variant should depend on `background-color`. If luminosity of the `color` prop is less than `theme.luminosityThreshold`, then `theme.white` will be used for text color, otherwise `theme.black`. Overrides `theme.autoContrast`. */
+    autoContrast?: boolean;
+    /** A component that replaces default check icon */
+    icon?: React.FC<RadioIconProps>;
+    /** Determines whether the component should have checked styles */
+    checked?: boolean;
+    /** Determines whether the component should have disabled styles */
+    disabled?: boolean;
+}
+export type RadioIndicatorFactory = Factory<{
+    props: RadioIndicatorProps;
+    ref: HTMLDivElement;
+    stylesNames: RadioIndicatorStylesNames;
+    vars: RadioIndicatorCssVariables;
+    variant: RadioIndicatorVariant;
+}>;
+export declare const RadioIndicator: import("../../../core").MantineComponent<{
+    props: RadioIndicatorProps;
+    ref: HTMLDivElement;
+    stylesNames: RadioIndicatorStylesNames;
+    vars: RadioIndicatorCssVariables;
+    variant: RadioIndicatorVariant;
+}>;

package/lib/components/Radio/index.d.ts

@@ -1,6 +1,12 @@
 export { Radio } from './Radio';
 export { RadioGroup } from './RadioGroup/RadioGroup';
 export { RadioIcon } from './RadioIcon';
+export { RadioCard } from './RadioCard/RadioCard';
+export { useRadioCardContext } from './RadioCard/RadioCard.context';
+export { RadioIndicator } from './RadioIndicator/RadioIndicator';
 export type { RadioIconProps } from './RadioIcon';
+export type { RadioCardContextValue } from './RadioCard/RadioCard.context';
 export type { RadioCssVariables, RadioFactory, RadioProps, RadioStylesNames, RadioVariant, } from './Radio';
 export type { RadioGroupFactory, RadioGroupProps, RadioGroupStylesNames, } from './RadioGroup/RadioGroup';
+export type { RadioCardCssVariables, RadioCardFactory, RadioCardProps, RadioCardStylesNames, } from './RadioCard/RadioCard';
+export type { RadioIndicatorCssVariables, RadioIndicatorFactory, RadioIndicatorProps, RadioIndicatorStylesNames, RadioIndicatorVariant, } from './RadioIndicator/RadioIndicator';

package/lib/components/SimpleGrid/SimpleGrid.d.ts

@@ -1,5 +1,5 @@
 import { BoxProps, ElementProps, Factory, MantineSpacing, StyleProp, StylesApiProps } from '../../core';
-export type SimpleGridStylesNames = 'root';
+export type SimpleGridStylesNames = 'root' | 'container';
 export interface SimpleGridProps extends BoxProps, StylesApiProps<SimpleGridFactory>, ElementProps<'div'> {
     /** Number of columns, `1` by default */
     cols?: StyleProp<number>;
@@ -7,6 +7,8 @@ export interface SimpleGridProps extends BoxProps, StylesApiProps<SimpleGridFact
     spacing?: StyleProp<MantineSpacing>;
     /** Spacing between rows, `'md'` by default */
     verticalSpacing?: StyleProp<MantineSpacing>;
+    /** Determines typeof of queries that are used for responsive styles, `'media'` by default */
+    type?: 'media' | 'container';
 }
 export type SimpleGridFactory = Factory<{
     props: SimpleGridProps;

package/lib/components/SimpleGrid/SimpleGridVariables.d.ts

@@ -2,5 +2,6 @@ import type { SimpleGridProps } from './SimpleGrid';
 interface SimpleGridVariablesProps extends SimpleGridProps {
     selector: string;
 }
-export declare function SimpleGridVariables({ spacing, verticalSpacing, cols, selector, }: SimpleGridVariablesProps): import("react/jsx-runtime").JSX.Element;
+export declare function SimpleGridMediaVariables({ spacing, verticalSpacing, cols, selector, }: SimpleGridVariablesProps): import("react/jsx-runtime").JSX.Element;
+export declare function SimpleGridContainerVariables({ spacing, verticalSpacing, cols, selector, }: SimpleGridVariablesProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/Tree/Tree.d.ts

@@ -6,21 +6,28 @@ export interface TreeNodeData {
     nodeProps?: Record<string, any>;
     children?: TreeNodeData[];
 }
-export interface RenderNodePayload {
+export interface RenderTreeNodePayload {
+    /** Node level in the tree */
     level: number;
+    /** `true` if the node is expanded, applicable only for nodes with `children` */
     expanded: boolean;
+    /** `true` if the node has non-empty `children` array */
     hasChildren: boolean;
+    /** `true` if the node is selected */
     selected: boolean;
+    /** Node data from the `data` prop of `Tree` */
     node: TreeNodeData;
+    /** Props to spread into the root node element */
     elementProps: {
         className: string;
         style: React.CSSProperties;
         onClick: (event: React.MouseEvent) => void;
         'data-selected': boolean | undefined;
         'data-value': string;
+        'data-hovered': boolean | undefined;
     };
 }
-export type RenderNode = (payload: RenderNodePayload) => React.ReactNode;
+export type RenderNode = (payload: RenderTreeNodePayload) => React.ReactNode;
 export type TreeStylesNames = 'root' | 'node' | 'subtree' | 'label';
 export type TreeCssVariables = {
     root: '--level-offset';
@@ -32,6 +39,8 @@ export interface TreeProps extends BoxProps, StylesApiProps<TreeFactory>, Elemen
     levelOffset?: MantineSpacing;
     /** Determines whether tree node with children should be expanded on click, `true` by default */
     expandOnClick?: boolean;
+    /** Determines whether tree node with children should be expanded on space key press, `true` by default */
+    expandOnSpace?: boolean;
     /** Determines whether node should be selected on click, `false` by default */
     selectOnClick?: boolean;
     /** use-tree hook instance that can be used to manipulate component state */

package/lib/components/Tree/TreeNode.d.ts

@@ -13,8 +13,9 @@ interface TreeNodeProps {
     renderNode: RenderNode | undefined;
     selectOnClick: boolean | undefined;
     allowRangeSelection: boolean | undefined;
+    expandOnSpace: boolean | undefined;
 }
-export declare function TreeNode({ node, getStyles, rootIndex, controller, expandOnClick, selectOnClick, isSubtree, level, renderNode, flatValues, allowRangeSelection, }: TreeNodeProps): import("react/jsx-runtime").JSX.Element;
+export declare function TreeNode({ node, getStyles, rootIndex, controller, expandOnClick, selectOnClick, isSubtree, level, renderNode, flatValues, allowRangeSelection, expandOnSpace, }: TreeNodeProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace TreeNode {
     var displayName: string;
 }

package/lib/components/Tree/index.d.ts

@@ -1,4 +1,4 @@
 export { Tree } from './Tree';
 export { useTree } from './use-tree';
-export type { TreeCssVariables, TreeFactory, TreeProps, TreeStylesNames, TreeNodeData, } from './Tree';
-export type { UseTreeInput } from './use-tree';
+export type { TreeCssVariables, TreeFactory, TreeProps, TreeStylesNames, TreeNodeData, RenderTreeNodePayload, } from './Tree';
+export type { UseTreeInput, UseTreeReturnType } from './use-tree';

package/lib/components/Tree/use-tree.d.ts

@@ -1,26 +1,52 @@
 import type { TreeNodeData } from './Tree';
 export type TreeExpandedState = Record<string, boolean>;
 export interface UseTreeInput {
+    /** Initial expanded state of all nodes */
     initialExpandedState?: TreeExpandedState;
+    /** Initial selected state of nodes */
     initialSelectedState?: string[];
+    /** Determines whether multiple node can be selected at a time */
     multiple?: boolean;
 }
-export declare function useTree({ initialSelectedState, initialExpandedState, multiple, }?: UseTreeInput): {
+export interface UseTreeReturnType {
+    /** Determines whether multiple node can be selected at a time */
     multiple: boolean;
+    /** A record of `node.value` and boolean values that represent nodes expanded state */
     expandedState: TreeExpandedState;
+    /** An array of selected nodes values */
     selectedState: string[];
+    /** A value of the node that was last clicked
+     * Anchor node is used to determine range of selected nodes for multiple selection
+     */
     anchorNode: string | null;
+    /** Initializes tree state based on provided data, called automatically by the Tree component */
     initialize: (data: TreeNodeData[]) => void;
+    /** Toggles expanded state of the node with provided value */
     toggleExpanded: (value: string) => void;
+    /** Collapses node with provided value */
     collapse: (value: string) => void;
+    /** Expands node with provided value */
     expand: (value: string) => void;
+    /** Expands all nodes */
     expandAllNodes: () => void;
+    /** Collapses all nodes */
     collapseAllNodes: () => void;
-    setExpandedState: import("react").Dispatch<import("react").SetStateAction<TreeExpandedState>>;
+    /** Sets expanded state */
+    setExpandedState: React.Dispatch<React.SetStateAction<TreeExpandedState>>;
+    /** Toggles selected state of the node with provided value */
     toggleSelected: (value: string) => void;
+    /** Selects node with provided value */
     select: (value: string) => void;
+    /** Deselects node with provided value */
     deselect: (value: string) => void;
+    /** Clears selected state */
     clearSelected: () => void;
-    setSelectedState: import("react").Dispatch<import("react").SetStateAction<string[]>>;
-};
+    /** Sets selected state */
+    setSelectedState: React.Dispatch<React.SetStateAction<string[]>>;
+    /** A value of the node that is currently hovered */
+    hoveredNode: string | null;
+    /** Sets hovered node */
+    setHoveredNode: React.Dispatch<React.SetStateAction<string | null>>;
+}
+export declare function useTree({ initialSelectedState, initialExpandedState, multiple, }?: UseTreeInput): UseTreeReturnType;
 export type TreeController = ReturnType<typeof useTree>;

package/lib/core/Box/Box.d.ts

@@ -10,6 +10,8 @@ export interface BoxProps extends MantineStyleProps {
     style?: MantineStyleProp;
     /** CSS variables defined on root component element */
     __vars?: CssVarsProp;
+    /** `size` property passed down the HTML element */
+    __size?: string;
     /** Breakpoint above which the component is hidden with `display: none` */
     hiddenFrom?: MantineBreakpoint;
     /** Breakpoint below which the component is hidden with `display: none` */

package/lib/core/Box/style-props/resolvers/border-resolver/border-resolver.d.ts

@@ -0,0 +1,2 @@
+import { MantineTheme } from '../../../../MantineProvider';
+export declare function borderResolver(value: unknown, theme: MantineTheme): unknown;

package/lib/core/Box/style-props/resolvers/index.d.ts

@@ -1,3 +1,4 @@
+import { borderResolver } from './border-resolver/border-resolver';
 import { colorResolver, textColorResolver } from './color-resolver/color-resolver';
 import { fontFamilyResolver } from './font-family-resolver/font-family-resolver';
 import { fontSizeResolver } from './font-size-resolver/font-size-resolver';
@@ -14,5 +15,6 @@ export declare const resolvers: {
     size: typeof sizeResolver;
     lineHeight: typeof lineHeightResolver;
     fontFamily: typeof fontFamilyResolver;
+    border: typeof borderResolver;
 };
 export type StylePropType = keyof typeof resolvers;

package/lib/core/Box/style-props/style-props.types.d.ts

@@ -19,6 +19,7 @@ export interface MantineStyleProps {
     pe?: StyleProp<MantineSpacing>;
     pl?: StyleProp<MantineSpacing>;
     pr?: StyleProp<MantineSpacing>;
+    bd?: StyleProp<React.CSSProperties['border']>;
     bg?: StyleProp<MantineColor>;
     c?: StyleProp<MantineColor>;
     opacity?: StyleProp<React.CSSProperties['opacity']>;

package/lib/core/InlineStyles/InlineStyles.d.ts

@@ -1,4 +1,4 @@
 import { InlineStylesInput } from './styles-to-string/styles-to-string';
 export interface InlineStylesProps extends InlineStylesInput, Omit<React.ComponentPropsWithoutRef<'style'>, keyof InlineStylesInput> {
 }
-export declare function InlineStyles({ selector, styles, media }: InlineStylesInput): import("react/jsx-runtime").JSX.Element;
+export declare function InlineStyles(props: InlineStylesInput): import("react/jsx-runtime").JSX.Element;

package/lib/core/InlineStyles/styles-to-string/styles-to-string.d.ts

@@ -6,5 +6,6 @@ export interface InlineStylesInput {
     selector: string;
     styles?: React.CSSProperties;
     media?: InlineStylesMediaQuery[];
+    container?: InlineStylesMediaQuery[];
 }
-export declare function stylesToString({ selector, styles, media }: InlineStylesInput): string;
+export declare function stylesToString({ selector, styles, media, container }: InlineStylesInput): string;