@mage-ui/components 1.0.127 → 1.0.128

package/dist/components/data-display/assigned-user/AssignedUser.mjs

@@ -1,2 +1,2 @@
-import{Avatar as e}from"../avatar/Avatar.mjs";import{RemovableItem as t}from"../removable-item/RemovableItem.mjs";import{assignedUser as n,assignedUserAvatar as r,assignedUserAvatarImage as i,assignedUserAvatarPlaceholder as a,assignedUserAvatarRoot as o,assignedUserButtonIcon as s,assignedUserButtonIconIcon as c,assignedUserButtonIconIconRaw as l,assignedUserButtonIconIconRawRoot as u,assignedUserButtonIconRoot as d,assignedUserContent as f,assignedUserName as p,assignedUserRoot as m,assignedUserSection as h}from"@mage-ui/styled-system/recipes";import{jsx as g}from"react/jsx-runtime";const _=({name:_,avatarSrc:v,avatarAlt:y,onRemove:b,removeButtonLabel:x=`Remove user`,children:S,classNames:C})=>g(t,{startSlot:g(e,{name:_,src:v,alt:y,classNames:{avatar:C?.avatar?.avatar??r(),root:C?.avatar?.root??o(),image:C?.avatar?.image??i(),placeholder:C?.avatar?.placeholder??a()}}),onRemove:b,removeButtonLabel:x,classNames:{container:C?.removableItem?.container??C?.assignedUser??n(),root:C?.removableItem?.root??C?.root??m(),section:C?.removableItem?.section??C?.section??h(),content:C?.removableItem?.content??C?.content??f(),buttonIcon:{buttonIcon:C?.buttonIcon?.buttonIcon??C?.removableItem?.buttonIcon?.buttonIcon??s(),root:C?.buttonIcon?.root??C?.removableItem?.buttonIcon?.root??d(),icon:C?.buttonIcon?.icon??C?.removableItem?.buttonIcon?.icon??c(),iconRaw:{iconRaw:C?.buttonIcon?.iconRaw?.iconRaw??C?.removableItem?.buttonIcon?.iconRaw?.iconRaw??l(),root:C?.buttonIcon?.iconRaw?.root??C?.removableItem?.buttonIcon?.iconRaw?.root??u()}}},children:g(`span`,{className:C?.name??p(),children:S})});export{_ as AssignedUser};
+import{Avatar as e}from"../avatar/Avatar.mjs";import{RemovableItem as t}from"../removable-item/RemovableItem.mjs";import{assignedUser as n,assignedUserAvatar as r,assignedUserAvatarImage as i,assignedUserAvatarPlaceholder as a,assignedUserAvatarRoot as o,assignedUserButtonIcon as s,assignedUserButtonIconIcon as c,assignedUserButtonIconIconRaw as l,assignedUserButtonIconIconRawRoot as u,assignedUserButtonIconRoot as d,assignedUserContent as f,assignedUserName as p,assignedUserRoot as m,assignedUserSection as h}from"@mage-ui/styled-system/recipes";import{jsx as g}from"react/jsx-runtime";const _=({name:_,avatarSrc:v,avatarAlt:y,onRemove:b,removeButtonLabel:x=`Remove user`,children:S,classNames:C})=>g(t,{startSlot:g(e,{name:_,src:v,alt:y,classNames:{avatar:C?.avatar?.avatar??r(),root:C?.avatar?.root??o(),image:C?.avatar?.image??i(),placeholder:C?.avatar?.placeholder??a()}}),onRemove:b,removeButtonLabel:x,classNames:{removableItem:C?.assignedUser??n(),root:C?.root??m(),section:C?.section??h(),content:C?.content??f(),buttonIcon:{buttonIcon:C?.buttonIcon?.buttonIcon??s(),root:C?.buttonIcon?.root??d(),icon:C?.buttonIcon?.icon??c(),iconRaw:{iconRaw:C?.buttonIcon?.iconRaw?.iconRaw??l(),root:C?.buttonIcon?.iconRaw?.root??u()}}},children:g(`span`,{className:C?.name??p(),children:S})});export{_ as AssignedUser};
 //# sourceMappingURL=AssignedUser.mjs.map

package/dist/components/data-display/assigned-user/AssignedUser.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AssignedUser.mjs","names":[],"sources":["../../../../src/components/data-display/assigned-user/AssignedUser.tsx"],"sourcesContent":["// TODO: crear stories\n\nimport type { ReactNode } from 'react';\n\nimport {\n  assignedUser,\n  assignedUserAvatar,\n  assignedUserAvatarImage,\n  assignedUserAvatarPlaceholder,\n  assignedUserAvatarRoot,\n  assignedUserButtonIcon,\n  assignedUserButtonIconIcon,\n  assignedUserButtonIconIconRaw,\n  assignedUserButtonIconIconRawRoot,\n  assignedUserButtonIconRoot,\n  assignedUserContent,\n  assignedUserName,\n  assignedUserRoot,\n  assignedUserSection,\n} from '@mage-ui/styled-system/recipes';\nimport {\n  Avatar,\n  type AvatarProps,\n  RemovableItem,\n  type RemovableItemProps,\n} from '@/components/data-display';\n\nexport type AssignedUserProps = {\n  name: string;\n  avatarSrc?: string;\n  avatarAlt?: string;\n  onRemove: () => void;\n  children?: ReactNode;\n  removeButtonLabel?: string;\n  classNames?: {\n    assignedUser?: string;\n    root?: string;\n    section?: string;\n    content?: string;\n    name?: string;\n    avatar?: AvatarProps['classNames'];\n    removableItem?: RemovableItemProps['classNames'];\n    buttonIcon?: NonNullable<RemovableItemProps['classNames']>['buttonIcon'];\n  };\n};\n\nexport const AssignedUser = ({\n  name,\n  avatarSrc,\n  avatarAlt,\n  onRemove,\n  removeButtonLabel = 'Remove user',\n  children,\n  classNames,\n}: AssignedUserProps) => {\n  return (\n    <RemovableItem\n      startSlot={\n        <Avatar\n          name={name}\n          src={avatarSrc}\n          alt={avatarAlt}\n          classNames={{\n            avatar: classNames?.avatar?.avatar ?? assignedUserAvatar(),\n            root: classNames?.avatar?.root ?? assignedUserAvatarRoot(),\n            image: classNames?.avatar?.image ?? assignedUserAvatarImage(),\n            placeholder:\n              classNames?.avatar?.placeholder ??\n              assignedUserAvatarPlaceholder(),\n          }}\n        />\n      }\n      onRemove={onRemove}\n      removeButtonLabel={removeButtonLabel}\n      classNames={{\n        container:\n          classNames?.removableItem?.container ??\n          classNames?.assignedUser ??\n          assignedUser(),\n        root:\n          classNames?.removableItem?.root ??\n          classNames?.root ??\n          assignedUserRoot(),\n        section:\n          classNames?.removableItem?.section ??\n          classNames?.section ??\n          assignedUserSection(),\n        content:\n          classNames?.removableItem?.content ??\n          classNames?.content ??\n          assignedUserContent(),\n        buttonIcon: {\n          buttonIcon:\n            classNames?.buttonIcon?.buttonIcon ??\n            classNames?.removableItem?.buttonIcon?.buttonIcon ??\n            assignedUserButtonIcon(),\n          root:\n            classNames?.buttonIcon?.root ??\n            classNames?.removableItem?.buttonIcon?.root ??\n            assignedUserButtonIconRoot(),\n          icon:\n            classNames?.buttonIcon?.icon ??\n            classNames?.removableItem?.buttonIcon?.icon ??\n            assignedUserButtonIconIcon(),\n          iconRaw: {\n            iconRaw:\n              classNames?.buttonIcon?.iconRaw?.iconRaw ??\n              classNames?.removableItem?.buttonIcon?.iconRaw?.iconRaw ??\n              assignedUserButtonIconIconRaw(),\n            root:\n              classNames?.buttonIcon?.iconRaw?.root ??\n              classNames?.removableItem?.buttonIcon?.iconRaw?.root ??\n              assignedUserButtonIconIconRawRoot(),\n          },\n        },\n      }}\n    >\n      <span className={classNames?.name ?? assignedUserName()}>{children}</span>\n    </RemovableItem>\n  );\n};\n"],"mappings":"glBA8CA,MAAa,GAAgB,CAC3B,OACA,YACA,YACA,WACA,oBAAoB,cACpB,WACA,gBAGE,EAAC,EAAD,CACE,UACE,EAAC,EAAD,CACQ,OACN,IAAK,EACL,IAAK,EACL,WAAY,CACV,OAAQ,GAAY,QAAQ,QAAU,GAAoB,CAC1D,KAAM,GAAY,QAAQ,MAAQ,GAAwB,CAC1D,MAAO,GAAY,QAAQ,OAAS,GAAyB,CAC7D,YACE,GAAY,QAAQ,aACpB,GAA+B,CAClC,CACD,CAAA,CAEM,WACS,oBACnB,WAAY,CACV,UACE,GAAY,eAAe,WAC3B,GAAY,cACZ,GAAc,CAChB,KACE,GAAY,eAAe,MAC3B,GAAY,MACZ,GAAkB,CACpB,QACE,GAAY,eAAe,SAC3B,GAAY,SACZ,GAAqB,CACvB,QACE,GAAY,eAAe,SAC3B,GAAY,SACZ,GAAqB,CACvB,WAAY,CACV,WACE,GAAY,YAAY,YACxB,GAAY,eAAe,YAAY,YACvC,GAAwB,CAC1B,KACE,GAAY,YAAY,MACxB,GAAY,eAAe,YAAY,MACvC,GAA4B,CAC9B,KACE,GAAY,YAAY,MACxB,GAAY,eAAe,YAAY,MACvC,GAA4B,CAC9B,QAAS,CACP,QACE,GAAY,YAAY,SAAS,SACjC,GAAY,eAAe,YAAY,SAAS,SAChD,GAA+B,CACjC,KACE,GAAY,YAAY,SAAS,MACjC,GAAY,eAAe,YAAY,SAAS,MAChD,GAAmC,CACtC,CACF,CACF,UAED,EAAC,OAAD,CAAM,UAAW,GAAY,MAAQ,GAAkB,CAAG,WAAgB,CAAA,CAC5D,CAAA"}
+{"version":3,"file":"AssignedUser.mjs","names":[],"sources":["../../../../src/components/data-display/assigned-user/AssignedUser.tsx"],"sourcesContent":["// TODO: crear stories\n\nimport type { ReactNode } from 'react';\n\nimport {\n  assignedUser,\n  assignedUserAvatar,\n  assignedUserAvatarImage,\n  assignedUserAvatarPlaceholder,\n  assignedUserAvatarRoot,\n  assignedUserButtonIcon,\n  assignedUserButtonIconIcon,\n  assignedUserButtonIconIconRaw,\n  assignedUserButtonIconIconRawRoot,\n  assignedUserButtonIconRoot,\n  assignedUserContent,\n  assignedUserName,\n  assignedUserRoot,\n  assignedUserSection,\n} from '@mage-ui/styled-system/recipes';\nimport {\n  Avatar,\n  type AvatarProps,\n  RemovableItem,\n  type RemovableItemProps,\n} from '@/components/data-display';\n\nexport type AssignedUserProps = {\n  name: string;\n  avatarSrc?: string;\n  avatarAlt?: string;\n  onRemove: () => void;\n  children?: ReactNode;\n  removeButtonLabel?: string;\n  classNames?: {\n    assignedUser?: string;\n    root?: string;\n    section?: string;\n    content?: string;\n    name?: string;\n    avatar?: AvatarProps['classNames'];\n    removableItem?: RemovableItemProps['classNames'];\n    buttonIcon?: NonNullable<RemovableItemProps['classNames']>['buttonIcon'];\n  };\n};\n\nexport const AssignedUser = ({\n  name,\n  avatarSrc,\n  avatarAlt,\n  onRemove,\n  removeButtonLabel = 'Remove user',\n  children,\n  classNames,\n}: AssignedUserProps) => {\n  return (\n    <RemovableItem\n      startSlot={\n        <Avatar\n          name={name}\n          src={avatarSrc}\n          alt={avatarAlt}\n          classNames={{\n            avatar: classNames?.avatar?.avatar ?? assignedUserAvatar(),\n            root: classNames?.avatar?.root ?? assignedUserAvatarRoot(),\n            image: classNames?.avatar?.image ?? assignedUserAvatarImage(),\n            placeholder:\n              classNames?.avatar?.placeholder ??\n              assignedUserAvatarPlaceholder(),\n          }}\n        />\n      }\n      onRemove={onRemove}\n      removeButtonLabel={removeButtonLabel}\n      classNames={{\n        removableItem: classNames?.assignedUser ?? assignedUser(),\n        root: classNames?.root ?? assignedUserRoot(),\n        section: classNames?.section ?? assignedUserSection(),\n        content: classNames?.content ?? assignedUserContent(),\n        buttonIcon: {\n          buttonIcon:\n            classNames?.buttonIcon?.buttonIcon ?? assignedUserButtonIcon(),\n          root: classNames?.buttonIcon?.root ?? assignedUserButtonIconRoot(),\n          icon: classNames?.buttonIcon?.icon ?? assignedUserButtonIconIcon(),\n          iconRaw: {\n            iconRaw:\n              classNames?.buttonIcon?.iconRaw?.iconRaw ??\n              assignedUserButtonIconIconRaw(),\n            root:\n              classNames?.buttonIcon?.iconRaw?.root ??\n              assignedUserButtonIconIconRawRoot(),\n          },\n        },\n      }}\n    >\n      <span className={classNames?.name ?? assignedUserName()}>{children}</span>\n    </RemovableItem>\n  );\n};\n"],"mappings":"glBA8CA,MAAa,GAAgB,CAC3B,OACA,YACA,YACA,WACA,oBAAoB,cACpB,WACA,gBAGE,EAAC,EAAD,CACE,UACE,EAAC,EAAD,CACQ,OACN,IAAK,EACL,IAAK,EACL,WAAY,CACV,OAAQ,GAAY,QAAQ,QAAU,GAAoB,CAC1D,KAAM,GAAY,QAAQ,MAAQ,GAAwB,CAC1D,MAAO,GAAY,QAAQ,OAAS,GAAyB,CAC7D,YACE,GAAY,QAAQ,aACpB,GAA+B,CAClC,CACD,CAAA,CAEM,WACS,oBACnB,WAAY,CACV,cAAe,GAAY,cAAgB,GAAc,CACzD,KAAM,GAAY,MAAQ,GAAkB,CAC5C,QAAS,GAAY,SAAW,GAAqB,CACrD,QAAS,GAAY,SAAW,GAAqB,CACrD,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,CACF,UAED,EAAC,OAAD,CAAM,UAAW,GAAY,MAAQ,GAAkB,CAAG,WAAgB,CAAA,CAC5D,CAAA"}

package/dist/components/data-display/document-item/DocumentItem.d.mts

@@ -0,0 +1,28 @@
+import { FileIconProps } from "../file-icon/FileIcon.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/components/data-display/document-item/DocumentItem.d.ts
+type DocumentItemProps = {
+  fileType?: string;
+  fileName?: string;
+  endSlot?: ReactNode;
+  children: ReactNode;
+  classNames?: {
+    documentItem?: string;
+    root?: string;
+    section?: string;
+    content?: string;
+    fileIcon?: FileIconProps['classNames'];
+  };
+};
+declare const DocumentItem: ({
+  fileType,
+  fileName,
+  endSlot,
+  children,
+  classNames
+}: DocumentItemProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DocumentItem, DocumentItemProps };
+//# sourceMappingURL=DocumentItem.d.mts.map

package/dist/components/data-display/document-item/DocumentItem.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentItem.d.mts","names":[],"sources":["../../../../src/components/data-display/document-item/DocumentItem.tsx"],"mappings":";;;;;KAmBY,iBAAA;EACV,QAAA;EACA,QAAA;EACA,OAAA,GAAU,SAAA;EACV,QAAA,EAAU,SAAA;EACV,UAAA;IACE,YAAA;IACA,IAAA;IACA,OAAA;IACA,OAAA;IACA,QAAA,GAAW,aAAA;EAAA;AAAA;AAAA,cAIF,YAAA;EAAgB,QAAA;EAAA,QAAA;EAAA,OAAA;EAAA,QAAA;EAAA;AAAA,GAM1B,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/data-display/document-item/DocumentItem.mjs

@@ -0,0 +1,2 @@
+import{FileIcon as e}from"../file-icon/FileIcon.mjs";import{ResourceItem as t}from"../resource-item/ResourceItem.mjs";import{documentItem as n,documentItemContent as r,documentItemFileIcon as i,documentItemFileIconIcon as a,documentItemFileIconIconIconRaw as o,documentItemFileIconIconIconRawRoot as s,documentItemFileIconIconRoot as c,documentItemFileIconIconWrapped as l,documentItemFileIconIconWrappedRoot as u,documentItemRoot as d,documentItemSection as f}from"@mage-ui/styled-system/recipes";import{jsx as p}from"react/jsx-runtime";const m=({fileType:m,fileName:h,endSlot:g,children:_,classNames:v})=>p(t,{startSlot:p(e,{fileType:m,fileName:h,classNames:{fileIcon:v?.fileIcon?.fileIcon??i(),iconWrapped:{iconWrapped:v?.fileIcon?.iconWrapped?.iconWrapped??l(),root:v?.fileIcon?.iconWrapped?.root??u()},icon:{icon:v?.fileIcon?.icon?.icon??a(),root:v?.fileIcon?.icon?.root??c(),iconRaw:{iconRaw:v?.fileIcon?.icon?.iconRaw?.iconRaw??o(),root:v?.fileIcon?.icon?.iconRaw?.root??s()}}}}),endSlot:g,classNames:{resourceItem:v?.documentItem??n(),root:v?.root??d(),section:v?.section??f(),content:v?.content??r()},children:_});export{m as DocumentItem};
+//# sourceMappingURL=DocumentItem.mjs.map

package/dist/components/data-display/document-item/DocumentItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentItem.mjs","names":[],"sources":["../../../../src/components/data-display/document-item/DocumentItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  documentItem,\n  documentItemContent,\n  documentItemFileIcon,\n  documentItemFileIconIcon,\n  documentItemFileIconIconIconRaw,\n  documentItemFileIconIconIconRawRoot,\n  documentItemFileIconIconRoot,\n  documentItemFileIconIconWrapped,\n  documentItemFileIconIconWrappedRoot,\n  documentItemRoot,\n  documentItemSection,\n} from '@mage-ui/styled-system/recipes';\n\nimport { FileIcon, type FileIconProps } from '../file-icon/FileIcon';\nimport { ResourceItem } from '../resource-item/ResourceItem';\n\nexport type DocumentItemProps = {\n  fileType?: string;\n  fileName?: string;\n  endSlot?: ReactNode;\n  children: ReactNode;\n  classNames?: {\n    documentItem?: string;\n    root?: string;\n    section?: string;\n    content?: string;\n    fileIcon?: FileIconProps['classNames'];\n  };\n};\n\nexport const DocumentItem = ({\n  fileType,\n  fileName,\n  endSlot,\n  children,\n  classNames,\n}: DocumentItemProps) => {\n  return (\n    <ResourceItem\n      startSlot={\n        <FileIcon\n          fileType={fileType}\n          fileName={fileName}\n          classNames={{\n            fileIcon: classNames?.fileIcon?.fileIcon ?? documentItemFileIcon(),\n            iconWrapped: {\n              iconWrapped:\n                classNames?.fileIcon?.iconWrapped?.iconWrapped ??\n                documentItemFileIconIconWrapped(),\n              root:\n                classNames?.fileIcon?.iconWrapped?.root ??\n                documentItemFileIconIconWrappedRoot(),\n            },\n            icon: {\n              icon:\n                classNames?.fileIcon?.icon?.icon ?? documentItemFileIconIcon(),\n              root:\n                classNames?.fileIcon?.icon?.root ??\n                documentItemFileIconIconRoot(),\n              iconRaw: {\n                iconRaw:\n                  classNames?.fileIcon?.icon?.iconRaw?.iconRaw ??\n                  documentItemFileIconIconIconRaw(),\n                root:\n                  classNames?.fileIcon?.icon?.iconRaw?.root ??\n                  documentItemFileIconIconIconRawRoot(),\n              },\n            },\n          }}\n        />\n      }\n      endSlot={endSlot}\n      classNames={{\n        resourceItem: classNames?.documentItem ?? documentItem(),\n        root: classNames?.root ?? documentItemRoot(),\n        section: classNames?.section ?? documentItemSection(),\n        content: classNames?.content ?? documentItemContent(),\n      }}\n    >\n      {children}\n    </ResourceItem>\n  );\n};\n"],"mappings":"0hBAiCA,MAAa,GAAgB,CAC3B,WACA,WACA,UACA,WACA,gBAGE,EAAC,EAAD,CACE,UACE,EAAC,EAAD,CACY,WACA,WACV,WAAY,CACV,SAAU,GAAY,UAAU,UAAY,GAAsB,CAClE,YAAa,CACX,YACE,GAAY,UAAU,aAAa,aACnC,GAAiC,CACnC,KACE,GAAY,UAAU,aAAa,MACnC,GAAqC,CACxC,CACD,KAAM,CACJ,KACE,GAAY,UAAU,MAAM,MAAQ,GAA0B,CAChE,KACE,GAAY,UAAU,MAAM,MAC5B,GAA8B,CAChC,QAAS,CACP,QACE,GAAY,UAAU,MAAM,SAAS,SACrC,GAAiC,CACnC,KACE,GAAY,UAAU,MAAM,SAAS,MACrC,GAAqC,CACxC,CACF,CACF,CACD,CAAA,CAEK,UACT,WAAY,CACV,aAAc,GAAY,cAAgB,GAAc,CACxD,KAAM,GAAY,MAAQ,GAAkB,CAC5C,QAAS,GAAY,SAAW,GAAqB,CACrD,QAAS,GAAY,SAAW,GAAqB,CACtD,CAEA,WACY,CAAA"}

package/dist/components/data-display/file-icon/FileIcon.d.mts

@@ -0,0 +1,22 @@
+import { IconProps } from "../icons/icon/Icon.mjs";
+import { IconWrappedProps } from "../icons/icon-wrapped/IconWrapped.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/data-display/file-icon/FileIcon.d.ts
+type FileIconProps = {
+  fileType?: string;
+  fileName?: string;
+  classNames?: {
+    fileIcon?: string;
+    iconWrapped?: IconWrappedProps['classNames'];
+    icon?: IconProps['classNames'];
+  };
+};
+declare const FileIcon: ({
+  fileType,
+  fileName,
+  classNames
+}: FileIconProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { FileIcon, FileIconProps };
+//# sourceMappingURL=FileIcon.d.mts.map

package/dist/components/data-display/file-icon/FileIcon.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileIcon.d.mts","names":[],"sources":["../../../../src/components/data-display/file-icon/FileIcon.tsx"],"mappings":";;;;;KA6FY,aAAA;EACV,QAAA;EACA,QAAA;EACA,UAAA;IACE,QAAA;IACA,WAAA,GAAc,gBAAA;IACd,IAAA,GAAO,SAAA;EAAA;AAAA;AAAA,cAIE,QAAA;EAAY,QAAA;EAAA,QAAA;EAAA;AAAA,GAAoC,aAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/data-display/file-icon/FileIcon.mjs

@@ -0,0 +1,2 @@
+import{Icon as e}from"../icons/icon/Icon.mjs";import{IconWrapped as t}from"../icons/icon-wrapped/IconWrapped.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{fileIcon as r,fileIconIcon as i,fileIconIconIconRaw as a,fileIconIconIconRawRoot as o,fileIconIconRoot as s,fileIconIconWrapped as c,fileIconIconWrappedRoot as l}from"@mage-ui/styled-system/recipes";import{jsx as u}from"react/jsx-runtime";const d=[{match:e=>e.startsWith(`image/`),type:`image`},{match:e=>e.startsWith(`video/`),type:`video`},{match:e=>e.startsWith(`audio/`),type:`audio`},{match:e=>e===`application/pdf`,type:`pdf`},{match:e=>e.startsWith(`text/`),type:`text`},{match:e=>[`application/zip`,`application/x-zip-compressed`,`application/x-rar-compressed`,`application/x-7z-compressed`].includes(e),type:`archive`}],f={png:`image`,jpg:`image`,jpeg:`image`,webp:`image`,gif:`image`,mp4:`video`,mov:`video`,webm:`video`,mp3:`audio`,wav:`audio`,txt:`text`,md:`text`,csv:`text`,pdf:`pdf`,zip:`archive`,rar:`archive`,"7z":`archive`},p={image:`mage-file-icon-image`,video:`mage-file-icon-video`,audio:`mage-file-icon-audio`,text:`mage-file-icon-text`,pdf:`mage-file-icon-pdf`,archive:`mage-file-icon-archive`,default:`mage-file-icon-attachment`},m=(e,t)=>{if(e){let t=d.find(({match:t})=>t(e));if(t)return p[t.type]}if(t){let e=t.split(`.`).pop()?.toLowerCase();if(e&&f[e])return p[f[e]]}return p.default},h=({fileType:d,fileName:f,classNames:p})=>{let h=m(d,f);return u(t,{classNames:{iconWrapped:n(p?.fileIcon??r(),p?.iconWrapped?.iconWrapped??c()),root:n(p?.iconWrapped?.root??l())},children:u(e,{name:h,path:`/icons/sprite-mage.svg`,classNames:{icon:p?.icon?.icon??i(),root:p?.icon?.root??s(),iconRaw:{iconRaw:p?.icon?.iconRaw?.iconRaw??a(),root:p?.icon?.iconRaw?.root??o()}}})})};export{h as FileIcon};
+//# sourceMappingURL=FileIcon.mjs.map

package/dist/components/data-display/file-icon/FileIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileIcon.mjs","names":[],"sources":["../../../../src/components/data-display/file-icon/FileIcon.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n  fileIcon,\n  fileIconIcon,\n  fileIconIconIconRaw,\n  fileIconIconIconRawRoot,\n  fileIconIconRoot,\n  fileIconIconWrapped,\n  fileIconIconWrappedRoot,\n} from '@mage-ui/styled-system/recipes';\nimport {\n  Icon,\n  type IconProps,\n  IconWrapped,\n  type IconWrappedProps,\n} from '@/components/data-display';\n\ntype FileIconType =\n  | 'image'\n  | 'video'\n  | 'audio'\n  | 'text'\n  | 'pdf'\n  | 'archive'\n  | 'default';\n\nconst MIME_ICON_MAP: Array<{\n  match: (mime: string) => boolean;\n  type: FileIconType;\n}> = [\n  { match: (m) => m.startsWith('image/'), type: 'image' },\n  { match: (m) => m.startsWith('video/'), type: 'video' },\n  { match: (m) => m.startsWith('audio/'), type: 'audio' },\n  { match: (m) => m === 'application/pdf', type: 'pdf' },\n  { match: (m) => m.startsWith('text/'), type: 'text' },\n  {\n    match: (m) =>\n      [\n        'application/zip',\n        'application/x-zip-compressed',\n        'application/x-rar-compressed',\n        'application/x-7z-compressed',\n      ].includes(m),\n    type: 'archive',\n  },\n];\n\nconst EXTENSION_ICON_MAP: Record<string, FileIconType> = {\n  png: 'image',\n  jpg: 'image',\n  jpeg: 'image',\n  webp: 'image',\n  gif: 'image',\n  mp4: 'video',\n  mov: 'video',\n  webm: 'video',\n  mp3: 'audio',\n  wav: 'audio',\n  txt: 'text',\n  md: 'text',\n  csv: 'text',\n  pdf: 'pdf',\n  zip: 'archive',\n  rar: 'archive',\n  '7z': 'archive',\n};\n\nconst ICON_NAME_MAP: Record<FileIconType, string> = {\n  image: 'mage-file-icon-image',\n  video: 'mage-file-icon-video',\n  audio: 'mage-file-icon-audio',\n  text: 'mage-file-icon-text',\n  pdf: 'mage-file-icon-pdf',\n  archive: 'mage-file-icon-archive',\n  default: 'mage-file-icon-attachment',\n};\n\nconst resolveIconName = (fileType?: string, fileName?: string): string => {\n  if (fileType) {\n    const match = MIME_ICON_MAP.find(({ match }) => match(fileType));\n    if (match) return ICON_NAME_MAP[match.type];\n  }\n\n  if (fileName) {\n    const ext = fileName.split('.').pop()?.toLowerCase();\n    if (ext && EXTENSION_ICON_MAP[ext]) {\n      return ICON_NAME_MAP[EXTENSION_ICON_MAP[ext]];\n    }\n  }\n\n  return ICON_NAME_MAP.default;\n};\n\nexport type FileIconProps = {\n  fileType?: string;\n  fileName?: string;\n  classNames?: {\n    fileIcon?: string;\n    iconWrapped?: IconWrappedProps['classNames'];\n    icon?: IconProps['classNames'];\n  };\n};\n\nexport const FileIcon = ({ fileType, fileName, classNames }: FileIconProps) => {\n  const iconName = resolveIconName(fileType, fileName);\n\n  return (\n    <IconWrapped\n      classNames={{\n        iconWrapped: cx(\n          classNames?.fileIcon ?? fileIcon(),\n          classNames?.iconWrapped?.iconWrapped ?? fileIconIconWrapped(),\n        ),\n        root: cx(classNames?.iconWrapped?.root ?? fileIconIconWrappedRoot()),\n      }}\n    >\n      <Icon\n        name={iconName}\n        path='/icons/sprite-mage.svg'\n        classNames={{\n          icon: classNames?.icon?.icon ?? fileIconIcon(),\n          root: classNames?.icon?.root ?? fileIconIconRoot(),\n          iconRaw: {\n            iconRaw:\n              classNames?.icon?.iconRaw?.iconRaw ?? fileIconIconIconRaw(),\n            root: classNames?.icon?.iconRaw?.root ?? fileIconIconIconRawRoot(),\n          },\n        }}\n      />\n    </IconWrapped>\n  );\n};\n"],"mappings":"wZA0BA,MAAM,EAGD,CACH,CAAE,MAAQ,GAAM,EAAE,WAAW,SAAS,CAAE,KAAM,QAAS,CACvD,CAAE,MAAQ,GAAM,EAAE,WAAW,SAAS,CAAE,KAAM,QAAS,CACvD,CAAE,MAAQ,GAAM,EAAE,WAAW,SAAS,CAAE,KAAM,QAAS,CACvD,CAAE,MAAQ,GAAM,IAAM,kBAAmB,KAAM,MAAO,CACtD,CAAE,MAAQ,GAAM,EAAE,WAAW,QAAQ,CAAE,KAAM,OAAQ,CACrD,CACE,MAAQ,GACN,CACE,kBACA,+BACA,+BACA,8BACD,CAAC,SAAS,EAAE,CACf,KAAM,UACP,CACF,CAEK,EAAmD,CACvD,IAAK,QACL,IAAK,QACL,KAAM,QACN,KAAM,QACN,IAAK,QACL,IAAK,QACL,IAAK,QACL,KAAM,QACN,IAAK,QACL,IAAK,QACL,IAAK,OACL,GAAI,OACJ,IAAK,OACL,IAAK,MACL,IAAK,UACL,IAAK,UACL,KAAM,UACP,CAEK,EAA8C,CAClD,MAAO,uBACP,MAAO,uBACP,MAAO,uBACP,KAAM,sBACN,IAAK,qBACL,QAAS,yBACT,QAAS,4BACV,CAEK,GAAmB,EAAmB,IAA8B,CACxE,GAAI,EAAU,CACZ,IAAM,EAAQ,EAAc,MAAM,CAAE,WAAY,EAAM,EAAS,CAAC,CAChE,GAAI,EAAO,OAAO,EAAc,EAAM,MAGxC,GAAI,EAAU,CACZ,IAAM,EAAM,EAAS,MAAM,IAAI,CAAC,KAAK,EAAE,aAAa,CACpD,GAAI,GAAO,EAAmB,GAC5B,OAAO,EAAc,EAAmB,IAI5C,OAAO,EAAc,SAaV,GAAY,CAAE,WAAU,WAAU,gBAAgC,CAC7E,IAAM,EAAW,EAAgB,EAAU,EAAS,CAEpD,OACE,EAAC,EAAD,CACE,WAAY,CACV,YAAa,EACX,GAAY,UAAY,GAAU,CAClC,GAAY,aAAa,aAAe,GAAqB,CAC9D,CACD,KAAM,EAAG,GAAY,aAAa,MAAQ,GAAyB,CAAC,CACrE,UAED,EAAC,EAAD,CACE,KAAM,EACN,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAc,CAC9C,KAAM,GAAY,MAAM,MAAQ,GAAkB,CAClD,QAAS,CACP,QACE,GAAY,MAAM,SAAS,SAAW,GAAqB,CAC7D,KAAM,GAAY,MAAM,SAAS,MAAQ,GAAyB,CACnE,CACF,CACD,CAAA,CACU,CAAA"}

package/dist/components/data-display/index.d.mts

@@ -20,6 +20,8 @@ import { DataTableFeedback } from "./datatables/DataTableFeedback.mjs";
 import { DataTableTopSlot, DataTableTopSlotProps } from "./datatables/DataTableTopSlot.mjs";
 import { ColumnDef, ExpandedState, PaginationState, RowSelectionState, SortingState } from "./datatables/index.mjs";
 import { DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps } from "./description-list/DescriptionList.mjs";
+import { FileIcon, FileIconProps } from "./file-icon/FileIcon.mjs";
+import { DocumentItem, DocumentItemProps } from "./document-item/DocumentItem.mjs";
 import { Icon, IconProps } from "./icons/icon/Icon.mjs";
 import { IconRaw, IconRawProps } from "./icons/icon-raw/IconRaw.mjs";
 import { IconSvg, IconSvgProps } from "./icons/icon-svg/IconSvg.mjs";
@@ -31,6 +33,7 @@ import { LogoImage, LogoImageProps } from "./logos/logo-image/LogoImage.mjs";
 import { LogoSvg, LogoSvgProps } from "./logos/logo-svg/LogoSvg.mjs";
 import { NotificationBanner, NotificationBannerIntent, NotificationBannerProps } from "./notification-banner/NotificationBanner.mjs";
 import { RemovableItem, RemovableItemProps } from "./removable-item/RemovableItem.mjs";
+import { ResourceItem, ResourceItemProps } from "./resource-item/ResourceItem.mjs";
 import { Tag, TagProps } from "./tag/Tag.mjs";
 import { TagGroup, TagGroupProps } from "./tag-group/TagGroup.mjs";
 import { UploadedFile, UploadedFileProps } from "./uploaded-file/UploadedFile.mjs";

package/dist/components/data-display/removable-item/RemovableItem.d.mts

@@ -9,7 +9,7 @@ type RemovableItemProps = {
   onRemove: () => void;
   removeButtonLabel?: string;
   classNames?: {
-    container?: string;
+    removableItem?: string;
     root?: string;
     section?: string;
     content?: string;

package/dist/components/data-display/removable-item/RemovableItem.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"RemovableItem.d.mts","names":[],"sources":["../../../../src/components/data-display/removable-item/RemovableItem.tsx"],"mappings":";;;;;KAgBY,kBAAA;EACV,SAAA,GAAY,SAAA;EACZ,QAAA,EAAU,SAAA;EACV,QAAA;EACA,iBAAA;EACA,UAAA;IACE,SAAA;IACA,IAAA;IACA,OAAA;IACA,OAAA;IACA,UAAA,GAAa,eAAA;EAAA;AAAA;AAAA,cAIJ,aAAA;EAAiB,SAAA;EAAA,QAAA;EAAA,QAAA;EAAA,iBAAA;EAAA;AAAA,GAM3B,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"RemovableItem.d.mts","names":[],"sources":["../../../../src/components/data-display/removable-item/RemovableItem.tsx"],"mappings":";;;;;KAiBY,kBAAA;EACV,SAAA,GAAY,SAAA;EACZ,QAAA,EAAU,SAAA;EACV,QAAA;EACA,iBAAA;EACA,UAAA;IACE,aAAA;IACA,IAAA;IACA,OAAA;IACA,OAAA;IACA,UAAA,GAAa,eAAA;EAAA;AAAA;AAAA,cAIJ,aAAA;EAAiB,SAAA;EAAA,QAAA;EAAA,QAAA;EAAA,iBAAA;EAAA;AAAA,GAM3B,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/data-display/removable-item/RemovableItem.mjs

@@ -1,2 +1,2 @@
-import{ButtonIcon as e}from"../../buttons/button-icon/ButtonIcon.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{removableItem as n,removableItemButtonIcon as r,removableItemButtonIconIcon as i,removableItemButtonIconIconRaw as a,removableItemButtonIconIconRawRoot as o,removableItemButtonIconRoot as s,removableItemContent as c,removableItemRoot as l,removableItemSection as u}from"@mage-ui/styled-system/recipes";import{jsx as d,jsxs as f}from"react/jsx-runtime";const p=({startSlot:p,children:m,onRemove:h,removeButtonLabel:g=`Remove`,classNames:_})=>f(`div`,{className:t(_?.container??n(),_?.root??l()),children:[p&&d(`div`,{className:_?.section??u(),children:p}),d(`div`,{className:_?.content??c(),children:m}),d(e,{label:g,onClick:h,path:`/icons/sprite-mage.svg`,name:`mage-removable-item-button-x`,classNames:{buttonIcon:_?.buttonIcon?.buttonIcon??r(),root:_?.buttonIcon?.root??s(),icon:_?.buttonIcon?.icon??i(),iconRaw:{iconRaw:_?.buttonIcon?.iconRaw?.iconRaw??a(),root:_?.buttonIcon?.iconRaw?.root??o()}}})]});export{p as RemovableItem};
+import{ResourceItem as e}from"../resource-item/ResourceItem.mjs";import{ButtonIcon as t}from"../../buttons/button-icon/ButtonIcon.mjs";import{removableItem as n,removableItemButtonIcon as r,removableItemButtonIconIcon as i,removableItemButtonIconIconRaw as a,removableItemButtonIconIconRawRoot as o,removableItemButtonIconRoot as s,removableItemContent as c,removableItemRoot as l,removableItemSection as u}from"@mage-ui/styled-system/recipes";import{jsx as d}from"react/jsx-runtime";const f=({startSlot:f,children:p,onRemove:m,removeButtonLabel:h=`Remove`,classNames:g})=>d(e,{startSlot:f,endSlot:d(t,{label:h,onClick:m,path:`/icons/sprite-mage.svg`,name:`mage-removable-item-button-x`,classNames:{buttonIcon:g?.buttonIcon?.buttonIcon??r(),root:g?.buttonIcon?.root??s(),icon:g?.buttonIcon?.icon??i(),iconRaw:{iconRaw:g?.buttonIcon?.iconRaw?.iconRaw??a(),root:g?.buttonIcon?.iconRaw?.root??o()}}}),classNames:{resourceItem:g?.removableItem??n(),root:g?.root??l(),section:g?.section??u(),content:g?.content??c()},children:p});export{f as RemovableItem};
 //# sourceMappingURL=RemovableItem.mjs.map

package/dist/components/data-display/removable-item/RemovableItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RemovableItem.mjs","names":[],"sources":["../../../../src/components/data-display/removable-item/RemovableItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  removableItem,\n  removableItemButtonIcon,\n  removableItemButtonIconIcon,\n  removableItemButtonIconIconRaw,\n  removableItemButtonIconIconRawRoot,\n  removableItemButtonIconRoot,\n  removableItemContent,\n  removableItemRoot,\n  removableItemSection,\n} from '@mage-ui/styled-system/recipes';\nimport { ButtonIcon, type ButtonIconProps } from '@/components/buttons';\n\nexport type RemovableItemProps = {\n  startSlot?: ReactNode;\n  children: ReactNode;\n  onRemove: () => void;\n  removeButtonLabel?: string;\n  classNames?: {\n    container?: string;\n    root?: string;\n    section?: string;\n    content?: string;\n    buttonIcon?: ButtonIconProps['classNames'];\n  };\n};\n\nexport const RemovableItem = ({\n  startSlot,\n  children,\n  onRemove,\n  removeButtonLabel = 'Remove',\n  classNames,\n}: RemovableItemProps) => {\n  return (\n    <div\n      className={cx(\n        classNames?.container ?? removableItem(),\n        classNames?.root ?? removableItemRoot(),\n      )}\n    >\n      {startSlot && (\n        <div className={classNames?.section ?? removableItemSection()}>\n          {startSlot}\n        </div>\n      )}\n\n      <div className={classNames?.content ?? removableItemContent()}>\n        {children}\n      </div>\n\n      <ButtonIcon\n        label={removeButtonLabel}\n        onClick={onRemove}\n        path='/icons/sprite-mage.svg'\n        name='mage-removable-item-button-x'\n        classNames={{\n          buttonIcon:\n            classNames?.buttonIcon?.buttonIcon ?? removableItemButtonIcon(),\n          root: classNames?.buttonIcon?.root ?? removableItemButtonIconRoot(),\n          icon: classNames?.buttonIcon?.icon ?? removableItemButtonIconIcon(),\n          iconRaw: {\n            iconRaw:\n              classNames?.buttonIcon?.iconRaw?.iconRaw ??\n              removableItemButtonIconIconRaw(),\n            root:\n              classNames?.buttonIcon?.iconRaw?.root ??\n              removableItemButtonIconIconRawRoot(),\n          },\n        }}\n      />\n    </div>\n  );\n};\n"],"mappings":"6dA8BA,MAAa,GAAiB,CAC5B,YACA,WACA,WACA,oBAAoB,SACpB,gBAGE,EAAC,MAAD,CACE,UAAW,EACT,GAAY,WAAa,GAAe,CACxC,GAAY,MAAQ,GAAmB,CACxC,UAJH,CAMG,GACC,EAAC,MAAD,CAAK,UAAW,GAAY,SAAW,GAAsB,UAC1D,EACG,CAAA,CAGR,EAAC,MAAD,CAAK,UAAW,GAAY,SAAW,GAAsB,CAC1D,WACG,CAAA,CAEN,EAAC,EAAD,CACE,MAAO,EACP,QAAS,EACT,KAAK,yBACL,KAAK,+BACL,WAAY,CACV,WACE,GAAY,YAAY,YAAc,GAAyB,CACjE,KAAM,GAAY,YAAY,MAAQ,GAA6B,CACnE,KAAM,GAAY,YAAY,MAAQ,GAA6B,CACnE,QAAS,CACP,QACE,GAAY,YAAY,SAAS,SACjC,GAAgC,CAClC,KACE,GAAY,YAAY,SAAS,MACjC,GAAoC,CACvC,CACF,CACD,CAAA,CACE"}
+{"version":3,"file":"RemovableItem.mjs","names":[],"sources":["../../../../src/components/data-display/removable-item/RemovableItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  removableItem,\n  removableItemButtonIcon,\n  removableItemButtonIconIcon,\n  removableItemButtonIconIconRaw,\n  removableItemButtonIconIconRawRoot,\n  removableItemButtonIconRoot,\n  removableItemContent,\n  removableItemRoot,\n  removableItemSection,\n} from '@mage-ui/styled-system/recipes';\nimport { ButtonIcon, type ButtonIconProps } from '@/components/buttons';\n\nimport { ResourceItem } from '../resource-item/ResourceItem';\n\nexport type RemovableItemProps = {\n  startSlot?: ReactNode;\n  children: ReactNode;\n  onRemove: () => void;\n  removeButtonLabel?: string;\n  classNames?: {\n    removableItem?: string;\n    root?: string;\n    section?: string;\n    content?: string;\n    buttonIcon?: ButtonIconProps['classNames'];\n  };\n};\n\nexport const RemovableItem = ({\n  startSlot,\n  children,\n  onRemove,\n  removeButtonLabel = 'Remove',\n  classNames,\n}: RemovableItemProps) => {\n  return (\n    <ResourceItem\n      startSlot={startSlot}\n      endSlot={\n        <ButtonIcon\n          label={removeButtonLabel}\n          onClick={onRemove}\n          path='/icons/sprite-mage.svg'\n          name='mage-removable-item-button-x'\n          classNames={{\n            buttonIcon:\n              classNames?.buttonIcon?.buttonIcon ?? removableItemButtonIcon(),\n            root: classNames?.buttonIcon?.root ?? removableItemButtonIconRoot(),\n            icon: classNames?.buttonIcon?.icon ?? removableItemButtonIconIcon(),\n            iconRaw: {\n              iconRaw:\n                classNames?.buttonIcon?.iconRaw?.iconRaw ??\n                removableItemButtonIconIconRaw(),\n              root:\n                classNames?.buttonIcon?.iconRaw?.root ??\n                removableItemButtonIconIconRawRoot(),\n            },\n          }}\n        />\n      }\n      classNames={{\n        resourceItem: classNames?.removableItem ?? removableItem(),\n        root: classNames?.root ?? removableItemRoot(),\n        section: classNames?.section ?? removableItemSection(),\n        content: classNames?.content ?? removableItemContent(),\n      }}\n    >\n      {children}\n    </ResourceItem>\n  );\n};\n"],"mappings":"oeA+BA,MAAa,GAAiB,CAC5B,YACA,WACA,WACA,oBAAoB,SACpB,gBAGE,EAAC,EAAD,CACa,YACX,QACE,EAAC,EAAD,CACE,MAAO,EACP,QAAS,EACT,KAAK,yBACL,KAAK,+BACL,WAAY,CACV,WACE,GAAY,YAAY,YAAc,GAAyB,CACjE,KAAM,GAAY,YAAY,MAAQ,GAA6B,CACnE,KAAM,GAAY,YAAY,MAAQ,GAA6B,CACnE,QAAS,CACP,QACE,GAAY,YAAY,SAAS,SACjC,GAAgC,CAClC,KACE,GAAY,YAAY,SAAS,MACjC,GAAoC,CACvC,CACF,CACD,CAAA,CAEJ,WAAY,CACV,aAAc,GAAY,eAAiB,GAAe,CAC1D,KAAM,GAAY,MAAQ,GAAmB,CAC7C,QAAS,GAAY,SAAW,GAAsB,CACtD,QAAS,GAAY,SAAW,GAAsB,CACvD,CAEA,WACY,CAAA"}

package/dist/components/data-display/resource-item/ResourceItem.d.mts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/components/data-display/resource-item/ResourceItem.d.ts
+type ResourceItemProps = {
+  startSlot?: ReactNode;
+  children: ReactNode;
+  endSlot?: ReactNode;
+  classNames?: {
+    resourceItem?: string;
+    root?: string;
+    section?: string;
+    content?: string;
+  };
+};
+declare const ResourceItem: ({
+  startSlot,
+  children,
+  endSlot,
+  classNames
+}: ResourceItemProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ResourceItem, ResourceItemProps };
+//# sourceMappingURL=ResourceItem.d.mts.map

package/dist/components/data-display/resource-item/ResourceItem.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceItem.d.mts","names":[],"sources":["../../../../src/components/data-display/resource-item/ResourceItem.tsx"],"mappings":";;;;KAUY,iBAAA;EACV,SAAA,GAAY,SAAA;EACZ,QAAA,EAAU,SAAA;EACV,OAAA,GAAU,SAAA;EACV,UAAA;IACE,YAAA;IACA,IAAA;IACA,OAAA;IACA,OAAA;EAAA;AAAA;AAAA,cAIS,YAAA;EAAgB,SAAA;EAAA,QAAA;EAAA,OAAA;EAAA;AAAA,GAK1B,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/data-display/resource-item/ResourceItem.mjs

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

package/dist/components/data-display/resource-item/ResourceItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceItem.mjs","names":[],"sources":["../../../../src/components/data-display/resource-item/ResourceItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  resourceItem,\n  resourceItemContent,\n  resourceItemRoot,\n  resourceItemSection,\n} from '@mage-ui/styled-system/recipes';\n\nexport type ResourceItemProps = {\n  startSlot?: ReactNode;\n  children: ReactNode;\n  endSlot?: ReactNode;\n  classNames?: {\n    resourceItem?: string;\n    root?: string;\n    section?: string;\n    content?: string;\n  };\n};\n\nexport const ResourceItem = ({\n  startSlot,\n  children,\n  endSlot,\n  classNames,\n}: ResourceItemProps) => {\n  return (\n    <div\n      className={cx(\n        classNames?.resourceItem ?? resourceItem(),\n        classNames?.root ?? resourceItemRoot(),\n      )}\n    >\n      {startSlot && (\n        <div className={classNames?.section ?? resourceItemSection()}>\n          {startSlot}\n        </div>\n      )}\n\n      <div className={classNames?.content ?? resourceItemContent()}>\n        {children}\n      </div>\n\n      {endSlot && (\n        <div className={classNames?.section ?? resourceItemSection()}>\n          {endSlot}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"wOAsBA,MAAa,GAAgB,CAC3B,YACA,WACA,UACA,gBAGE,EAAC,MAAD,CACE,UAAW,EACT,GAAY,cAAgB,GAAc,CAC1C,GAAY,MAAQ,GAAkB,CACvC,UAJH,CAMG,GACC,EAAC,MAAD,CAAK,UAAW,GAAY,SAAW,GAAqB,UACzD,EACG,CAAA,CAGR,EAAC,MAAD,CAAK,UAAW,GAAY,SAAW,GAAqB,CACzD,WACG,CAAA,CAEL,GACC,EAAC,MAAD,CAAK,UAAW,GAAY,SAAW,GAAqB,UACzD,EACG,CAAA,CAEJ"}

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

@@ -1,5 +1,4 @@
-import { IconProps } from "../icons/icon/Icon.mjs";
-import { IconWrappedProps } from "../icons/icon-wrapped/IconWrapped.mjs";
+import { FileIconProps } from "../file-icon/FileIcon.mjs";
 import { RemovableItemProps } from "../removable-item/RemovableItem.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
@@ -20,8 +19,7 @@ type UploadedFileProps = {
     details?: string;
     fileLink?: string;
     fileName?: string;
-    startIconWrapped?: IconWrappedProps['classNames'];
-    startIcon?: IconProps['classNames'];
+    fileIcon?: FileIconProps['classNames'];
     removableItem?: RemovableItemProps['classNames'];
     buttonIcon?: NonNullable<RemovableItemProps['classNames']>['buttonIcon'];
   };

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

@@ -1 +1 @@
-{"version":3,"file":"UploadedFile.d.mts","names":[],"sources":["../../../../src/components/data-display/uploaded-file/UploadedFile.tsx"],"mappings":";;;;;;;KAyBY,iBAAA;EACV,gBAAA;EACA,QAAA,GAAW,SAAA;EACX,QAAA;EACA,GAAA;EACA,QAAA,EAAU,SAAA;EACV,QAAA;EACA,UAAA;IACE,YAAA;IACA,IAAA;IACA,OAAA;IACA,OAAA;IACA,OAAA;IACA,QAAA;IACA,QAAA;IACA,gBAAA,GAAmB,gBAAA;IACnB,SAAA,GAAY,SAAA;IACZ,aAAA,GAAgB,kBAAA;IAChB,UAAA,GAAa,WAAA,CAAY,kBAAA;EAAA;AAAA;AAAA,cAIhB,YAAA;EAAgB,gBAAA;EAAA,QAAA;EAAA,QAAA;EAAA,GAAA;EAAA,QAAA;EAAA,QAAA;EAAA;AAAA,GAQ1B,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"UploadedFile.d.mts","names":[],"sources":["../../../../src/components/data-display/uploaded-file/UploadedFile.tsx"],"mappings":";;;;;;KA8BY,iBAAA;EACV,gBAAA;EACA,QAAA,GAAW,SAAA;EACX,QAAA;EACA,GAAA;EACA,QAAA,EAAU,SAAA;EACV,QAAA;EACA,UAAA;IACE,YAAA;IACA,IAAA;IACA,OAAA;IACA,OAAA;IACA,OAAA;IACA,QAAA;IACA,QAAA;IACA,QAAA,GAAW,aAAA;IACX,aAAA,GAAgB,kBAAA;IAChB,UAAA,GAAa,WAAA,CAAY,kBAAA;EAAA;AAAA;AAAA,cAIhB,YAAA;EAAgB,gBAAA;EAAA,QAAA;EAAA,QAAA;EAAA,GAAA;EAAA,QAAA;EAAA,QAAA;EAAA;AAAA,GAQ1B,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,2 +1,2 @@
-import{RemovableItem as e}from"../removable-item/RemovableItem.mjs";import{UploadedFileIcon as t}from"./UploadedFileIcon.mjs";import{uploadedFile as n,uploadedFileButtonIcon as r,uploadedFileButtonIconIcon as i,uploadedFileButtonIconIconRaw as a,uploadedFileButtonIconIconRawRoot as o,uploadedFileButtonIconRoot as s,uploadedFileContent as c,uploadedFileDetails as l,uploadedFileLink as u,uploadedFileName as d,uploadedFileRoot as f,uploadedFileSection as p}from"@mage-ui/styled-system/recipes";import{jsx as m,jsxs as h}from"react/jsx-runtime";const g=({clearButtonLabel:g=`Remove file`,fileName:_,fileType:v,url:y,children:b,onRemove:x,classNames:S})=>h(e,{startSlot:m(t,{fileType:v,fileName:typeof _==`string`?_:void 0,classNames:{startIconWrapped:S?.startIconWrapped,startIcon:S?.startIcon}}),onRemove:x,removeButtonLabel:g,classNames:{container:S?.removableItem?.container??S?.uploadedFile??n(),root:S?.removableItem?.root??S?.root??f(),section:S?.removableItem?.section??S?.section??p(),content:S?.removableItem?.content??S?.content??c(),buttonIcon:{buttonIcon:S?.buttonIcon?.buttonIcon??S?.removableItem?.buttonIcon?.buttonIcon??r(),root:S?.buttonIcon?.root??S?.removableItem?.buttonIcon?.root??s(),icon:S?.buttonIcon?.icon??S?.removableItem?.buttonIcon?.icon??i(),iconRaw:{iconRaw:S?.buttonIcon?.iconRaw?.iconRaw??S?.removableItem?.buttonIcon?.iconRaw?.iconRaw??a(),root:S?.buttonIcon?.iconRaw?.root??S?.removableItem?.buttonIcon?.iconRaw?.root??o()}}},children:[y?m(`a`,{href:y,target:`_blank`,rel:`noopener noreferrer`,download:!0,className:S?.fileLink??u(),children:_}):m(`span`,{className:S?.fileName??d(),children:_}),m(`div`,{className:S?.details??l(),children:b})]});export{g as UploadedFile};
+import{FileIcon as e}from"../file-icon/FileIcon.mjs";import{RemovableItem as t}from"../removable-item/RemovableItem.mjs";import{uploadedFile as n,uploadedFileButtonIcon as r,uploadedFileButtonIconIcon as i,uploadedFileButtonIconIconRaw as a,uploadedFileButtonIconIconRawRoot as o,uploadedFileButtonIconRoot as s,uploadedFileContent as c,uploadedFileDetails as l,uploadedFileFileIcon as u,uploadedFileLink as d,uploadedFileName as f,uploadedFileRoot as p,uploadedFileSection as m,uploadedFileStartIcon as h,uploadedFileStartIconIconRaw as g,uploadedFileStartIconIconRawRoot as _,uploadedFileStartIconRoot as v,uploadedFileStartIconWrapped as y,uploadedFileStartIconWrappedRoot as b}from"@mage-ui/styled-system/recipes";import{jsx as x,jsxs as S}from"react/jsx-runtime";const C=({clearButtonLabel:C=`Remove file`,fileName:w,fileType:T,url:E,children:D,onRemove:O,classNames:k})=>S(t,{startSlot:x(e,{fileType:T,fileName:typeof w==`string`?w:void 0,classNames:{fileIcon:k?.fileIcon?.fileIcon??u(),iconWrapped:{iconWrapped:k?.fileIcon?.iconWrapped?.iconWrapped??y(),root:k?.fileIcon?.iconWrapped?.root??b()},icon:{icon:k?.fileIcon?.icon?.icon??h(),root:k?.fileIcon?.icon?.root??v(),iconRaw:{iconRaw:k?.fileIcon?.icon?.iconRaw?.iconRaw??g(),root:k?.fileIcon?.icon?.iconRaw?.root??_()}}}}),onRemove:O,removeButtonLabel:C,classNames:{removableItem:k?.uploadedFile??n(),root:k?.root??p(),section:k?.section??m(),content:k?.content??c(),buttonIcon:{buttonIcon:k?.buttonIcon?.buttonIcon??r(),root:k?.buttonIcon?.root??s(),icon:k?.buttonIcon?.icon??i(),iconRaw:{iconRaw:k?.buttonIcon?.iconRaw?.iconRaw??a(),root:k?.buttonIcon?.iconRaw?.root??o()}}},children:[E?x(`a`,{href:E,target:`_blank`,rel:`noopener noreferrer`,download:!0,className:k?.fileLink??d(),children:w}):x(`span`,{className:k?.fileName??f(),children:w}),x(`div`,{className:k?.details??l(),children:D})]});export{C as UploadedFile};
 //# sourceMappingURL=UploadedFile.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"UploadedFile.mjs","names":[],"sources":["../../../../src/components/data-display/uploaded-file/UploadedFile.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  uploadedFile,\n  uploadedFileButtonIcon,\n  uploadedFileButtonIconIcon,\n  uploadedFileButtonIconIconRaw,\n  uploadedFileButtonIconIconRawRoot,\n  uploadedFileButtonIconRoot,\n  uploadedFileContent,\n  uploadedFileDetails,\n  uploadedFileLink,\n  uploadedFileName,\n  uploadedFileRoot,\n  uploadedFileSection,\n} from '@mage-ui/styled-system/recipes';\nimport {\n  type IconProps,\n  type IconWrappedProps,\n  RemovableItem,\n  type RemovableItemProps,\n} from '@/components/data-display';\n\nimport { UploadedFileIcon } from './UploadedFileIcon';\n\nexport type UploadedFileProps = {\n  clearButtonLabel?: string;\n  fileName?: ReactNode;\n  fileType?: string;\n  url?: string;\n  children: ReactNode;\n  onRemove: () => void;\n  classNames?: {\n    uploadedFile?: string;\n    root?: string;\n    section?: string;\n    content?: string;\n    details?: string;\n    fileLink?: string;\n    fileName?: string;\n    startIconWrapped?: IconWrappedProps['classNames'];\n    startIcon?: IconProps['classNames'];\n    removableItem?: RemovableItemProps['classNames'];\n    buttonIcon?: NonNullable<RemovableItemProps['classNames']>['buttonIcon'];\n  };\n};\n\nexport const UploadedFile = ({\n  clearButtonLabel = 'Remove file',\n  fileName,\n  fileType,\n  url,\n  children,\n  onRemove,\n  classNames,\n}: UploadedFileProps) => {\n  return (\n    <RemovableItem\n      startSlot={\n        <UploadedFileIcon\n          fileType={fileType}\n          fileName={typeof fileName === 'string' ? fileName : undefined}\n          classNames={{\n            startIconWrapped: classNames?.startIconWrapped,\n            startIcon: classNames?.startIcon,\n          }}\n        />\n      }\n      onRemove={onRemove}\n      removeButtonLabel={clearButtonLabel}\n      classNames={{\n        container:\n          classNames?.removableItem?.container ??\n          classNames?.uploadedFile ??\n          uploadedFile(),\n        root:\n          classNames?.removableItem?.root ??\n          classNames?.root ??\n          uploadedFileRoot(),\n        section:\n          classNames?.removableItem?.section ??\n          classNames?.section ??\n          uploadedFileSection(),\n        content:\n          classNames?.removableItem?.content ??\n          classNames?.content ??\n          uploadedFileContent(),\n        buttonIcon: {\n          buttonIcon:\n            classNames?.buttonIcon?.buttonIcon ??\n            classNames?.removableItem?.buttonIcon?.buttonIcon ??\n            uploadedFileButtonIcon(),\n          root:\n            classNames?.buttonIcon?.root ??\n            classNames?.removableItem?.buttonIcon?.root ??\n            uploadedFileButtonIconRoot(),\n          icon:\n            classNames?.buttonIcon?.icon ??\n            classNames?.removableItem?.buttonIcon?.icon ??\n            uploadedFileButtonIconIcon(),\n          iconRaw: {\n            iconRaw:\n              classNames?.buttonIcon?.iconRaw?.iconRaw ??\n              classNames?.removableItem?.buttonIcon?.iconRaw?.iconRaw ??\n              uploadedFileButtonIconIconRaw(),\n            root:\n              classNames?.buttonIcon?.iconRaw?.root ??\n              classNames?.removableItem?.buttonIcon?.iconRaw?.root ??\n              uploadedFileButtonIconIconRawRoot(),\n          },\n        },\n      }}\n    >\n      {/* TODO: comentar link */}\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      <div className={classNames?.details ?? uploadedFileDetails()}>\n        {children}\n      </div>\n    </RemovableItem>\n  );\n};\n"],"mappings":"iiBA+CA,MAAa,GAAgB,CAC3B,mBAAmB,cACnB,WACA,WACA,MACA,WACA,WACA,gBAGE,EAAC,EAAD,CACE,UACE,EAAC,EAAD,CACY,WACV,SAAU,OAAO,GAAa,SAAW,EAAW,IAAA,GACpD,WAAY,CACV,iBAAkB,GAAY,iBAC9B,UAAW,GAAY,UACxB,CACD,CAAA,CAEM,WACV,kBAAmB,EACnB,WAAY,CACV,UACE,GAAY,eAAe,WAC3B,GAAY,cACZ,GAAc,CAChB,KACE,GAAY,eAAe,MAC3B,GAAY,MACZ,GAAkB,CACpB,QACE,GAAY,eAAe,SAC3B,GAAY,SACZ,GAAqB,CACvB,QACE,GAAY,eAAe,SAC3B,GAAY,SACZ,GAAqB,CACvB,WAAY,CACV,WACE,GAAY,YAAY,YACxB,GAAY,eAAe,YAAY,YACvC,GAAwB,CAC1B,KACE,GAAY,YAAY,MACxB,GAAY,eAAe,YAAY,MACvC,GAA4B,CAC9B,KACE,GAAY,YAAY,MACxB,GAAY,eAAe,YAAY,MACvC,GAA4B,CAC9B,QAAS,CACP,QACE,GAAY,YAAY,SAAS,SACjC,GAAY,eAAe,YAAY,SAAS,SAChD,GAA+B,CACjC,KACE,GAAY,YAAY,SAAS,MACjC,GAAY,eAAe,YAAY,SAAS,MAChD,GAAmC,CACtC,CACF,CACF,UAtDH,CAyDG,EACC,EAAC,IAAD,CACE,KAAM,EACN,OAAO,SACP,IAAI,sBACJ,SAAA,GACA,UAAW,GAAY,UAAY,GAAkB,UAEpD,EACC,CAAA,CAEJ,EAAC,OAAD,CAAM,UAAW,GAAY,UAAY,GAAkB,UACxD,EACI,CAAA,CAGT,EAAC,MAAD,CAAK,UAAW,GAAY,SAAW,GAAqB,CACzD,WACG,CAAA,CACQ"}
+{"version":3,"file":"UploadedFile.mjs","names":[],"sources":["../../../../src/components/data-display/uploaded-file/UploadedFile.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  uploadedFile,\n  uploadedFileButtonIcon,\n  uploadedFileButtonIconIcon,\n  uploadedFileButtonIconIconRaw,\n  uploadedFileButtonIconIconRawRoot,\n  uploadedFileButtonIconRoot,\n  uploadedFileContent,\n  uploadedFileDetails,\n  uploadedFileFileIcon,\n  uploadedFileLink,\n  uploadedFileName,\n  uploadedFileRoot,\n  uploadedFileSection,\n  uploadedFileStartIcon,\n  uploadedFileStartIconIconRaw,\n  uploadedFileStartIconIconRawRoot,\n  uploadedFileStartIconRoot,\n  uploadedFileStartIconWrapped,\n  uploadedFileStartIconWrappedRoot,\n} from '@mage-ui/styled-system/recipes';\nimport {\n  RemovableItem,\n  type RemovableItemProps,\n} from '@/components/data-display';\n\nimport { FileIcon, type FileIconProps } from '../file-icon/FileIcon';\n\nexport type UploadedFileProps = {\n  clearButtonLabel?: string;\n  fileName?: ReactNode;\n  fileType?: string;\n  url?: string;\n  children: ReactNode;\n  onRemove: () => void;\n  classNames?: {\n    uploadedFile?: string;\n    root?: string;\n    section?: string;\n    content?: string;\n    details?: string;\n    fileLink?: string;\n    fileName?: string;\n    fileIcon?: FileIconProps['classNames'];\n    removableItem?: RemovableItemProps['classNames'];\n    buttonIcon?: NonNullable<RemovableItemProps['classNames']>['buttonIcon'];\n  };\n};\n\nexport const UploadedFile = ({\n  clearButtonLabel = 'Remove file',\n  fileName,\n  fileType,\n  url,\n  children,\n  onRemove,\n  classNames,\n}: UploadedFileProps) => {\n  return (\n    <RemovableItem\n      startSlot={\n        <FileIcon\n          fileType={fileType}\n          fileName={typeof fileName === 'string' ? fileName : undefined}\n          classNames={{\n            fileIcon: classNames?.fileIcon?.fileIcon ?? uploadedFileFileIcon(),\n            iconWrapped: {\n              iconWrapped:\n                classNames?.fileIcon?.iconWrapped?.iconWrapped ??\n                uploadedFileStartIconWrapped(),\n              root:\n                classNames?.fileIcon?.iconWrapped?.root ??\n                uploadedFileStartIconWrappedRoot(),\n            },\n            icon: {\n              icon: classNames?.fileIcon?.icon?.icon ?? uploadedFileStartIcon(),\n              root:\n                classNames?.fileIcon?.icon?.root ?? uploadedFileStartIconRoot(),\n              iconRaw: {\n                iconRaw:\n                  classNames?.fileIcon?.icon?.iconRaw?.iconRaw ??\n                  uploadedFileStartIconIconRaw(),\n                root:\n                  classNames?.fileIcon?.icon?.iconRaw?.root ??\n                  uploadedFileStartIconIconRawRoot(),\n              },\n            },\n          }}\n        />\n      }\n      onRemove={onRemove}\n      removeButtonLabel={clearButtonLabel}\n      classNames={{\n        removableItem: classNames?.uploadedFile ?? uploadedFile(),\n        root: classNames?.root ?? uploadedFileRoot(),\n        section: classNames?.section ?? uploadedFileSection(),\n        content: classNames?.content ?? uploadedFileContent(),\n        buttonIcon: {\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      {/* TODO: comentar link */}\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      <div className={classNames?.details ?? uploadedFileDetails()}>\n        {children}\n      </div>\n    </RemovableItem>\n  );\n};\n"],"mappings":"gwBAmDA,MAAa,GAAgB,CAC3B,mBAAmB,cACnB,WACA,WACA,MACA,WACA,WACA,gBAGE,EAAC,EAAD,CACE,UACE,EAAC,EAAD,CACY,WACV,SAAU,OAAO,GAAa,SAAW,EAAW,IAAA,GACpD,WAAY,CACV,SAAU,GAAY,UAAU,UAAY,GAAsB,CAClE,YAAa,CACX,YACE,GAAY,UAAU,aAAa,aACnC,GAA8B,CAChC,KACE,GAAY,UAAU,aAAa,MACnC,GAAkC,CACrC,CACD,KAAM,CACJ,KAAM,GAAY,UAAU,MAAM,MAAQ,GAAuB,CACjE,KACE,GAAY,UAAU,MAAM,MAAQ,GAA2B,CACjE,QAAS,CACP,QACE,GAAY,UAAU,MAAM,SAAS,SACrC,GAA8B,CAChC,KACE,GAAY,UAAU,MAAM,SAAS,MACrC,GAAkC,CACrC,CACF,CACF,CACD,CAAA,CAEM,WACV,kBAAmB,EACnB,WAAY,CACV,cAAe,GAAY,cAAgB,GAAc,CACzD,KAAM,GAAY,MAAQ,GAAkB,CAC5C,QAAS,GAAY,SAAW,GAAqB,CACrD,QAAS,GAAY,SAAW,GAAqB,CACrD,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,CACF,UApDH,CAuDG,EACC,EAAC,IAAD,CACE,KAAM,EACN,OAAO,SACP,IAAI,sBACJ,SAAA,GACA,UAAW,GAAY,UAAY,GAAkB,UAEpD,EACC,CAAA,CAEJ,EAAC,OAAD,CAAM,UAAW,GAAY,UAAY,GAAkB,UACxD,EACI,CAAA,CAGT,EAAC,MAAD,CAAK,UAAW,GAAY,SAAW,GAAqB,CACzD,WACG,CAAA,CACQ"}

package/dist/components/index.d.mts

@@ -28,6 +28,8 @@ import { DataTableFeedback } from "./data-display/datatables/DataTableFeedback.m
 import { DataTableTopSlot, DataTableTopSlotProps } from "./data-display/datatables/DataTableTopSlot.mjs";
 import { ColumnDef, ExpandedState, PaginationState, RowSelectionState, SortingState } from "./data-display/datatables/index.mjs";
 import { DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps } from "./data-display/description-list/DescriptionList.mjs";
+import { FileIcon, FileIconProps } from "./data-display/file-icon/FileIcon.mjs";
+import { DocumentItem, DocumentItemProps } from "./data-display/document-item/DocumentItem.mjs";
 import { Icon, IconProps } from "./data-display/icons/icon/Icon.mjs";
 import { IconRaw, IconRawProps } from "./data-display/icons/icon-raw/IconRaw.mjs";
 import { IconSvg, IconSvgProps } from "./data-display/icons/icon-svg/IconSvg.mjs";
@@ -39,6 +41,7 @@ import { LogoImage, LogoImageProps } from "./data-display/logos/logo-image/LogoI
 import { LogoSvg, LogoSvgProps } from "./data-display/logos/logo-svg/LogoSvg.mjs";
 import { NotificationBanner, NotificationBannerIntent, NotificationBannerProps } from "./data-display/notification-banner/NotificationBanner.mjs";
 import { RemovableItem, RemovableItemProps } from "./data-display/removable-item/RemovableItem.mjs";
+import { ResourceItem, ResourceItemProps } from "./data-display/resource-item/ResourceItem.mjs";
 import { Tag, TagProps } from "./data-display/tag/Tag.mjs";
 import { TagGroup, TagGroupProps } from "./data-display/tag-group/TagGroup.mjs";
 import { UploadedFile, UploadedFileProps } from "./data-display/uploaded-file/UploadedFile.mjs";

package/dist/index.d.mts

@@ -28,6 +28,8 @@ import { DataTableFeedback } from "./components/data-display/datatables/DataTabl
 import { DataTableTopSlot, DataTableTopSlotProps } from "./components/data-display/datatables/DataTableTopSlot.mjs";
 import { ColumnDef, ExpandedState, PaginationState, RowSelectionState, SortingState } from "./components/data-display/datatables/index.mjs";
 import { DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps } from "./components/data-display/description-list/DescriptionList.mjs";
+import { FileIcon, FileIconProps } from "./components/data-display/file-icon/FileIcon.mjs";
+import { DocumentItem, DocumentItemProps } from "./components/data-display/document-item/DocumentItem.mjs";
 import { Icon, IconProps } from "./components/data-display/icons/icon/Icon.mjs";
 import { IconRaw, IconRawProps } from "./components/data-display/icons/icon-raw/IconRaw.mjs";
 import { IconSvg, IconSvgProps } from "./components/data-display/icons/icon-svg/IconSvg.mjs";
@@ -39,6 +41,7 @@ import { LogoImage, LogoImageProps } from "./components/data-display/logos/logo-
 import { LogoSvg, LogoSvgProps } from "./components/data-display/logos/logo-svg/LogoSvg.mjs";
 import { NotificationBanner, NotificationBannerIntent, NotificationBannerProps } from "./components/data-display/notification-banner/NotificationBanner.mjs";
 import { RemovableItem, RemovableItemProps } from "./components/data-display/removable-item/RemovableItem.mjs";
+import { ResourceItem, ResourceItemProps } from "./components/data-display/resource-item/ResourceItem.mjs";
 import { Tag, TagProps } from "./components/data-display/tag/Tag.mjs";
 import { TagGroup, TagGroupProps } from "./components/data-display/tag-group/TagGroup.mjs";
 import { UploadedFile, UploadedFileProps } from "./components/data-display/uploaded-file/UploadedFile.mjs";
@@ -87,4 +90,4 @@ import { Modals } from "./components/overlays/modal/index.mjs";
 import { Toast, ToastIntent, ToastOptions, ToastProviderProps } from "./components/overlays/toast/Toast.mjs";
 import { Tooltip, TooltipProps } from "./components/overlays/tooltip/Tooltip.mjs";
 import { MageUiProvider, MageUiProviderProps } from "./providers/MageUiProvider.mjs";
-export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarDropzone, AvatarDropzoneProps, AvatarProps, AvatarUpload, AvatarUploadProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, CalendarView, Card, CardBase, CardBody, CardClassNames, CardFooter, CardHeader, CardProps, CardRoot, Checkbox, CheckboxProps, ColumnDef, Combobox, ComboboxProps, DEFAULT_DATA_TABLE_LABELS, DataTable, DataTableBottomSlot, DataTableBottomSlotProps, DataTableClassNames, DataTableColumnMeta, DataTableContextProvider, DataTableContextValue, DataTableExpansionConfig, DataTableExtraColumnConfig, DataTableFeedback, DataTableFiltersConfig, DataTableLabels, DataTablePageSize, DataTablePageSizeProps, DataTablePagination, DataTablePaginationConfig, DataTablePaginationProps, DataTableProps, DataTableRecord, DataTableSearchConfig, DataTableSelectionConfig, DataTableSortingConfig, DataTableTableConfig, DataTableTopSlot, DataTableTopSlotProps, DateLocalizer, DatePicker, DatePickerProps, DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, DropzoneS3, DropzoneS3Props, DropzoneS3Texts, ExpandedState, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, FluidGrid, FluidGridProps, Form, FormProps, Grid, GridClassNames, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalClassNames, ModalIntent, ModalProps, ModalRegistry, ModalRegistryEntry, ModalRootProps, Modals, NavigationMenu, NavigationMenuProps, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, PASSWORD_RULES, Pagination, PaginationClassNames, PaginationRootProps, PaginationState, PasswordInput, PasswordInputProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, RowSelectionState, S3FileMeta, S3InitBody, S3InitResponse, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaClassNames, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, SortingState, Switch, SwitchGroup, SwitchGroupProps, SwitchProps, Table, TableBodyProps, TableCaptionProps, TableCellProps, TableClassNames, TableFootProps, TableHeadProps, TableHeaderCellProps, TableProps, TableRowProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Toast, ToastIntent, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadProgress, UploadResponse, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, Uploader, UploadingFiles, UploadingFilesClassNames, UploadingFilesItemClassNames, UploadingFilesItemErrorClassNames, UploadingFilesItemErrorProps, UploadingFilesItemProps, UploadingFilesProps, Virtual, VirtualItem, VirtualPadding, VirtualProps, VisuallyHidden, VisuallyHiddenProps, getFileExtension, useDataTableContext, usePasswordRules, z };
+export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarDropzone, AvatarDropzoneProps, AvatarProps, AvatarUpload, AvatarUploadProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, CalendarView, Card, CardBase, CardBody, CardClassNames, CardFooter, CardHeader, CardProps, CardRoot, Checkbox, CheckboxProps, ColumnDef, Combobox, ComboboxProps, DEFAULT_DATA_TABLE_LABELS, DataTable, DataTableBottomSlot, DataTableBottomSlotProps, DataTableClassNames, DataTableColumnMeta, DataTableContextProvider, DataTableContextValue, DataTableExpansionConfig, DataTableExtraColumnConfig, DataTableFeedback, DataTableFiltersConfig, DataTableLabels, DataTablePageSize, DataTablePageSizeProps, DataTablePagination, DataTablePaginationConfig, DataTablePaginationProps, DataTableProps, DataTableRecord, DataTableSearchConfig, DataTableSelectionConfig, DataTableSortingConfig, DataTableTableConfig, DataTableTopSlot, DataTableTopSlotProps, DateLocalizer, DatePicker, DatePickerProps, DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps, DocumentItem, DocumentItemProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, DropzoneS3, DropzoneS3Props, DropzoneS3Texts, ExpandedState, FileData, FileIcon, FileIconProps, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, FluidGrid, FluidGridProps, Form, FormProps, Grid, GridClassNames, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalClassNames, ModalIntent, ModalProps, ModalRegistry, ModalRegistryEntry, ModalRootProps, Modals, NavigationMenu, NavigationMenuProps, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, PASSWORD_RULES, Pagination, PaginationClassNames, PaginationRootProps, PaginationState, PasswordInput, PasswordInputProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, ResourceItem, ResourceItemProps, RowSelectionState, S3FileMeta, S3InitBody, S3InitResponse, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaClassNames, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, SortingState, Switch, SwitchGroup, SwitchGroupProps, SwitchProps, Table, TableBodyProps, TableCaptionProps, TableCellProps, TableClassNames, TableFootProps, TableHeadProps, TableHeaderCellProps, TableProps, TableRowProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Toast, ToastIntent, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadProgress, UploadResponse, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, Uploader, UploadingFiles, UploadingFilesClassNames, UploadingFilesItemClassNames, UploadingFilesItemErrorClassNames, UploadingFilesItemErrorProps, UploadingFilesItemProps, UploadingFilesProps, Virtual, VirtualItem, VirtualPadding, VirtualProps, VisuallyHidden, VisuallyHiddenProps, getFileExtension, useDataTableContext, usePasswordRules, z };

package/dist/index.mjs

@@ -1 +1 @@
-import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Tooltip as s}from"./components/overlays/tooltip/Tooltip.mjs";import{Calendar as c}from"./components/data-display/calendar/Calendar.mjs";import{Virtual as l}from"./components/misc/virtual/Virtual.mjs";import{ScrollArea as u}from"./components/misc/scroll-area/ScrollArea.mjs";import{Table as d}from"./components/data-display/table/Table.mjs";import{IconRaw as f}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as p}from"./components/data-display/icons/icon/Icon.mjs";import{DEFAULT_DATA_TABLE_LABELS as m,DataTableContextProvider as h,useDataTableContext as g}from"./components/data-display/datatables/useDataTableContext.mjs";import{Checkbox as _}from"./components/controls/checkbox/Checkbox.mjs";import{DataTable as v}from"./components/data-display/datatables/DataTable.mjs";import{HorizontalDivider as y}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollAreaAutosize as b}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{TextInput as x}from"./components/controls/text-input/TextInput.mjs";import{IconWrapped as S}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Select as C}from"./components/controls/dropdown/select/Select.mjs";import{DataTablePageSize as w}from"./components/data-display/datatables/DataTablePageSize.mjs";import{Pagination as T}from"./components/navigations/pagination/Pagination.mjs";import{DataTablePagination as E}from"./components/data-display/datatables/DataTablePagination.mjs";import{DataTableBottomSlot as D}from"./components/data-display/datatables/DataTableBottomSlot.mjs";import{DataTableFeedback as O}from"./components/data-display/datatables/DataTableFeedback.mjs";import{DataTableTopSlot as k}from"./components/data-display/datatables/DataTableTopSlot.mjs";import{DescriptionList as A}from"./components/data-display/description-list/DescriptionList.mjs";import{IconSvg as j}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{Indicator as M}from"./components/data-display/indicator/Indicator.mjs";import{LoaderDot as N}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as P}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as F}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as I}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as L}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as R}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as z}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as B}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as V}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as H}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{UploadingFiles as U}from"./components/data-display/uploading-files/UploadingFiles.mjs";import{ButtonIcon as W}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as G}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as K}from"./components/buttons/button-visual/ButtonVisual.mjs";import{AvatarDropzone as q}from"./components/controls/avatar-dropzone/AvatarDropzone.mjs";import{Modal as J}from"./components/overlays/modal/Modal.mjs";import{Modals as Y}from"./components/overlays/modal/index.mjs";import{Toast as X}from"./components/overlays/toast/Toast.mjs";import{AvatarUpload as Z}from"./components/controls/avatar-upload/AvatarUpload.mjs";import{DatePicker as Q}from"./components/controls/date-picker/DatePicker.mjs";import{Autocomplete as $}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as ee}from"./components/controls/dropdown/combobox/Combobox.mjs";import{Dropzone as te}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneS3 as ne,getFileExtension as re}from"./components/controls/dropzone-s3/DropzoneS3.mjs";import{DropzoneFiles as ie}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as ae}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as oe}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as se}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as ce}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as le}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as ue}from"./components/controls/radio/Radio.mjs";import{SwitchGroup as de}from"./components/controls/switch-group/SwitchGroup.mjs";import{Switch as fe}from"./components/controls/switch/Switch.mjs";import{Textarea as pe}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as me}from"./components/forms/rules/password-rules.mjs";import{z as he}from"./components/forms/rules/zod.mjs";import{Form as ge}from"./components/forms/Form.mjs";import{Card as _e,CardBase as ve,CardBody as ye,CardFooter as be,CardHeader as xe,CardRoot as Se}from"./components/layouts/card/Card.mjs";import{FluidGrid as Ce}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as we}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as Te}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as Ee}from"./components/navigations/menu/Menu.mjs";import{NavigationMenu as De}from"./components/navigations/navigation-menu/NavigationMenu.mjs";import{Sidebar as Oe}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as ke}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,$ as Autocomplete,a as Avatar,q as AvatarDropzone,Z as AvatarUpload,o as Badge,Te as Breadcrumbs,e as Button,n as ButtonAction,W as ButtonIcon,G as ButtonIconVisual,r as ButtonLoader,K as ButtonVisual,c as Calendar,_e as Card,ve as CardBase,ye as CardBody,be as CardFooter,xe as CardHeader,Se as CardRoot,_ as Checkbox,ee as Combobox,m as DEFAULT_DATA_TABLE_LABELS,v as DataTable,D as DataTableBottomSlot,h as DataTableContextProvider,O as DataTableFeedback,w as DataTablePageSize,E as DataTablePagination,k as DataTableTopSlot,Q as DatePicker,A as DescriptionList,te as Dropzone,ie as DropzoneFiles,ne as DropzoneS3,ae as FileInput,oe as FileInputMultiple,Ce as FluidGrid,ge as Form,we as Grid,y as HorizontalDivider,p as Icon,f as IconRaw,j as IconSvg,S as IconWrapped,M as Indicator,N as LoaderDot,P as LoaderOval,F as LogoImage,I as LogoSvg,ke as MageUiProvider,Ee as Menu,J as Modal,Y as Modals,De as NavigationMenu,L as NotificationBanner,me as PASSWORD_RULES,T as Pagination,se as PasswordInput,ce as PasswordStrengthInput,ue as Radio,R as RemovableItem,u as ScrollArea,b as ScrollAreaAutosize,C as Select,Oe as Sidebar,fe as Switch,de as SwitchGroup,d as Table,B as Tag,z as TagGroup,x as TextInput,pe as Textarea,X as Toast,s as Tooltip,V as UploadedFile,H as UploadedFileDetails,U as UploadingFiles,l as Virtual,t as VisuallyHidden,re as getFileExtension,g as useDataTableContext,le as usePasswordRules,he as z};
+import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Tooltip as s}from"./components/overlays/tooltip/Tooltip.mjs";import{Calendar as c}from"./components/data-display/calendar/Calendar.mjs";import{Virtual as l}from"./components/misc/virtual/Virtual.mjs";import{ScrollArea as u}from"./components/misc/scroll-area/ScrollArea.mjs";import{Table as d}from"./components/data-display/table/Table.mjs";import{IconRaw as f}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as p}from"./components/data-display/icons/icon/Icon.mjs";import{DEFAULT_DATA_TABLE_LABELS as m,DataTableContextProvider as h,useDataTableContext as g}from"./components/data-display/datatables/useDataTableContext.mjs";import{Checkbox as _}from"./components/controls/checkbox/Checkbox.mjs";import{DataTable as v}from"./components/data-display/datatables/DataTable.mjs";import{HorizontalDivider as y}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollAreaAutosize as b}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{TextInput as x}from"./components/controls/text-input/TextInput.mjs";import{IconWrapped as S}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Select as C}from"./components/controls/dropdown/select/Select.mjs";import{DataTablePageSize as w}from"./components/data-display/datatables/DataTablePageSize.mjs";import{Pagination as T}from"./components/navigations/pagination/Pagination.mjs";import{DataTablePagination as E}from"./components/data-display/datatables/DataTablePagination.mjs";import{DataTableBottomSlot as D}from"./components/data-display/datatables/DataTableBottomSlot.mjs";import{DataTableFeedback as O}from"./components/data-display/datatables/DataTableFeedback.mjs";import{DataTableTopSlot as k}from"./components/data-display/datatables/DataTableTopSlot.mjs";import{DescriptionList as A}from"./components/data-display/description-list/DescriptionList.mjs";import{FileIcon as j}from"./components/data-display/file-icon/FileIcon.mjs";import{ResourceItem as M}from"./components/data-display/resource-item/ResourceItem.mjs";import{DocumentItem as N}from"./components/data-display/document-item/DocumentItem.mjs";import{IconSvg as P}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{Indicator as F}from"./components/data-display/indicator/Indicator.mjs";import{LoaderDot as I}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as L}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as R}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as z}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as B}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as V}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as H}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as U}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as W}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as G}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{UploadingFiles as K}from"./components/data-display/uploading-files/UploadingFiles.mjs";import{ButtonIcon as q}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as J}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as Y}from"./components/buttons/button-visual/ButtonVisual.mjs";import{AvatarDropzone as X}from"./components/controls/avatar-dropzone/AvatarDropzone.mjs";import{Modal as Z}from"./components/overlays/modal/Modal.mjs";import{Modals as Q}from"./components/overlays/modal/index.mjs";import{Toast as $}from"./components/overlays/toast/Toast.mjs";import{AvatarUpload as ee}from"./components/controls/avatar-upload/AvatarUpload.mjs";import{DatePicker as te}from"./components/controls/date-picker/DatePicker.mjs";import{Autocomplete as ne}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as re}from"./components/controls/dropdown/combobox/Combobox.mjs";import{Dropzone as ie}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneS3 as ae,getFileExtension as oe}from"./components/controls/dropzone-s3/DropzoneS3.mjs";import{DropzoneFiles as se}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as ce}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as le}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as ue}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as de}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as fe}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as pe}from"./components/controls/radio/Radio.mjs";import{SwitchGroup as me}from"./components/controls/switch-group/SwitchGroup.mjs";import{Switch as he}from"./components/controls/switch/Switch.mjs";import{Textarea as ge}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as _e}from"./components/forms/rules/password-rules.mjs";import{z as ve}from"./components/forms/rules/zod.mjs";import{Form as ye}from"./components/forms/Form.mjs";import{Card as be,CardBase as xe,CardBody as Se,CardFooter as Ce,CardHeader as we,CardRoot as Te}from"./components/layouts/card/Card.mjs";import{FluidGrid as Ee}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as De}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as Oe}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as ke}from"./components/navigations/menu/Menu.mjs";import{NavigationMenu as Ae}from"./components/navigations/navigation-menu/NavigationMenu.mjs";import{Sidebar as je}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as Me}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,ne as Autocomplete,a as Avatar,X as AvatarDropzone,ee as AvatarUpload,o as Badge,Oe as Breadcrumbs,e as Button,n as ButtonAction,q as ButtonIcon,J as ButtonIconVisual,r as ButtonLoader,Y as ButtonVisual,c as Calendar,be as Card,xe as CardBase,Se as CardBody,Ce as CardFooter,we as CardHeader,Te as CardRoot,_ as Checkbox,re as Combobox,m as DEFAULT_DATA_TABLE_LABELS,v as DataTable,D as DataTableBottomSlot,h as DataTableContextProvider,O as DataTableFeedback,w as DataTablePageSize,E as DataTablePagination,k as DataTableTopSlot,te as DatePicker,A as DescriptionList,N as DocumentItem,ie as Dropzone,se as DropzoneFiles,ae as DropzoneS3,j as FileIcon,ce as FileInput,le as FileInputMultiple,Ee as FluidGrid,ye as Form,De as Grid,y as HorizontalDivider,p as Icon,f as IconRaw,P as IconSvg,S as IconWrapped,F as Indicator,I as LoaderDot,L as LoaderOval,R as LogoImage,z as LogoSvg,Me as MageUiProvider,ke as Menu,Z as Modal,Q as Modals,Ae as NavigationMenu,B as NotificationBanner,_e as PASSWORD_RULES,T as Pagination,ue as PasswordInput,de as PasswordStrengthInput,pe as Radio,V as RemovableItem,M as ResourceItem,u as ScrollArea,b as ScrollAreaAutosize,C as Select,je as Sidebar,he as Switch,me as SwitchGroup,d as Table,U as Tag,H as TagGroup,x as TextInput,ge as Textarea,$ as Toast,s as Tooltip,W as UploadedFile,G as UploadedFileDetails,K as UploadingFiles,l as Virtual,t as VisuallyHidden,oe as getFileExtension,g as useDataTableContext,fe as usePasswordRules,ve as z};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "1.0.127",
+  "version": "1.0.128",
   "private": false,
   "description": "",
   "keywords": [],
@@ -25,8 +25,8 @@
     "rimraf": "^6.1.3",
     "tsdown": "^0.21.4",
     "typescript": "^5.9.3",
-    "@mage-ui/preset": "1.0.127",
-    "@mage-ui/styled-system": "1.0.8"
+    "@mage-ui/styled-system": "1.0.8",
+    "@mage-ui/preset": "1.0.128"
   },
   "peerDependencies": {
     "@dnd-kit/core": "^6.3.1",

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

@@ -1,2 +0,0 @@
-import{Icon as e}from"../icons/icon/Icon.mjs";import{IconWrapped as t}from"../icons/icon-wrapped/IconWrapped.mjs";import{uploadedFileStartIcon as n,uploadedFileStartIconIconRaw as r,uploadedFileStartIconIconRawRoot as i,uploadedFileStartIconRoot as a,uploadedFileStartIconWrapped as o,uploadedFileStartIconWrappedRoot as s}from"@mage-ui/styled-system/recipes";import{jsx as c}from"react/jsx-runtime";const l=[{match:e=>e.startsWith(`image/`),type:`image`},{match:e=>e.startsWith(`video/`),type:`video`},{match:e=>e.startsWith(`audio/`),type:`audio`},{match:e=>e===`application/pdf`,type:`pdf`},{match:e=>e.startsWith(`text/`),type:`text`},{match:e=>[`application/zip`,`application/x-zip-compressed`,`application/x-rar-compressed`,`application/x-7z-compressed`].includes(e),type:`archive`}],u={png:`image`,jpg:`image`,jpeg:`image`,webp:`image`,gif:`image`,mp4:`video`,mov:`video`,webm:`video`,mp3:`audio`,wav:`audio`,txt:`text`,md:`text`,csv:`text`,pdf:`pdf`,zip:`archive`,rar:`archive`,"7z":`archive`},d={image:`mage-uploaded-file-image`,video:`mage-uploaded-file-video`,audio:`mage-uploaded-file-audio`,text:`mage-uploaded-file-text`,pdf:`mage-uploaded-file-pdf`,archive:`mage-uploaded-file-archive`,default:`mage-uploaded-file-attachment`},f=(e,t)=>{if(e){let t=l.find(({match:t})=>t(e));if(t)return d[t.type]}if(t){let e=t.split(`.`).pop()?.toLowerCase();if(e&&u[e])return d[u[e]]}return d.default},p=({fileType:l,fileName:u,classNames:d})=>{let p=f(l,u);return c(t,{classNames:{iconWrapped:d?.startIconWrapped?.iconWrapped??o(),root:d?.startIconWrapped?.root??s()},children:c(e,{name:p,path:`/icons/sprite-mage.svg`,classNames:{icon:d?.startIcon?.icon??n(),root:d?.startIcon?.root??a(),iconRaw:{iconRaw:d?.startIcon?.iconRaw?.iconRaw??r(),root:d?.startIcon?.iconRaw?.root??i()}}})})};export{p as UploadedFileIcon};
-//# sourceMappingURL=UploadedFileIcon.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"UploadedFileIcon.mjs","names":[],"sources":["../../../../src/components/data-display/uploaded-file/UploadedFileIcon.tsx"],"sourcesContent":["import {\n  uploadedFileStartIcon,\n  uploadedFileStartIconIconRaw,\n  uploadedFileStartIconIconRawRoot,\n  uploadedFileStartIconRoot,\n  uploadedFileStartIconWrapped,\n  uploadedFileStartIconWrappedRoot,\n} from '@mage-ui/styled-system/recipes';\nimport {\n  Icon,\n  type IconProps,\n  IconWrapped,\n  type IconWrappedProps,\n} from '@/components/data-display';\n\ntype FileIconType =\n  | 'image'\n  | 'video'\n  | 'audio'\n  | 'text'\n  | 'pdf'\n  | 'archive'\n  | 'default';\n\nconst MIME_ICON_MAP: Array<{\n  match: (mime: string) => boolean;\n  type: FileIconType;\n}> = [\n  { match: (m) => m.startsWith('image/'), type: 'image' },\n  { match: (m) => m.startsWith('video/'), type: 'video' },\n  { match: (m) => m.startsWith('audio/'), type: 'audio' },\n  { match: (m) => m === 'application/pdf', type: 'pdf' },\n  { match: (m) => m.startsWith('text/'), type: 'text' },\n  {\n    match: (m) =>\n      [\n        'application/zip',\n        'application/x-zip-compressed',\n        'application/x-rar-compressed',\n        'application/x-7z-compressed',\n      ].includes(m),\n    type: 'archive',\n  },\n];\n\nconst EXTENSION_ICON_MAP: Record<string, FileIconType> = {\n  png: 'image',\n  jpg: 'image',\n  jpeg: 'image',\n  webp: 'image',\n  gif: 'image',\n  mp4: 'video',\n  mov: 'video',\n  webm: 'video',\n  mp3: 'audio',\n  wav: 'audio',\n  txt: 'text',\n  md: 'text',\n  csv: 'text',\n  pdf: 'pdf',\n  zip: 'archive',\n  rar: 'archive',\n  '7z': 'archive',\n};\n\nconst ICON_NAME_MAP: Record<FileIconType, string> = {\n  image: 'mage-uploaded-file-image',\n  video: 'mage-uploaded-file-video',\n  audio: 'mage-uploaded-file-audio',\n  text: 'mage-uploaded-file-text',\n  pdf: 'mage-uploaded-file-pdf',\n  archive: 'mage-uploaded-file-archive',\n  default: 'mage-uploaded-file-attachment',\n};\n\nconst resolveIconName = (fileType?: string, fileName?: string): string => {\n  if (fileType) {\n    const match = MIME_ICON_MAP.find(({ match }) => match(fileType));\n    if (match) return ICON_NAME_MAP[match.type];\n  }\n\n  if (fileName) {\n    const ext = fileName.split('.').pop()?.toLowerCase();\n    if (ext && EXTENSION_ICON_MAP[ext]) {\n      return ICON_NAME_MAP[EXTENSION_ICON_MAP[ext]];\n    }\n  }\n\n  return ICON_NAME_MAP.default;\n};\n\nexport type UploadedFileIconProps = {\n  fileType?: string;\n  fileName?: string;\n  classNames?: {\n    startIconWrapped?: IconWrappedProps['classNames'];\n    startIcon?: IconProps['classNames'];\n  };\n};\n\nexport const UploadedFileIcon = ({\n  fileType,\n  fileName,\n  classNames,\n}: UploadedFileIconProps) => {\n  const iconName = resolveIconName(fileType, fileName);\n\n  return (\n    <IconWrapped\n      classNames={{\n        iconWrapped:\n          classNames?.startIconWrapped?.iconWrapped ??\n          uploadedFileStartIconWrapped(),\n        root:\n          classNames?.startIconWrapped?.root ??\n          uploadedFileStartIconWrappedRoot(),\n      }}\n    >\n      <Icon\n        name={iconName}\n        path='/icons/sprite-mage.svg'\n        classNames={{\n          icon: classNames?.startIcon?.icon ?? uploadedFileStartIcon(),\n          root: classNames?.startIcon?.root ?? uploadedFileStartIconRoot(),\n          iconRaw: {\n            iconRaw:\n              classNames?.startIcon?.iconRaw?.iconRaw ??\n              uploadedFileStartIconIconRaw(),\n            root:\n              classNames?.startIcon?.iconRaw?.root ??\n              uploadedFileStartIconIconRawRoot(),\n          },\n        }}\n      />\n    </IconWrapped>\n  );\n};\n"],"mappings":"gZAwBA,MAAM,EAGD,CACH,CAAE,MAAQ,GAAM,EAAE,WAAW,SAAS,CAAE,KAAM,QAAS,CACvD,CAAE,MAAQ,GAAM,EAAE,WAAW,SAAS,CAAE,KAAM,QAAS,CACvD,CAAE,MAAQ,GAAM,EAAE,WAAW,SAAS,CAAE,KAAM,QAAS,CACvD,CAAE,MAAQ,GAAM,IAAM,kBAAmB,KAAM,MAAO,CACtD,CAAE,MAAQ,GAAM,EAAE,WAAW,QAAQ,CAAE,KAAM,OAAQ,CACrD,CACE,MAAQ,GACN,CACE,kBACA,+BACA,+BACA,8BACD,CAAC,SAAS,EAAE,CACf,KAAM,UACP,CACF,CAEK,EAAmD,CACvD,IAAK,QACL,IAAK,QACL,KAAM,QACN,KAAM,QACN,IAAK,QACL,IAAK,QACL,IAAK,QACL,KAAM,QACN,IAAK,QACL,IAAK,QACL,IAAK,OACL,GAAI,OACJ,IAAK,OACL,IAAK,MACL,IAAK,UACL,IAAK,UACL,KAAM,UACP,CAEK,EAA8C,CAClD,MAAO,2BACP,MAAO,2BACP,MAAO,2BACP,KAAM,0BACN,IAAK,yBACL,QAAS,6BACT,QAAS,gCACV,CAEK,GAAmB,EAAmB,IAA8B,CACxE,GAAI,EAAU,CACZ,IAAM,EAAQ,EAAc,MAAM,CAAE,WAAY,EAAM,EAAS,CAAC,CAChE,GAAI,EAAO,OAAO,EAAc,EAAM,MAGxC,GAAI,EAAU,CACZ,IAAM,EAAM,EAAS,MAAM,IAAI,CAAC,KAAK,EAAE,aAAa,CACpD,GAAI,GAAO,EAAmB,GAC5B,OAAO,EAAc,EAAmB,IAI5C,OAAO,EAAc,SAYV,GAAoB,CAC/B,WACA,WACA,gBAC2B,CAC3B,IAAM,EAAW,EAAgB,EAAU,EAAS,CAEpD,OACE,EAAC,EAAD,CACE,WAAY,CACV,YACE,GAAY,kBAAkB,aAC9B,GAA8B,CAChC,KACE,GAAY,kBAAkB,MAC9B,GAAkC,CACrC,UAED,EAAC,EAAD,CACE,KAAM,EACN,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,WAAW,MAAQ,GAAuB,CAC5D,KAAM,GAAY,WAAW,MAAQ,GAA2B,CAChE,QAAS,CACP,QACE,GAAY,WAAW,SAAS,SAChC,GAA8B,CAChC,KACE,GAAY,WAAW,SAAS,MAChC,GAAkC,CACrC,CACF,CACD,CAAA,CACU,CAAA"}