@mantine-vue/core 1.1.1

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

@@ -0,0 +1,262 @@
+import { type Component, type PropType } from 'vue';
+import { type MantineStyleProps } from './style-props';
+export interface BoxProps extends MantineStyleProps {
+    component?: string | Component;
+    __size?: string | number;
+    variant?: string;
+    size?: string | number;
+    hiddenFrom?: string;
+    visibleFrom?: string;
+    lightHidden?: boolean;
+    darkHidden?: boolean;
+    mod?: Record<string, boolean | string | number | undefined> | Array<Record<string, boolean | string | number | undefined> | undefined>;
+}
+export declare const Box: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    component: {
+        type: PropType<string | Component>;
+        default: string;
+    };
+    __size: (NumberConstructor | StringConstructor)[];
+    variant: StringConstructor;
+    size: (NumberConstructor | StringConstructor)[];
+    hiddenFrom: StringConstructor;
+    visibleFrom: StringConstructor;
+    lightHidden: BooleanConstructor;
+    darkHidden: BooleanConstructor;
+    /** Margin, theme key: theme.spacing */
+    m: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** MarginBlock, theme key: theme.spacing */
+    my: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** MarginInline, theme key: theme.spacing */
+    mx: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** MarginTop, theme key: theme.spacing */
+    mt: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** MarginBottom, theme key: theme.spacing */
+    mb: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** MarginInlineStart, theme key: theme.spacing */
+    ms: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** MarginInlineEnd, theme key: theme.spacing */
+    me: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** MarginInlineStart, theme key: theme.spacing */
+    mis: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** MarginInlineEnd, theme key: theme.spacing */
+    mie: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** MarginLeft, theme key: theme.spacing */
+    ml: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** MarginRight, theme key: theme.spacing */
+    mr: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** Padding, theme key: theme.spacing */
+    p: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** PaddingBlock, theme key: theme.spacing */
+    py: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** PaddingInline, theme key: theme.spacing */
+    px: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** PaddingTop, theme key: theme.spacing */
+    pt: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** PaddingBottom, theme key: theme.spacing */
+    pb: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** PaddingInlineStart, theme key: theme.spacing */
+    ps: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** PaddingInlineEnd, theme key: theme.spacing */
+    pe: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** PaddingInlineStart, theme key: theme.spacing */
+    pis: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** PaddingInlineEnd, theme key: theme.spacing */
+    pie: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** PaddingLeft, theme key: theme.spacing */
+    pl: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** PaddingRight, theme key: theme.spacing */
+    pr: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** Border */
+    bd: PropType<import("./style-props").StyleProp<import("csstype").Property.Border<string | number> | undefined>>;
+    /** BorderRadius, theme key: theme.radius */
+    bdrs: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** Background, theme key: theme.colors */
+    bg: PropType<import("./style-props").StyleProp<import("..").MantineColor> | undefined>;
+    /** Color, theme key: theme.colors */
+    c: PropType<import("./style-props").StyleProp<import("..").MantineColor> | undefined>;
+    /** Opacity */
+    opacity: PropType<import("./style-props").StyleProp<import("csstype").Property.Opacity | undefined>>;
+    /** FontFamily */
+    ff: PropType<import("./style-props").StyleProp<(string & {}) | "headings" | "text" | "monospace" | "mono" | "heading"> | undefined>;
+    /** FontSize, theme key: theme.fontSizes */
+    fz: PropType<import("./style-props").StyleProp<string | number> | undefined>;
+    /** FontWeight */
+    fw: PropType<import("./style-props").StyleProp<import("csstype").Property.FontWeight | undefined>>;
+    /** LetterSpacing */
+    lts: PropType<import("./style-props").StyleProp<import("csstype").Property.LetterSpacing<string | number> | undefined>>;
+    /** 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>;
+    /** FontStyle */
+    fs: PropType<import("./style-props").StyleProp<import("csstype").Property.FontStyle | undefined>>;
+    /** TextTransform */
+    tt: PropType<import("./style-props").StyleProp<import("csstype").Property.TextTransform | undefined>>;
+    /** TextDecoration */
+    td: PropType<import("./style-props").StyleProp<import("csstype").Property.TextDecoration<string | number> | undefined>>;
+    /** Width, theme key: theme.spacing */
+    w: PropType<import("./style-props").StyleProp<import("csstype").Property.Width<string | number> | undefined>>;
+    /** MinWidth, theme key: theme.spacing */
+    miw: PropType<import("./style-props").StyleProp<import("csstype").Property.MinWidth<string | number> | undefined>>;
+    /** MaxWidth, theme key: theme.spacing */
+    maw: PropType<import("./style-props").StyleProp<import("csstype").Property.MaxWidth<string | number> | undefined>>;
+    /** Height, theme key: theme.spacing */
+    h: PropType<import("./style-props").StyleProp<import("csstype").Property.Height<string | number> | undefined>>;
+    /** MinHeight, theme key: theme.spacing */
+    mih: PropType<import("./style-props").StyleProp<import("csstype").Property.MinHeight<string | number> | undefined>>;
+    /** MaxHeight, theme key: theme.spacing */
+    mah: PropType<import("./style-props").StyleProp<import("csstype").Property.MaxHeight<string | number> | undefined>>;
+    /** BackgroundSize */
+    bgsz: PropType<import("./style-props").StyleProp<import("csstype").Property.BackgroundSize<string | number> | undefined>>;
+    /** BackgroundPosition */
+    bgp: PropType<import("./style-props").StyleProp<import("csstype").Property.BackgroundPosition<string | number> | undefined>>;
+    /** BackgroundRepeat */
+    bgr: PropType<import("./style-props").StyleProp<import("csstype").Property.BackgroundRepeat | undefined>>;
+    /** BackgroundAttachment */
+    bga: PropType<import("./style-props").StyleProp<import("csstype").Property.BackgroundAttachment | undefined>>;
+    /** Position */
+    pos: PropType<import("./style-props").StyleProp<import("csstype").Property.Position | undefined>>;
+    /** Top */
+    top: PropType<import("./style-props").StyleProp<import("csstype").Property.Top<string | number> | undefined>>;
+    /** Left */
+    left: PropType<import("./style-props").StyleProp<import("csstype").Property.Left<string | number> | undefined>>;
+    /** Bottom */
+    bottom: PropType<import("./style-props").StyleProp<import("csstype").Property.Bottom<string | number> | undefined>>;
+    /** Right */
+    right: PropType<import("./style-props").StyleProp<import("csstype").Property.Right<string | number> | undefined>>;
+    /** Inset */
+    inset: PropType<import("./style-props").StyleProp<import("csstype").Property.Inset<string | number> | undefined>>;
+    /** Display */
+    display: PropType<import("./style-props").StyleProp<import("csstype").Property.Display | undefined>>;
+    /** Flex */
+    flex: PropType<import("./style-props").StyleProp<import("csstype").Property.Flex<string | number> | undefined>>;
+    mod: PropType<BoxProps["mod"]>;
+}>, () => 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<{
+    component: {
+        type: PropType<string | Component>;
+        default: string;
+    };
+    __size: (NumberConstructor | StringConstructor)[];
+    variant: StringConstructor;
+    size: (NumberConstructor | StringConstructor)[];
+    hiddenFrom: StringConstructor;
+    visibleFrom: StringConstructor;
+    lightHidden: BooleanConstructor;
+    darkHidden: BooleanConstructor;
+    /** Margin, theme key: theme.spacing */
+    m: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** MarginBlock, theme key: theme.spacing */
+    my: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** MarginInline, theme key: theme.spacing */
+    mx: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** MarginTop, theme key: theme.spacing */
+    mt: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** MarginBottom, theme key: theme.spacing */
+    mb: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** MarginInlineStart, theme key: theme.spacing */
+    ms: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** MarginInlineEnd, theme key: theme.spacing */
+    me: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** MarginInlineStart, theme key: theme.spacing */
+    mis: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** MarginInlineEnd, theme key: theme.spacing */
+    mie: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** MarginLeft, theme key: theme.spacing */
+    ml: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** MarginRight, theme key: theme.spacing */
+    mr: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** Padding, theme key: theme.spacing */
+    p: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** PaddingBlock, theme key: theme.spacing */
+    py: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** PaddingInline, theme key: theme.spacing */
+    px: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** PaddingTop, theme key: theme.spacing */
+    pt: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** PaddingBottom, theme key: theme.spacing */
+    pb: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** PaddingInlineStart, theme key: theme.spacing */
+    ps: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** PaddingInlineEnd, theme key: theme.spacing */
+    pe: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** PaddingInlineStart, theme key: theme.spacing */
+    pis: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** PaddingInlineEnd, theme key: theme.spacing */
+    pie: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** PaddingLeft, theme key: theme.spacing */
+    pl: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** PaddingRight, theme key: theme.spacing */
+    pr: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** Border */
+    bd: PropType<import("./style-props").StyleProp<import("csstype").Property.Border<string | number> | undefined>>;
+    /** BorderRadius, theme key: theme.radius */
+    bdrs: PropType<import("./style-props").StyleProp<import("..").MantineSpacing> | undefined>;
+    /** Background, theme key: theme.colors */
+    bg: PropType<import("./style-props").StyleProp<import("..").MantineColor> | undefined>;
+    /** Color, theme key: theme.colors */
+    c: PropType<import("./style-props").StyleProp<import("..").MantineColor> | undefined>;
+    /** Opacity */
+    opacity: PropType<import("./style-props").StyleProp<import("csstype").Property.Opacity | undefined>>;
+    /** FontFamily */
+    ff: PropType<import("./style-props").StyleProp<(string & {}) | "headings" | "text" | "monospace" | "mono" | "heading"> | undefined>;
+    /** FontSize, theme key: theme.fontSizes */
+    fz: PropType<import("./style-props").StyleProp<string | number> | undefined>;
+    /** FontWeight */
+    fw: PropType<import("./style-props").StyleProp<import("csstype").Property.FontWeight | undefined>>;
+    /** LetterSpacing */
+    lts: PropType<import("./style-props").StyleProp<import("csstype").Property.LetterSpacing<string | number> | undefined>>;
+    /** 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>;
+    /** FontStyle */
+    fs: PropType<import("./style-props").StyleProp<import("csstype").Property.FontStyle | undefined>>;
+    /** TextTransform */
+    tt: PropType<import("./style-props").StyleProp<import("csstype").Property.TextTransform | undefined>>;
+    /** TextDecoration */
+    td: PropType<import("./style-props").StyleProp<import("csstype").Property.TextDecoration<string | number> | undefined>>;
+    /** Width, theme key: theme.spacing */
+    w: PropType<import("./style-props").StyleProp<import("csstype").Property.Width<string | number> | undefined>>;
+    /** MinWidth, theme key: theme.spacing */
+    miw: PropType<import("./style-props").StyleProp<import("csstype").Property.MinWidth<string | number> | undefined>>;
+    /** MaxWidth, theme key: theme.spacing */
+    maw: PropType<import("./style-props").StyleProp<import("csstype").Property.MaxWidth<string | number> | undefined>>;
+    /** Height, theme key: theme.spacing */
+    h: PropType<import("./style-props").StyleProp<import("csstype").Property.Height<string | number> | undefined>>;
+    /** MinHeight, theme key: theme.spacing */
+    mih: PropType<import("./style-props").StyleProp<import("csstype").Property.MinHeight<string | number> | undefined>>;
+    /** MaxHeight, theme key: theme.spacing */
+    mah: PropType<import("./style-props").StyleProp<import("csstype").Property.MaxHeight<string | number> | undefined>>;
+    /** BackgroundSize */
+    bgsz: PropType<import("./style-props").StyleProp<import("csstype").Property.BackgroundSize<string | number> | undefined>>;
+    /** BackgroundPosition */
+    bgp: PropType<import("./style-props").StyleProp<import("csstype").Property.BackgroundPosition<string | number> | undefined>>;
+    /** BackgroundRepeat */
+    bgr: PropType<import("./style-props").StyleProp<import("csstype").Property.BackgroundRepeat | undefined>>;
+    /** BackgroundAttachment */
+    bga: PropType<import("./style-props").StyleProp<import("csstype").Property.BackgroundAttachment | undefined>>;
+    /** Position */
+    pos: PropType<import("./style-props").StyleProp<import("csstype").Property.Position | undefined>>;
+    /** Top */
+    top: PropType<import("./style-props").StyleProp<import("csstype").Property.Top<string | number> | undefined>>;
+    /** Left */
+    left: PropType<import("./style-props").StyleProp<import("csstype").Property.Left<string | number> | undefined>>;
+    /** Bottom */
+    bottom: PropType<import("./style-props").StyleProp<import("csstype").Property.Bottom<string | number> | undefined>>;
+    /** Right */
+    right: PropType<import("./style-props").StyleProp<import("csstype").Property.Right<string | number> | undefined>>;
+    /** Inset */
+    inset: PropType<import("./style-props").StyleProp<import("csstype").Property.Inset<string | number> | undefined>>;
+    /** Display */
+    display: PropType<import("./style-props").StyleProp<import("csstype").Property.Display | undefined>>;
+    /** Flex */
+    flex: PropType<import("./style-props").StyleProp<import("csstype").Property.Flex<string | number> | undefined>>;
+    mod: PropType<BoxProps["mod"]>;
+}>> & Readonly<{}>, {
+    component: string | Component;
+    lightHidden: boolean;
+    darkHidden: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,2 @@
+export * from './Box';
+export * from './style-props';

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

@@ -0,0 +1,3 @@
+export * from './parse-style-props';
+export * from './style-props-data';
+export * from './style-props.types';

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

@@ -0,0 +1,18 @@
+import { type MantineTheme } from '../../MantineProvider';
+import type { StyleProp } from './style-props.types';
+import type { SystemPropData } from './style-props-data';
+export interface ParseStylePropsInput {
+    styleProps: Record<string, StyleProp<any> | undefined>;
+    theme: MantineTheme;
+    data: Record<string, SystemPropData>;
+}
+export declare function parseStyleProps({ styleProps, theme, data }: ParseStylePropsInput): {
+    inlineStyles: Record<string, string | number>;
+    styles: Record<string, string | number>;
+    media: {
+        [k: string]: Record<string, string | number>;
+    };
+    hasResponsiveStyles: boolean;
+};
+export declare function hashStyleProps(styles: Record<string, any>, media: Record<string, any>): string;
+export declare function useRandomClassName(): string;

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

@@ -0,0 +1,7 @@
+import type { MantineStyleProps } from './style-props.types';
+export type StylePropType = 'spacing' | 'identity' | 'border' | 'radius' | 'color' | 'textColor' | 'fontFamily' | 'fontSize' | 'lineHeight' | 'size';
+export interface SystemPropData {
+    type: StylePropType;
+    property: string;
+}
+export declare const STYLE_PROPS_DATA: Record<keyof MantineStyleProps, SystemPropData>;

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

@@ -0,0 +1,115 @@
+import type { CSSProperties } from 'vue';
+import type { MantineColor, MantineSpacing } from '../../MantineProvider';
+export type StyleProp<Value> = Value | Partial<Record<string, Value>>;
+type CssValue<Key extends keyof CSSProperties> = CSSProperties[Key];
+export interface MantineStyleProps {
+    /** Margin, theme key: theme.spacing */
+    m?: StyleProp<MantineSpacing>;
+    /** MarginBlock, theme key: theme.spacing */
+    my?: StyleProp<MantineSpacing>;
+    /** MarginInline, theme key: theme.spacing */
+    mx?: StyleProp<MantineSpacing>;
+    /** MarginTop, theme key: theme.spacing */
+    mt?: StyleProp<MantineSpacing>;
+    /** MarginBottom, theme key: theme.spacing */
+    mb?: StyleProp<MantineSpacing>;
+    /** MarginInlineStart, theme key: theme.spacing */
+    ms?: StyleProp<MantineSpacing>;
+    /** MarginInlineEnd, theme key: theme.spacing */
+    me?: StyleProp<MantineSpacing>;
+    /** MarginInlineStart, theme key: theme.spacing */
+    mis?: StyleProp<MantineSpacing>;
+    /** MarginInlineEnd, theme key: theme.spacing */
+    mie?: StyleProp<MantineSpacing>;
+    /** MarginLeft, theme key: theme.spacing */
+    ml?: StyleProp<MantineSpacing>;
+    /** MarginRight, theme key: theme.spacing */
+    mr?: StyleProp<MantineSpacing>;
+    /** Padding, theme key: theme.spacing */
+    p?: StyleProp<MantineSpacing>;
+    /** PaddingBlock, theme key: theme.spacing */
+    py?: StyleProp<MantineSpacing>;
+    /** PaddingInline, theme key: theme.spacing */
+    px?: StyleProp<MantineSpacing>;
+    /** PaddingTop, theme key: theme.spacing */
+    pt?: StyleProp<MantineSpacing>;
+    /** PaddingBottom, theme key: theme.spacing */
+    pb?: StyleProp<MantineSpacing>;
+    /** PaddingInlineStart, theme key: theme.spacing */
+    ps?: StyleProp<MantineSpacing>;
+    /** PaddingInlineEnd, theme key: theme.spacing */
+    pe?: StyleProp<MantineSpacing>;
+    /** PaddingInlineStart, theme key: theme.spacing */
+    pis?: StyleProp<MantineSpacing>;
+    /** PaddingInlineEnd, theme key: theme.spacing */
+    pie?: StyleProp<MantineSpacing>;
+    /** PaddingLeft, theme key: theme.spacing */
+    pl?: StyleProp<MantineSpacing>;
+    /** PaddingRight, theme key: theme.spacing */
+    pr?: StyleProp<MantineSpacing>;
+    /** Border */
+    bd?: StyleProp<CssValue<'border'>>;
+    /** BorderRadius, theme key: theme.radius */
+    bdrs?: StyleProp<MantineSpacing>;
+    /** Background, theme key: theme.colors */
+    bg?: StyleProp<MantineColor>;
+    /** Color, theme key: theme.colors */
+    c?: StyleProp<MantineColor>;
+    /** Opacity */
+    opacity?: StyleProp<CssValue<'opacity'>>;
+    /** FontFamily */
+    ff?: StyleProp<'monospace' | 'mono' | 'text' | 'heading' | 'headings' | (string & {})>;
+    /** FontSize, theme key: theme.fontSizes */
+    fz?: StyleProp<string | number>;
+    /** FontWeight */
+    fw?: StyleProp<CssValue<'fontWeight'>>;
+    /** LetterSpacing */
+    lts?: StyleProp<CssValue<'letterSpacing'>>;
+    /** TextAlign */
+    ta?: StyleProp<CssValue<'textAlign'>>;
+    /** LineHeight, theme key: theme.lineHeights */
+    lh?: StyleProp<string | number>;
+    /** FontStyle */
+    fs?: StyleProp<CssValue<'fontStyle'>>;
+    /** TextTransform */
+    tt?: StyleProp<CssValue<'textTransform'>>;
+    /** TextDecoration */
+    td?: StyleProp<CssValue<'textDecoration'>>;
+    /** Width, theme key: theme.spacing */
+    w?: StyleProp<CssValue<'width'>>;
+    /** MinWidth, theme key: theme.spacing */
+    miw?: StyleProp<CssValue<'minWidth'>>;
+    /** MaxWidth, theme key: theme.spacing */
+    maw?: StyleProp<CssValue<'maxWidth'>>;
+    /** Height, theme key: theme.spacing */
+    h?: StyleProp<CssValue<'height'>>;
+    /** MinHeight, theme key: theme.spacing */
+    mih?: StyleProp<CssValue<'minHeight'>>;
+    /** MaxHeight, theme key: theme.spacing */
+    mah?: StyleProp<CssValue<'maxHeight'>>;
+    /** BackgroundSize */
+    bgsz?: StyleProp<CssValue<'backgroundSize'>>;
+    /** BackgroundPosition */
+    bgp?: StyleProp<CssValue<'backgroundPosition'>>;
+    /** BackgroundRepeat */
+    bgr?: StyleProp<CssValue<'backgroundRepeat'>>;
+    /** BackgroundAttachment */
+    bga?: StyleProp<CssValue<'backgroundAttachment'>>;
+    /** Position */
+    pos?: StyleProp<CssValue<'position'>>;
+    /** Top */
+    top?: StyleProp<CssValue<'top'>>;
+    /** Left */
+    left?: StyleProp<CssValue<'left'>>;
+    /** Bottom */
+    bottom?: StyleProp<CssValue<'bottom'>>;
+    /** Right */
+    right?: StyleProp<CssValue<'right'>>;
+    /** Inset */
+    inset?: StyleProp<CssValue<'inset'>>;
+    /** Display */
+    display?: StyleProp<CssValue<'display'>>;
+    /** Flex */
+    flex?: StyleProp<CssValue<'flex'>>;
+}
+export {};

package/lib/core/DirectionProvider/DirectionProvider.d.ts

@@ -0,0 +1,24 @@
+import { type InjectionKey, type PropType, type Ref } from 'vue';
+export type Direction = 'ltr' | 'rtl';
+export interface DirectionContextValue {
+    dir: Ref<Direction>;
+    setDirection: (dir: Direction) => void;
+    toggleDirection: () => void;
+}
+export declare const DirectionContextKey: InjectionKey<DirectionContextValue>;
+export declare function useDirection(): DirectionContextValue;
+export declare const DirectionProvider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    initialDirection: {
+        type: PropType<Direction>;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    initialDirection: {
+        type: PropType<Direction>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    initialDirection: Direction;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/core/DirectionProvider/index.d.ts

@@ -0,0 +1 @@
+export * from './DirectionProvider';

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

@@ -0,0 +1,51 @@
+import { type PropType } from 'vue';
+export declare const InlineStyles: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    selector: {
+        type: StringConstructor;
+        required: true;
+    };
+    styles: {
+        type: PropType<Record<string, string | number | undefined>>;
+        default: undefined;
+    };
+    media: {
+        type: PropType<Record<string, Record<string, string | number | undefined>>>;
+        default: undefined;
+    };
+    container: {
+        type: PropType<Record<string, Record<string, string | number | undefined>>>;
+        default: undefined;
+    };
+    deduplicate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => 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<{
+    selector: {
+        type: StringConstructor;
+        required: true;
+    };
+    styles: {
+        type: PropType<Record<string, string | number | undefined>>;
+        default: undefined;
+    };
+    media: {
+        type: PropType<Record<string, Record<string, string | number | undefined>>>;
+        default: undefined;
+    };
+    container: {
+        type: PropType<Record<string, Record<string, string | number | undefined>>>;
+        default: undefined;
+    };
+    deduplicate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    styles: Record<string, string | number | undefined>;
+    media: Record<string, Record<string, string | number | undefined>>;
+    container: Record<string, Record<string, string | number | undefined>>;
+    deduplicate: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1 @@
+export * from './InlineStyles';

package/lib/core/MantineProvider/Mantine.context.d.ts

@@ -0,0 +1,49 @@
+import { type ComputedRef, type InjectionKey, type Ref } from 'vue';
+import type { CSSVariablesResolver } from './css-variables';
+import type { MantineColorScheme, MantineTheme } from './theme.types';
+export interface MantineStylesTransform {
+    sx?: () => (sx: any) => string;
+    styles?: () => (styles: any, payload: any) => Record<string, string>;
+}
+export interface MantineContextValue {
+    colorScheme: Ref<MantineColorScheme>;
+    setColorScheme: (colorScheme: MantineColorScheme) => void;
+    clearColorScheme: () => void;
+    getRootElement: () => HTMLElement | undefined;
+    classNamesPrefix: string;
+    getStyleNonce?: () => string | undefined;
+    cssVariablesResolver?: CSSVariablesResolver;
+    cssVariablesSelector: string;
+    withStaticClasses: boolean;
+    headless?: boolean;
+    stylesTransform?: MantineStylesTransform;
+    env?: 'default' | 'test';
+    deduplicateInlineStyles?: boolean;
+}
+export declare const MantineContextKey: InjectionKey<MantineContextValue>;
+export declare const MantineThemeKey: InjectionKey<ComputedRef<MantineTheme>>;
+export declare function provideMantineContext(value: MantineContextValue): void;
+export declare function useMantineContext(): MantineContextValue;
+export declare function useMantineCssVariablesResolver(): CSSVariablesResolver | undefined;
+export declare function useMantineClassNamesPrefix(): string;
+export declare function useMantineStyleNonce(): (() => string | undefined) | undefined;
+export declare function useMantineWithStaticClasses(): boolean;
+export declare function useMantineIsHeadless(): boolean | undefined;
+export declare function useMantineEnv(): "default" | "test";
+export declare function useMantineDeduplicateInlineStyles(): boolean;
+export declare function createProviderColorScheme(defaultColorScheme: MantineColorScheme): {
+    colorScheme: Ref<MantineColorScheme, MantineColorScheme>;
+    setColorScheme: (value: MantineColorScheme) => void;
+    clearColorScheme: () => void;
+};
+export declare function provideMantineTheme(theme: ComputedRef<MantineTheme>): void;
+export declare function resolveColorScheme(colorScheme: 'light' | 'dark' | 'auto'): 'light' | 'dark';
+export declare function useMantineColorScheme(): {
+    colorScheme: Ref<MantineColorScheme, MantineColorScheme>;
+    setColorScheme: (colorScheme: MantineColorScheme) => void;
+    clearColorScheme: () => void;
+};
+export interface UseComputedColorSchemeOptions {
+    getInitialValueInEffect?: boolean;
+}
+export declare function useComputedColorScheme(defaultValue?: 'light' | 'dark', options?: UseComputedColorSchemeOptions): ComputedRef<"light" | "dark">;