@mage-ui/components 0.0.50 → 0.0.51

package/dist/components/buttons/button-icon/ButtonIcon.d.ts

@@ -1,5 +1,5 @@
 import { ButtonProps } from "../button/Button.js";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/components/buttons/button-icon/ButtonIcon.d.ts
 type ButtonIconProps = ButtonProps & {
@@ -15,7 +15,7 @@ declare const ButtonIcon: ({
   icon,
   classNames,
   ...props
-}: ButtonIconProps) => react_jsx_runtime4.JSX.Element;
+}: ButtonIconProps) => react_jsx_runtime5.JSX.Element;
 //#endregion
 export { ButtonIcon, ButtonIconProps };
 //# sourceMappingURL=ButtonIcon.d.ts.map

package/dist/components/controls/dropdown/Menu.d.ts

@@ -39,10 +39,8 @@ declare const Menu: {
   };
 };
 type MenuOptionProps = {
-  id: string | number;
   value: string;
-  onClick: () => void;
-  children?: React.ReactNode;
+  children: React.ReactNode;
 };
 //#endregion
 export { Menu, MenuProps };

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","names":[],"sources":["../../../../src/components/controls/dropdown/Menu.tsx"],"sourcesContent":[],"mappings":";;;;;KAQY,SAAA,GAAY,KACtB;UAGQ,KAAA,CAAM;;;IAJJ,MAAA,CAAA,EAAS,MAAA;IAAA,QAAA,CAAA,EAAA,MAAA;;kBAAG,CAAA,EAAA;IAId,IAAA,CAAM,EAAA,MAAA;IAYH,KAAM,CAAA,EAAA,MAAA;IACP,KAAM,CAAA,EAAA,MAAA;IACJ,OAAM,CAAA,EAAA,MAAA;EAAS,CAAA;EAGhB,QAqDZ,CAAA,EA1DY,KAAA,CAAM,SA0DlB;EAAA,OAAA,CAAA,EAzDW,KAAA,CAAM,SAyDjB;cAxDa,KAAA,CAAM;;cAGP;;;;;;;;;;KASV,YAAS,kBAAA,CAAA,GAAA,CAAA;;;;OAqDkB,kBAAe,MAAA,CAAA;;;;KAPxC,eAAA;MAOyB,MAAA,GAAA,MAAA;OAAe,EAAA,MAAA;EAAA,OAAA,EAAA,GAAA,GAAA,IAAA;EAPxC,QAAA,CAAA,EAIQ,KAAA,CAAM,SAJC"}
+{"version":3,"file":"Menu.d.ts","names":[],"sources":["../../../../src/components/controls/dropdown/Menu.tsx"],"sourcesContent":[],"mappings":";;;;;KAQY,SAAA,GAAY,KACtB;UAGQ,KAAA,CAAM;;;IAJJ,MAAA,CAAA,EAAS,MAAA;IAAA,QAAA,CAAA,EAAA,MAAA;;kBAAG,CAAA,EAAA;IAId,IAAA,CAAM,EAAA,MAAA;IAYH,KAAM,CAAA,EAAA,MAAA;IACP,KAAM,CAAA,EAAA,MAAA;IACJ,OAAM,CAAA,EAAA,MAAA;EAAS,CAAA;EAGhB,QA+CZ,CAAA,EApDY,KAAA,CAAM,SAoDlB;EAAA,OAAA,CAAA,EAnDW,KAAA,CAAM,SAmDjB;cAlDa,KAAA,CAAM;;cAGP;;;;;;;;;;KASV,YAAS,kBAAA,CAAA,GAAA,CAAA;;;;OA6CkB,kBAAe,MAAA,CAAA;;;;KALxC,eAAA;OAKyB,EAAA,MAAA;UAAe,EAHjC,KAAA,CAAM,SAG2B;CAAA"}

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

@@ -1,2 +1,2 @@
-import{Button as e}from"../../buttons/button/Button.js";import{DropdownBase as t}from"./DropdownBase.js";import{comboboxOption as n,dropdown as r}from"@mage-ui/styled-system/recipes";import{jsx as i}from"react/jsx-runtime";import{Children as a,isValidElement as o}from"react";const s=({label:c,a11yLabel:l,classNames:u,buttonClassNames:d,children:f,endSlot:p,startSlot:m,...h})=>{let g=a.toArray(f).filter(e=>o(e)&&e.type===s.Option);return i(t,{setSelectedOption:e=>{let t=g.find(t=>t.props.value===e);t&&t.props.onClick()},target:i(e,{classNames:d,...l&&{"aria-label":l},children:c}),classNames:{dropdown:u?.dropdown??r()},startSlot:m,endSlot:p,...h,children:g.map(e=>{let{id:r,value:a,children:o}=e.props;return i(t.Option,{value:a,classNames:{option:u?.option??n()},children:o},r)})})},c=({children:e})=>e;c.displayName=`Menu.Option`,s.Option=c;export{s as Menu};
+import{Button as e}from"../../buttons/button/Button.js";import{DropdownBase as t}from"./DropdownBase.js";import{comboboxOption as n,dropdown as r}from"@mage-ui/styled-system/recipes";import{jsx as i}from"react/jsx-runtime";import{Children as a,isValidElement as o}from"react";const s=({label:c,a11yLabel:l,classNames:u,buttonClassNames:d,children:f,endSlot:p,startSlot:m,...h})=>{let g=a.toArray(f).filter(e=>o(e)&&e.type===s.Option);return i(t,{setSelectedOption:()=>{},target:i(e,{classNames:d,...l&&{"aria-label":l},children:c}),classNames:{dropdown:u?.dropdown??r()},startSlot:m,endSlot:p,...h,children:g.map(e=>{let{value:r,children:a}=e.props;return i(t.Option,{value:r,classNames:{option:u?.option??n()},children:a})})})},c=({children:e})=>e;c.displayName=`Menu.Option`,s.Option=c;export{s as Menu};
 //# sourceMappingURL=Menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","names":["children"],"sources":["../../../../src/components/controls/dropdown/Menu.tsx"],"sourcesContent":["import { Children, isValidElement } from 'react';\n\nimport { comboboxOption, dropdown } from '@mage-ui/styled-system/recipes';\n// import type { FloatingPosition, PopoverWidth } from '@mantine/core';\nimport { Button } from '@/components/buttons';\n\nimport { DropdownBase, type DropdownBaseProps } from './DropdownBase';\n\nexport type MenuProps = Omit<\n  DropdownBaseProps,\n  'setSelectedOption' | 'target' | 'opened'\n> & {\n  label?: React.ReactNode;\n  a11yLabel?: string;\n  classNames?: {\n    option?: string;\n    dropdown?: string;\n  };\n  buttonClassNames?: {\n    root?: string;\n    inner?: string;\n    label?: string;\n    section?: string;\n  };\n  children?: React.ReactNode;\n  endSlot?: React.ReactNode;\n  startSlot?: React.ReactNode;\n};\n\nexport const Menu = ({\n  label,\n  a11yLabel,\n  classNames,\n  buttonClassNames,\n  children,\n  endSlot,\n  startSlot,\n  ...props\n}: MenuProps) => {\n  const options = Children.toArray(children).filter(\n    (child): child is React.ReactElement<MenuOptionProps> =>\n      isValidElement(child) && child.type === Menu.Option,\n  );\n\n  const handleOptionSelect = (value?: string) => {\n    const selected = options.find((child) => child.props.value === value);\n    if (selected) selected.props.onClick();\n  };\n\n  return (\n    <DropdownBase\n      setSelectedOption={handleOptionSelect}\n      target={\n        <Button\n          classNames={buttonClassNames}\n          {...(a11yLabel && { 'aria-label': a11yLabel })}\n        >\n          {label}\n        </Button>\n      }\n      classNames={{\n        dropdown: classNames?.dropdown ?? dropdown(),\n      }}\n      startSlot={startSlot}\n      endSlot={endSlot}\n      {...props}\n    >\n      {options.map((child) => {\n        const { id, value, children } = child.props;\n\n        return (\n          <DropdownBase.Option\n            key={id}\n            value={value}\n            classNames={{ option: classNames?.option ?? comboboxOption() }}\n          >\n            {children}\n          </DropdownBase.Option>\n        );\n      })}\n    </DropdownBase>\n  );\n};\n\ntype MenuOptionProps = {\n  id: string | number;\n  value: string;\n  onClick: () => void;\n  children?: React.ReactNode;\n};\n\nconst Option = ({ children }: MenuOptionProps) => {\n  return children;\n};\n\nOption.displayName = 'Menu.Option';\nMenu.Option = Option;\n"],"mappings":"oRA6BA,MAAa,GAAQ,CACnB,QACA,YACA,aACA,mBACA,WACA,UACA,YACA,GAAG,KACY,CACf,IAAM,EAAU,EAAS,QAAQ,EAAS,CAAC,OACxC,GACC,EAAe,EAAM,EAAI,EAAM,OAAS,EAAK,OAChD,CAOD,OACE,EAAC,EAAA,CACC,kBAPwB,GAAmB,CAC7C,IAAM,EAAW,EAAQ,KAAM,GAAU,EAAM,MAAM,QAAU,EAAM,CACjE,GAAU,EAAS,MAAM,SAAS,EAMpC,OACE,EAAC,EAAA,CACC,WAAY,EACZ,GAAK,GAAa,CAAE,aAAc,EAAW,UAE5C,GACM,CAEX,WAAY,CACV,SAAU,GAAY,UAAY,GAAU,CAC7C,CACU,YACF,UACT,GAAI,WAEH,EAAQ,IAAK,GAAU,CACtB,GAAM,CAAE,KAAI,QAAO,SAAA,GAAa,EAAM,MAEtC,OACE,EAAC,EAAa,OAAA,CAEL,QACP,WAAY,CAAE,OAAQ,GAAY,QAAU,GAAgB,CAAE,UAE7DA,GAJI,EAKe,EAExB,EACW,EAWb,GAAU,CAAE,cACT,EAGT,EAAO,YAAc,cACrB,EAAK,OAAS"}
+{"version":3,"file":"Menu.js","names":["children"],"sources":["../../../../src/components/controls/dropdown/Menu.tsx"],"sourcesContent":["import { Children, isValidElement } from 'react';\n\nimport { comboboxOption, dropdown } from '@mage-ui/styled-system/recipes';\n// import type { FloatingPosition, PopoverWidth } from '@mantine/core';\nimport { Button } from '@/components/buttons';\n\nimport { DropdownBase, type DropdownBaseProps } from './DropdownBase';\n\nexport type MenuProps = Omit<\n  DropdownBaseProps,\n  'setSelectedOption' | 'target' | 'opened'\n> & {\n  label?: React.ReactNode;\n  a11yLabel?: string;\n  classNames?: {\n    option?: string;\n    dropdown?: string;\n  };\n  buttonClassNames?: {\n    root?: string;\n    inner?: string;\n    label?: string;\n    section?: string;\n  };\n  children?: React.ReactNode;\n  endSlot?: React.ReactNode;\n  startSlot?: React.ReactNode;\n};\n\nexport const Menu = ({\n  label,\n  a11yLabel,\n  classNames,\n  buttonClassNames,\n  children,\n  endSlot,\n  startSlot,\n  ...props\n}: MenuProps) => {\n  const options = Children.toArray(children).filter(\n    (child): child is React.ReactElement<MenuOptionProps> =>\n      isValidElement(child) && child.type === Menu.Option,\n  );\n\n  return (\n    <DropdownBase\n      setSelectedOption={() => {}}\n      target={\n        <Button\n          classNames={buttonClassNames}\n          {...(a11yLabel && { 'aria-label': a11yLabel })}\n        >\n          {label}\n        </Button>\n      }\n      classNames={{\n        dropdown: classNames?.dropdown ?? dropdown(),\n      }}\n      startSlot={startSlot}\n      endSlot={endSlot}\n      {...props}\n    >\n      {options.map((child) => {\n        const { value, children } = child.props;\n\n        return (\n          <DropdownBase.Option\n            value={value}\n            classNames={{ option: classNames?.option ?? comboboxOption() }}\n          >\n            {children}\n          </DropdownBase.Option>\n        );\n      })}\n    </DropdownBase>\n  );\n};\n\ntype MenuOptionProps = {\n  value: string;\n  children: React.ReactNode;\n};\n\nconst Option = ({ children }: MenuOptionProps) => {\n  return children;\n};\n\nOption.displayName = 'Menu.Option';\nMenu.Option = Option;\n"],"mappings":"oRA6BA,MAAa,GAAQ,CACnB,QACA,YACA,aACA,mBACA,WACA,UACA,YACA,GAAG,KACY,CACf,IAAM,EAAU,EAAS,QAAQ,EAAS,CAAC,OACxC,GACC,EAAe,EAAM,EAAI,EAAM,OAAS,EAAK,OAChD,CAED,OACE,EAAC,EAAA,CACC,sBAAyB,GACzB,OACE,EAAC,EAAA,CACC,WAAY,EACZ,GAAK,GAAa,CAAE,aAAc,EAAW,UAE5C,GACM,CAEX,WAAY,CACV,SAAU,GAAY,UAAY,GAAU,CAC7C,CACU,YACF,UACT,GAAI,WAEH,EAAQ,IAAK,GAAU,CACtB,GAAM,CAAE,QAAO,SAAA,GAAa,EAAM,MAElC,OACE,EAAC,EAAa,OAAA,CACL,QACP,WAAY,CAAE,OAAQ,GAAY,QAAU,GAAgB,CAAE,UAE7DA,GACmB,EAExB,EACW,EASb,GAAU,CAAE,cACT,EAGT,EAAO,YAAc,cACrB,EAAK,OAAS"}

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime14 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_runtime26.JSX.Element;
+}: AvatarProps) => react_jsx_runtime14.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_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime15 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_runtime27.JSX.Element;
+}: BadgeProps) => react_jsx_runtime15.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_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime16 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_runtime28.JSX.Element;
+  }: CarouselProps): react_jsx_runtime16.JSX.Element;
   Slide: {
     ({
       children

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_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime17 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_runtime14.JSX.Element;
+  }: FormProps): react_jsx_runtime17.JSX.Element;
   InputText: {
     ({
       ...props
-    }: FormInputTextProps): react_jsx_runtime14.JSX.Element;
+    }: FormInputTextProps): react_jsx_runtime17.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_runtime14.JSX.Element;
+    }: FormCheckboxProps): react_jsx_runtime17.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_runtime14.JSX.Element;
+    }: FormCheckboxGroupProps): react_jsx_runtime17.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_runtime14.JSX.Element;
+    }: FormComboboxProps): react_jsx_runtime17.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, defaultValue?: {
@@ -104,20 +104,20 @@ declare const Form: {
       control,
       children,
       ...props
-    }: FormRadioGroupProps): react_jsx_runtime14.JSX.Element;
+    }: FormRadioGroupProps): react_jsx_runtime17.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string) => ZodEffects<z.ZodAny, any, any>;
     };
   };
   Radio: {
-    (props: RadioProps): react_jsx_runtime14.JSX.Element;
+    (props: RadioProps): react_jsx_runtime17.JSX.Element;
     displayName: string;
   };
   Textarea: {
     ({
       ...props
-    }: FormTextareaProps): react_jsx_runtime14.JSX.Element;
+    }: FormTextareaProps): react_jsx_runtime17.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_runtime14.JSX.Element;
+    }: FormSelectProps): react_jsx_runtime17.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, defaultValue?: {
@@ -157,7 +157,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormDatePickerProps): react_jsx_runtime14.JSX.Element;
+    }: FormDatePickerProps): react_jsx_runtime17.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_runtime14.JSX.Element;
+    }: FormInputFileProps): react_jsx_runtime17.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_runtime14.JSX.Element;
+    }: FormInputPasswordProps): react_jsx_runtime17.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string) => z.ZodString;

package/dist/components/navigation/breadcrumbs/Breadcrumbs.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/navigation/breadcrumbs/Breadcrumbs.d.ts
@@ -17,7 +17,7 @@ declare const Breadcrumbs: {
     separator,
     children,
     classNames
-  }: BreadcrumbsProps): react_jsx_runtime5.JSX.Element;
+  }: BreadcrumbsProps): react_jsx_runtime4.JSX.Element;
   Item: {
     ({
       children

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "0.0.50",
+  "version": "0.0.51",
   "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.50",
-    "@mage-ui/styled-system": "0.0.50"
+    "@mage-ui/preset": "0.0.51",
+    "@mage-ui/styled-system": "0.0.51"
   },
   "peerDependencies": {
     "@hookform/resolvers": "^5.2.2",