@mage-ui/components 1.0.110 → 1.0.112

package/dist/components/controls/avatar-dropzone/AvatarDropzone.d.mts

@@ -5,6 +5,7 @@ import * as react_jsx_runtime0 from "react/jsx-runtime";
 type AvatarDropzoneProps = {
   value?: string;
   onChange?: (file: File) => void;
+  maxSize?: number;
   classNames?: {
     dropzone?: string;
     root?: string;
@@ -19,6 +20,7 @@ type AvatarDropzoneProps = {
 declare const AvatarDropzone: ({
   value,
   onChange,
+  maxSize,
   classNames
 }: AvatarDropzoneProps) => react_jsx_runtime0.JSX.Element;
 //#endregion

package/dist/components/controls/avatar-dropzone/AvatarDropzone.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarDropzone.d.mts","names":[],"sources":["../../../../src/components/controls/avatar-dropzone/AvatarDropzone.tsx"],"mappings":";;;;KAmBY,mBAAA;EACV,KAAA;EACA,QAAA,IAAY,IAAA,EAAM,IAAA;EAClB,UAAA;IACE,QAAA;IACA,IAAA;IACA,KAAA;IACA,KAAA;IACA,OAAA;IACA,eAAA;IACA,QAAA;IACA,IAAA,GAAO,SAAA;EAAA;AAAA;AAAA,cAIE,cAAA;EAAkB,KAAA;EAAA,QAAA;EAAA;AAAA,GAI5B,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"AvatarDropzone.d.mts","names":[],"sources":["../../../../src/components/controls/avatar-dropzone/AvatarDropzone.tsx"],"mappings":";;;;KAmBY,mBAAA;EACV,KAAA;EACA,QAAA,IAAY,IAAA,EAAM,IAAA;EAClB,OAAA;EACA,UAAA;IACE,QAAA;IACA,IAAA;IACA,KAAA;IACA,KAAA;IACA,OAAA;IACA,eAAA;IACA,QAAA;IACA,IAAA,GAAO,SAAA;EAAA;AAAA;AAAA,cAIE,cAAA;EAAkB,KAAA;EAAA,QAAA;EAAA,OAAA;EAAA;AAAA,GAK5B,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/controls/avatar-dropzone/AvatarDropzone.mjs

@@ -1,2 +1,2 @@
-import{Icon as e}from"../../data-display/icons/icon/Icon.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{avatarDropzone as n,avatarDropzoneIcon as r,avatarDropzoneIconSlot as i,avatarDropzoneImage as a,avatarDropzoneInner as o,avatarDropzoneOverlay as s,avatarDropzoneOverlayIconSlot as c,avatarDropzoneRoot as l}from"@mage-ui/styled-system/recipes";import{Fragment as u,jsx as d,jsxs as f}from"react/jsx-runtime";import{useCallback as p,useState as m}from"react";import{Dropzone as h,IMAGE_MIME_TYPE as g}from"@mantine/dropzone";const _=({value:_,onChange:v,classNames:y})=>{let[b,x]=m(_??null);return f(h,{onDrop:p(e=>{let t=e[0];t&&(x(URL.createObjectURL(t)),v?.(t))},[v]),accept:g,maxFiles:1,classNames:{root:t(y?.dropzone??n(),y?.root??l(),`group`),inner:y?.inner??o()},children:[d(h.Idle,{children:b?f(u,{children:[d(`img`,{src:b,alt:`Avatar`,className:y?.image??a()}),d(`div`,{className:y?.overlay??s()}),d(`div`,{className:y?.overlayIconSlot??c(),children:d(e,{name:`mage-avatar-dropzone-camera-plus`,path:`/icons/sprite-mage.svg`,classNames:{icon:y?.icon?.icon??r()}})})]}):d(`div`,{className:y?.iconSlot??i(),children:d(e,{name:`mage-avatar-dropzone-camera-plus`,path:`/icons/sprite-mage.svg`,classNames:{icon:y?.icon?.icon??r()}})})}),d(h.Accept,{children:d(`div`,{className:y?.iconSlot??i(),children:d(e,{name:`mage-dropzone-thumbs-up`,path:`/icons/sprite-mage.svg`,classNames:{icon:y?.icon?.icon??r()}})})}),d(h.Reject,{children:d(`div`,{className:y?.iconSlot??i(),children:d(e,{name:`mage-dropzone-thumbs-down`,path:`/icons/sprite-mage.svg`,classNames:{icon:y?.icon?.icon??r()}})})})]})};export{_ as AvatarDropzone};
+import{Icon as e}from"../../data-display/icons/icon/Icon.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{avatarDropzone as n,avatarDropzoneIcon as r,avatarDropzoneIconSlot as i,avatarDropzoneImage as a,avatarDropzoneInner as o,avatarDropzoneOverlay as s,avatarDropzoneOverlayIconSlot as c,avatarDropzoneRoot as l}from"@mage-ui/styled-system/recipes";import{Fragment as u,jsx as d,jsxs as f}from"react/jsx-runtime";import{useCallback as p,useState as m}from"react";import{Dropzone as h,IMAGE_MIME_TYPE as g}from"@mantine/dropzone";const _=({value:_,onChange:v,maxSize:y,classNames:b})=>{let[x,S]=m(_??null);return f(h,{onDrop:p(e=>{let t=e[0];t&&(S(URL.createObjectURL(t)),v?.(t))},[v]),accept:g,maxFiles:1,maxSize:y,classNames:{root:t(b?.dropzone??n(),b?.root??l(),`group`),inner:b?.inner??o()},children:[d(h.Idle,{children:x?f(u,{children:[d(`img`,{src:x,alt:`Avatar`,className:b?.image??a()}),d(`div`,{className:b?.overlay??s()}),d(`div`,{className:b?.overlayIconSlot??c(),children:d(e,{name:`mage-avatar-dropzone-camera-plus`,path:`/icons/sprite-mage.svg`,classNames:{icon:b?.icon?.icon??r()}})})]}):d(`div`,{className:b?.iconSlot??i(),children:d(e,{name:`mage-avatar-dropzone-camera-plus`,path:`/icons/sprite-mage.svg`,classNames:{icon:b?.icon?.icon??r()}})})}),d(h.Accept,{children:d(`div`,{className:b?.iconSlot??i(),children:d(e,{name:`mage-dropzone-thumbs-up`,path:`/icons/sprite-mage.svg`,classNames:{icon:b?.icon?.icon??r()}})})}),d(h.Reject,{children:d(`div`,{className:b?.iconSlot??i(),children:d(e,{name:`mage-dropzone-thumbs-down`,path:`/icons/sprite-mage.svg`,classNames:{icon:b?.icon?.icon??r()}})})})]})};export{_ as AvatarDropzone};
 //# sourceMappingURL=AvatarDropzone.mjs.map

package/dist/components/controls/avatar-dropzone/AvatarDropzone.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarDropzone.mjs","names":["MantineDropzone"],"sources":["../../../../src/components/controls/avatar-dropzone/AvatarDropzone.tsx"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  avatarDropzone,\n  avatarDropzoneIcon,\n  avatarDropzoneIconSlot,\n  avatarDropzoneImage,\n  avatarDropzoneInner,\n  avatarDropzoneOverlay,\n  avatarDropzoneOverlayIconSlot,\n  avatarDropzoneRoot,\n} from '@mage-ui/styled-system/recipes';\nimport {\n  IMAGE_MIME_TYPE,\n  Dropzone as MantineDropzone,\n} from '@mantine/dropzone';\nimport { Icon, type IconProps } from '@/components/data-display';\n\nexport type AvatarDropzoneProps = {\n  value?: string;\n  onChange?: (file: File) => void;\n  classNames?: {\n    dropzone?: string;\n    root?: string;\n    inner?: string;\n    image?: string;\n    overlay?: string;\n    overlayIconSlot?: string;\n    iconSlot?: string;\n    icon?: IconProps['classNames'];\n  };\n};\n\nexport const AvatarDropzone = ({\n  value,\n  onChange,\n  classNames,\n}: AvatarDropzoneProps) => {\n  const [preview, setPreview] = useState<string | null>(value ?? null);\n\n  const handleDrop = useCallback(\n    (files: File[]) => {\n      const file = files[0];\n      if (!file) return;\n      const url = URL.createObjectURL(file);\n      setPreview(url);\n      onChange?.(file);\n    },\n    [onChange],\n  );\n\n  return (\n    <MantineDropzone\n      onDrop={handleDrop}\n      accept={IMAGE_MIME_TYPE}\n      maxFiles={1}\n      classNames={{\n        root: cx(\n          classNames?.dropzone ?? avatarDropzone(),\n          classNames?.root ?? avatarDropzoneRoot(),\n          'group',\n        ),\n        inner: classNames?.inner ?? avatarDropzoneInner(),\n      }}\n    >\n      <MantineDropzone.Idle>\n        {preview ? (\n          <>\n            <img\n              src={preview}\n              alt='Avatar'\n              className={classNames?.image ?? avatarDropzoneImage()}\n            />\n            <div className={classNames?.overlay ?? avatarDropzoneOverlay()} />\n            <div\n              className={\n                classNames?.overlayIconSlot ?? avatarDropzoneOverlayIconSlot()\n              }\n            >\n              <Icon\n                name='mage-avatar-dropzone-camera-plus'\n                path='/icons/sprite-mage.svg'\n                classNames={{\n                  icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n                }}\n              />\n            </div>\n          </>\n        ) : (\n          <div className={classNames?.iconSlot ?? avatarDropzoneIconSlot()}>\n            <Icon\n              name='mage-avatar-dropzone-camera-plus'\n              path='/icons/sprite-mage.svg'\n              classNames={{\n                icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n              }}\n            />\n          </div>\n        )}\n      </MantineDropzone.Idle>\n      <MantineDropzone.Accept>\n        <div className={classNames?.iconSlot ?? avatarDropzoneIconSlot()}>\n          <Icon\n            name='mage-dropzone-thumbs-up'\n            path='/icons/sprite-mage.svg'\n            classNames={{\n              icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n            }}\n          />\n        </div>\n      </MantineDropzone.Accept>\n      <MantineDropzone.Reject>\n        <div className={classNames?.iconSlot ?? avatarDropzoneIconSlot()}>\n          <Icon\n            name='mage-dropzone-thumbs-down'\n            path='/icons/sprite-mage.svg'\n            classNames={{\n              icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n            }}\n          />\n        </div>\n      </MantineDropzone.Reject>\n    </MantineDropzone>\n  );\n};\n"],"mappings":"8hBAkCA,MAAa,GAAkB,CAC7B,QACA,WACA,gBACyB,CACzB,GAAM,CAAC,EAAS,GAAc,EAAwB,GAAS,KAAK,CAapE,OACE,EAACA,EAAD,CACE,OAbe,EAChB,GAAkB,CACjB,IAAM,EAAO,EAAM,GACd,IAEL,EADY,IAAI,gBAAgB,EAAK,CACtB,CACf,IAAW,EAAK,GAElB,CAAC,EAAS,CACX,CAKG,OAAQ,EACR,SAAU,EACV,WAAY,CACV,KAAM,EACJ,GAAY,UAAY,GAAgB,CACxC,GAAY,MAAQ,GAAoB,CACxC,QACD,CACD,MAAO,GAAY,OAAS,GAAqB,CAClD,UAXH,CAaE,EAACA,EAAgB,KAAjB,CAAA,SACG,EACC,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,MAAD,CACE,IAAK,EACL,IAAI,SACJ,UAAW,GAAY,OAAS,GAAqB,CACrD,CAAA,CACF,EAAC,MAAD,CAAK,UAAW,GAAY,SAAW,GAAuB,CAAI,CAAA,CAClE,EAAC,MAAD,CACE,UACE,GAAY,iBAAmB,GAA+B,UAGhE,EAAC,EAAD,CACE,KAAK,mCACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CACL,CAAA,CAAA,CAEH,EAAC,MAAD,CAAK,UAAW,GAAY,UAAY,GAAwB,UAC9D,EAAC,EAAD,CACE,KAAK,mCACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CAEa,CAAA,CACvB,EAACA,EAAgB,OAAjB,CAAA,SACE,EAAC,MAAD,CAAK,UAAW,GAAY,UAAY,GAAwB,UAC9D,EAAC,EAAD,CACE,KAAK,0BACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CACiB,CAAA,CACzB,EAACA,EAAgB,OAAjB,CAAA,SACE,EAAC,MAAD,CAAK,UAAW,GAAY,UAAY,GAAwB,UAC9D,EAAC,EAAD,CACE,KAAK,4BACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CACiB,CAAA,CACT"}
+{"version":3,"file":"AvatarDropzone.mjs","names":["MantineDropzone"],"sources":["../../../../src/components/controls/avatar-dropzone/AvatarDropzone.tsx"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  avatarDropzone,\n  avatarDropzoneIcon,\n  avatarDropzoneIconSlot,\n  avatarDropzoneImage,\n  avatarDropzoneInner,\n  avatarDropzoneOverlay,\n  avatarDropzoneOverlayIconSlot,\n  avatarDropzoneRoot,\n} from '@mage-ui/styled-system/recipes';\nimport {\n  IMAGE_MIME_TYPE,\n  Dropzone as MantineDropzone,\n} from '@mantine/dropzone';\nimport { Icon, type IconProps } from '@/components/data-display';\n\nexport type AvatarDropzoneProps = {\n  value?: string;\n  onChange?: (file: File) => void;\n  maxSize?: number;\n  classNames?: {\n    dropzone?: string;\n    root?: string;\n    inner?: string;\n    image?: string;\n    overlay?: string;\n    overlayIconSlot?: string;\n    iconSlot?: string;\n    icon?: IconProps['classNames'];\n  };\n};\n\nexport const AvatarDropzone = ({\n  value,\n  onChange,\n  maxSize,\n  classNames,\n}: AvatarDropzoneProps) => {\n  const [preview, setPreview] = useState<string | null>(value ?? null);\n\n  const handleDrop = useCallback(\n    (files: File[]) => {\n      const file = files[0];\n      if (!file) return;\n      const url = URL.createObjectURL(file);\n      setPreview(url);\n      onChange?.(file);\n    },\n    [onChange],\n  );\n\n  return (\n    <MantineDropzone\n      onDrop={handleDrop}\n      accept={IMAGE_MIME_TYPE}\n      maxFiles={1}\n      maxSize={maxSize}\n      classNames={{\n        root: cx(\n          classNames?.dropzone ?? avatarDropzone(),\n          classNames?.root ?? avatarDropzoneRoot(),\n          'group',\n        ),\n        inner: classNames?.inner ?? avatarDropzoneInner(),\n      }}\n    >\n      <MantineDropzone.Idle>\n        {preview ? (\n          <>\n            <img\n              src={preview}\n              alt='Avatar'\n              className={classNames?.image ?? avatarDropzoneImage()}\n            />\n            <div className={classNames?.overlay ?? avatarDropzoneOverlay()} />\n            <div\n              className={\n                classNames?.overlayIconSlot ?? avatarDropzoneOverlayIconSlot()\n              }\n            >\n              <Icon\n                name='mage-avatar-dropzone-camera-plus'\n                path='/icons/sprite-mage.svg'\n                classNames={{\n                  icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n                }}\n              />\n            </div>\n          </>\n        ) : (\n          <div className={classNames?.iconSlot ?? avatarDropzoneIconSlot()}>\n            <Icon\n              name='mage-avatar-dropzone-camera-plus'\n              path='/icons/sprite-mage.svg'\n              classNames={{\n                icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n              }}\n            />\n          </div>\n        )}\n      </MantineDropzone.Idle>\n      <MantineDropzone.Accept>\n        <div className={classNames?.iconSlot ?? avatarDropzoneIconSlot()}>\n          <Icon\n            name='mage-dropzone-thumbs-up'\n            path='/icons/sprite-mage.svg'\n            classNames={{\n              icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n            }}\n          />\n        </div>\n      </MantineDropzone.Accept>\n      <MantineDropzone.Reject>\n        <div className={classNames?.iconSlot ?? avatarDropzoneIconSlot()}>\n          <Icon\n            name='mage-dropzone-thumbs-down'\n            path='/icons/sprite-mage.svg'\n            classNames={{\n              icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n            }}\n          />\n        </div>\n      </MantineDropzone.Reject>\n    </MantineDropzone>\n  );\n};\n"],"mappings":"8hBAmCA,MAAa,GAAkB,CAC7B,QACA,WACA,UACA,gBACyB,CACzB,GAAM,CAAC,EAAS,GAAc,EAAwB,GAAS,KAAK,CAapE,OACE,EAACA,EAAD,CACE,OAbe,EAChB,GAAkB,CACjB,IAAM,EAAO,EAAM,GACd,IAEL,EADY,IAAI,gBAAgB,EAAK,CACtB,CACf,IAAW,EAAK,GAElB,CAAC,EAAS,CACX,CAKG,OAAQ,EACR,SAAU,EACD,UACT,WAAY,CACV,KAAM,EACJ,GAAY,UAAY,GAAgB,CACxC,GAAY,MAAQ,GAAoB,CACxC,QACD,CACD,MAAO,GAAY,OAAS,GAAqB,CAClD,UAZH,CAcE,EAACA,EAAgB,KAAjB,CAAA,SACG,EACC,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,MAAD,CACE,IAAK,EACL,IAAI,SACJ,UAAW,GAAY,OAAS,GAAqB,CACrD,CAAA,CACF,EAAC,MAAD,CAAK,UAAW,GAAY,SAAW,GAAuB,CAAI,CAAA,CAClE,EAAC,MAAD,CACE,UACE,GAAY,iBAAmB,GAA+B,UAGhE,EAAC,EAAD,CACE,KAAK,mCACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CACL,CAAA,CAAA,CAEH,EAAC,MAAD,CAAK,UAAW,GAAY,UAAY,GAAwB,UAC9D,EAAC,EAAD,CACE,KAAK,mCACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CAEa,CAAA,CACvB,EAACA,EAAgB,OAAjB,CAAA,SACE,EAAC,MAAD,CAAK,UAAW,GAAY,UAAY,GAAwB,UAC9D,EAAC,EAAD,CACE,KAAK,0BACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CACiB,CAAA,CACzB,EAACA,EAAgB,OAAjB,CAAA,SACE,EAAC,MAAD,CAAK,UAAW,GAAY,UAAY,GAAwB,UAC9D,EAAC,EAAD,CACE,KAAK,4BACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CACiB,CAAA,CACT"}

package/dist/components/navigations/navigation-menu/NavigationMenu.d.mts

@@ -10,7 +10,6 @@ type NavigationMenuProps = {
     navigationMenu?: string;
     root?: string;
     list?: string;
-    listItem?: string;
   };
 };
 declare const NavigationMenu: {
@@ -23,7 +22,7 @@ declare const NavigationMenu: {
     children
   }: NavigationMenuListItemProps) => react_jsx_runtime0.JSX.Element;
   NavItem: ({
-    children,
+    label,
     startSlot,
     endSlot,
     isSelected,

package/dist/components/navigations/navigation-menu/NavigationMenu.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.d.mts","names":[],"sources":["../../../../src/components/navigations/navigation-menu/NavigationMenu.tsx"],"mappings":";;;;;;KAYY,mBAAA;EACV,QAAA,GAAW,SAAA;EACX,UAAA;IACE,cAAA;IACA,IAAA;IACA,IAAA;IACA,QAAA;EAAA;AAAA;AAAA,cAIS,cAAA;EAAA;;;KAGV,mBAAA,GAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"NavigationMenu.d.mts","names":[],"sources":["../../../../src/components/navigations/navigation-menu/NavigationMenu.tsx"],"mappings":";;;;;;KAYY,mBAAA;EACV,QAAA,GAAW,SAAA;EACX,UAAA;IACE,cAAA;IACA,IAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAIS,cAAA;EAAA;;;KAGV,mBAAA,GAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/navigations/navigation-menu/NavigationMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.mjs","names":[],"sources":["../../../../src/components/navigations/navigation-menu/NavigationMenu.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  navigationMenu,\n  navigationMenuList,\n  navigationMenuRoot,\n} from '@mage-ui/styled-system/recipes';\n\nimport { NavigationMenuListItem } from './NavigationMenuListItem';\nimport { NavigationMenuNavItem } from './NavigationMenuNavItem';\n\nexport type NavigationMenuProps = {\n  children?: ReactNode;\n  classNames?: {\n    navigationMenu?: string;\n    root?: string;\n    list?: string;\n    listItem?: string;\n  };\n};\n\nexport const NavigationMenu = ({\n  classNames,\n  children,\n}: NavigationMenuProps) => {\n  return (\n    <nav\n      className={cx(\n        classNames?.navigationMenu ?? navigationMenu(),\n        classNames?.root ?? navigationMenuRoot(),\n      )}\n    >\n      <ul className={classNames?.list ?? navigationMenuList()}>{children}</ul>\n    </nav>\n  );\n};\n\nNavigationMenu.ListItem = NavigationMenuListItem;\nNavigationMenu.NavItem = NavigationMenuNavItem;\n"],"mappings":"kVAsBA,MAAa,GAAkB,CAC7B,aACA,cAGE,EAAC,MAAD,CACE,UAAW,EACT,GAAY,gBAAkB,GAAgB,CAC9C,GAAY,MAAQ,GAAoB,CACzC,UAED,EAAC,KAAD,CAAI,UAAW,GAAY,MAAQ,GAAoB,CAAG,WAAc,CAAA,CACpE,CAAA,CAIV,EAAe,SAAW,EAC1B,EAAe,QAAU"}
+{"version":3,"file":"NavigationMenu.mjs","names":[],"sources":["../../../../src/components/navigations/navigation-menu/NavigationMenu.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  navigationMenu,\n  navigationMenuList,\n  navigationMenuRoot,\n} from '@mage-ui/styled-system/recipes';\n\nimport { NavigationMenuListItem } from './NavigationMenuListItem';\nimport { NavigationMenuNavItem } from './NavigationMenuNavItem';\n\nexport type NavigationMenuProps = {\n  children?: ReactNode;\n  classNames?: {\n    navigationMenu?: string;\n    root?: string;\n    list?: string;\n  };\n};\n\nexport const NavigationMenu = ({\n  classNames,\n  children,\n}: NavigationMenuProps) => {\n  return (\n    <nav\n      className={cx(\n        classNames?.navigationMenu ?? navigationMenu(),\n        classNames?.root ?? navigationMenuRoot(),\n      )}\n    >\n      <ul className={classNames?.list ?? navigationMenuList()}>{children}</ul>\n    </nav>\n  );\n};\n\nNavigationMenu.ListItem = NavigationMenuListItem;\nNavigationMenu.NavItem = NavigationMenuNavItem;\n"],"mappings":"kVAqBA,MAAa,GAAkB,CAC7B,aACA,cAGE,EAAC,MAAD,CACE,UAAW,EACT,GAAY,gBAAkB,GAAgB,CAC9C,GAAY,MAAQ,GAAoB,CACzC,UAED,EAAC,KAAD,CAAI,UAAW,GAAY,MAAQ,GAAoB,CAAG,WAAc,CAAA,CACpE,CAAA,CAIV,EAAe,SAAW,EAC1B,EAAe,QAAU"}

package/dist/components/navigations/navigation-menu/NavigationMenuNavItem.d.mts

@@ -2,12 +2,12 @@ import { ReactNode } from "react";
 
 //#region src/components/navigations/navigation-menu/NavigationMenuNavItem.d.ts
 type NavigationMenuNavItemProps = {
-  children?: ReactNode;
+  label?: ReactNode;
   startSlot?: ReactNode;
   endSlot?: ReactNode;
   isSelected?: boolean;
   classNames?: {
-    navLink?: string;
+    navItem?: string;
     label?: string;
     section?: string;
   };

package/dist/components/navigations/navigation-menu/NavigationMenuNavItem.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuNavItem.d.mts","names":[],"sources":["../../../../src/components/navigations/navigation-menu/NavigationMenuNavItem.tsx"],"mappings":";;;KAQY,0BAAA;EACV,QAAA,GAAW,SAAA;EACX,SAAA,GAAY,SAAA;EACZ,OAAA,GAAU,SAAA;EACV,UAAA;EACA,UAAA;IACE,OAAA;IACA,KAAA;IACA,OAAA;EAAA;AAAA"}
+{"version":3,"file":"NavigationMenuNavItem.d.mts","names":[],"sources":["../../../../src/components/navigations/navigation-menu/NavigationMenuNavItem.tsx"],"mappings":";;;KAQY,0BAAA;EACV,KAAA,GAAQ,SAAA;EACR,SAAA,GAAY,SAAA;EACZ,OAAA,GAAU,SAAA;EACV,UAAA;EACA,UAAA;IACE,OAAA;IACA,KAAA;IACA,OAAA;EAAA;AAAA"}

package/dist/components/navigations/navigation-menu/NavigationMenuNavItem.mjs

@@ -1,2 +1,2 @@
-import{navigationMenuNavItem as e,navigationMenuNavItemLabel as t,navigationMenuNavItemSection as n}from"@mage-ui/styled-system/recipes";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({children:a,startSlot:o,endSlot:s,isSelected:c,classNames:l})=>i(`span`,{className:l?.navLink??e(),"data-selected":c||void 0,children:[o&&r(`span`,{className:l?.section??n(),"data-section":`start`,children:o}),r(`span`,{className:l?.label??t(),children:a}),s&&r(`span`,{className:l?.section??n(),"data-section":`end`,children:s})]});export{a as NavigationMenuNavItem};
+import{navigationMenuNavItem as e,navigationMenuNavItemLabel as t,navigationMenuNavItemSection as n}from"@mage-ui/styled-system/recipes";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({label:a,startSlot:o,endSlot:s,isSelected:c,classNames:l})=>i(`span`,{className:l?.navItem??e(),"data-selected":c||void 0,children:[o&&r(`span`,{className:l?.section??n(),"data-section":`start`,children:o}),r(`span`,{className:l?.label??t(),children:a}),s&&r(`span`,{className:l?.section??n(),"data-section":`end`,children:s})]});export{a as NavigationMenuNavItem};
 //# sourceMappingURL=NavigationMenuNavItem.mjs.map

package/dist/components/navigations/navigation-menu/NavigationMenuNavItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuNavItem.mjs","names":[],"sources":["../../../../src/components/navigations/navigation-menu/NavigationMenuNavItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  navigationMenuNavItem,\n  navigationMenuNavItemLabel,\n  navigationMenuNavItemSection,\n} from '@mage-ui/styled-system/recipes';\n\nexport type NavigationMenuNavItemProps = {\n  children?: ReactNode;\n  startSlot?: ReactNode;\n  endSlot?: ReactNode;\n  isSelected?: boolean;\n  classNames?: {\n    navLink?: string;\n    label?: string;\n    section?: string;\n  };\n};\n\nexport const NavigationMenuNavItem = ({\n  children,\n  startSlot,\n  endSlot,\n  isSelected,\n  classNames,\n}: NavigationMenuNavItemProps) => {\n  return (\n    <span\n      className={classNames?.navLink ?? navigationMenuNavItem()}\n      data-selected={isSelected || undefined}\n    >\n      {startSlot && (\n        <span\n          className={classNames?.section ?? navigationMenuNavItemSection()}\n          data-section='start'\n        >\n          {startSlot}\n        </span>\n      )}\n      <span className={classNames?.label ?? navigationMenuNavItemLabel()}>\n        {children}\n      </span>\n      {endSlot && (\n        <span\n          className={classNames?.section ?? navigationMenuNavItemSection()}\n          data-section='end'\n        >\n          {endSlot}\n        </span>\n      )}\n    </span>\n  );\n};\n"],"mappings":"2LAoBA,MAAa,GAAyB,CACpC,WACA,YACA,UACA,aACA,gBAGE,EAAC,OAAD,CACE,UAAW,GAAY,SAAW,GAAuB,CACzD,gBAAe,GAAc,IAAA,YAF/B,CAIG,GACC,EAAC,OAAD,CACE,UAAW,GAAY,SAAW,GAA8B,CAChE,eAAa,iBAEZ,EACI,CAAA,CAET,EAAC,OAAD,CAAM,UAAW,GAAY,OAAS,GAA4B,CAC/D,WACI,CAAA,CACN,GACC,EAAC,OAAD,CACE,UAAW,GAAY,SAAW,GAA8B,CAChE,eAAa,eAEZ,EACI,CAAA,CAEJ"}
+{"version":3,"file":"NavigationMenuNavItem.mjs","names":[],"sources":["../../../../src/components/navigations/navigation-menu/NavigationMenuNavItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  navigationMenuNavItem,\n  navigationMenuNavItemLabel,\n  navigationMenuNavItemSection,\n} from '@mage-ui/styled-system/recipes';\n\nexport type NavigationMenuNavItemProps = {\n  label?: ReactNode;\n  startSlot?: ReactNode;\n  endSlot?: ReactNode;\n  isSelected?: boolean;\n  classNames?: {\n    navItem?: string;\n    label?: string;\n    section?: string;\n  };\n};\n\nexport const NavigationMenuNavItem = ({\n  label,\n  startSlot,\n  endSlot,\n  isSelected,\n  classNames,\n}: NavigationMenuNavItemProps) => {\n  return (\n    <span\n      className={classNames?.navItem ?? navigationMenuNavItem()}\n      data-selected={isSelected || undefined}\n    >\n      {startSlot && (\n        <span\n          className={classNames?.section ?? navigationMenuNavItemSection()}\n          data-section='start'\n        >\n          {startSlot}\n        </span>\n      )}\n      <span className={classNames?.label ?? navigationMenuNavItemLabel()}>\n        {label}\n      </span>\n      {endSlot && (\n        <span\n          className={classNames?.section ?? navigationMenuNavItemSection()}\n          data-section='end'\n        >\n          {endSlot}\n        </span>\n      )}\n    </span>\n  );\n};\n"],"mappings":"2LAoBA,MAAa,GAAyB,CACpC,QACA,YACA,UACA,aACA,gBAGE,EAAC,OAAD,CACE,UAAW,GAAY,SAAW,GAAuB,CACzD,gBAAe,GAAc,IAAA,YAF/B,CAIG,GACC,EAAC,OAAD,CACE,UAAW,GAAY,SAAW,GAA8B,CAChE,eAAa,iBAEZ,EACI,CAAA,CAET,EAAC,OAAD,CAAM,UAAW,GAAY,OAAS,GAA4B,UAC/D,EACI,CAAA,CACN,GACC,EAAC,OAAD,CACE,UAAW,GAAY,SAAW,GAA8B,CAChE,eAAa,eAEZ,EACI,CAAA,CAEJ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "1.0.110",
+  "version": "1.0.112",
   "private": false,
   "description": "",
   "keywords": [],
@@ -25,7 +25,7 @@
     "rimraf": "^6.1.3",
     "tsdown": "^0.21.4",
     "typescript": "^5.9.3",
-    "@mage-ui/preset": "1.0.110",
+    "@mage-ui/preset": "1.0.112",
     "@mage-ui/styled-system": "1.0.8"
   },
   "peerDependencies": {