@mage-ui/components 0.0.58 → 0.0.60

package/dist/components/controls/dropdown/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","names":[],"sources":["../../../../src/components/controls/dropdown/Select.tsx"],"sourcesContent":[],"mappings":";;;;;KAgBY,WAAA,GAAc,KACxB,qEAGA;;;IAJU,KAAA,EAAA,MAAW;EAAA,CAAA,GAAA,SAAA,EAAA,GAAA,IAAA;SACrB,EAAA;IADwB,EAAA,EAAA,MAAA,GAAA,MAAA;IAIxB,KAAA,EAAA,MAAA;EAAc,CAAA,EAAA;EAUH,UAkDZ,CAAA,EAAA;IAAA,MAAA,CAAA,EAAA,MAAA;;;AAlDsB,cAAV,MAAU,EAAA,CAAA;EAAA,aAAA;EAAA,iBAAA;EAAA,cAAA;EAAA,OAAA;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAOpB,WAPoB,EAAA,GAOT,mBAAA,CAAA,GAAA,CAAA,OAPS"}
+{"version":3,"file":"Select.d.ts","names":[],"sources":["../../../../src/components/controls/dropdown/Select.tsx"],"sourcesContent":[],"mappings":";;;;;KAgBY,WAAA,GAAc,KACxB,qEAGA;;;IAJU,KAAA,EAAA,MAAW;EAAA,CAAA,GAAA,SAAA,EAAA,GAAA,IAAA;SACrB,EAAA;IADwB,EAAA,EAAA,MAAA,GAAA,MAAA;IAIxB,KAAA,EAAA,MAAA;EAAc,CAAA,EAAA;EAUH,UAmDZ,CAAA,EAAA;IAAA,MAAA,CAAA,EAAA,MAAA;;;AAnDsB,cAAV,MAAU,EAAA,CAAA;EAAA,aAAA;EAAA,iBAAA;EAAA,cAAA;EAAA,OAAA;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAOpB,WAPoB,EAAA,GAOT,mBAAA,CAAA,GAAA,CAAA,OAPS"}

package/dist/components/controls/dropdown/Select.js

@@ -1,2 +1,2 @@
-import{DropdownBase as e}from"./DropdownBase.js";import{InputText as t}from"../input-text/InputText.js";import{comboboxOption as n,input as r,inputLabel as i,inputRoot as a,inputSection as o,selectButton as s,selectSection as c}from"@mage-ui/styled-system/recipes";import{jsx as l}from"react/jsx-runtime";import{useState as u}from"react";import{cx as d}from"@mage-ui/styled-system/css";const f=({defaultOpened:f=!1,setSelectedOption:p,selectedOption:m,options:h,classNames:g,..._})=>{let[v,y]=u(m?.value??``),b=h.map(t=>l(e.Option,{value:t.value,active:m?.id===t.id,classNames:{option:g?.option??n()},children:t.value},t.id)),x=e=>{let t=h.find(t=>t.value===e);p(t)};return l(e,{readOnly:!0,target:l(t,{readOnly:!0,classNames:{root:g?.root??a(),label:g?.label??i(),input:g?.input??d(r(),s()),section:g?.section??d(o(),c())},value:v,..._}),selectedOption:m,setQuery:y,setSelectedOption:e=>x(e),..._,children:b})};export{f as Select};
+import{DropdownBase as e}from"./DropdownBase.js";import{InputText as t}from"../input-text/InputText.js";import{comboboxOption as n,input as r,inputLabel as i,inputRoot as a,inputSection as o,selectButton as s,selectSection as c}from"@mage-ui/styled-system/recipes";import{jsx as l}from"react/jsx-runtime";import{useState as u}from"react";import{cx as d}from"@mage-ui/styled-system/css";const f=({defaultOpened:f=!1,setSelectedOption:p,selectedOption:m,options:h,classNames:g,..._})=>{let[v,y]=u(m?.value??``),b=h.map(t=>l(e.Option,{value:t.value,active:m?.id===t.id,classNames:{option:g?.option??n()},children:t.value},t.id)),x=e=>{let t=h.find(t=>t.value===e);p(t)};return l(e,{readOnly:!0,target:l(t,{readOnly:!0,classNames:{root:g?.root??a(),label:g?.label??i(),input:g?.input??d(r(),s()),section:g?.section??d(o(),c())},value:v,..._}),selectedOption:m,setQuery:y,setSelectedOption:e=>x(e),width:`target`,..._,children:b})};export{f as Select};
 //# sourceMappingURL=Select.js.map

package/dist/components/controls/dropdown/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":[],"sources":["../../../../src/components/controls/dropdown/Select.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  comboboxOption,\n  input,\n  inputLabel,\n  inputRoot,\n  inputSection,\n  selectButton,\n  selectSection,\n} from '@mage-ui/styled-system/recipes';\nimport { InputText, type InputTextProps } from '@/components/controls';\n\nimport { DropdownBase, type DropdownBaseProps } from './DropdownBase';\n\nexport type SelectProps = Omit<\n  DropdownBaseProps,\n  'children' | 'onClick' | 'setQuery' | 'target'\n> &\n  InputTextProps & {\n    setSelectedOption: (\n      option: { id: string | number; value: string } | undefined,\n    ) => void;\n    options: { id: string | number; value: string }[];\n    classNames?: {\n      option?: string;\n    };\n  };\n\nexport const Select = ({\n  defaultOpened = false,\n  setSelectedOption,\n  selectedOption,\n  options,\n  classNames,\n  ...props\n}: SelectProps) => {\n  const [query, setQuery] = useState(selectedOption?.value ?? '');\n\n  const dropdownOptions = options.map((option) => (\n    <DropdownBase.Option\n      value={option.value}\n      key={option.id}\n      active={selectedOption?.id === option.id}\n      classNames={{ option: classNames?.option ?? comboboxOption() }}\n    >\n      {option.value}\n    </DropdownBase.Option>\n  ));\n\n  const onChange = (value: string | undefined) => {\n    const selected = options.find((item) => item.value === value);\n    setSelectedOption(selected);\n  };\n\n  return (\n    <DropdownBase\n      readOnly={true}\n      target={\n        <InputText\n          readOnly\n          classNames={{\n            root: classNames?.root ?? inputRoot(),\n            label: classNames?.label ?? inputLabel(),\n            input: classNames?.input ?? cx(input(), selectButton()),\n            section: classNames?.section ?? cx(inputSection(), selectSection()),\n          }}\n          value={query}\n          {...props}\n        />\n      }\n      selectedOption={selectedOption}\n      setQuery={setQuery}\n      setSelectedOption={(option) => onChange(option)}\n      {...props}\n    >\n      {dropdownOptions}\n    </DropdownBase>\n  );\n};\n"],"mappings":"kYA8BA,MAAa,GAAU,CACrB,gBAAgB,GAChB,oBACA,iBACA,UACA,aACA,GAAG,KACc,CACjB,GAAM,CAAC,EAAO,GAAY,EAAS,GAAgB,OAAS,GAAG,CAEzD,EAAkB,EAAQ,IAAK,GACnC,EAAC,EAAa,OAAA,CACZ,MAAO,EAAO,MAEd,OAAQ,GAAgB,KAAO,EAAO,GACtC,WAAY,CAAE,OAAQ,GAAY,QAAU,GAAgB,CAAE,UAE7D,EAAO,OAJH,EAAO,GAKQ,CACtB,CAEI,EAAY,GAA8B,CAC9C,IAAM,EAAW,EAAQ,KAAM,GAAS,EAAK,QAAU,EAAM,CAC7D,EAAkB,EAAS,EAG7B,OACE,EAAC,EAAA,CACC,SAAU,GACV,OACE,EAAC,EAAA,CACC,SAAA,GACA,WAAY,CACV,KAAM,GAAY,MAAQ,GAAW,CACrC,MAAO,GAAY,OAAS,GAAY,CACxC,MAAO,GAAY,OAAS,EAAG,GAAO,CAAE,GAAc,CAAC,CACvD,QAAS,GAAY,SAAW,EAAG,GAAc,CAAE,GAAe,CAAC,CACpE,CACD,MAAO,EACP,GAAI,GACJ,CAEY,iBACN,WACV,kBAAoB,GAAW,EAAS,EAAO,CAC/C,GAAI,WAEH,GACY"}
+{"version":3,"file":"Select.js","names":[],"sources":["../../../../src/components/controls/dropdown/Select.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  comboboxOption,\n  input,\n  inputLabel,\n  inputRoot,\n  inputSection,\n  selectButton,\n  selectSection,\n} from '@mage-ui/styled-system/recipes';\nimport { InputText, type InputTextProps } from '@/components/controls';\n\nimport { DropdownBase, type DropdownBaseProps } from './DropdownBase';\n\nexport type SelectProps = Omit<\n  DropdownBaseProps,\n  'children' | 'onClick' | 'setQuery' | 'target'\n> &\n  InputTextProps & {\n    setSelectedOption: (\n      option: { id: string | number; value: string } | undefined,\n    ) => void;\n    options: { id: string | number; value: string }[];\n    classNames?: {\n      option?: string;\n    };\n  };\n\nexport const Select = ({\n  defaultOpened = false,\n  setSelectedOption,\n  selectedOption,\n  options,\n  classNames,\n  ...props\n}: SelectProps) => {\n  const [query, setQuery] = useState(selectedOption?.value ?? '');\n\n  const dropdownOptions = options.map((option) => (\n    <DropdownBase.Option\n      value={option.value}\n      key={option.id}\n      active={selectedOption?.id === option.id}\n      classNames={{ option: classNames?.option ?? comboboxOption() }}\n    >\n      {option.value}\n    </DropdownBase.Option>\n  ));\n\n  const onChange = (value: string | undefined) => {\n    const selected = options.find((item) => item.value === value);\n    setSelectedOption(selected);\n  };\n\n  return (\n    <DropdownBase\n      readOnly={true}\n      target={\n        <InputText\n          readOnly\n          classNames={{\n            root: classNames?.root ?? inputRoot(),\n            label: classNames?.label ?? inputLabel(),\n            input: classNames?.input ?? cx(input(), selectButton()),\n            section: classNames?.section ?? cx(inputSection(), selectSection()),\n          }}\n          value={query}\n          {...props}\n        />\n      }\n      selectedOption={selectedOption}\n      setQuery={setQuery}\n      setSelectedOption={(option) => onChange(option)}\n      width='target'\n      {...props}\n    >\n      {dropdownOptions}\n    </DropdownBase>\n  );\n};\n"],"mappings":"kYA8BA,MAAa,GAAU,CACrB,gBAAgB,GAChB,oBACA,iBACA,UACA,aACA,GAAG,KACc,CACjB,GAAM,CAAC,EAAO,GAAY,EAAS,GAAgB,OAAS,GAAG,CAEzD,EAAkB,EAAQ,IAAK,GACnC,EAAC,EAAa,OAAA,CACZ,MAAO,EAAO,MAEd,OAAQ,GAAgB,KAAO,EAAO,GACtC,WAAY,CAAE,OAAQ,GAAY,QAAU,GAAgB,CAAE,UAE7D,EAAO,OAJH,EAAO,GAKQ,CACtB,CAEI,EAAY,GAA8B,CAC9C,IAAM,EAAW,EAAQ,KAAM,GAAS,EAAK,QAAU,EAAM,CAC7D,EAAkB,EAAS,EAG7B,OACE,EAAC,EAAA,CACC,SAAU,GACV,OACE,EAAC,EAAA,CACC,SAAA,GACA,WAAY,CACV,KAAM,GAAY,MAAQ,GAAW,CACrC,MAAO,GAAY,OAAS,GAAY,CACxC,MAAO,GAAY,OAAS,EAAG,GAAO,CAAE,GAAc,CAAC,CACvD,QAAS,GAAY,SAAW,EAAG,GAAc,CAAE,GAAe,CAAC,CACpE,CACD,MAAO,EACP,GAAI,GACJ,CAEY,iBACN,WACV,kBAAoB,GAAW,EAAS,EAAO,CAC/C,MAAM,SACN,GAAI,WAEH,GACY"}

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

@@ -45,6 +45,7 @@
       "srOnly]___[value:true",
       "position]___[value:bottom-start",
       "width]___[value:auto",
+      "width]___[value:target",
       "backgroundColor]___[value:neutral.background.1.enabled",
       "backgroundColor]___[value:primary.background.4.hovered]___[cond:_hover",
       "backgroundColor]___[value:primary.background.5.enabled]___[cond:_active",
@@ -221,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.58",
+  "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.58",
-    "@mage-ui/styled-system": "0.0.58"
+    "@mage-ui/preset": "0.0.60",
+    "@mage-ui/styled-system": "0.0.60"
   },
   "peerDependencies": {
     "@hookform/resolvers": "^5.2.2",