@mantine-vue/core 2.2.1 → 2.3.0

package/lib/components/ThemeIcon/ThemeIcon.d.ts

@@ -1,19 +1,15 @@
 import { type PropType } from 'vue';
-import { type MantineVariant } from '../../core';
+import { type MantineColor, type MantineGradient, type MantineRadius, type MantineSize, type MantineVariant } from '../../core';
 export type ThemeIconVariant = 'filled' | 'light' | 'outline' | 'transparent' | 'white' | 'default' | 'gradient';
 export declare const ThemeIcon: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    size: PropType<string | number>;
+    size: PropType<MantineSize | (string & {}) | number>;
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
-    radius: PropType<string | number>;
+    radius: PropType<MantineRadius>;
     gradient: {
-        type: PropType<{
-            from: string;
-            to: string;
-            deg?: number;
-        }>;
+        type: PropType<MantineGradient>;
         default: undefined;
     };
     autoContrast: {
@@ -43,18 +39,14 @@ export declare const ThemeIcon: import("../..").WithBoxProps<import("vue").Defin
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    size: PropType<string | number>;
+    size: PropType<MantineSize | (string & {}) | number>;
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
-    radius: PropType<string | number>;
+    radius: PropType<MantineRadius>;
     gradient: {
-        type: PropType<{
-            from: string;
-            to: string;
-            deg?: number;
-        }>;
+        type: PropType<MantineGradient>;
         default: undefined;
     };
     autoContrast: {
@@ -82,14 +74,10 @@ export declare const ThemeIcon: import("../..").WithBoxProps<import("vue").Defin
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    color: string;
+    color: MantineColor;
     autoContrast: boolean;
     variant: MantineVariant<ThemeIconVariant>;
-    gradient: {
-        from: string;
-        to: string;
-        deg?: number;
-    };
+    gradient: MantineGradient;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     vars: Function | Record<string, any>;

package/lib/components/Timeline/Timeline.d.ts

@@ -1,4 +1,5 @@
 import { type PropType, type VNode } from 'vue';
+import { type MantineColor, type MantineRadius } from '../../core';
 export type TimelineStylesNames = 'root' | 'itemBody' | 'itemContent' | 'itemBullet' | 'item' | 'itemTitle';
 export declare const Timeline: import("../..").WithBoxProps<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
@@ -7,11 +8,11 @@ export declare const Timeline: import("../..").WithBoxProps<{
             default: undefined;
         };
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
         radius: {
-            type: PropType<string | number>;
+            type: PropType<MantineRadius>;
             default: undefined;
         };
         bulletSize: {
@@ -57,8 +58,8 @@ export declare const Timeline: import("../..").WithBoxProps<{
     }>> & Readonly<{}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        radius: string | number;
-        color: string;
+        radius: MantineRadius;
+        color: MantineColor;
         autoContrast: boolean;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
@@ -83,11 +84,11 @@ export declare const Timeline: import("../..").WithBoxProps<{
             default: undefined;
         };
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
         radius: {
-            type: PropType<string | number>;
+            type: PropType<MantineRadius>;
             default: undefined;
         };
         bulletSize: {
@@ -133,8 +134,8 @@ export declare const Timeline: import("../..").WithBoxProps<{
     }>> & Readonly<{}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>, {}, {}, {}, {
-        radius: string | number;
-        color: string;
+        radius: MantineRadius;
+        color: MantineColor;
         autoContrast: boolean;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
@@ -156,11 +157,11 @@ export declare const Timeline: import("../..").WithBoxProps<{
         default: undefined;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: undefined;
     };
     bulletSize: {
@@ -206,8 +207,8 @@ export declare const Timeline: import("../..").WithBoxProps<{
 }>> & Readonly<{}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    radius: string | number;
-    color: string;
+    radius: MantineRadius;
+    color: MantineColor;
     autoContrast: boolean;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
@@ -252,11 +253,11 @@ export declare const Timeline: import("../..").WithBoxProps<{
             default: undefined;
         };
         radius: {
-            type: PropType<string | number>;
+            type: PropType<MantineRadius>;
             default: undefined;
         };
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
         lineVariant: {
@@ -315,11 +316,11 @@ export declare const Timeline: import("../..").WithBoxProps<{
             default: undefined;
         };
         radius: {
-            type: PropType<string | number>;
+            type: PropType<MantineRadius>;
             default: undefined;
         };
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
         lineVariant: {
@@ -349,8 +350,8 @@ export declare const Timeline: import("../..").WithBoxProps<{
     }>> & Readonly<{}>, {
         style: any;
         title: import("../..").MantineNode;
-        radius: string | number;
-        color: string;
+        radius: MantineRadius;
+        color: MantineColor;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
         active: boolean;

package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts

@@ -1,5 +1,5 @@
 import { type PropType, type SlotsType, type VNodeChild } from 'vue';
-import { type MantineNode } from '../../../core';
+import { type MantineColor, type MantineNode, type MantineRadius } from '../../../core';
 export type TimelineItemStylesNames = 'itemBody' | 'itemContent' | 'itemBullet' | 'item' | 'itemTitle';
 export interface TimelineItemSlots {
     default?: () => VNodeChild;
@@ -36,11 +36,11 @@ export declare const TimelineItem: import("../../..").WithBoxProps<import("vue")
         default: undefined;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: undefined;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     lineVariant: {
@@ -99,11 +99,11 @@ export declare const TimelineItem: import("../../..").WithBoxProps<import("vue")
         default: undefined;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: undefined;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     lineVariant: {
@@ -133,8 +133,8 @@ export declare const TimelineItem: import("../../..").WithBoxProps<import("vue")
 }>> & Readonly<{}>, {
     style: any;
     title: MantineNode;
-    radius: string | number;
-    color: string;
+    radius: MantineRadius;
+    color: MantineColor;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     active: boolean;

package/lib/components/component-props.d.ts

@@ -0,0 +1,190 @@
+import type * as Components from './index';
+import type * as Core from '../core';
+type PropsOf<T> = T extends abstract new (...args: any[]) => {
+    $props: infer Props;
+} ? Props : never;
+export type VisuallyHiddenProps = PropsOf<typeof Components.VisuallyHidden>;
+export type PortalProps = PropsOf<typeof Components.Portal>;
+export type OptionalPortalProps = PropsOf<typeof Components.OptionalPortal>;
+export type UnstyledButtonProps = PropsOf<typeof Components.UnstyledButton>;
+export type PaperProps = PropsOf<typeof Components.Paper>;
+export type OverlayProps = PropsOf<typeof Components.Overlay>;
+export type LoaderProps = PropsOf<typeof Components.Loader>;
+export type CenterProps = PropsOf<typeof Components.Center>;
+export type ContainerProps = PropsOf<typeof Components.Container>;
+export type AspectRatioProps = PropsOf<typeof Components.AspectRatio>;
+export type DividerProps = PropsOf<typeof Components.Divider>;
+export type TextProps = PropsOf<typeof Components.Text>;
+export type AnchorProps = PropsOf<typeof Components.Anchor>;
+export type TitleProps = PropsOf<typeof Components.Title>;
+export type CodeProps = PropsOf<typeof Components.Code>;
+export type KbdProps = PropsOf<typeof Components.Kbd>;
+export type MarkProps = PropsOf<typeof Components.Mark>;
+export type ImageProps = PropsOf<typeof Components.Image>;
+export type BackgroundImageProps = PropsOf<typeof Components.BackgroundImage>;
+export type SkeletonProps = PropsOf<typeof Components.Skeleton>;
+export type ColorSwatchProps = PropsOf<typeof Components.ColorSwatch>;
+export type BadgeProps = PropsOf<typeof Components.Badge>;
+export type ThemeIconProps = PropsOf<typeof Components.ThemeIcon>;
+export type ActionIconProps = PropsOf<typeof Components.ActionIcon>;
+export type ActionIconGroupProps = PropsOf<typeof Components.ActionIconGroup>;
+export type ActionIconGroupSectionProps = PropsOf<typeof Components.ActionIconGroupSection>;
+export type CloseButtonProps = PropsOf<typeof Components.CloseButton>;
+export type ButtonGroupProps = PropsOf<typeof Components.ButtonGroup>;
+export type ButtonGroupSectionProps = PropsOf<typeof Components.ButtonGroupSection>;
+export type BurgerProps = PropsOf<typeof Components.Burger>;
+export type CollapseProps = PropsOf<typeof Components.Collapse>;
+export type CopyButtonProps = PropsOf<typeof Components.CopyButton>;
+export type LoadingOverlayProps = PropsOf<typeof Components.LoadingOverlay>;
+export type CardProps = PropsOf<typeof Components.Card>;
+export type CardSectionProps = PropsOf<typeof Components.CardSection>;
+export type AlertProps = PropsOf<typeof Components.Alert>;
+export type BlockquoteProps = PropsOf<typeof Components.Blockquote>;
+export type BreadcrumbsProps = PropsOf<typeof Components.Breadcrumbs>;
+export type ListProps = PropsOf<typeof Components.List>;
+export type ListItemProps = PropsOf<typeof Components.ListItem>;
+export type IndicatorProps = PropsOf<typeof Components.Indicator>;
+export type AvatarProps = PropsOf<typeof Components.Avatar>;
+export type AvatarGroupProps = PropsOf<typeof Components.AvatarGroup>;
+export type SimpleGridProps = PropsOf<typeof Components.SimpleGrid>;
+export type GridProps = PropsOf<typeof Components.Grid>;
+export type GridColProps = PropsOf<typeof Components.GridCol>;
+export type TableProps = PropsOf<typeof Components.Table>;
+export type TableCaptionProps = PropsOf<typeof Components.TableCaption>;
+export type TableTbodyProps = PropsOf<typeof Components.TableTbody>;
+export type TableTdProps = PropsOf<typeof Components.TableTd>;
+export type TableTfootProps = PropsOf<typeof Components.TableTfoot>;
+export type TableThProps = PropsOf<typeof Components.TableTh>;
+export type TableTheadProps = PropsOf<typeof Components.TableThead>;
+export type TableTrProps = PropsOf<typeof Components.TableTr>;
+export type ProgressProps = PropsOf<typeof Components.Progress>;
+export type ProgressRootProps = PropsOf<typeof Components.ProgressRoot>;
+export type ProgressSectionProps = PropsOf<typeof Components.ProgressSection>;
+export type ProgressLabelProps = PropsOf<typeof Components.ProgressLabel>;
+export type TimelineProps = PropsOf<typeof Components.Timeline>;
+export type TimelineItemProps = PropsOf<typeof Components.TimelineItem>;
+export type HighlightProps = PropsOf<typeof Components.Highlight>;
+export type TypographyProps = PropsOf<typeof Components.Typography>;
+export type SemiCircleProgressProps = PropsOf<typeof Components.SemiCircleProgress>;
+export type SpoilerProps = PropsOf<typeof Components.Spoiler>;
+export type FieldsetProps = PropsOf<typeof Components.Fieldset>;
+export type FileButtonProps = PropsOf<typeof Components.FileButton>;
+export type FileInputProps = PropsOf<typeof Components.FileInput>;
+export type NotificationProps = PropsOf<typeof Components.Notification>;
+export type NumberFormatterProps = PropsOf<typeof Components.NumberFormatter>;
+export type NumberInputProps = PropsOf<typeof Components.NumberInput>;
+export type NativeSelectOptionProps = PropsOf<typeof Components.NativeSelectOption>;
+export type NavLinkProps = PropsOf<typeof Components.NavLink>;
+export type MarqueeProps = PropsOf<typeof Components.Marquee>;
+export type AffixProps = PropsOf<typeof Components.Affix>;
+export type DialogProps = PropsOf<typeof Components.Dialog>;
+export type RatingProps = PropsOf<typeof Components.Rating>;
+export type FloatingIndicatorProps = PropsOf<typeof Components.FloatingIndicator>;
+export type SegmentedControlProps = PropsOf<typeof Components.SegmentedControl>;
+export type PaginationProps = PropsOf<typeof Components.Pagination>;
+export type PaginationRootProps = PropsOf<typeof Components.PaginationRoot>;
+export type PaginationControlProps = PropsOf<typeof Components.PaginationControl>;
+export type PaginationDotsProps = PropsOf<typeof Components.PaginationDots>;
+export type TabsProps = PropsOf<typeof Components.Tabs>;
+export type TabsListProps = PropsOf<typeof Components.TabsList>;
+export type TabsPanelProps = PropsOf<typeof Components.TabsPanel>;
+export type TabsTabProps = PropsOf<typeof Components.TabsTab>;
+export type AccordionProps = PropsOf<typeof Components.Accordion>;
+export type AccordionControlProps = PropsOf<typeof Components.AccordionControl>;
+export type AccordionItemProps = PropsOf<typeof Components.AccordionItem>;
+export type AccordionPanelProps = PropsOf<typeof Components.AccordionPanel>;
+export type AccordionChevronProps = PropsOf<typeof Components.AccordionChevron>;
+export type InputProps = PropsOf<typeof Components.Input>;
+export type InputWrapperProps = PropsOf<typeof Components.InputWrapper>;
+export type InputLabelProps = PropsOf<typeof Components.InputLabel>;
+export type InputDescriptionProps = PropsOf<typeof Components.InputDescription>;
+export type InputErrorProps = PropsOf<typeof Components.InputError>;
+export type InputPlaceholderProps = PropsOf<typeof Components.InputPlaceholder>;
+export type InputClearButtonProps = PropsOf<typeof Components.InputClearButton>;
+export type InputBaseProps = PropsOf<typeof Components.InputBase>;
+export type JsonInputProps = PropsOf<typeof Components.JsonInput>;
+export type TextInputProps = PropsOf<typeof Components.TextInput>;
+export type TextareaProps = PropsOf<typeof Components.Textarea>;
+export type PasswordInputProps = PropsOf<typeof Components.PasswordInput>;
+export type CheckboxProps = PropsOf<typeof Components.Checkbox>;
+export type CheckboxCardProps = PropsOf<typeof Components.CheckboxCard>;
+export type CheckboxGroupProps = PropsOf<typeof Components.CheckboxGroup>;
+export type CheckboxIndicatorProps = PropsOf<typeof Components.CheckboxIndicator>;
+export type ChipProps = PropsOf<typeof Components.Chip>;
+export type ChipGroupProps = PropsOf<typeof Components.ChipGroup>;
+export type PillProps = PropsOf<typeof Components.Pill>;
+export type PillGroupProps = PropsOf<typeof Components.PillGroup>;
+export type PillsInputProps = PropsOf<typeof Components.PillsInput>;
+export type PillsInputFieldProps = PropsOf<typeof Components.PillsInputField>;
+export type RadioProps = PropsOf<typeof Components.Radio>;
+export type RadioCardProps = PropsOf<typeof Components.RadioCard>;
+export type RadioGroupProps = PropsOf<typeof Components.RadioGroup>;
+export type RadioIndicatorProps = PropsOf<typeof Components.RadioIndicator>;
+export type SwitchProps = PropsOf<typeof Components.Switch>;
+export type SwitchGroupProps = PropsOf<typeof Components.SwitchGroup>;
+export type SpaceProps = PropsOf<typeof Components.Space>;
+export type FlexProps = PropsOf<typeof Components.Flex>;
+export type StackProps = PropsOf<typeof Components.Stack>;
+export type GroupProps = PropsOf<typeof Components.Group>;
+export type StepperProps = PropsOf<typeof Components.Stepper>;
+export type StepperStepProps = PropsOf<typeof Components.StepperStep>;
+export type StepperCompletedProps = PropsOf<typeof Components.StepperCompleted>;
+export type OverflowListProps = PropsOf<typeof Components.OverflowList>;
+export type TableOfContentsProps = PropsOf<typeof Components.TableOfContents>;
+export type FloatingWindowProps = PropsOf<typeof Components.FloatingWindow>;
+export type SliderProps = PropsOf<typeof Components.Slider>;
+export type RangeSliderProps = PropsOf<typeof Components.RangeSlider>;
+export type ColorPickerProps = PropsOf<typeof Components.ColorPicker>;
+export type AlphaSliderProps = PropsOf<typeof Components.AlphaSlider>;
+export type ColorSliderProps = PropsOf<typeof Components.ColorSlider>;
+export type HueSliderProps = PropsOf<typeof Components.HueSlider>;
+export type AppShellProps = PropsOf<typeof Components.AppShell>;
+export type AppShellHeaderProps = PropsOf<typeof Components.AppShellHeader>;
+export type AppShellNavbarProps = PropsOf<typeof Components.AppShellNavbar>;
+export type AppShellAsideProps = PropsOf<typeof Components.AppShellAside>;
+export type AppShellMainProps = PropsOf<typeof Components.AppShellMain>;
+export type AppShellFooterProps = PropsOf<typeof Components.AppShellFooter>;
+export type AppShellSectionProps = PropsOf<typeof Components.AppShellSection>;
+export type DrawerRootProps = PropsOf<typeof Components.DrawerRoot>;
+export type DrawerBodyProps = PropsOf<typeof Components.DrawerBody>;
+export type DrawerCloseButtonProps = PropsOf<typeof Components.DrawerCloseButton>;
+export type DrawerContentProps = PropsOf<typeof Components.DrawerContent>;
+export type DrawerHeaderProps = PropsOf<typeof Components.DrawerHeader>;
+export type DrawerOverlayProps = PropsOf<typeof Components.DrawerOverlay>;
+export type DrawerTitleProps = PropsOf<typeof Components.DrawerTitle>;
+export type DrawerStackProps = PropsOf<typeof Components.DrawerStack>;
+export type ModalRootProps = PropsOf<typeof Components.ModalRoot>;
+export type ModalBodyProps = PropsOf<typeof Components.ModalBody>;
+export type ModalCloseButtonProps = PropsOf<typeof Components.ModalCloseButton>;
+export type ModalContentProps = PropsOf<typeof Components.ModalContent>;
+export type ModalHeaderProps = PropsOf<typeof Components.ModalHeader>;
+export type ModalOverlayProps = PropsOf<typeof Components.ModalOverlay>;
+export type ModalTitleProps = PropsOf<typeof Components.ModalTitle>;
+export type TreeSelectOptionProps = PropsOf<typeof Components.TreeSelectOption>;
+export type BarsProps = PropsOf<typeof Components.Bars>;
+export type DotsProps = PropsOf<typeof Components.Dots>;
+export type OvalProps = PropsOf<typeof Components.Oval>;
+export type CheckIconProps = PropsOf<typeof Components.CheckIcon>;
+export type CheckboxIconProps = PropsOf<typeof Components.CheckboxIcon>;
+export type CloseIconProps = PropsOf<typeof Components.CloseIcon>;
+export type RadioIconProps = PropsOf<typeof Components.RadioIcon>;
+export type PasswordToggleIconProps = PropsOf<typeof Components.PasswordToggleIcon>;
+export type NumberInputChevronProps = PropsOf<typeof Components.NumberInputChevron>;
+export type FocusTrapInitialFocusProps = PropsOf<typeof Components.FocusTrapInitialFocus>;
+export type DirectionProviderProps = PropsOf<typeof Core.DirectionProvider>;
+export type HeadlessMantineProviderProps = PropsOf<typeof Core.HeadlessMantineProvider>;
+export type MantineThemeProviderProps = PropsOf<typeof Core.MantineThemeProvider>;
+export type InlineStylesProps = PropsOf<typeof Core.InlineStyles>;
+export type MantineClassesProps = PropsOf<typeof Core.MantineClasses>;
+export type MantineCssVariablesProps = PropsOf<typeof Core.MantineCssVariables>;
+export type NativeScrollAreaProps = PropsOf<typeof Components.NativeScrollArea>;
+export type ScrollAreaAutosizeProps = PropsOf<typeof Components.ScrollAreaAutosize>;
+export type PaginationFirstProps = PropsOf<typeof Components.PaginationFirst>;
+export type PaginationItemsProps = PropsOf<typeof Components.PaginationItems>;
+export type PaginationItemsGroupProps = PropsOf<typeof Components.PaginationItemsGroup>;
+export type PaginationLabelProps = PropsOf<typeof Components.PaginationLabel>;
+export type PaginationLastProps = PropsOf<typeof Components.PaginationLast>;
+export type PaginationNextProps = PropsOf<typeof Components.PaginationNext>;
+export type PaginationPreviousProps = PropsOf<typeof Components.PaginationPrevious>;
+export type TableDataRendererProps = PropsOf<typeof Components.TableDataRenderer>;
+export {};

package/lib/components/index.d.ts

@@ -112,3 +112,4 @@ export * from './MultiSelect';
 export * from './TagsInput';
 export * from './ColorInput';
 export * from './TreeSelect';
+export * from './component-props';

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

@@ -80,7 +80,7 @@ export declare const Box: import("vue").DefineComponent<import("vue").ExtractPro
     /** FontFamily */
     ff: PropType<import("./style-props").StyleProp<"text" | (string & {}) | "headings" | "monospace" | "mono" | "heading"> | undefined>;
     /** FontSize, theme key: theme.fontSizes */
-    fz: PropType<import("./style-props").StyleProp<string | number> | undefined>;
+    fz: PropType<import("./style-props").StyleProp<number | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | import("..").MantineFontSize> | undefined>;
     /** FontWeight */
     fw: PropType<import("./style-props").StyleProp<import("csstype").Property.FontWeight | undefined>>;
     /** LetterSpacing */
@@ -88,7 +88,7 @@ export declare const Box: import("vue").DefineComponent<import("vue").ExtractPro
     /** TextAlign */
     ta: PropType<import("./style-props").StyleProp<import("csstype").Property.TextAlign | undefined>>;
     /** LineHeight, theme key: theme.lineHeights */
-    lh: PropType<import("./style-props").StyleProp<string | number> | undefined>;
+    lh: PropType<import("./style-props").StyleProp<number | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | import("..").MantineLineHeight> | undefined>;
     /** FontStyle */
     fs: PropType<import("./style-props").StyleProp<import("csstype").Property.FontStyle | undefined>>;
     /** TextTransform */
@@ -203,7 +203,7 @@ export declare const Box: import("vue").DefineComponent<import("vue").ExtractPro
     /** FontFamily */
     ff: PropType<import("./style-props").StyleProp<"text" | (string & {}) | "headings" | "monospace" | "mono" | "heading"> | undefined>;
     /** FontSize, theme key: theme.fontSizes */
-    fz: PropType<import("./style-props").StyleProp<string | number> | undefined>;
+    fz: PropType<import("./style-props").StyleProp<number | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | import("..").MantineFontSize> | undefined>;
     /** FontWeight */
     fw: PropType<import("./style-props").StyleProp<import("csstype").Property.FontWeight | undefined>>;
     /** LetterSpacing */
@@ -211,7 +211,7 @@ export declare const Box: import("vue").DefineComponent<import("vue").ExtractPro
     /** TextAlign */
     ta: PropType<import("./style-props").StyleProp<import("csstype").Property.TextAlign | undefined>>;
     /** LineHeight, theme key: theme.lineHeights */
-    lh: PropType<import("./style-props").StyleProp<string | number> | undefined>;
+    lh: PropType<import("./style-props").StyleProp<number | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | import("..").MantineLineHeight> | undefined>;
     /** FontStyle */
     fs: PropType<import("./style-props").StyleProp<import("csstype").Property.FontStyle | undefined>>;
     /** TextTransform */

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

@@ -1,6 +1,6 @@
 import type { CSSProperties } from 'vue';
-import type { MantineColor, MantineSpacing } from '../../MantineProvider';
-export type StyleProp<Value> = Value | Partial<Record<string, Value>>;
+import type { MantineBreakpoint, MantineColor, MantineFontSize, MantineLineHeight, MantineSpacing } from '../../MantineProvider';
+export type StyleProp<Value> = Value | Partial<Record<MantineBreakpoint | (string & {}), Value>>;
 type CssValue<Key extends keyof CSSProperties> = CSSProperties[Key];
 export interface MantineStyleProps {
     /** Margin, theme key: theme.spacing */
@@ -60,7 +60,7 @@ export interface MantineStyleProps {
     /** FontFamily */
     ff?: StyleProp<'monospace' | 'mono' | 'text' | 'heading' | 'headings' | (string & {})>;
     /** FontSize, theme key: theme.fontSizes */
-    fz?: StyleProp<string | number>;
+    fz?: StyleProp<MantineFontSize | `h${1 | 2 | 3 | 4 | 5 | 6}` | number | (string & {})>;
     /** FontWeight */
     fw?: StyleProp<CssValue<'fontWeight'>>;
     /** LetterSpacing */
@@ -68,7 +68,7 @@ export interface MantineStyleProps {
     /** TextAlign */
     ta?: StyleProp<CssValue<'textAlign'>>;
     /** LineHeight, theme key: theme.lineHeights */
-    lh?: StyleProp<string | number>;
+    lh?: StyleProp<MantineLineHeight | `h${1 | 2 | 3 | 4 | 5 | 6}` | number | (string & {})>;
     /** FontStyle */
     fs?: StyleProp<CssValue<'fontStyle'>>;
     /** TextTransform */

package/lib/core/MantineProvider/theme.types.d.ts

@@ -8,8 +8,13 @@ export type MantineSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export interface MantineThemeSizesOverride {
 }
 type CustomThemeSize<Section extends string> = MantineThemeSizesOverride extends Record<Section, Record<infer CustomSize, string>> ? CustomSize : MantineSize;
+export type MantineBreakpoint = CustomThemeSize<'breakpoints'> | (string & {});
+export type MantineFontSize = CustomThemeSize<'fontSizes'> | (string & {});
 export type MantineRadius = CustomThemeSize<'radius'> | (string & {}) | number;
 export type MantineSpacing = CustomThemeSize<'spacing'> | (string & {}) | number;
+export type MantineShadow = CustomThemeSize<'shadows'> | (string & {});
+export type MantineLineHeight = CustomThemeSize<'lineHeights'> | (string & {});
+export type MantineFontWeight = CustomThemeSize<'fontWeights'> | (string & {});
 export type MantineColorsTuple = readonly [
     string,
     string,

package/lib/core/types.d.ts

@@ -1,6 +1,13 @@
 import type { CSSProperties, Component, Ref } from 'vue';
 import type { MantineTheme, MantineThemeOverride } from './MantineProvider';
 export type MantineStyle = CSSProperties;
+export type AlignItems = CSSProperties['alignItems'];
+export type JustifyContent = CSSProperties['justifyContent'];
+export type FlexWrap = CSSProperties['flexWrap'];
+export type FlexDirection = CSSProperties['flexDirection'];
+export type Overflow = CSSProperties['overflow'];
+export type ObjectFit = CSSProperties['objectFit'];
+export type PointerEvents = CSSProperties['pointerEvents'];
 export type MantineClassNames = Record<string, string>;
 export type MantineStyles = Record<string, MantineStyle>;
 export type MantineVars = Record<string, Record<string, string | undefined>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine-vue/core",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "description": "Vue component foundation architecturally equivalent to @mantine/core",
   "license": "MIT",
   "files": [
@@ -44,8 +44,8 @@
     "vue": "^3.5.0"
   },
   "peerDependencies": {
-    "@mantine-vue/hooks": "2.2.1",
-    "@mantine-vue/utils": "2.2.1",
+    "@mantine-vue/hooks": "2.3.0",
+    "@mantine-vue/utils": "2.3.0",
     "vue": "^3.5.0"
   }
 }