@mantine-vue/core 2.0.1 → 2.2.0

package/lib/components/TagsInput/TagsInput.d.ts

@@ -178,8 +178,8 @@ export declare const TagsInput: import("vue").DefineComponent<import("vue").Extr
     dropdownOpened: boolean;
     defaultDropdownOpened: boolean;
     selectFirstOptionOnDropdownOpen: boolean;
-    openOnFocus: boolean;
     hiddenInputValuesDivider: string;
+    openOnFocus: boolean;
     maxTags: number;
     allowDuplicates: boolean;
     splitChars: string[];

package/lib/components/Text/Text.d.ts

@@ -136,6 +136,7 @@ export declare const Text: import("../..").WithBoxProps<import("vue").DefineComp
         default: boolean;
     };
 }>> & Readonly<{}>, {
+    span: boolean;
     variant: TextVariant;
     gradient: {
         from: string;
@@ -144,7 +145,6 @@ export declare const Text: import("../..").WithBoxProps<import("vue").DefineComp
     };
     inherit: boolean;
     textWrap: "wrap" | "nowrap" | "balance" | "pretty" | "stable";
-    span: boolean;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     mod: any;

package/lib/components/Textarea/Textarea.d.ts

@@ -60,7 +60,7 @@ export declare const Textarea: import("vue").DefineComponent<import("vue").Extra
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    resize: "none" | "both" | "horizontal" | "vertical";
+    resize: "vertical" | "horizontal" | "none" | "both";
     __staticSelector: string;
     autosize: boolean;
     bottomSection: any;

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

@@ -347,10 +347,10 @@ export declare const Timeline: import("../..").WithBoxProps<{
             default: undefined;
         };
     }>> & Readonly<{}>, {
-        radius: string | number;
-        color: string;
         style: any;
         title: import("../..").MantineNode;
+        radius: string | number;
+        color: string;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
         active: boolean;

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

@@ -131,10 +131,10 @@ export declare const TimelineItem: import("../../..").WithBoxProps<import("vue")
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    radius: string | number;
-    color: string;
     style: any;
     title: MantineNode;
+    radius: string | number;
+    color: string;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     active: boolean;

package/lib/components/TreeSelect/TreeSelect.d.ts

@@ -347,14 +347,14 @@ export declare const TreeSelect: import("vue").DefineComponent<import("vue").Ext
     modelValue: any;
     maxDropdownHeight: string | number;
     nothingFoundMessage: any;
-    searchable: boolean;
-    allowDeselect: boolean;
     dropdownOpened: boolean;
     defaultDropdownOpened: boolean;
+    searchable: boolean;
+    allowDeselect: boolean;
+    hiddenInputValuesDivider: string;
     openOnFocus: boolean;
     maxValues: number;
     clearSearchOnChange: boolean;
-    hiddenInputValuesDivider: string;
     checkedStrategy: CheckedStrategy;
     defaultExpandAll: boolean;
     maxDisplayedValuesContent: any;

package/lib/components/index.d.ts

@@ -101,7 +101,11 @@ export * from './Popover';
 export * from './Tooltip';
 export * from './HoverCard';
 export * from './Menu';
+export * from './Menubar';
 export * from './Combobox';
+export * from './ComboboxPopover';
+export * from './DataList';
+export * from './EmptyState';
 export * from './Select';
 export * from './Autocomplete';
 export * from './MultiSelect';

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

@@ -78,7 +78,7 @@ export declare const Box: import("vue").DefineComponent<import("vue").ExtractPro
     /** 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>;
+    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>;
     /** FontWeight */
@@ -201,7 +201,7 @@ export declare const Box: import("vue").DefineComponent<import("vue").ExtractPro
     /** 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>;
+    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>;
     /** FontWeight */

package/lib/core/utils/create-scoped-keydown-handler.d.ts

@@ -0,0 +1,10 @@
+export interface CreateScopedKeydownHandlerInput {
+    parentSelector: string;
+    siblingSelector: string;
+    loop?: boolean;
+    orientation: 'vertical' | 'horizontal';
+    dir?: 'rtl' | 'ltr';
+    activateOnFocus?: boolean;
+    onKeydown?: (event: KeyboardEvent) => void;
+}
+export declare function createScopedKeydownHandler({ parentSelector, siblingSelector, onKeydown, loop, activateOnFocus, dir, orientation, }: CreateScopedKeydownHandlerInput): (event: KeyboardEvent) => void;

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

@@ -1,4 +1,5 @@
 import { type InjectionKey } from 'vue';
 export * from '@mantine-vue/utils';
+export * from './create-scoped-keydown-handler';
 export declare function createSafeInjectionContext<T>(errorMessage: string): readonly [(value: T) => void, () => T & ({} | undefined), InjectionKey<T>];
 export declare const createSafeContext: typeof createSafeInjectionContext;

package/lib/utils/InlineInput/InlineInput.d.ts

@@ -135,9 +135,9 @@ export declare const InlineInput: import("vue").DefineComponent<import("vue").Ex
     };
 }>> & Readonly<{}>, {
     size: string | number;
+    label: any;
     variant: string;
     error: any;
-    label: any;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     description: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine-vue/core",
-  "version": "2.0.1",
+  "version": "2.2.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.0.1",
-    "@mantine-vue/utils": "2.0.1",
+    "@mantine-vue/hooks": "2.2.0",
+    "@mantine-vue/utils": "2.2.0",
     "vue": "^3.5.0"
   }
 }