@mage-ui/components 0.0.59 → 0.0.60

package/dist/components/data-display/avatar/Avatar.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/components/data-display/avatar/Avatar.d.ts
 type AvatarProps = {
@@ -13,7 +13,7 @@ type AvatarProps = {
 declare const Avatar: ({
   classNames,
   ...props
-}: AvatarProps) => react_jsx_runtime14.JSX.Element;
+}: AvatarProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { Avatar, AvatarProps };
 //# sourceMappingURL=Avatar.d.ts.map

package/dist/components/data-display/badge/Badge.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/data-display/badge/Badge.d.ts
@@ -17,7 +17,7 @@ declare const Badge: ({
   startSlot,
   classNames,
   ...props
-}: BadgeProps) => react_jsx_runtime15.JSX.Element;
+}: BadgeProps) => react_jsx_runtime16.JSX.Element;
 //#endregion
 export { Badge, BadgeProps };
 //# sourceMappingURL=Badge.d.ts.map

package/dist/components/data-display/carousel/Carousel.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/data-display/carousel/Carousel.d.ts
@@ -40,7 +40,7 @@ declare const Carousel: {
   ({
     classNames,
     ...props
-  }: CarouselProps): react_jsx_runtime16.JSX.Element;
+  }: CarouselProps): react_jsx_runtime17.JSX.Element;
   Slide: {
     ({
       children

package/dist/components/data-display/tables/table/Table.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime46 from "react/jsx-runtime";
+import * as react_jsx_runtime47 from "react/jsx-runtime";
 
 //#region src/components/data-display/tables/table/Table.d.ts
 type TableProps = {
@@ -17,14 +17,14 @@ declare const Table: {
     classNames,
     scrollable,
     children
-  }: TableProps): react_jsx_runtime46.JSX.Element;
+  }: TableProps): react_jsx_runtime47.JSX.Element;
   displayName: string;
   Header: {
     ({
       children
     }: {
       children: any;
-    }): react_jsx_runtime46.JSX.Element;
+    }): react_jsx_runtime47.JSX.Element;
     displayName: string;
   };
   Body: {
@@ -32,7 +32,7 @@ declare const Table: {
       children
     }: {
       children: any;
-    }): react_jsx_runtime46.JSX.Element;
+    }): react_jsx_runtime47.JSX.Element;
     displayName: string;
   };
   Footer: {
@@ -40,7 +40,7 @@ declare const Table: {
       children
     }: {
       children: any;
-    }): react_jsx_runtime46.JSX.Element;
+    }): react_jsx_runtime47.JSX.Element;
     displayName: string;
   };
   Head: {
@@ -50,7 +50,7 @@ declare const Table: {
     }: {
       [x: string]: any;
       children: any;
-    }): react_jsx_runtime46.JSX.Element;
+    }): react_jsx_runtime47.JSX.Element;
     displayName: string;
   };
   Row: {
@@ -60,7 +60,7 @@ declare const Table: {
     }: {
       [x: string]: any;
       children: any;
-    }): react_jsx_runtime46.JSX.Element;
+    }): react_jsx_runtime47.JSX.Element;
     displayName: string;
   };
   Cell: {
@@ -70,7 +70,7 @@ declare const Table: {
     }: {
       [x: string]: any;
       children: any;
-    }): react_jsx_runtime46.JSX.Element;
+    }): react_jsx_runtime47.JSX.Element;
     displayName: string;
   };
 };

package/dist/components/data-display/tooltip/Tooltip.d.ts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime14 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/components/data-display/tooltip/Tooltip.d.ts
+type TooltipProps = {
+  children: ReactNode;
+  label: ReactNode;
+  offset?: number;
+  id?: string;
+  position?: 'bottom' | 'bottom-start' | 'bottom-end' | 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
+  inline?: boolean;
+  multiline?: boolean;
+  classNames?: {
+    tooltip?: string;
+    arrow?: string;
+  };
+};
+declare const Tooltip: ({
+  children,
+  classNames,
+  ...props
+}: TooltipProps) => react_jsx_runtime14.JSX.Element;
+//#endregion
+export { Tooltip, TooltipProps };
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/data-display/tooltip/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","names":[],"sources":["../../../../src/components/data-display/tooltip/Tooltip.tsx"],"sourcesContent":[],"mappings":";;;;KAUY,YAAA;YACA;SACH;EAFG,MAAA,CAAA,EAAA,MAAY;EAAA,EAAA,CAAA,EAAA,MAAA;UACZ,CAAA,EAAA,QAAA,GAAA,cAAA,GAAA,YAAA,GAAA,KAAA,GAAA,WAAA,GAAA,SAAA,GAAA,OAAA,GAAA,aAAA,GAAA,WAAA,GAAA,MAAA,GAAA,YAAA,GAAA,UAAA;QACH,CAAA,EAAA,OAAA;EAAS,SAAA,CAAA,EAAA,OAAA;EAwBL,UAYZ,CAAA,EAAA;IAAA,OAAA,CAAA,EAAA,MAAA;IAZuB,KAAA,CAAA,EAAA,MAAA;;;AAAgD,cAA3D,OAA2D,EAAA,CAAA;EAAA,QAAA;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAAZ,YAAY,EAAA,GAAA,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/data-display/tooltip/Tooltip.js

@@ -0,0 +1,2 @@
+import{tooltip as e,tooltipArrow as t,tooltipRoot as n}from"@mage-ui/styled-system/recipes";import{Tooltip as r}from"@mantine/core";import{jsx as i}from"react/jsx-runtime";import{cx as a}from"@mage-ui/styled-system/css";const o=({children:o,classNames:s,...c})=>i(r,{classNames:{tooltip:a(e(),n()),arrow:t()},...c,children:o});export{o as Tooltip};
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/data-display/tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","names":["Tooltip","MantineTooltip"],"sources":["../../../../src/components/data-display/tooltip/Tooltip.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  tooltip,\n  tooltipArrow,\n  tooltipRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Tooltip as MantineTooltip } from '@mantine/core';\n\nexport type TooltipProps = {\n  children: ReactNode;\n  label: ReactNode;\n  offset?: number;\n  id?: string;\n  position?:\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end';\n  inline?: boolean;\n  multiline?: boolean;\n  classNames?: {\n    tooltip?: string;\n    arrow?: string;\n  };\n};\n\nexport const Tooltip = ({ children, classNames, ...props }: TooltipProps) => {\n  return (\n    <MantineTooltip\n      classNames={{\n        tooltip: cx(tooltip(), tooltipRoot()),\n        arrow: tooltipArrow(),\n      }}\n      {...props}\n    >\n      {children}\n    </MantineTooltip>\n  );\n};\n"],"mappings":"4NAoCA,MAAaA,GAAW,CAAE,WAAU,aAAY,GAAG,KAE/C,EAACC,EAAAA,CACC,WAAY,CACV,QAAS,EAAG,GAAS,CAAE,GAAa,CAAC,CACrC,MAAO,GAAc,CACtB,CACD,GAAI,EAEH,YACc"}

package/dist/components/forms/form/Form.d.ts

@@ -11,7 +11,7 @@ import { FormDatePickerProps } from "./controls/FormDatePicker.js";
 import { FormInputFileProps } from "./controls/FormInputFile.js";
 import { FormInputPasswordProps } from "./controls/FormInputPassword.js";
 import { FormIfFieldProps } from "./controls/FormIfField.js";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 import { ReactNode } from "react";
 import { ZodEffects, ZodObject, ZodRawShape, z } from "zod";
 
@@ -29,11 +29,11 @@ declare const Form: {
     onSubmit,
     children,
     ...props
-  }: FormProps): react_jsx_runtime17.JSX.Element;
+  }: FormProps): react_jsx_runtime18.JSX.Element;
   InputText: {
     ({
       ...props
-    }: FormInputTextProps): react_jsx_runtime17.JSX.Element;
+    }: FormInputTextProps): react_jsx_runtime18.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, min?: number) => z.ZodString;
@@ -44,7 +44,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormCheckboxProps): react_jsx_runtime17.JSX.Element;
+    }: FormCheckboxProps): react_jsx_runtime18.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string) => ZodEffects<z.ZodBoolean, boolean, boolean>;
@@ -56,7 +56,7 @@ declare const Form: {
       control,
       children,
       ...props
-    }: FormCheckboxGroupProps): react_jsx_runtime17.JSX.Element;
+    }: FormCheckboxGroupProps): react_jsx_runtime18.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string) => z.ZodArray<z.ZodString, "many">;
@@ -74,7 +74,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormComboboxProps): react_jsx_runtime17.JSX.Element;
+    }: FormComboboxProps): react_jsx_runtime18.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, defaultValue?: {
@@ -104,20 +104,20 @@ declare const Form: {
       control,
       children,
       ...props
-    }: FormRadioGroupProps): react_jsx_runtime17.JSX.Element;
+    }: FormRadioGroupProps): react_jsx_runtime18.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string) => ZodEffects<z.ZodAny, any, any>;
     };
   };
   Radio: {
-    (props: RadioProps): react_jsx_runtime17.JSX.Element;
+    (props: RadioProps): react_jsx_runtime18.JSX.Element;
     displayName: string;
   };
   Textarea: {
     ({
       ...props
-    }: FormTextareaProps): react_jsx_runtime17.JSX.Element;
+    }: FormTextareaProps): react_jsx_runtime18.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, min?: number) => z.ZodString;
@@ -128,7 +128,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormSelectProps): react_jsx_runtime17.JSX.Element;
+    }: FormSelectProps): react_jsx_runtime18.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, defaultValue?: {
@@ -157,7 +157,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormDatePickerProps): react_jsx_runtime17.JSX.Element;
+    }: FormDatePickerProps): react_jsx_runtime18.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string) => ZodEffects<z.ZodUnion<[z.ZodType<Date, z.ZodTypeDef, Date>, ZodEffects<z.ZodString, string, string>]>, string | Date, string | Date>;
@@ -168,7 +168,7 @@ declare const Form: {
       control,
       name,
       ...props
-    }: FormInputFileProps): react_jsx_runtime17.JSX.Element;
+    }: FormInputFileProps): react_jsx_runtime18.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, min?: number) => ZodEffects<z.ZodAny, any, any>;
@@ -177,7 +177,7 @@ declare const Form: {
   InputPassword: {
     ({
       ...props
-    }: FormInputPasswordProps): react_jsx_runtime17.JSX.Element;
+    }: FormInputPasswordProps): react_jsx_runtime18.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string) => z.ZodString;

package/dist/components/misc/horizontal-divider/HorizontalDivider.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime30 from "react/jsx-runtime";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
 
 //#region src/components/misc/horizontal-divider/HorizontalDivider.d.ts
 type HorizontalDividerProps = {
@@ -9,7 +9,7 @@ type HorizontalDividerProps = {
 };
 declare const HorizontalDivider: ({
   classNames
-}: HorizontalDividerProps) => react_jsx_runtime30.JSX.Element;
+}: HorizontalDividerProps) => react_jsx_runtime31.JSX.Element;
 //#endregion
 export { HorizontalDivider, HorizontalDividerProps };
 //# sourceMappingURL=HorizontalDivider.d.ts.map

package/dist/components/misc/visually-hidden/VisuallyHidden.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/misc/visually-hidden/VisuallyHidden.d.ts
@@ -7,7 +7,7 @@ type VisuallyHiddenProps = {
 };
 declare const VisuallyHidden: ({
   children
-}: VisuallyHiddenProps) => react_jsx_runtime29.JSX.Element;
+}: VisuallyHiddenProps) => react_jsx_runtime30.JSX.Element;
 //#endregion
 export { VisuallyHidden, VisuallyHiddenProps };
 //# sourceMappingURL=VisuallyHidden.d.ts.map

package/dist/index.d.ts

@@ -19,10 +19,11 @@ import { Icon, IconProps } from "./components/data-display/icons/icon/Icon.js";
 import { IconRaw, IconRawProps } from "./components/data-display/icons/icon-raw/IconRaw.js";
 import { IconTheme, IconThemeProps } from "./components/data-display/icons/icon-theme/IconTheme.js";
 import { Table } from "./components/data-display/tables/table/Table.js";
+import { Tooltip, TooltipProps } from "./components/data-display/tooltip/Tooltip.js";
 import { Form, FormProps } from "./components/forms/form/Form.js";
 import { HorizontalDivider, HorizontalDividerProps } from "./components/misc/horizontal-divider/HorizontalDivider.js";
 import { VisuallyHidden, VisuallyHiddenProps } from "./components/misc/visually-hidden/VisuallyHidden.js";
 import { Breadcrumbs, BreadcrumbsProps } from "./components/navigation/breadcrumbs/Breadcrumbs.js";
 import { Tabs, TabsProps } from "./components/navigation/tabs/Tabs.js";
 import { MageUiProvider, MageUiProviderProps } from "./providers/MageUiProvider.js";
-export { Avatar, AvatarProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, Carousel, CarouselProps, Checkbox, CheckboxProps, Combobox, ComboboxProps, DatePicker, DatePickerProps, Form, FormProps, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconTheme, IconThemeProps, InputFile, InputFileProps, InputPassword, InputPasswordProps, InputText, InputTextProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, MultiSwitch, MultiSwitchProps, Radio, RadioIcon, RadioIconProps, RadioProps, Select, SelectProps, Table, Tabs, TabsProps, Textarea, TextareaProps, VisuallyHidden, VisuallyHiddenProps };
+export { Avatar, AvatarProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, Carousel, CarouselProps, Checkbox, CheckboxProps, Combobox, ComboboxProps, DatePicker, DatePickerProps, Form, FormProps, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconTheme, IconThemeProps, InputFile, InputFileProps, InputPassword, InputPasswordProps, InputText, InputTextProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, MultiSwitch, MultiSwitchProps, Radio, RadioIcon, RadioIconProps, RadioProps, Select, SelectProps, Table, Tabs, TabsProps, Textarea, TextareaProps, Tooltip, TooltipProps, VisuallyHidden, VisuallyHiddenProps };

package/dist/index.js

@@ -1 +1 @@
-import{Button as e}from"./components/buttons/button/Button.js";import{Avatar as t}from"./components/data-display/avatar/Avatar.js";import{Badge as n}from"./components/data-display/badge/Badge.js";import{HorizontalDivider as r}from"./components/misc/horizontal-divider/HorizontalDivider.js";import{VisuallyHidden as i}from"./components/misc/visually-hidden/VisuallyHidden.js";import{Carousel as a}from"./components/data-display/carousel/Carousel.js";import{Icon as o}from"./components/data-display/icons/icon/Icon.js";import{IconRaw as s}from"./components/data-display/icons/icon-raw/IconRaw.js";import{IconTheme as c}from"./components/data-display/icons/icon-theme/IconTheme.js";import{Table as l}from"./components/data-display/tables/table/Table.js";import{ButtonIcon as u}from"./components/buttons/button-icon/ButtonIcon.js";import{Checkbox as d}from"./components/controls/checkbox/Checkbox.js";import{DatePicker as f}from"./components/controls/date-picker/DatePicker.js";import{Combobox as p}from"./components/controls/dropdown/Combobox.js";import{Menu as m}from"./components/controls/dropdown/Menu.js";import{Select as h}from"./components/controls/dropdown/Select.js";import{InputFile as g}from"./components/controls/input-file/InputFile.js";import{InputPassword as _}from"./components/controls/input-password/InputPassword.js";import{InputText as v}from"./components/controls/input-text/InputText.js";import{MultiSwitch as y}from"./components/controls/multi-switch/MultiSwitch.js";import{Radio as b}from"./components/controls/radio/Radio.js";import{RadioIcon as x}from"./components/controls/radio/RadioIcon.js";import{Textarea as S}from"./components/controls/textarea/Textarea.js";import{Form as C}from"./components/forms/form/Form.js";import{Breadcrumbs as w}from"./components/navigation/breadcrumbs/Breadcrumbs.js";import{Tabs as T}from"./components/navigation/tabs/Tabs.js";import{MageUiProvider as E}from"./providers/MageUiProvider.js";export{t as Avatar,n as Badge,w as Breadcrumbs,e as Button,u as ButtonIcon,a as Carousel,d as Checkbox,p as Combobox,f as DatePicker,C as Form,r as HorizontalDivider,o as Icon,s as IconRaw,c as IconTheme,g as InputFile,_ as InputPassword,v as InputText,E as MageUiProvider,m as Menu,y as MultiSwitch,b as Radio,x as RadioIcon,h as Select,l as Table,T as Tabs,S as Textarea,i as VisuallyHidden};
+import{Button as e}from"./components/buttons/button/Button.js";import{Avatar as t}from"./components/data-display/avatar/Avatar.js";import{Badge as n}from"./components/data-display/badge/Badge.js";import{HorizontalDivider as r}from"./components/misc/horizontal-divider/HorizontalDivider.js";import{VisuallyHidden as i}from"./components/misc/visually-hidden/VisuallyHidden.js";import{Carousel as a}from"./components/data-display/carousel/Carousel.js";import{Icon as o}from"./components/data-display/icons/icon/Icon.js";import{IconRaw as s}from"./components/data-display/icons/icon-raw/IconRaw.js";import{IconTheme as c}from"./components/data-display/icons/icon-theme/IconTheme.js";import{Table as l}from"./components/data-display/tables/table/Table.js";import{Tooltip as u}from"./components/data-display/tooltip/Tooltip.js";import{ButtonIcon as d}from"./components/buttons/button-icon/ButtonIcon.js";import{Checkbox as f}from"./components/controls/checkbox/Checkbox.js";import{DatePicker as p}from"./components/controls/date-picker/DatePicker.js";import{Combobox as m}from"./components/controls/dropdown/Combobox.js";import{Menu as h}from"./components/controls/dropdown/Menu.js";import{Select as g}from"./components/controls/dropdown/Select.js";import{InputFile as _}from"./components/controls/input-file/InputFile.js";import{InputPassword as v}from"./components/controls/input-password/InputPassword.js";import{InputText as y}from"./components/controls/input-text/InputText.js";import{MultiSwitch as b}from"./components/controls/multi-switch/MultiSwitch.js";import{Radio as x}from"./components/controls/radio/Radio.js";import{RadioIcon as S}from"./components/controls/radio/RadioIcon.js";import{Textarea as C}from"./components/controls/textarea/Textarea.js";import{Form as w}from"./components/forms/form/Form.js";import{Breadcrumbs as T}from"./components/navigation/breadcrumbs/Breadcrumbs.js";import{Tabs as E}from"./components/navigation/tabs/Tabs.js";import{MageUiProvider as D}from"./providers/MageUiProvider.js";export{t as Avatar,n as Badge,T as Breadcrumbs,e as Button,d as ButtonIcon,a as Carousel,f as Checkbox,m as Combobox,p as DatePicker,w as Form,r as HorizontalDivider,o as Icon,s as IconRaw,c as IconTheme,_ as InputFile,v as InputPassword,y as InputText,D as MageUiProvider,h as Menu,b as MultiSwitch,x as Radio,S as RadioIcon,g as Select,l as Table,E as Tabs,C as Textarea,u as Tooltip,i as VisuallyHidden};

package/dist/panda.json

@@ -222,6 +222,9 @@
       "carouselControl": [],
       "carouselIndicators": [],
       "carouselIndicator": [],
+      "tooltip": [],
+      "tooltipRoot": [],
+      "tooltipArrow": [],
       "horizontalDivider": [],
       "horizontalDividerRoot": [
         "color]___[value:neutral]___[recipe:horizontalDividerRoot"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "0.0.59",
+  "version": "0.0.60",
   "private": false,
   "description": "",
   "keywords": [],
@@ -26,8 +26,8 @@
     "rimraf": "^6.0.1",
     "tsdown": "^0.15.6",
     "typescript": "^5.9.3",
-    "@mage-ui/preset": "0.0.59",
-    "@mage-ui/styled-system": "0.0.59"
+    "@mage-ui/preset": "0.0.60",
+    "@mage-ui/styled-system": "0.0.60"
   },
   "peerDependencies": {
     "@hookform/resolvers": "^5.2.2",