@mage-ui/components 0.0.99 → 1.0.4

package/dist/components/data-display/logos/logo-image/LogoImage.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoImage.d.mts","names":[],"sources":["../../../../../src/components/data-display/logos/logo-image/LogoImage.tsx"],"mappings":";;;KAQY,cAAA;EACV,IAAA;EACA,GAAA;EACA,OAAA;EACA,GAAA;EACA,SAAA;EACA,KAAA;EACA,KAAA;EACA,MAAA;EACA,UAAA;IACE,IAAA;IACA,IAAA;IACA,KAAA;EAAA;AAAA,IAEA,qBAAA;AAAA,cAES,SAAA;EAAa,IAAA;EAAA,GAAA;EAAA,OAAA;EAAA,GAAA;EAAA,SAAA;EAAA,KAAA;EAAA,KAAA;EAAA,MAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAWvB,cAAA,KAAiB,SAAA"}

package/dist/components/data-display/logos/logo-image/LogoImage.mjs

@@ -0,0 +1,2 @@
+import{cx as e}from"@mage-ui/styled-system/css";import{logoImage as t,logoImageImage as n,logoImageRoot as r}from"@mage-ui/styled-system/recipes";import{jsx as i}from"react/jsx-runtime";const a=({href:a=`/`,src:o,srcDark:s,alt:c,ariaLabel:l,theme:u=`light`,width:d,height:f,classNames:p,...m})=>{let h=u===`dark`&&s?s:o;return i(`a`,{href:a,"aria-label":l,className:e(p?.logo??t(),p?.root??r()),...m,children:i(`img`,{src:h,alt:c,width:d,height:f,loading:`eager`,className:p?.image??n()})})};export{a as LogoImage};
+//# sourceMappingURL=LogoImage.mjs.map

package/dist/components/data-display/logos/logo-image/LogoImage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoImage.mjs","names":[],"sources":["../../../../../src/components/data-display/logos/logo-image/LogoImage.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n  logoImage,\n  logoImageRoot,\n  logoImageImage,\n} from '@mage-ui/styled-system/recipes';\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\n\nexport type LogoImageProps = {\n  href?: string;\n  src: string;\n  srcDark?: string;\n  alt: string;\n  ariaLabel?: string;\n  theme?: 'light' | 'dark';\n  width: number;\n  height: number;\n  classNames?: {\n    logo?: string;\n    root?: string;\n    image?: string;\n  };\n} & ComponentPropsWithRef<'a'>;\n\nexport const LogoImage = ({\n  href = '/',\n  src,\n  srcDark,\n  alt,\n  ariaLabel,\n  theme = 'light',\n  width,\n  height,\n  classNames,\n  ...props\n}: LogoImageProps): ReactNode => {\n  const resolvedSrc = theme === 'dark' && srcDark ? srcDark : src; // que vingui de fora\n\n  // TODO: possibilitat usar link next\n  // TODO: next image\n  // TODO: no té perquè tenir link\n  return (\n    <a\n      href={href}\n      aria-label={ariaLabel}\n      className={cx(\n        classNames?.logo ?? logoImage(),\n        classNames?.root ?? logoImageRoot(),\n      )}\n      {...props}\n    >\n      <img\n        src={resolvedSrc}\n        alt={alt}\n        width={width}\n        height={height}\n        loading='eager'\n        className={classNames?.image ?? logoImageImage()}\n      />\n    </a>\n  );\n};\n"],"mappings":"0LAwBA,MAAa,GAAa,CACxB,OAAO,IACP,MACA,UACA,MACA,YACA,QAAQ,QACR,QACA,SACA,aACA,GAAG,KAC4B,CAC/B,IAAM,EAAc,IAAU,QAAU,EAAU,EAAU,EAK5D,OACE,EAAC,IAAA,CACO,OACN,aAAY,EACZ,UAAW,EACT,GAAY,MAAQ,GAAW,CAC/B,GAAY,MAAQ,GAAe,CACpC,CACD,GAAI,WAEJ,EAAC,MAAA,CACC,IAAK,EACA,MACE,QACC,SACR,QAAQ,QACR,UAAW,GAAY,OAAS,GAAgB,EAChD,EACA"}

package/dist/components/data-display/logos/logo-svg/LogoSvg.d.mts

@@ -0,0 +1,29 @@
+import { ComponentPropsWithRef, ReactNode } from "react";
+
+//#region src/components/data-display/logos/logo-svg/LogoSvg.d.ts
+type LogoSvgProps = {
+  href?: string;
+  ariaLabel?: string;
+  width?: number | string;
+  height?: number | string;
+  viewBox?: string;
+  children: ReactNode;
+  classNames?: {
+    logo?: string;
+    root?: string;
+    svg?: string;
+  };
+} & ComponentPropsWithRef<'a'>;
+declare const LogoSvg: ({
+  href,
+  ariaLabel,
+  width,
+  height,
+  viewBox,
+  children,
+  classNames,
+  ...props
+}: LogoSvgProps) => ReactNode;
+//#endregion
+export { LogoSvg, LogoSvgProps };
+//# sourceMappingURL=LogoSvg.d.mts.map

package/dist/components/data-display/logos/logo-svg/LogoSvg.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoSvg.d.mts","names":[],"sources":["../../../../../src/components/data-display/logos/logo-svg/LogoSvg.tsx"],"mappings":";;;KAQY,YAAA;EACV,IAAA;EACA,SAAA;EACA,KAAA;EACA,MAAA;EACA,OAAA;EACA,QAAA,EAAU,SAAA;EACV,UAAA;IACE,IAAA;IACA,IAAA;IACA,GAAA;EAAA;AAAA,IAEA,qBAAA;AAAA,cAES,OAAA;EAAW,IAAA;EAAA,SAAA;EAAA,KAAA;EAAA,MAAA;EAAA,OAAA;EAAA,QAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GASrB,YAAA,KAAe,SAAA"}

package/dist/components/data-display/logos/logo-svg/LogoSvg.mjs

@@ -0,0 +1,2 @@
+import{cx as e}from"@mage-ui/styled-system/css";import{logoSvg as t,logoSvgRoot as n,logoSvgSvg as r}from"@mage-ui/styled-system/recipes";import{jsx as i}from"react/jsx-runtime";const a=({href:a=`/`,ariaLabel:o,width:s,height:c,viewBox:l,children:u,classNames:d,...f})=>i(`a`,{href:a,"aria-label":o,className:e(d?.logo??t(),d?.root??n()),...f,children:i(`svg`,{width:s,height:c,viewBox:l,className:d?.svg??r(),fill:`none`,"aria-hidden":`true`,focusable:`false`,xmlns:`http://www.w3.org/2000/svg`,children:u})});export{a as LogoSvg};
+//# sourceMappingURL=LogoSvg.mjs.map

package/dist/components/data-display/logos/logo-svg/LogoSvg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoSvg.mjs","names":[],"sources":["../../../../../src/components/data-display/logos/logo-svg/LogoSvg.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n  logoSvg,\n  logoSvgRoot,\n  logoSvgSvg,\n} from '@mage-ui/styled-system/recipes';\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\n\nexport type LogoSvgProps = {\n  href?: string;\n  ariaLabel?: string;\n  width?: number | string;\n  height?: number | string;\n  viewBox?: string;\n  children: ReactNode;\n  classNames?: {\n    logo?: string;\n    root?: string;\n    svg?: string;\n  };\n} & ComponentPropsWithRef<'a'>;\n\nexport const LogoSvg = ({\n  href = '/',\n  ariaLabel,\n  width,\n  height,\n  viewBox,\n  children,\n  classNames,\n  ...props\n}: LogoSvgProps): ReactNode => {\n  return (\n    <a\n      href={href}\n      aria-label={ariaLabel}\n      className={cx(\n        classNames?.logo ?? logoSvg(),\n        classNames?.root ?? logoSvgRoot(),\n      )}\n      {...props}\n    >\n      <svg\n        width={width}\n        height={height}\n        viewBox={viewBox}\n        className={classNames?.svg ?? logoSvgSvg()}\n        fill='none'\n        aria-hidden='true'\n        focusable='false'\n        xmlns='http://www.w3.org/2000/svg'\n      >\n        {children}\n      </svg>\n    </a>\n  );\n};\n"],"mappings":"kLAsBA,MAAa,GAAW,CACtB,OAAO,IACP,YACA,QACA,SACA,UACA,WACA,aACA,GAAG,KAGD,EAAC,IAAA,CACO,OACN,aAAY,EACZ,UAAW,EACT,GAAY,MAAQ,GAAS,CAC7B,GAAY,MAAQ,GAAa,CAClC,CACD,GAAI,WAEJ,EAAC,MAAA,CACQ,QACC,SACC,UACT,UAAW,GAAY,KAAO,GAAY,CAC1C,KAAK,OACL,cAAY,OACZ,UAAU,QACV,MAAM,6BAEL,YACG,EACJ"}

package/dist/components/data-display/tag/Tag.d.mts

@@ -0,0 +1,36 @@
+import { BadgeProps } from "../badge/Badge.mjs";
+import { TagGroupProps } from "../tag-group/TagGroup.mjs";
+import "../index.mjs";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
+
+//#region src/components/data-display/tag/Tag.d.ts
+type TagProps = Omit<BadgeProps, 'classNames'> & {
+  label: string;
+  onRemove?: () => void;
+  classNames?: BadgeProps['classNames'] & {
+    buttonIcon?: {
+      buttonIcon?: string;
+      root?: string;
+      icon?: string;
+      iconRaw?: {
+        iconRaw?: string;
+        root?: string;
+      };
+    };
+  };
+};
+declare const Tag: {
+  ({
+    label,
+    onRemove,
+    classNames,
+    children
+  }: TagProps): react_jsx_runtime34.JSX.Element;
+  Group: ({
+    children,
+    classNames
+  }: TagGroupProps) => react_jsx_runtime34.JSX.Element;
+};
+//#endregion
+export { Tag, TagProps };
+//# sourceMappingURL=Tag.d.mts.map

package/dist/components/data-display/tag/Tag.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.mts","names":[],"sources":["../../../../src/components/data-display/tag/Tag.tsx"],"mappings":";;;;;;KAgBY,QAAA,GAAW,IAAA,CAAK,UAAA;EAC1B,KAAA;EACA,QAAA;EACA,UAAA,GAAa,UAAA;IACX,UAAA;MACE,UAAA;MACA,IAAA;MACA,IAAA;MACA,OAAA;QACE,OAAA;QACA,IAAA;MAAA;IAAA;EAAA;AAAA;AAAA,cAMK,GAAA;EAAA;;;;;KAAkD,QAAA,GAAQ,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/data-display/tag/Tag.mjs

@@ -0,0 +1,2 @@
+import{Badge as e}from"../badge/Badge.mjs";import{TagGroup as t}from"../tag-group/TagGroup.mjs";import{ButtonIcon as n}from"../../buttons/button-icon/ButtonIcon.mjs";import{tag as r,tagButtonIcon as i,tagButtonIconIcon as a,tagButtonIconIconRaw as o,tagButtonIconIconRawRoot as s,tagButtonIconRoot as c,tagLabel as l,tagRoot as u,tagSection as d}from"@mage-ui/styled-system/recipes";import{jsx as f}from"react/jsx-runtime";const p=({label:t,onRemove:p,classNames:m,children:h})=>f(e,{endSlot:f(n,{path:`/icons/sprite-mage.svg`,label:t,name:`mage-tag-x`,onClick:e=>{e.stopPropagation(),p?.()},classNames:{buttonIcon:m?.buttonIcon?.buttonIcon??i(),root:m?.buttonIcon?.root??c(),icon:m?.buttonIcon?.icon??a(),iconRaw:{iconRaw:m?.buttonIcon?.iconRaw?.iconRaw??o(),root:m?.buttonIcon?.iconRaw?.root??s()}}}),classNames:{badge:m?.badge??r(),root:m?.root??u(),section:m?.section??d(),label:m?.label??l()},children:h});p.Group=t;export{p as Tag};
+//# sourceMappingURL=Tag.mjs.map

package/dist/components/data-display/tag/Tag.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.mjs","names":[],"sources":["../../../../src/components/data-display/tag/Tag.tsx"],"sourcesContent":["import {\n  tag,\n  tagButtonIcon,\n  tagButtonIconIcon,\n  tagButtonIconIconRaw,\n  tagButtonIconIconRawRoot,\n  tagButtonIconRoot,\n  tagLabel,\n  tagRoot,\n  tagSection,\n} from '@mage-ui/styled-system/recipes';\nimport { ButtonIcon } from '@/components/buttons';\n\nimport { Badge, type BadgeProps } from '../badge/Badge';\nimport { TagGroup } from '../tag-group/TagGroup';\n\nexport type TagProps = Omit<BadgeProps, 'classNames'> & {\n  label: string;\n  onRemove?: () => void;\n  classNames?: BadgeProps['classNames'] & {\n    buttonIcon?: {\n      buttonIcon?: string;\n      root?: string;\n      icon?: string;\n      iconRaw?: {\n        iconRaw?: string;\n        root?: string;\n      };\n    };\n  };\n};\n\nexport const Tag = ({ label, onRemove, classNames, children }: TagProps) => {\n  return (\n    <Badge\n      endSlot={\n        <ButtonIcon\n          path='/icons/sprite-mage.svg'\n          label={label}\n          name='mage-tag-x'\n          onClick={(e) => {\n            e.stopPropagation();\n            onRemove?.();\n          }}\n          classNames={{\n            buttonIcon: classNames?.buttonIcon?.buttonIcon ?? tagButtonIcon(),\n            root: classNames?.buttonIcon?.root ?? tagButtonIconRoot(),\n            icon: classNames?.buttonIcon?.icon ?? tagButtonIconIcon(),\n            iconRaw: {\n              iconRaw:\n                classNames?.buttonIcon?.iconRaw?.iconRaw ?? tagButtonIconIconRaw(),\n              root:\n                classNames?.buttonIcon?.iconRaw?.root ?? tagButtonIconIconRawRoot(),\n            },\n          }}\n        />\n      }\n      classNames={{\n        badge: classNames?.badge ?? tag(),\n        root: classNames?.root ?? tagRoot(),\n        section: classNames?.section ?? tagSection(),\n        label: classNames?.label ?? tagLabel(),\n      }}\n    >\n      {children}\n    </Badge>\n  );\n};\n\nTag.Group = TagGroup;\n"],"mappings":"uaAgCA,MAAa,GAAO,CAAE,QAAO,WAAU,aAAY,cAE/C,EAAC,EAAA,CACC,QACE,EAAC,EAAA,CACC,KAAK,yBACE,QACP,KAAK,aACL,QAAU,GAAM,CACd,EAAE,iBAAiB,CACnB,KAAY,EAEd,WAAY,CACV,WAAY,GAAY,YAAY,YAAc,GAAe,CACjE,KAAM,GAAY,YAAY,MAAQ,GAAmB,CACzD,KAAM,GAAY,YAAY,MAAQ,GAAmB,CACzD,QAAS,CACP,QACE,GAAY,YAAY,SAAS,SAAW,GAAsB,CACpE,KACE,GAAY,YAAY,SAAS,MAAQ,GAA0B,CACtE,CACF,EACD,CAEJ,WAAY,CACV,MAAO,GAAY,OAAS,GAAK,CACjC,KAAM,GAAY,MAAQ,GAAS,CACnC,QAAS,GAAY,SAAW,GAAY,CAC5C,MAAO,GAAY,OAAS,GAAU,CACvC,CAEA,YACK,CAIZ,EAAI,MAAQ"}

package/dist/components/data-display/tag-group/TagGroup.d.mts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime36 from "react/jsx-runtime";
+
+//#region src/components/data-display/tag-group/TagGroup.d.ts
+type TagGroupProps = {
+  children: React.ReactNode;
+  classNames?: {
+    tagGroup?: string;
+    root?: string;
+  };
+};
+declare const TagGroup: ({
+  children,
+  classNames
+}: TagGroupProps) => react_jsx_runtime36.JSX.Element;
+//#endregion
+export { TagGroup, TagGroupProps };
+//# sourceMappingURL=TagGroup.d.mts.map

package/dist/components/data-display/tag-group/TagGroup.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagGroup.d.mts","names":[],"sources":["../../../../src/components/data-display/tag-group/TagGroup.tsx"],"mappings":";;;KAGY,aAAA;EACV,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,UAAA;IACE,QAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAIS,QAAA;EAAY,QAAA;EAAA;AAAA,GAA0B,aAAA,KAAa,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/data-display/tag-group/TagGroup.mjs

@@ -0,0 +1,2 @@
+import{cx as e}from"@mage-ui/styled-system/css";import{tagGroup as t,tagGroupRoot as n}from"@mage-ui/styled-system/recipes";import{jsx as r}from"react/jsx-runtime";const i=({children:i,classNames:a})=>r(`div`,{className:e(a?.tagGroup??t(),a?.root??n()),children:i});export{i as TagGroup};
+//# sourceMappingURL=TagGroup.mjs.map

package/dist/components/data-display/tag-group/TagGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagGroup.mjs","names":[],"sources":["../../../../src/components/data-display/tag-group/TagGroup.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport { tagGroup, tagGroupRoot } from '@mage-ui/styled-system/recipes';\n\nexport type TagGroupProps = {\n  children: React.ReactNode;\n  classNames?: {\n    tagGroup?: string;\n    root?: string;\n  };\n};\n\nexport const TagGroup = ({ children, classNames }: TagGroupProps) => {\n  return (\n    <div className={cx(classNames?.tagGroup ?? tagGroup(), classNames?.root ?? tagGroupRoot())}>\n      {children}\n    </div>\n  )\n};\n"],"mappings":"oKAWA,MAAa,GAAY,CAAE,WAAU,gBAEjC,EAAC,MAAA,CAAI,UAAW,EAAG,GAAY,UAAY,GAAU,CAAE,GAAY,MAAQ,GAAc,CAAC,CACvF,YACG"}

package/dist/components/data-display/uploaded-file/UploadedFile.d.mts

@@ -0,0 +1,43 @@
+import { ButtonIconProps } from "../../buttons/button-icon/ButtonIcon.mjs";
+import "../../buttons/index.mjs";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/components/data-display/uploaded-file/UploadedFile.d.ts
+type UploadedFileProps = {
+  clearButtonLabel?: string;
+  startSlot?: ReactNode;
+  fileName?: ReactNode;
+  url?: string;
+  fileSize?: ReactNode;
+  fileDate?: ReactNode;
+  fileType?: ReactNode;
+  onRemove?: () => void;
+  classNames?: {
+    uploadedFile?: string;
+    root?: string;
+    section?: string;
+    content?: string;
+    details?: string;
+    fileSize?: string;
+    fileDate?: string;
+    fileType?: string;
+    fileLink?: string;
+    fileName?: string;
+    buttonIcon?: ButtonIconProps['classNames'];
+  };
+};
+declare const UploadedFile: ({
+  clearButtonLabel,
+  startSlot,
+  fileName,
+  url,
+  fileSize,
+  fileDate,
+  fileType,
+  classNames,
+  onRemove
+}: UploadedFileProps) => react_jsx_runtime37.JSX.Element;
+//#endregion
+export { UploadedFile, UploadedFileProps };
+//# sourceMappingURL=UploadedFile.d.mts.map

package/dist/components/data-display/uploaded-file/UploadedFile.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadedFile.d.mts","names":[],"sources":["../../../../src/components/data-display/uploaded-file/UploadedFile.tsx"],"mappings":";;;;;;KAsBY,iBAAA;EACV,gBAAA;EACA,SAAA,GAAY,SAAA;EACZ,QAAA,GAAW,SAAA;EACX,GAAA;EACA,QAAA,GAAW,SAAA;EACX,QAAA,GAAW,SAAA;EACX,QAAA,GAAW,SAAA;EACX,QAAA;EACA,UAAA;IACE,YAAA;IACA,IAAA;IACA,OAAA;IACA,OAAA;IACA,OAAA;IACA,QAAA;IACA,QAAA;IACA,QAAA;IACA,QAAA;IACA,QAAA;IACA,UAAA,GAAa,eAAA;EAAA;AAAA;AAAA,cAIJ,YAAA;EAAgB,gBAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;EAAA,QAAA;EAAA,QAAA;EAAA,QAAA;EAAA,UAAA;EAAA;AAAA,GAU1B,iBAAA,KAAiB,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/data-display/uploaded-file/UploadedFile.mjs

@@ -0,0 +1,2 @@
+import{ButtonIcon as e}from"../../buttons/button-icon/ButtonIcon.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{uploadedFile as n,uploadedFileButtonIcon as r,uploadedFileButtonIconIcon as i,uploadedFileButtonIconIconRaw as a,uploadedFileButtonIconIconRawRoot as o,uploadedFileButtonIconRoot as s,uploadedFileContent as c,uploadedFileDate as l,uploadedFileDetails as u,uploadedFileLink as d,uploadedFileName as f,uploadedFileRoot as p,uploadedFileSection as m,uploadedFileSize as h,uploadedFileType as g}from"@mage-ui/styled-system/recipes";import{jsx as _,jsxs as v}from"react/jsx-runtime";const y=({clearButtonLabel:y=`Remove file`,startSlot:b,fileName:x,url:S,fileSize:C,fileDate:w,fileType:T,classNames:E,onRemove:D})=>v(`div`,{className:t(E?.uploadedFile??n(),E?.root??p()),children:[b&&_(`div`,{className:E?.section??m(),children:b}),v(`div`,{className:E?.content??c(),children:[S?_(`a`,{href:S,target:`_blank`,rel:`noopener noreferrer`,download:!0,className:E?.fileLink??d(),children:x}):_(`span`,{className:E?.fileName??f(),children:x}),v(`div`,{className:E?.details??u(),children:[C&&_(`span`,{className:E?.fileSize??h(),children:C}),w&&_(`span`,{className:E?.fileDate??l(),children:w}),T&&_(`span`,{className:E?.fileType??g(),children:T})]})]}),D&&_(e,{label:y,onClick:()=>D?.(),path:`/icons/sprite-mage.svg`,name:`mage-uploadedfile-clear-button-x`,classNames:{buttonIcon:E?.buttonIcon?.buttonIcon??r(),root:E?.buttonIcon?.root??s(),icon:E?.buttonIcon?.icon??i(),iconRaw:{iconRaw:E?.buttonIcon?.iconRaw?.iconRaw??a(),root:E?.buttonIcon?.iconRaw?.root??o()}}})]});export{y as UploadedFile};
+//# sourceMappingURL=UploadedFile.mjs.map

package/dist/components/data-display/uploaded-file/UploadedFile.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadedFile.mjs","names":[],"sources":["../../../../src/components/data-display/uploaded-file/UploadedFile.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  uploadedFile,\n  uploadedFileButtonIcon,\n  uploadedFileButtonIconIcon,\n  uploadedFileButtonIconIconRaw,\n  uploadedFileButtonIconIconRawRoot,\n  uploadedFileButtonIconRoot,\n  uploadedFileContent,\n  uploadedFileDetails,\n  uploadedFileDate,\n  uploadedFileName,\n  uploadedFileSize,\n  uploadedFileType,\n  uploadedFileRoot,\n  uploadedFileSection,\n  uploadedFileLink,\n} from '@mage-ui/styled-system/recipes';\nimport { ButtonIcon, type ButtonIconProps } from '@/components/buttons';\n\nexport type UploadedFileProps = {\n  clearButtonLabel?: string;\n  startSlot?: ReactNode;\n  fileName?: ReactNode;\n  url?: string;\n  fileSize?: ReactNode;\n  fileDate?: ReactNode;\n  fileType?: ReactNode;\n  onRemove?: () => void;\n  classNames?: {\n    uploadedFile?: string;\n    root?: string;\n    section?: string;\n    content?: string;\n    details?: string;\n    fileSize?: string;\n    fileDate?: string;\n    fileType?: string;\n    fileLink?: string;\n    fileName?: string;\n    buttonIcon?: ButtonIconProps['classNames'];\n  };\n};\n\nexport const UploadedFile = ({\n  clearButtonLabel = 'Remove file',\n  startSlot,\n  fileName,\n  url,\n  fileSize,\n  fileDate,\n  fileType,\n  classNames,\n  onRemove,\n}: UploadedFileProps) => {\n  return (\n    <div\n      className={cx(\n        classNames?.uploadedFile ?? uploadedFile(),\n        classNames?.root ?? uploadedFileRoot(),\n      )}\n    >\n      {startSlot && (\n        <div className={classNames?.section ?? uploadedFileSection()}>\n          {startSlot}\n        </div>\n      )}\n      <div className={classNames?.content ?? uploadedFileContent()}>\n        {url ? (\n          <a\n            href={url}\n            target='_blank'\n            rel='noopener noreferrer'\n            download\n            className={classNames?.fileLink ?? uploadedFileLink()}\n          >\n            {fileName}\n          </a>\n        ) : (\n          <span className={classNames?.fileName ?? uploadedFileName()}>\n            {fileName}\n          </span>\n        )}\n\n        {/* TODO: children i sical, crear components per a mostrar el contingut */}\n        <div className={classNames?.details ?? uploadedFileDetails()}>\n          {fileSize && (\n            <span className={classNames?.fileSize ?? uploadedFileSize()}>\n              {fileSize}\n            </span>\n          )}\n          {fileDate && (\n            <span className={classNames?.fileDate ?? uploadedFileDate()}>\n              {fileDate}\n            </span>\n          )}\n          {fileType && (\n            <span className={classNames?.fileType ?? uploadedFileType()}>\n              {fileType}\n            </span>\n          )}\n        </div>\n      </div>\n\n      {onRemove && (\n        <ButtonIcon\n          label={clearButtonLabel}\n          onClick={() => onRemove?.()}\n          path='/icons/sprite-mage.svg'\n          name='mage-uploadedfile-clear-button-x'\n          classNames={{\n            buttonIcon:\n              classNames?.buttonIcon?.buttonIcon ?? uploadedFileButtonIcon(),\n            root: classNames?.buttonIcon?.root ?? uploadedFileButtonIconRoot(),\n            icon: classNames?.buttonIcon?.icon ?? uploadedFileButtonIconIcon(),\n            iconRaw: {\n              iconRaw:\n                classNames?.buttonIcon?.iconRaw?.iconRaw ??\n                uploadedFileButtonIconIconRaw(),\n              root:\n                classNames?.buttonIcon?.iconRaw?.root ??\n                uploadedFileButtonIconIconRawRoot(),\n            },\n          }}\n        />\n      )}\n    </div>\n  );\n};\n"],"mappings":"2lBA8CA,MAAa,GAAgB,CAC3B,mBAAmB,cACnB,YACA,WACA,MACA,WACA,WACA,WACA,aACA,cAGE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,cAAgB,GAAc,CAC1C,GAAY,MAAQ,GAAkB,CACvC,WAEA,GACC,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAqB,UACzD,GACG,CAER,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAqB,WACzD,EACC,EAAC,IAAA,CACC,KAAM,EACN,OAAO,SACP,IAAI,sBACJ,SAAA,GACA,UAAW,GAAY,UAAY,GAAkB,UAEpD,GACC,CAEJ,EAAC,OAAA,CAAK,UAAW,GAAY,UAAY,GAAkB,UACxD,GACI,CAIT,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAqB,WACzD,GACC,EAAC,OAAA,CAAK,UAAW,GAAY,UAAY,GAAkB,UACxD,GACI,CAER,GACC,EAAC,OAAA,CAAK,UAAW,GAAY,UAAY,GAAkB,UACxD,GACI,CAER,GACC,EAAC,OAAA,CAAK,UAAW,GAAY,UAAY,GAAkB,UACxD,GACI,GAEL,CAAA,EACF,CAEL,GACC,EAAC,EAAA,CACC,MAAO,EACP,YAAe,KAAY,CAC3B,KAAK,yBACL,KAAK,mCACL,WAAY,CACV,WACE,GAAY,YAAY,YAAc,GAAwB,CAChE,KAAM,GAAY,YAAY,MAAQ,GAA4B,CAClE,KAAM,GAAY,YAAY,MAAQ,GAA4B,CAClE,QAAS,CACP,QACE,GAAY,YAAY,SAAS,SACjC,GAA+B,CACjC,KACE,GAAY,YAAY,SAAS,MACjC,GAAmC,CACtC,CACF,EACD,GAEA"}

package/dist/components/index.d.mts

@@ -0,0 +1,61 @@
+import { Button, ButtonProps } from "./buttons/button/Button.mjs";
+import { ButtonAction, ButtonActionProps } from "./buttons/button-action/ButtonAction.mjs";
+import { ButtonIcon, ButtonIconProps } from "./buttons/button-icon/ButtonIcon.mjs";
+import { ButtonIconVisual, ButtonIconVisualProps } from "./buttons/button-icon-visual/ButtonIconVisual.mjs";
+import { ButtonVisual, ButtonVisualProps } from "./buttons/button-visual/ButtonVisual.mjs";
+import "./buttons/index.mjs";
+import { Checkbox, CheckboxProps } from "./controls/checkbox/Checkbox.mjs";
+import { TextInput, TextInputProps } from "./controls/text-input/TextInput.mjs";
+import { PasswordInput, PasswordInputProps } from "./controls/password-input/PasswordInput.mjs";
+import { PasswordInputStrength, PasswordInputStrengthProps } from "./controls/password-input-strength/PasswordInputStrength.mjs";
+import { FileInput, FileInputProps } from "./controls/file-input/FileInput.mjs";
+import { FileInputMultiple, FileInputMultipleProps } from "./controls/file-input/FileInputMultiple.mjs";
+import { Textarea, TextareaProps } from "./controls/textarea/Textarea.mjs";
+import { Radio, RadioProps } from "./controls/radio/Radio.mjs";
+import { Select, SelectProps } from "./controls/select/Select.mjs";
+import { MultiSelect, MultiSelectProps } from "./controls/multi-select/MultiSelect.mjs";
+import { MultiSelectTags, MultiSelectTagsProps } from "./controls/multi-select/MultiSelectTags.mjs";
+import { Combobox, ComboboxProps } from "./controls/combobox/Combobox.mjs";
+import { Autocomplete, AutocompleteProps, OptionProps } from "./controls/autocomplete/Autocomplete.mjs";
+import { Menu, MenuProps } from "./navigations/menu/Menu.mjs";
+import { DatePicker, DatePickerProps } from "./controls/date-picker/DatePicker.mjs";
+import { Avatar, AvatarProps } from "./data-display/avatar/Avatar.mjs";
+import { Badge, BadgeProps } from "./data-display/badge/Badge.mjs";
+import { Tag, TagProps } from "./data-display/tag/Tag.mjs";
+import { TagGroup, TagGroupProps } from "./data-display/tag-group/TagGroup.mjs";
+import { Icon, IconProps } from "./data-display/icons/icon/Icon.mjs";
+import { IconRaw, IconRawProps } from "./data-display/icons/icon-raw/IconRaw.mjs";
+import { IconWrapped, IconWrappedProps } from "./data-display/icons/icon-wrapped/IconWrapped.mjs";
+import { UploadedFile, UploadedFileProps } from "./data-display/uploaded-file/UploadedFile.mjs";
+import { LoaderDot, LoaderDotProps } from "./data-display/loader-dot/LoaderDot.mjs";
+import { LoaderOval, LoaderOvalProps } from "./data-display/loader-oval/LoaderOval.mjs";
+import { Calendar, CalendarEvent, CalendarProps, momentLocalizer } from "./data-display/calendar/Calendar.mjs";
+import { LogoImage, LogoImageProps } from "./data-display/logos/logo-image/LogoImage.mjs";
+import { LogoSvg, LogoSvgProps } from "./data-display/logos/logo-svg/LogoSvg.mjs";
+import { Indicator, IndicatorProps } from "./data-display/indicator/Indicator.mjs";
+import "./data-display/index.mjs";
+import { Dropzone, DropzoneProps, FileData } from "./controls/dropzone/Dropzone.mjs";
+import { DropzoneFiles, DropzoneFilesProps } from "./controls/dropzone-files/DropzoneFiles.mjs";
+import "./controls/index.mjs";
+import { TopBar, TopBarProps } from "./layouts/top-bar/TopBar.mjs";
+import "./layouts/index.mjs";
+import { HorizontalDivider, HorizontalDividerProps } from "./misc/horizontal-divider/HorizontalDivider.mjs";
+import { ScrollArea, ScrollAreaProps } from "./misc/scroll-area/ScrollArea.mjs";
+import { ScrollAreaAutosize, ScrollAreaAutosizeProps } from "./misc/scroll-area-autosize/ScrollAreaAutosize.mjs";
+import { VisuallyHidden, VisuallyHiddenProps } from "./misc/visually-hidden/VisuallyHidden.mjs";
+import "./misc/index.mjs";
+import { Breadcrumbs, BreadcrumbsProps } from "./navigations/breadcrumbs/Breadcrumbs.mjs";
+import "./navigations/index.mjs";
+import { Modal, ModalProps } from "./overlays/modal/Modal.mjs";
+import { ModalsProvider } from "./overlays/modals/ModalsProvider.mjs";
+import { ModalComponent, createModal } from "./overlays/modals/registry/createModal.mjs";
+import { registerModal } from "./overlays/modals/registry/registerModal.mjs";
+import { openModalById } from "./overlays/modals/registry/openModalById.mjs";
+import { ModalConfirm, ModalConfirmPublicProps } from "./overlays/modals/confirm/ModalConfirm.mjs";
+import { confirm } from "./overlays/modals/confirm/confirm.mjs";
+import { confirmById } from "./overlays/modals/confirm/confirmById.mjs";
+import { ModalAlert, ModalAlertPublicProps } from "./overlays/modals/alert/ModalAlert.mjs";
+import { alert } from "./overlays/modals/alert/alert.mjs";
+import { alertById } from "./overlays/modals/alert/alertById.mjs";
+import { Tooltip, TooltipProps } from "./overlays/tooltip/Tooltip.mjs";
+import "./overlays/index.mjs";

package/dist/components/layouts/index.d.mts

@@ -0,0 +1 @@
+import { TopBar, TopBarProps } from "./top-bar/TopBar.mjs";

package/dist/components/layouts/top-bar/TopBar.d.mts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime42 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/components/layouts/top-bar/TopBar.d.ts
+type TopBarProps = {
+  startSlot?: ReactNode;
+  endSlot?: ReactNode;
+  classNames?: {
+    topBar?: string;
+    root?: string;
+    wrapper?: string;
+    startSlot?: string;
+    endSlot?: string;
+  };
+};
+declare const TopBar: ({
+  startSlot,
+  endSlot,
+  classNames
+}: TopBarProps) => react_jsx_runtime42.JSX.Element;
+//#endregion
+export { TopBar, TopBarProps };
+//# sourceMappingURL=TopBar.d.mts.map

package/dist/components/layouts/top-bar/TopBar.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopBar.d.mts","names":[],"sources":["../../../../src/components/layouts/top-bar/TopBar.tsx"],"mappings":";;;;KAUY,WAAA;EACV,SAAA,GAAY,SAAA;EACZ,OAAA,GAAU,SAAA;EACV,UAAA;IACE,MAAA;IACA,IAAA;IACA,OAAA;IACA,SAAA;IACA,OAAA;EAAA;AAAA;AAAA,cAIS,MAAA;EAAU,SAAA;EAAA,OAAA;EAAA;AAAA,GAAoC,WAAA,KAAW,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/layouts/top-bar/TopBar.mjs

@@ -0,0 +1,2 @@
+import{cx as e}from"@mage-ui/styled-system/css";import{topBar as t,topBarEndSlot as n,topBarRoot as r,topBarStartSlot as i,topBarWrapper as a}from"@mage-ui/styled-system/recipes";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=({startSlot:c,endSlot:l,classNames:u})=>o(`div`,{className:e(u?.topBar??t(),u?.root??r()),children:s(`div`,{className:u?.wrapper??a(),children:[o(`div`,{className:u?.startSlot??i(),children:c}),o(`div`,{className:u?.endSlot??n(),children:l})]})});export{c as TopBar};
+//# sourceMappingURL=TopBar.mjs.map

package/dist/components/layouts/top-bar/TopBar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopBar.mjs","names":[],"sources":["../../../../src/components/layouts/top-bar/TopBar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  topBar,\n  topBarRoot,\n  topBarWrapper,\n  topBarStartSlot,\n  topBarEndSlot,\n} from '@mage-ui/styled-system/recipes';\n\nexport type TopBarProps = {\n  startSlot?: ReactNode;\n  endSlot?: ReactNode;\n  classNames?: {\n    topBar?: string;\n    root?: string;\n    wrapper?: string;\n    startSlot?: string;\n    endSlot?: string;\n  };\n};\n\nexport const TopBar = ({ startSlot, endSlot, classNames }: TopBarProps) => {\n  return (\n    <div\n      className={cx(\n        classNames?.topBar ?? topBar(),\n        classNames?.root ?? topBarRoot(),\n      )}\n    >\n      <div className={classNames?.wrapper ?? topBarWrapper()}>\n        <div className={classNames?.startSlot ?? topBarStartSlot()}>\n          {startSlot}\n        </div>\n        <div className={classNames?.endSlot ?? topBarEndSlot()}>{endSlot}</div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"qOAsBA,MAAa,GAAU,CAAE,YAAW,UAAS,gBAEzC,EAAC,MAAA,CACC,UAAW,EACT,GAAY,QAAU,GAAQ,CAC9B,GAAY,MAAQ,GAAY,CACjC,UAED,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAe,WACpD,EAAC,MAAA,CAAI,UAAW,GAAY,WAAa,GAAiB,UACvD,GACG,CACN,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAe,UAAG,GAAc,CAAA,EACnE,EACF"}

package/dist/components/misc/horizontal-divider/{HorizontalDivider.d.ts → HorizontalDivider.d.mts}

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

package/dist/components/misc/horizontal-divider/HorizontalDivider.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalDivider.d.mts","names":[],"sources":["../../../../src/components/misc/horizontal-divider/HorizontalDivider.tsx"],"mappings":";;;KAMY,sBAAA;EACV,UAAA;IACE,iBAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAGS,iBAAA;EAAqB;AAAA,GAAgB,sBAAA,KAAsB,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/misc/horizontal-divider/HorizontalDivider.mjs

@@ -0,0 +1,2 @@
+import{cx as e}from"@mage-ui/styled-system/css";import{horizontalDivider as t,horizontalDividerRoot as n}from"@mage-ui/styled-system/recipes";import{jsx as r}from"react/jsx-runtime";const i=({classNames:i})=>r(`hr`,{className:e(i?.horizontalDivider??t(),i?.root??n())});export{i as HorizontalDivider};
+//# sourceMappingURL=HorizontalDivider.mjs.map

package/dist/components/misc/horizontal-divider/HorizontalDivider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalDivider.mjs","names":[],"sources":["../../../../src/components/misc/horizontal-divider/HorizontalDivider.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n  horizontalDivider,\n  horizontalDividerRoot,\n} from '@mage-ui/styled-system/recipes';\n\nexport type HorizontalDividerProps = {\n  classNames?: {\n    horizontalDivider?: string;\n    root?: string;\n  };\n};\nexport const HorizontalDivider = ({ classNames }: HorizontalDividerProps) => {\n  return (\n    <hr\n      className={cx(\n        classNames?.horizontalDivider ?? horizontalDivider(),\n        classNames?.root ?? horizontalDividerRoot(),\n      )}\n    />\n  );\n};\n"],"mappings":"sLAYA,MAAa,GAAqB,CAAE,gBAEhC,EAAC,KAAA,CACC,UAAW,EACT,GAAY,mBAAqB,GAAmB,CACpD,GAAY,MAAQ,GAAuB,CAC5C,CAAA,CACD"}

package/dist/components/misc/index.d.mts

@@ -0,0 +1,4 @@
+import { HorizontalDivider, HorizontalDividerProps } from "./horizontal-divider/HorizontalDivider.mjs";
+import { ScrollArea, ScrollAreaProps } from "./scroll-area/ScrollArea.mjs";
+import { ScrollAreaAutosize, ScrollAreaAutosizeProps } from "./scroll-area-autosize/ScrollAreaAutosize.mjs";
+import { VisuallyHidden, VisuallyHiddenProps } from "./visually-hidden/VisuallyHidden.mjs";

package/dist/components/misc/scroll-area/ScrollArea.d.mts

@@ -0,0 +1,30 @@
+import { ReactNode } from "react";
+
+//#region src/components/misc/scroll-area/ScrollArea.d.ts
+type ScrollAreaProps = {
+  children: ReactNode;
+  scrollbars?: 'y' | 'x' | 'xy' | false;
+  type?: 'hover' | 'scroll' | 'always' | 'auto' | 'never';
+  scrollbarSize?: string | number;
+  offsetScrollbars?: boolean | "x" | "y" | "present";
+  classNames?: {
+    scrollArea?: string;
+    root?: string;
+    viewport?: string;
+    content?: string;
+    scrollbar?: string;
+    thumb?: string;
+    corner?: string;
+  };
+};
+declare const ScrollArea: ({
+  scrollbars,
+  type,
+  scrollbarSize,
+  offsetScrollbars,
+  children,
+  classNames
+}: ScrollAreaProps) => ReactNode;
+//#endregion
+export { ScrollArea, ScrollAreaProps };
+//# sourceMappingURL=ScrollArea.d.mts.map

package/dist/components/misc/scroll-area/ScrollArea.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.d.mts","names":[],"sources":["../../../../src/components/misc/scroll-area/ScrollArea.tsx"],"mappings":";;;KAcY,eAAA;EACV,QAAA,EAAU,SAAA;EACV,UAAA;EACA,IAAA;EACA,aAAA;EACA,gBAAA;EACA,UAAA;IACE,UAAA;IACA,IAAA;IACA,QAAA;IACA,OAAA;IACA,SAAA;IACA,KAAA;IACA,MAAA;EAAA;AAAA;AAAA,cAIS,UAAA;EAAc,UAAA;EAAA,IAAA;EAAA,aAAA;EAAA,gBAAA;EAAA,QAAA;EAAA;AAAA,GAOxB,eAAA,KAAkB,SAAA"}

package/dist/components/misc/scroll-area/ScrollArea.mjs

@@ -0,0 +1,2 @@
+import{cx as e}from"@mage-ui/styled-system/css";import{scrollArea as t,scrollAreaContent as n,scrollAreaCorner as r,scrollAreaRoot as i,scrollAreaScrollbar as a,scrollAreaThumb as o,scrollAreaViewport as s}from"@mage-ui/styled-system/recipes";import{ScrollArea as c}from"@mantine/core";import{jsx as l}from"react/jsx-runtime";const u=({scrollbars:u=`y`,type:d,scrollbarSize:f,offsetScrollbars:p=!0,children:m,classNames:h})=>l(c,{scrollbars:u,type:d,scrollbarSize:f,offsetScrollbars:p,classNames:{root:e(h?.scrollArea??t(),h?.root??i()),viewport:h?.viewport??s(),content:h?.content??n(),scrollbar:h?.scrollbar??a(),thumb:h?.thumb??o(),corner:h?.corner??r()},children:m});export{u as ScrollArea};
+//# sourceMappingURL=ScrollArea.mjs.map

package/dist/components/misc/scroll-area/ScrollArea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.mjs","names":["ScrollArea","MantineScrollArea"],"sources":["../../../../src/components/misc/scroll-area/ScrollArea.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  scrollArea,\n  scrollAreaContent,\n  scrollAreaCorner,\n  scrollAreaRoot,\n  scrollAreaScrollbar,\n  scrollAreaThumb,\n  scrollAreaViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { ScrollArea as MantineScrollArea } from '@mantine/core';\n\nexport type ScrollAreaProps = {\n  children: ReactNode;\n  scrollbars?: 'y' | 'x' | 'xy' | false;\n  type?: 'hover' | 'scroll' | 'always' | 'auto' | 'never';\n  scrollbarSize?: string | number;\n  offsetScrollbars?: boolean | \"x\" | \"y\" | \"present\";\n  classNames?: {\n    scrollArea?: string;\n    root?: string;\n    viewport?: string;\n    content?: string;\n    scrollbar?: string;\n    thumb?: string;\n    corner?: string;\n  };\n};\n\nexport const ScrollArea = ({\n  scrollbars = 'y',\n  type,\n  scrollbarSize,\n  offsetScrollbars = true,\n  children,\n  classNames,\n}: ScrollAreaProps): ReactNode => {\n  return (\n    <MantineScrollArea\n      scrollbars={scrollbars}\n      type={type}\n      scrollbarSize={scrollbarSize}\n      offsetScrollbars={offsetScrollbars}\n      classNames={{\n        root: cx(\n          classNames?.scrollArea ?? scrollArea(),\n          classNames?.root ?? scrollAreaRoot(),\n        ),\n        viewport: classNames?.viewport ?? scrollAreaViewport(),\n        content: classNames?.content ?? scrollAreaContent(),\n        scrollbar: classNames?.scrollbar ?? scrollAreaScrollbar(),\n        thumb: classNames?.thumb ?? scrollAreaThumb(),\n        corner: classNames?.corner ?? scrollAreaCorner(),\n      }}\n    >\n      {children}\n    </MantineScrollArea>\n  );\n};\n"],"mappings":"sUA+BA,MAAaA,GAAc,CACzB,aAAa,IACb,OACA,gBACA,mBAAmB,GACnB,WACA,gBAGE,EAACC,EAAAA,CACa,aACN,OACS,gBACG,mBAClB,WAAY,CACV,KAAM,EACJ,GAAY,YAAc,GAAY,CACtC,GAAY,MAAQ,GAAgB,CACrC,CACD,SAAU,GAAY,UAAY,GAAoB,CACtD,QAAS,GAAY,SAAW,GAAmB,CACnD,UAAW,GAAY,WAAa,GAAqB,CACzD,MAAO,GAAY,OAAS,GAAiB,CAC7C,OAAQ,GAAY,QAAU,GAAkB,CACjD,CAEA,YACiB"}

package/dist/components/misc/scroll-area-autosize/ScrollAreaAutosize.d.mts

@@ -0,0 +1,19 @@
+import { ScrollAreaProps } from "../scroll-area/ScrollArea.mjs";
+import { ReactNode } from "react";
+
+//#region src/components/misc/scroll-area-autosize/ScrollAreaAutosize.d.ts
+type ScrollAreaAutosizeProps = {
+  mah: string | number;
+} & ScrollAreaProps;
+declare const ScrollAreaAutosize: ({
+  scrollbars,
+  type,
+  scrollbarSize,
+  offsetScrollbars,
+  mah,
+  children,
+  classNames
+}: ScrollAreaAutosizeProps) => ReactNode;
+//#endregion
+export { ScrollAreaAutosize, ScrollAreaAutosizeProps };
+//# sourceMappingURL=ScrollAreaAutosize.d.mts.map

package/dist/components/misc/scroll-area-autosize/ScrollAreaAutosize.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollAreaAutosize.d.mts","names":[],"sources":["../../../../src/components/misc/scroll-area-autosize/ScrollAreaAutosize.tsx"],"mappings":";;;;KAcY,uBAAA;EACV,GAAA;AAAA,IACE,eAAA;AAAA,cAES,kBAAA;EAAsB,UAAA;EAAA,IAAA;EAAA,aAAA;EAAA,gBAAA;EAAA,GAAA;EAAA,QAAA;EAAA;AAAA,GAQhC,uBAAA,KAA0B,SAAA"}

package/dist/components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs

@@ -0,0 +1,2 @@
+import{cx as e}from"@mage-ui/styled-system/css";import{scrollAreaAutosize as t,scrollAreaAutosizeContent as n,scrollAreaAutosizeCorner as r,scrollAreaAutosizeRoot as i,scrollAreaAutosizeScrollbar as a,scrollAreaAutosizeThumb as o,scrollAreaAutosizeViewport as s}from"@mage-ui/styled-system/recipes";import{ScrollArea as c}from"@mantine/core";import{jsx as l}from"react/jsx-runtime";const u=({scrollbars:u=`y`,type:d,scrollbarSize:f,offsetScrollbars:p=!0,mah:m=192,children:h,classNames:g})=>l(c.Autosize,{scrollbars:u,type:d,scrollbarSize:f,offsetScrollbars:p,mah:m,classNames:{root:e(g?.scrollArea??t(),g?.root??i()),viewport:g?.viewport??s(),content:g?.content??n(),scrollbar:g?.scrollbar??a(),thumb:g?.thumb??o(),corner:g?.corner??r()},children:h});export{u as ScrollAreaAutosize};
+//# sourceMappingURL=ScrollAreaAutosize.mjs.map

package/dist/components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollAreaAutosize.mjs","names":["MantineScrollArea"],"sources":["../../../../src/components/misc/scroll-area-autosize/ScrollAreaAutosize.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { ScrollArea as MantineScrollArea } from '@mantine/core';\nimport type { ScrollAreaProps } from '../scroll-area/ScrollArea';\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  scrollAreaAutosize,\n  scrollAreaAutosizeContent,\n  scrollAreaAutosizeCorner,\n  scrollAreaAutosizeRoot,\n  scrollAreaAutosizeScrollbar,\n  scrollAreaAutosizeThumb,\n  scrollAreaAutosizeViewport,\n} from '@mage-ui/styled-system/recipes';\n\nexport type ScrollAreaAutosizeProps = {\n  mah: string | number;\n} & ScrollAreaProps;\n\nexport const ScrollAreaAutosize = ({\n  scrollbars = 'y',\n  type,\n  scrollbarSize,\n  offsetScrollbars = true,\n  mah = 192,\n  children,\n  classNames,\n}: ScrollAreaAutosizeProps): ReactNode => {\n  return (\n    <MantineScrollArea.Autosize\n      scrollbars={scrollbars}\n      type={type}\n      scrollbarSize={scrollbarSize}\n      offsetScrollbars={offsetScrollbars}\n      mah={mah}\n      classNames={{\n        root: cx(\n          classNames?.scrollArea ?? scrollAreaAutosize(),\n          classNames?.root ?? scrollAreaAutosizeRoot(),\n        ),\n        viewport: classNames?.viewport ?? scrollAreaAutosizeViewport(),\n        content: classNames?.content ?? scrollAreaAutosizeContent(),\n        scrollbar: classNames?.scrollbar ?? scrollAreaAutosizeScrollbar(),\n        thumb: classNames?.thumb ?? scrollAreaAutosizeThumb(),\n        corner: classNames?.corner ?? scrollAreaAutosizeCorner(),\n      }}\n    >\n      {children}\n    </MantineScrollArea.Autosize>\n  );\n};\n"],"mappings":"8XAkBA,MAAa,GAAsB,CACjC,aAAa,IACb,OACA,gBACA,mBAAmB,GACnB,MAAM,IACN,WACA,gBAGE,EAACA,EAAkB,SAAA,CACL,aACN,OACS,gBACG,mBACb,MACL,WAAY,CACV,KAAM,EACJ,GAAY,YAAc,GAAoB,CAC9C,GAAY,MAAQ,GAAwB,CAC7C,CACD,SAAU,GAAY,UAAY,GAA4B,CAC9D,QAAS,GAAY,SAAW,GAA2B,CAC3D,UAAW,GAAY,WAAa,GAA6B,CACjE,MAAO,GAAY,OAAS,GAAyB,CACrD,OAAQ,GAAY,QAAU,GAA0B,CACzD,CAEA,YAC0B"}

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

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime44 from "react/jsx-runtime";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+
+//#region src/components/misc/visually-hidden/VisuallyHidden.d.ts
+type VisuallyHiddenProps = {
+  children: ReactNode;
+} & ComponentPropsWithoutRef<'div'>;
+declare const VisuallyHidden: ({
+  children,
+  ...props
+}: VisuallyHiddenProps) => react_jsx_runtime44.JSX.Element;
+//#endregion
+export { VisuallyHidden, VisuallyHiddenProps };
+//# sourceMappingURL=VisuallyHidden.d.mts.map

package/dist/components/misc/visually-hidden/VisuallyHidden.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.d.mts","names":[],"sources":["../../../../src/components/misc/visually-hidden/VisuallyHidden.tsx"],"mappings":";;;;KAKY,mBAAA;EACV,QAAA,EAAU,SAAA;AAAA,IACR,wBAAA;AAAA,cAES,cAAA;EAAkB,QAAA;EAAA,GAAA;AAAA,GAAwB,mBAAA,KAAmB,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/misc/visually-hidden/VisuallyHidden.mjs

@@ -0,0 +1,2 @@
+import{VisuallyHidden as e}from"@mantine/core";import{jsx as t}from"react/jsx-runtime";import{visuallyHidden as n}from"@mage-ui/styled-system/patterns";const r=({children:r,...i})=>t(e,{classNames:{root:n()},...i,children:r});export{r as VisuallyHidden};
+//# sourceMappingURL=VisuallyHidden.mjs.map

package/dist/components/misc/visually-hidden/VisuallyHidden.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.mjs","names":["VisuallyHidden","MantineVisuallyHidden"],"sources":["../../../../src/components/misc/visually-hidden/VisuallyHidden.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { visuallyHidden } from '@mage-ui/styled-system/patterns';\nimport { VisuallyHidden as MantineVisuallyHidden } from '@mantine/core';\n\nexport type VisuallyHiddenProps = {\n  children: ReactNode;\n} & ComponentPropsWithoutRef<'div'>;\n\nexport const VisuallyHidden = ({ children, ...props }: VisuallyHiddenProps) => {\n  return (\n    <MantineVisuallyHidden\n      classNames={{\n        root: visuallyHidden(),\n      }}\n      {...props}\n    >\n      {children}\n    </MantineVisuallyHidden>\n  );\n};\n"],"mappings":"wJASA,MAAaA,GAAkB,CAAE,WAAU,GAAG,KAE1C,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAgB,CACvB,CACD,GAAI,EAEH,YACqB"}

package/dist/components/{navigation/breadcrumbs/Breadcrumbs.d.ts → navigations/breadcrumbs/Breadcrumbs.d.mts}

@@ -1,11 +1,13 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime41 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
-//#region src/components/navigation/breadcrumbs/Breadcrumbs.d.ts
+//#region src/components/navigations/breadcrumbs/Breadcrumbs.d.ts
 type BreadcrumbsProps = {
   separator?: ReactNode;
   classNames?: {
+    breadcrumbs?: string;
     root?: string;
+    wrapper?: string;
     list?: string;
     item?: string;
     separator?: string;
@@ -17,7 +19,7 @@ declare const Breadcrumbs: {
     separator,
     children,
     classNames
-  }: BreadcrumbsProps): react_jsx_runtime6.JSX.Element;
+  }: BreadcrumbsProps): react_jsx_runtime41.JSX.Element;
   Item: {
     ({
       children
@@ -30,4 +32,4 @@ type ItemProps = {
 };
 //#endregion
 export { Breadcrumbs, BreadcrumbsProps };
-//# sourceMappingURL=Breadcrumbs.d.ts.map
+//# sourceMappingURL=Breadcrumbs.d.mts.map

package/dist/components/navigations/breadcrumbs/Breadcrumbs.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.d.mts","names":[],"sources":["../../../../src/components/navigations/breadcrumbs/Breadcrumbs.tsx"],"mappings":";;;;KAoBY,gBAAA;EACV,SAAA,GAAY,SAAA;EACZ,UAAA;IACE,WAAA;IACA,IAAA;IACA,OAAA;IACA,IAAA;IACA,IAAA;IACA,SAAA;EAAA;EAEF,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,WAAA;EAAA;;;;KAIV,gBAAA,GAAgB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;OAkES,SAAA,GAAS,SAAA;;;;KAJhC,SAAA;EACH,QAAA,EAAU,SAAA;AAAA"}

package/dist/components/navigations/breadcrumbs/Breadcrumbs.mjs

@@ -0,0 +1,2 @@
+import{cx as e}from"@mage-ui/styled-system/css";import{breadcrumbs as t,breadcrumbsCurrent as n,breadcrumbsItem as r,breadcrumbsList as i,breadcrumbsRoot as a,breadcrumbsSeparator as o,breadcrumbsWrapper as s}from"@mage-ui/styled-system/recipes";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import{Children as d,cloneElement as f,isValidElement as p}from"react";const m=({separator:n=`/`,children:f,classNames:m})=>l(`nav`,{"aria-label":`breadcrumb`,className:e(m?.breadcrumbs??t(),m?.root??a()),children:l(`div`,{className:m?.wrapper??s(),children:l(`ol`,{className:m?.list??i(),children:d.map(f,(e,t)=>{if(p(e)&&e.type===g)return u(`li`,{className:m?.item??r(),children:[t<d.count(f)-1&&u(c,{children:[e,l(`span`,{"aria-hidden":`true`,className:m?.separator??o(),children:n})]}),t===d.count(f)-1&&h(e)]},e.key)})})})}),h=e=>{if(p(e)&&p(e.props.children)){let t=e.props.children;return f(t,{"aria-current":`page`,...t.props??{}})}return l(`span`,{"aria-current":`page`,className:n(),children:e})},g=({children:e})=>e;g.displayName=`Breadcrumbs.Item`,m.Item=g;export{m as Breadcrumbs};
+//# sourceMappingURL=Breadcrumbs.mjs.map

package/dist/components/navigations/breadcrumbs/Breadcrumbs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.mjs","names":[],"sources":["../../../../src/components/navigations/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  type HTMLAttributes,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  breadcrumbs,\n  breadcrumbsCurrent,\n  breadcrumbsItem,\n  breadcrumbsList,\n  breadcrumbsRoot,\n  breadcrumbsSeparator,\n  breadcrumbsWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nexport type BreadcrumbsProps = {\n  separator?: ReactNode;\n  classNames?: {\n    breadcrumbs?: string;\n    root?: string;\n    wrapper?: string;\n    list?: string;\n    item?: string;\n    separator?: string;\n  };\n  children?: ReactNode;\n};\n\nexport const Breadcrumbs = ({\n  separator = '/',\n  children,\n  classNames,\n}: BreadcrumbsProps) => {\n  return (\n    <nav\n      aria-label='breadcrumb'\n      className={cx(\n        classNames?.breadcrumbs ?? breadcrumbs(),\n        classNames?.root ?? breadcrumbsRoot(),\n      )}\n    >\n      <div className={classNames?.wrapper ?? breadcrumbsWrapper()}>\n        <ol className={classNames?.list ?? breadcrumbsList()}>\n          {Children.map(children, (child, index) => {\n            if (\n              isValidElement<{ children: ReactNode }>(child) &&\n              child.type === Item\n            ) {\n              return (\n                <li\n                  key={child.key}\n                  className={classNames?.item ?? breadcrumbsItem()}\n                >\n                  {index < Children.count(children) - 1 && (\n                    <>\n                      {child}\n                      <span\n                        aria-hidden='true'\n                        className={\n                          classNames?.separator ?? breadcrumbsSeparator()\n                        }\n                      >\n                        {separator}\n                      </span>\n                    </>\n                  )}\n                  {index === Children.count(children) - 1 && lastItem(child)}\n                </li>\n              );\n            }\n          })}\n        </ol>\n      </div>\n    </nav>\n  );\n};\n\ntype Child = ReactElement<{ children?: ReactNode }>;\n\nconst lastItem = (child: Child) => {\n  if (isValidElement(child) && isValidElement(child.props.children)) {\n    const childChildren = child.props.children as Child;\n    return cloneElement(childChildren, {\n      'aria-current': 'page',\n      ...(childChildren.props ?? {}),\n    } as HTMLAttributes<HTMLElement>);\n  }\n  return (\n    <span aria-current='page' className={breadcrumbsCurrent()}>\n      {child}\n    </span>\n  );\n};\n\ntype ItemProps = {\n  children: ReactNode;\n};\n\nconst Item = ({ children }: ItemProps) => {\n  return children;\n};\n\nItem.displayName = 'Breadcrumbs.Item';\nBreadcrumbs.Item = Item;\n"],"mappings":"6XAiCA,MAAa,GAAe,CAC1B,YAAY,IACZ,WACA,gBAGE,EAAC,MAAA,CACC,aAAW,aACX,UAAW,EACT,GAAY,aAAe,GAAa,CACxC,GAAY,MAAQ,GAAiB,CACtC,UAED,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAoB,UACzD,EAAC,KAAA,CAAG,UAAW,GAAY,MAAQ,GAAiB,UACjD,EAAS,IAAI,GAAW,EAAO,IAAU,CACxC,GACE,EAAwC,EAAM,EAC9C,EAAM,OAAS,EAEf,OACE,EAAC,KAAA,CAEC,UAAW,GAAY,MAAQ,GAAiB,WAE/C,EAAQ,EAAS,MAAM,EAAS,CAAG,GAClC,EAAA,EAAA,CAAA,SAAA,CACG,EACD,EAAC,OAAA,CACC,cAAY,OACZ,UACE,GAAY,WAAa,GAAsB,UAGhD,GACI,CAAA,CAAA,CACN,CAEJ,IAAU,EAAS,MAAM,EAAS,CAAG,GAAK,EAAS,EAAM,CAAA,EAhBrD,EAAM,IAiBR,EAGT,EACC,EACD,EACF,CAMJ,EAAY,GAAiB,CACjC,GAAI,EAAe,EAAM,EAAI,EAAe,EAAM,MAAM,SAAS,CAAE,CACjE,IAAM,EAAgB,EAAM,MAAM,SAClC,OAAO,EAAa,EAAe,CACjC,eAAgB,OAChB,GAAI,EAAc,OAAS,EAAE,CAC9B,CAAgC,CAEnC,OACE,EAAC,OAAA,CAAK,eAAa,OAAO,UAAW,GAAoB,UACtD,GACI,EAQL,GAAQ,CAAE,cACP,EAGT,EAAK,YAAc,mBACnB,EAAY,KAAO"}

package/dist/components/navigations/index.d.mts

@@ -0,0 +1,2 @@
+import { Menu, MenuProps } from "./menu/Menu.mjs";
+import { Breadcrumbs, BreadcrumbsProps } from "./breadcrumbs/Breadcrumbs.mjs";

package/dist/components/navigations/menu/Menu.d.mts

@@ -0,0 +1,55 @@
+import { ButtonProps } from "../../buttons/button/Button.mjs";
+import "../../buttons/index.mjs";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/components/navigations/menu/Menu.d.ts
+type MenuProps = {
+  target: ReactNode;
+  children: ReactNode;
+  withinPortal?: boolean;
+  position?: 'bottom' | 'bottom-start' | 'bottom-end' | 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
+  width?: number | string;
+  keepMounted?: boolean;
+  offset?: number;
+  classNames?: {
+    menu?: string;
+    root?: string;
+    item?: string;
+    itemLabel?: string;
+    itemSection?: string;
+    divider?: string;
+    target?: {
+      button: string;
+    };
+  };
+  targetButtonProps?: Partial<ButtonProps>;
+};
+declare const Menu: {
+  ({
+    target,
+    children,
+    withinPortal,
+    position,
+    width,
+    keepMounted,
+    offset,
+    classNames,
+    targetButtonProps
+  }: MenuProps): react_jsx_runtime28.JSX.Element;
+  Item: {
+    ({
+      children
+    }: {
+      children: ReactNode;
+    }): react_jsx_runtime28.JSX.Element;
+    displayName: string;
+  };
+  Divider: {
+    (): react_jsx_runtime28.JSX.Element;
+    displayName: string;
+  };
+};
+//#endregion
+export { Menu, MenuProps };
+//# sourceMappingURL=Menu.d.mts.map

package/dist/components/navigations/menu/Menu.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.mts","names":[],"sources":["../../../../src/components/navigations/menu/Menu.tsx"],"mappings":";;;;;;KAeY,SAAA;EACV,MAAA,EAAQ,SAAA;EACR,QAAA,EAAU,SAAA;EACV,YAAA;EACA,QAAA;EAaA,KAAA;EACA,WAAA;EACA,MAAA;EACA,UAAA;IACE,IAAA;IACA,IAAA;IACA,IAAA;IACA,SAAA;IACA,WAAA;IACA,OAAA;IACA,MAAA;MACE,MAAA;IAAA;EAAA;EAGJ,iBAAA,GAAoB,OAAA,CAAQ,WAAA;AAAA;AAAA,cAGjB,IAAA;EAAA;;;;;;;;;;KAUV,SAAA,GAAS,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;MAyCsB,QAAA,EAAU,SAAA;IAAA,IAAW,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/navigations/menu/Menu.mjs

@@ -0,0 +1,2 @@
+import{Button as e}from"../../buttons/button/Button.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{menu as n,menuDivider as r,menuItem as i,menuItemLabel as a,menuItemSection as o,menuRoot as s,menuTargetButton as c}from"@mage-ui/styled-system/recipes";import{Menu as l,useCombobox as u}from"@mantine/core";import{jsx as d,jsxs as f}from"react/jsx-runtime";const p=({target:p,children:m,withinPortal:h,position:g,width:_,keepMounted:v,offset:y,classNames:b,targetButtonProps:x})=>{let S=u({onDropdownClose:()=>S.resetSelectedOption()});return f(l,{offset:y||4,withinPortal:h,position:g,width:_,keepMounted:v,classNames:{dropdown:t(b?.menu??n(),b?.root??s()),item:b?.item??i(),itemLabel:b?.itemLabel??a(),itemSection:b?.itemSection??o(),divider:b?.divider??r()},children:[d(l.Target,{children:d(e,{classNames:{button:b?.target?.button??c()},onClick:()=>S.toggleDropdown(),...x,children:p})}),d(l.Dropdown,{children:m})]})},m=({children:e})=>d(l.Item,{component:`div`,children:e}),h=()=>d(l.Divider,{});p.Item=m,m.displayName=`Menu.Item`,p.Divider=h,h.displayName=`Menu.Divider`;export{p as Menu};
+//# sourceMappingURL=Menu.mjs.map