@mage-ui/components 1.0.82 → 1.0.83

package/dist/components/controls/avatar-upload/AvatarUpload.d.mts

@@ -0,0 +1,41 @@
+import { IconProps } from "../../data-display/icons/icon/Icon.mjs";
+import "../../data-display/index.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/components/controls/avatar-upload/AvatarUpload.d.ts
+type AvatarUploadProps = {
+  src?: string;
+  onChange?: (file: File) => void;
+  label?: {
+    upload?: ReactNode;
+    edit?: ReactNode;
+  };
+  avatarAlt?: string;
+  inputId?: string;
+  name?: string;
+  tooltipOffset?: number;
+  classNames?: {
+    avatarUpload?: string;
+    root?: string;
+    avatar?: string;
+    image?: string;
+    overlay?: string;
+    iconSlot?: string;
+    icon?: IconProps['classNames'];
+    label?: string;
+  };
+};
+declare const AvatarUpload: ({
+  src: initSrc,
+  onChange,
+  label,
+  avatarAlt,
+  inputId,
+  name,
+  tooltipOffset,
+  classNames
+}: AvatarUploadProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AvatarUpload, AvatarUploadProps };
+//# sourceMappingURL=AvatarUpload.d.mts.map

package/dist/components/controls/avatar-upload/AvatarUpload.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarUpload.d.mts","names":[],"sources":["../../../../src/components/controls/avatar-upload/AvatarUpload.tsx"],"mappings":";;;;;;KAgBY,iBAAA;EACV,GAAA;EACA,QAAA,IAAY,IAAA,EAAM,IAAA;EAClB,KAAA;IACE,MAAA,GAAS,SAAA;IACT,IAAA,GAAO,SAAA;EAAA;EAET,SAAA;EACA,OAAA;EACA,IAAA;EACA,aAAA;EACA,UAAA;IACE,YAAA;IACA,IAAA;IACA,MAAA;IACA,KAAA;IACA,OAAA;IACA,QAAA;IACA,IAAA,GAAO,SAAA;IACP,KAAA;EAAA;AAAA;AAAA,cAIS,YAAA;EAAgB,GAAA,EAAA,OAAA;EAAA,QAAA;EAAA,KAAA;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,aAAA;EAAA;AAAA,GAY1B,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/controls/avatar-upload/AvatarUpload.mjs

@@ -0,0 +1,2 @@
+import{Icon as e}from"../../data-display/icons/icon/Icon.mjs";import{Tooltip as t}from"../../overlays/tooltip/Tooltip.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{avatarUpload as r,avatarUploadAvatar as i,avatarUploadIcon as a,avatarUploadIconSlot as o,avatarUploadImage as s,avatarUploadOverlay as c,avatarUploadRoot as l}from"@mage-ui/styled-system/recipes";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{useState as f}from"react";import{visuallyHidden as p}from"@mage-ui/styled-system/patterns";const m=({src:m,onChange:h,label:g={upload:`Upload`,edit:`Edit`},avatarAlt:_=`Avatar`,inputId:v,name:y,tooltipOffset:b=0,classNames:x})=>{let[S,C]=f(void 0),w=S??m,T=e=>{let t=e.target.files?.[0];if(t){let e=new FileReader;e.onload=()=>C(e.result),e.readAsDataURL(t),h?.(t)}};return u(`label`,{htmlFor:v,"data-has-image":w?!0:void 0,className:n(x?.avatarUpload??r(),x?.root??l(),`group`),children:u(t,{label:w?g?.edit:g?.upload,withArrow:!0,offset:b,children:d(`div`,{className:x?.avatar??i(),children:[w&&u(`img`,{src:w,alt:_,className:x?.image??s()}),u(`div`,{className:x?.overlay??c()}),u(`div`,{className:x?.iconSlot??o(),children:u(e,{name:`avatar-upload-edit-04`,path:`/icons/sprite-mage.svg`,classNames:{icon:x?.icon?.icon??a()}})}),u(`input`,{id:v,type:`file`,accept:`image/*`,className:p(),onChange:T,name:y})]})})})};export{m as AvatarUpload};
+//# sourceMappingURL=AvatarUpload.mjs.map

package/dist/components/controls/avatar-upload/AvatarUpload.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarUpload.mjs","names":[],"sources":["../../../../src/components/controls/avatar-upload/AvatarUpload.tsx"],"sourcesContent":["import { type ChangeEvent, type ReactNode, useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { visuallyHidden } from '@mage-ui/styled-system/patterns';\nimport {\n  avatarUpload,\n  avatarUploadAvatar,\n  avatarUploadIcon,\n  avatarUploadIconSlot,\n  avatarUploadImage,\n  avatarUploadOverlay,\n  avatarUploadRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Icon, type IconProps } from '@/components/data-display';\nimport { Tooltip } from '@/components/overlays';\n\nexport type AvatarUploadProps = {\n  src?: string;\n  onChange?: (file: File) => void;\n  label?: {\n    upload?: ReactNode;\n    edit?: ReactNode;\n  };\n  avatarAlt?: string;\n  inputId?: string;\n  name?: string;\n  tooltipOffset?: number;\n  classNames?: {\n    avatarUpload?: string;\n    root?: string;\n    avatar?: string;\n    image?: string;\n    overlay?: string;\n    iconSlot?: string;\n    icon?: IconProps['classNames'];\n    label?: string;\n  };\n};\n\nexport const AvatarUpload = ({\n  src: initSrc,\n  onChange,\n  label = {\n    upload: 'Upload',\n    edit: 'Edit',\n  },\n  avatarAlt = 'Avatar',\n  inputId,\n  name,\n  tooltipOffset = 0,\n  classNames,\n}: AvatarUploadProps) => {\n  const [previewSrc, setPreviewSrc] = useState<string | undefined>(undefined);\n\n  const avatarSrc = previewSrc ?? initSrc;\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0];\n    if (file) {\n      const reader = new FileReader();\n      reader.onload = () => setPreviewSrc(reader.result as string);\n      reader.readAsDataURL(file);\n      onChange?.(file);\n    }\n  };\n\n  return (\n    <label\n      htmlFor={inputId}\n      data-has-image={avatarSrc ? true : undefined}\n      className={cx(\n        classNames?.avatarUpload ?? avatarUpload(),\n        classNames?.root ?? avatarUploadRoot(),\n        'group',\n      )}\n    >\n      <Tooltip\n        label={avatarSrc ? label?.edit : label?.upload}\n        withArrow\n        offset={tooltipOffset}\n      >\n        <div className={classNames?.avatar ?? avatarUploadAvatar()}>\n          {avatarSrc && (\n            <img\n              src={avatarSrc}\n              alt={avatarAlt}\n              className={classNames?.image ?? avatarUploadImage()}\n            />\n          )}\n          <div className={classNames?.overlay ?? avatarUploadOverlay()} />\n          <div className={classNames?.iconSlot ?? avatarUploadIconSlot()}>\n            <Icon\n              name='avatar-upload-edit-04'\n              path='/icons/sprite-mage.svg'\n              classNames={{\n                icon: classNames?.icon?.icon ?? avatarUploadIcon(),\n              }}\n            />\n          </div>\n\n          <input\n            id={inputId}\n            type='file'\n            accept='image/*'\n            className={visuallyHidden()}\n            onChange={handleChange}\n            name={name}\n          />\n        </div>\n      </Tooltip>\n    </label>\n  );\n};\n"],"mappings":"2gBAuCA,MAAa,GAAgB,CAC3B,IAAK,EACL,WACA,QAAQ,CACN,OAAQ,SACR,KAAM,OACP,CACD,YAAY,SACZ,UACA,OACA,gBAAgB,EAChB,gBACuB,CACvB,GAAM,CAAC,EAAY,GAAiB,EAA6B,IAAA,GAAU,CAErE,EAAY,GAAc,EAE1B,EAAgB,GAAyC,CAC7D,IAAM,EAAO,EAAM,OAAO,QAAQ,GAClC,GAAI,EAAM,CACR,IAAM,EAAS,IAAI,WACnB,EAAO,WAAe,EAAc,EAAO,OAAiB,CAC5D,EAAO,cAAc,EAAK,CAC1B,IAAW,EAAK,GAIpB,OACE,EAAC,QAAA,CACC,QAAS,EACT,iBAAgB,EAAY,GAAO,IAAA,GACnC,UAAW,EACT,GAAY,cAAgB,GAAc,CAC1C,GAAY,MAAQ,GAAkB,CACtC,QACD,UAED,EAAC,EAAA,CACC,MAAO,EAAY,GAAO,KAAO,GAAO,OACxC,UAAA,GACA,OAAQ,WAER,EAAC,MAAA,CAAI,UAAW,GAAY,QAAU,GAAoB,WACvD,GACC,EAAC,MAAA,CACC,IAAK,EACL,IAAK,EACL,UAAW,GAAY,OAAS,GAAmB,EACnD,CAEJ,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAqB,CAAA,CAAI,CAChE,EAAC,MAAA,CAAI,UAAW,GAAY,UAAY,GAAsB,UAC5D,EAAC,EAAA,CACC,KAAK,wBACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAkB,CACnD,EACD,EACE,CAEN,EAAC,QAAA,CACC,GAAI,EACJ,KAAK,OACL,OAAO,UACP,UAAW,GAAgB,CAC3B,SAAU,EACJ,QACN,GACE,EACE,EACJ"}

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

@@ -1,3 +1,4 @@
+import { AvatarUpload, AvatarUploadProps } from "./avatar-upload/AvatarUpload.mjs";
 import { Checkbox, CheckboxProps } from "./checkbox/Checkbox.mjs";
 import { DatePicker, DatePickerProps } from "./date-picker/DatePicker.mjs";
 import { TextInput, TextInputProps } from "./text-input/TextInput.mjs";

package/dist/components/index.d.mts

@@ -5,22 +5,11 @@ import { ButtonIcon, ButtonIconProps } from "./buttons/button-icon/ButtonIcon.mj
 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 { DatePicker, DatePickerProps } from "./controls/date-picker/DatePicker.mjs";
-import { HorizontalDivider, HorizontalDividerProps } from "./misc/horizontal-divider/HorizontalDivider.mjs";
-import { ScrollArea, ScrollAreaClassNames, ScrollAreaProps } from "./misc/scroll-area/ScrollArea.mjs";
-import { ScrollAreaAutosize, ScrollAreaAutosizeProps } from "./misc/scroll-area-autosize/ScrollAreaAutosize.mjs";
-import { Virtual, VirtualItem, VirtualPadding, VirtualProps } from "./misc/virtual/Virtual.mjs";
-import { VisuallyHidden, VisuallyHiddenProps } from "./misc/visually-hidden/VisuallyHidden.mjs";
-import "./misc/index.mjs";
-import { TextInput, TextInputProps } from "./controls/text-input/TextInput.mjs";
-import { Combobox, ComboboxProps } from "./controls/dropdown/combobox/Combobox.mjs";
-import { Autocomplete, AutocompleteProps } from "./controls/dropdown/autocomplete/Autocomplete.mjs";
-import { Select, SelectProps } from "./controls/dropdown/select/Select.mjs";
 import { AssignedUser, AssignedUserProps } from "./data-display/assigned-user/AssignedUser.mjs";
 import { Avatar, AvatarProps } from "./data-display/avatar/Avatar.mjs";
 import { Badge, BadgeProps } from "./data-display/badge/Badge.mjs";
 import { Calendar, CalendarEvent, CalendarProps, CalendarVariant, DateLocalizer, momentLocalizer } from "./data-display/calendar/Calendar.mjs";
+import { ScrollArea, ScrollAreaClassNames, ScrollAreaProps } from "./misc/scroll-area/ScrollArea.mjs";
 import { TableClassNames, TableProps } from "./data-display/table/TableRoot.mjs";
 import { TableHeadProps } from "./data-display/table/TableHead.mjs";
 import { TableBodyProps } from "./data-display/table/TableBody.mjs";
@@ -58,6 +47,18 @@ import { TagGroup, TagGroupProps } from "./data-display/tag-group/TagGroup.mjs";
 import { UploadedFile, UploadedFileProps } from "./data-display/uploaded-file/UploadedFile.mjs";
 import { UploadedFileDetails, UploadedFileDetailsProps } from "./data-display/uploaded-file/UploadedFileDetails.mjs";
 import "./data-display/index.mjs";
+import { AvatarUpload, AvatarUploadProps } from "./controls/avatar-upload/AvatarUpload.mjs";
+import { Checkbox, CheckboxProps } from "./controls/checkbox/Checkbox.mjs";
+import { DatePicker, DatePickerProps } from "./controls/date-picker/DatePicker.mjs";
+import { HorizontalDivider, HorizontalDividerProps } from "./misc/horizontal-divider/HorizontalDivider.mjs";
+import { ScrollAreaAutosize, ScrollAreaAutosizeProps } from "./misc/scroll-area-autosize/ScrollAreaAutosize.mjs";
+import { Virtual, VirtualItem, VirtualPadding, VirtualProps } from "./misc/virtual/Virtual.mjs";
+import { VisuallyHidden, VisuallyHiddenProps } from "./misc/visually-hidden/VisuallyHidden.mjs";
+import "./misc/index.mjs";
+import { TextInput, TextInputProps } from "./controls/text-input/TextInput.mjs";
+import { Combobox, ComboboxProps } from "./controls/dropdown/combobox/Combobox.mjs";
+import { Autocomplete, AutocompleteProps } from "./controls/dropdown/autocomplete/Autocomplete.mjs";
+import { Select, SelectProps } from "./controls/dropdown/select/Select.mjs";
 import { Dropzone, DropzoneProps, FileData } from "./controls/dropzone/Dropzone.mjs";
 import { DropzoneFiles, DropzoneFilesProps } from "./controls/dropzone-files/DropzoneFiles.mjs";
 import { FileInput, FileInputProps } from "./controls/file-input/FileInput.mjs";

package/dist/components/layouts/card/Card.d.mts

@@ -24,16 +24,25 @@ declare const CardRoot: ({
 }: CardProps) => ReactNode;
 declare const CardHeader: ({
   children,
+  classNames,
   ...props
-}: HTMLAttributes<HTMLDivElement>) => ReactNode;
+}: HTMLAttributes<HTMLDivElement> & {
+  classNames?: CardClassNames;
+}) => ReactNode;
 declare const CardBody: ({
   children,
+  classNames,
   ...props
-}: HTMLAttributes<HTMLDivElement>) => ReactNode;
+}: HTMLAttributes<HTMLDivElement> & {
+  classNames?: CardClassNames;
+}) => ReactNode;
 declare const CardFooter: ({
   children,
+  classNames,
   ...props
-}: HTMLAttributes<HTMLDivElement>) => ReactNode;
+}: HTMLAttributes<HTMLDivElement> & {
+  classNames?: CardClassNames;
+}) => ReactNode;
 declare const Card: (({
   children,
   classNames,
@@ -46,16 +55,25 @@ declare const Card: (({
   }: CardProps) => ReactNode;
   Header: ({
     children,
+    classNames,
     ...props
-  }: HTMLAttributes<HTMLDivElement>) => ReactNode;
+  }: HTMLAttributes<HTMLDivElement> & {
+    classNames?: CardClassNames;
+  }) => ReactNode;
   Body: ({
     children,
+    classNames,
     ...props
-  }: HTMLAttributes<HTMLDivElement>) => ReactNode;
+  }: HTMLAttributes<HTMLDivElement> & {
+    classNames?: CardClassNames;
+  }) => ReactNode;
   Footer: ({
     children,
+    classNames,
     ...props
-  }: HTMLAttributes<HTMLDivElement>) => ReactNode;
+  }: HTMLAttributes<HTMLDivElement> & {
+    classNames?: CardClassNames;
+  }) => ReactNode;
 };
 //#endregion
 export { Card, CardBase, CardBody, CardClassNames, CardFooter, CardHeader, CardProps, CardRoot };

package/dist/components/layouts/card/Card.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.mts","names":[],"sources":["../../../../src/components/layouts/card/Card.tsx"],"mappings":";;;KAgBY,cAAA;EACV,IAAA;EACA,IAAA;EACA,MAAA;EACA,IAAA;EACA,MAAA;AAAA;AAAA,KAGU,SAAA,GAAY,cAAA,CAAe,cAAA;EACrC,QAAA,GAAW,SAAA;EACX,UAAA,GAAa,cAAA;AAAA;AAAA,cAKF,QAAA;EAAY,QAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAItB,SAAA,KAAY,SAAA;AAAA,cAgBF,QAAA;EAAQ,QAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAhBlB,SAAA,KAAY,SAAA;AAAA,cAkBF,UAAA;EAAc,QAAA;EAAA,GAAA;AAAA,GAGxB,cAAA,CAAe,cAAA,MAAkB,SAAA;AAAA,cASvB,QAAA;EAAY,QAAA;EAAA,GAAA;AAAA,GAGtB,cAAA,CAAe,cAAA,MAAkB,SAAA;AAAA,cASvB,UAAA;EAAc,QAAA;EAAA,GAAA;AAAA,GAGxB,cAAA,CAAe,cAAA,MAAkB,SAAA;AAAA,cASvB,IAAA;EAAI,QAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAtDd,SAAA,KAAY,SAAA;;;;;KAAZ,SAAA,KAAY,SAAA;;;;KAqBZ,cAAA,CAAe,cAAA,MAAkB,SAAA;;;;KAYjC,cAAA,CAAe,cAAA,MAAkB,SAAA;;;;KAYjC,cAAA,CAAe,cAAA,MAAkB,SAAA;AAAA"}
+{"version":3,"file":"Card.d.mts","names":[],"sources":["../../../../src/components/layouts/card/Card.tsx"],"mappings":";;;KAWY,cAAA;EACV,IAAA;EACA,IAAA;EACA,MAAA;EACA,IAAA;EACA,MAAA;AAAA;AAAA,KAGU,SAAA,GAAY,cAAA,CAAe,cAAA;EACrC,QAAA,GAAW,SAAA;EACX,UAAA,GAAa,cAAA;AAAA;AAAA,cAGF,QAAA;EAAY,QAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAItB,SAAA,KAAY,SAAA;AAAA,cAWF,QAAA;EAAQ,QAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAXlB,SAAA,KAAY,SAAA;AAAA,cAaF,UAAA;EAAc,QAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAIxB,cAAA,CAAe,cAAA;EAChB,UAAA,GAAa,cAAA;AAAA,MACX,SAAA;AAAA,cAQS,QAAA;EAAY,QAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAItB,cAAA,CAAe,cAAA;EAChB,UAAA,GAAa,cAAA;AAAA,MACX,SAAA;AAAA,cAQS,UAAA;EAAc,QAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAIxB,cAAA,CAAe,cAAA;EAChB,UAAA,GAAa,cAAA;AAAA,MACX,SAAA;AAAA,cAQS,IAAA;EAAI,QAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAvDd,SAAA,KAAY,SAAA;;;;;KAAZ,SAAA,KAAY,SAAA;;;;;KAiBZ,cAAA,CAAe,cAAA;IAChB,UAAA,GAAa,cAAA;EAAA,MACX,SAAA;;;;;KAYD,cAAA,CAAe,cAAA;IAChB,UAAA,GAAa,cAAA;EAAA,MACX,SAAA;;;;;KAYD,cAAA,CAAe,cAAA;IAChB,UAAA,GAAa,cAAA;EAAA,MACX,SAAA;AAAA"}

package/dist/components/layouts/card/Card.mjs

@@ -1,2 +1,2 @@
-import{cx as e}from"@mage-ui/styled-system/css";import{card as t,cardBody as n,cardFooter as r,cardHeader as i,cardRoot as a}from"@mage-ui/styled-system/recipes";import{jsx as o}from"react/jsx-runtime";import{createContext as s,useContext as c}from"react";const l=s({}),u=({children:n,classNames:r,...i})=>o(l.Provider,{value:{classNames:r},children:o(`div`,{className:e(r?.card??t(),r?.root??a()),...i,children:n})}),d=u,f=({children:e,...t})=>{let{classNames:n}=c(l);return o(`div`,{className:n?.header??i(),...t,children:e})},p=({children:e,...t})=>{let{classNames:r}=c(l);return o(`div`,{className:r?.body??n(),...t,children:e})},m=({children:e,...t})=>{let{classNames:n}=c(l);return o(`div`,{className:n?.footer??r(),...t,children:e})},h=Object.assign(u,{Root:d,Header:f,Body:p,Footer:m});export{h as Card,u as CardBase,p as CardBody,m as CardFooter,f as CardHeader,d as CardRoot};
+import{cx as e}from"@mage-ui/styled-system/css";import{card as t,cardBody as n,cardFooter as r,cardHeader as i,cardRoot as a}from"@mage-ui/styled-system/recipes";import{jsx as o}from"react/jsx-runtime";const s=({children:n,classNames:r,...i})=>o(`div`,{className:e(r?.card??t(),r?.root??a()),...i,children:n}),c=s,l=({children:e,classNames:t,...n})=>o(`div`,{className:t?.header??i(),...n,children:e}),u=({children:e,classNames:t,...r})=>o(`div`,{className:t?.body??n(),...r,children:e}),d=({children:e,classNames:t,...n})=>o(`div`,{className:t?.footer??r(),...n,children:e}),f=Object.assign(s,{Root:c,Header:l,Body:u,Footer:d});export{f as Card,s as CardBase,u as CardBody,d as CardFooter,l as CardHeader,c as CardRoot};
 //# sourceMappingURL=Card.mjs.map

package/dist/components/layouts/card/Card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.mjs","names":[],"sources":["../../../../src/components/layouts/card/Card.tsx"],"sourcesContent":["import {\n  createContext,\n  type HTMLAttributes,\n  type ReactNode,\n  useContext,\n} from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  card,\n  cardBody,\n  cardFooter,\n  cardHeader,\n  cardRoot,\n} from '@mage-ui/styled-system/recipes';\n\nexport type CardClassNames = {\n  card?: string;\n  root?: string;\n  header?: string;\n  body?: string;\n  footer?: string;\n};\n\nexport type CardProps = HTMLAttributes<HTMLDivElement> & {\n  children?: ReactNode;\n  classNames?: CardClassNames;\n};\n\nconst CardContext = createContext<{ classNames?: CardClassNames }>({});\n\nexport const CardBase = ({\n  children,\n  classNames,\n  ...props\n}: CardProps): ReactNode => {\n  return (\n    <CardContext.Provider value={{ classNames }}>\n      <div\n        className={cx(\n          classNames?.card ?? card(),\n          classNames?.root ?? cardRoot(),\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    </CardContext.Provider>\n  );\n};\n\nexport const CardRoot = CardBase;\n\nexport const CardHeader = ({\n  children,\n  ...props\n}: HTMLAttributes<HTMLDivElement>): ReactNode => {\n  const { classNames } = useContext(CardContext);\n  return (\n    <div className={classNames?.header ?? cardHeader()} {...props}>\n      {children}\n    </div>\n  );\n};\n\nexport const CardBody = ({\n  children,\n  ...props\n}: HTMLAttributes<HTMLDivElement>): ReactNode => {\n  const { classNames } = useContext(CardContext);\n  return (\n    <div className={classNames?.body ?? cardBody()} {...props}>\n      {children}\n    </div>\n  );\n};\n\nexport const CardFooter = ({\n  children,\n  ...props\n}: HTMLAttributes<HTMLDivElement>): ReactNode => {\n  const { classNames } = useContext(CardContext);\n  return (\n    <div className={classNames?.footer ?? cardFooter()} {...props}>\n      {children}\n    </div>\n  );\n};\n\nexport const Card = Object.assign(CardBase, {\n  Root: CardRoot,\n  Header: CardHeader,\n  Body: CardBody,\n  Footer: CardFooter,\n});\n"],"mappings":"gQA6BA,MAAM,EAAc,EAA+C,EAAE,CAAC,CAEzD,GAAY,CACvB,WACA,aACA,GAAG,KAGD,EAAC,EAAY,SAAA,CAAS,MAAO,CAAE,aAAY,UACzC,EAAC,MAAA,CACC,UAAW,EACT,GAAY,MAAQ,GAAM,CAC1B,GAAY,MAAQ,GAAU,CAC/B,CACD,GAAI,EAEH,YACG,EACe,CAId,EAAW,EAEX,GAAc,CACzB,WACA,GAAG,KAC4C,CAC/C,GAAM,CAAE,cAAe,EAAW,EAAY,CAC9C,OACE,EAAC,MAAA,CAAI,UAAW,GAAY,QAAU,GAAY,CAAE,GAAI,EACrD,YACG,EAIG,GAAY,CACvB,WACA,GAAG,KAC4C,CAC/C,GAAM,CAAE,cAAe,EAAW,EAAY,CAC9C,OACE,EAAC,MAAA,CAAI,UAAW,GAAY,MAAQ,GAAU,CAAE,GAAI,EACjD,YACG,EAIG,GAAc,CACzB,WACA,GAAG,KAC4C,CAC/C,GAAM,CAAE,cAAe,EAAW,EAAY,CAC9C,OACE,EAAC,MAAA,CAAI,UAAW,GAAY,QAAU,GAAY,CAAE,GAAI,EACrD,YACG,EAIG,EAAO,OAAO,OAAO,EAAU,CAC1C,KAAM,EACN,OAAQ,EACR,KAAM,EACN,OAAQ,EACT,CAAC"}
+{"version":3,"file":"Card.mjs","names":[],"sources":["../../../../src/components/layouts/card/Card.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  card,\n  cardBody,\n  cardFooter,\n  cardHeader,\n  cardRoot,\n} from '@mage-ui/styled-system/recipes';\n\nexport type CardClassNames = {\n  card?: string;\n  root?: string;\n  header?: string;\n  body?: string;\n  footer?: string;\n};\n\nexport type CardProps = HTMLAttributes<HTMLDivElement> & {\n  children?: ReactNode;\n  classNames?: CardClassNames;\n};\n\nexport const CardBase = ({\n  children,\n  classNames,\n  ...props\n}: CardProps): ReactNode => {\n  return (\n    <div\n      className={cx(classNames?.card ?? card(), classNames?.root ?? cardRoot())}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const CardRoot = CardBase;\n\nexport const CardHeader = ({\n  children,\n  classNames,\n  ...props\n}: HTMLAttributes<HTMLDivElement> & {\n  classNames?: CardClassNames;\n}): ReactNode => {\n  return (\n    <div className={classNames?.header ?? cardHeader()} {...props}>\n      {children}\n    </div>\n  );\n};\n\nexport const CardBody = ({\n  children,\n  classNames,\n  ...props\n}: HTMLAttributes<HTMLDivElement> & {\n  classNames?: CardClassNames;\n}): ReactNode => {\n  return (\n    <div className={classNames?.body ?? cardBody()} {...props}>\n      {children}\n    </div>\n  );\n};\n\nexport const CardFooter = ({\n  children,\n  classNames,\n  ...props\n}: HTMLAttributes<HTMLDivElement> & {\n  classNames?: CardClassNames;\n}): ReactNode => {\n  return (\n    <div className={classNames?.footer ?? cardFooter()} {...props}>\n      {children}\n    </div>\n  );\n};\n\nexport const Card = Object.assign(CardBase, {\n  Root: CardRoot,\n  Header: CardHeader,\n  Body: CardBody,\n  Footer: CardFooter,\n});\n"],"mappings":"0MAwBA,MAAa,GAAY,CACvB,WACA,aACA,GAAG,KAGD,EAAC,MAAA,CACC,UAAW,EAAG,GAAY,MAAQ,GAAM,CAAE,GAAY,MAAQ,GAAU,CAAC,CACzE,GAAI,EAEH,YACG,CAIG,EAAW,EAEX,GAAc,CACzB,WACA,aACA,GAAG,KAKD,EAAC,MAAA,CAAI,UAAW,GAAY,QAAU,GAAY,CAAE,GAAI,EACrD,YACG,CAIG,GAAY,CACvB,WACA,aACA,GAAG,KAKD,EAAC,MAAA,CAAI,UAAW,GAAY,MAAQ,GAAU,CAAE,GAAI,EACjD,YACG,CAIG,GAAc,CACzB,WACA,aACA,GAAG,KAKD,EAAC,MAAA,CAAI,UAAW,GAAY,QAAU,GAAY,CAAE,GAAI,EACrD,YACG,CAIG,EAAO,OAAO,OAAO,EAAU,CAC1C,KAAM,EACN,OAAQ,EACR,KAAM,EACN,OAAQ,EACT,CAAC"}

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

@@ -1,5 +1,5 @@
-import { HorizontalDivider, HorizontalDividerProps } from "./horizontal-divider/HorizontalDivider.mjs";
 import { ScrollArea, ScrollAreaClassNames, ScrollAreaProps } from "./scroll-area/ScrollArea.mjs";
+import { HorizontalDivider, HorizontalDividerProps } from "./horizontal-divider/HorizontalDivider.mjs";
 import { ScrollAreaAutosize, ScrollAreaAutosizeProps } from "./scroll-area-autosize/ScrollAreaAutosize.mjs";
 import { Virtual, VirtualItem, VirtualPadding, VirtualProps } from "./virtual/Virtual.mjs";
 import { VisuallyHidden, VisuallyHiddenProps } from "./visually-hidden/VisuallyHidden.mjs";

package/dist/components/navigations/sidebars/sidebar/SidebarNavItemButtonCollapsed.mjs

@@ -1,2 +1,2 @@
-"use client";import{Menu as e}from"../../menu/Menu.mjs";import{MenuModeProvider as t,SubnavDepthProvider as n,useSidebarContext as r,useSubnavDepth as i}from"./SidebarContext.mjs";import{Tooltip as a}from"../../../overlays/tooltip/Tooltip.mjs";import{Subnav as o}from"./SidebarSubnav.mjs";import{cx as s}from"@mage-ui/styled-system/css";import{menuTargetButton as c,sidebar as l,sidebarNavItemButtonCollapsedRoot as u,sidebarNavItemButtonInner as d,sidebarNavItemButtonLabel as f,sidebarNavItemButtonSection as p,sidebarSubnavCollapsedRoot as m,sidebarSubnavItem as h,sidebarSubnavList as g}from"@mage-ui/styled-system/recipes";import{jsx as _}from"react/jsx-runtime";import{Children as v,isValidElement as y}from"react";const b=t=>!y(t)||t.type!==o?t:v.toArray(t.props.children).map((t,n)=>{let r=y(t)&&t.key!=null?t.key:n;return _(e.Item,{children:t},r)}),x=({itemId:o,label:v,startSlot:y,children:x,classNames:S})=>{let{toggleItem:C,isItemExpanded:w}=r(),T=i(),E=w(o);return _(a,{label:v,position:`right`,offset:4,withinPortal:!0,children:_(`span`,{children:_(e,{withinPortal:!0,opened:E,onOpenedChange:()=>C(o),target:v,classNames:{menu:S?.subnav?.list??g(),root:S?.subnav?.root??s(l(),m()),item:S?.subnav?.item??h(),target:{button:c(),root:S?.button?.root??u(),inner:S?.button?.inner??d(),label:S?.button?.label??f(),section:S?.button?.section??p()}},targetButtonProps:{type:`button`,"aria-expanded":E||void 0,"data-expanded":E||void 0,startSlot:y},position:`bottom-start`,children:_(n,{value:T+1,children:_(t,{value:!0,children:b(x)})})})})})};export{x as NavItemButtonCollapsed};
+"use client";import{Tooltip as e}from"../../../overlays/tooltip/Tooltip.mjs";import{Menu as t}from"../../menu/Menu.mjs";import{MenuModeProvider as n,SubnavDepthProvider as r,useSidebarContext as i,useSubnavDepth as a}from"./SidebarContext.mjs";import{Subnav as o}from"./SidebarSubnav.mjs";import{cx as s}from"@mage-ui/styled-system/css";import{menuTargetButton as c,sidebar as l,sidebarNavItemButtonCollapsedRoot as u,sidebarNavItemButtonInner as d,sidebarNavItemButtonLabel as f,sidebarNavItemButtonSection as p,sidebarSubnavCollapsedRoot as m,sidebarSubnavItem as h,sidebarSubnavList as g}from"@mage-ui/styled-system/recipes";import{jsx as _}from"react/jsx-runtime";import{Children as v,isValidElement as y}from"react";const b=e=>!y(e)||e.type!==o?e:v.toArray(e.props.children).map((e,n)=>{let r=y(e)&&e.key!=null?e.key:n;return _(t.Item,{children:e},r)}),x=({itemId:o,label:v,startSlot:y,children:x,classNames:S})=>{let{toggleItem:C,isItemExpanded:w}=i(),T=a(),E=w(o);return _(e,{label:v,position:`right`,offset:4,withinPortal:!0,children:_(`span`,{children:_(t,{withinPortal:!0,opened:E,onOpenedChange:()=>C(o),target:v,classNames:{menu:S?.subnav?.list??g(),root:S?.subnav?.root??s(l(),m()),item:S?.subnav?.item??h(),target:{button:c(),root:S?.button?.root??u(),inner:S?.button?.inner??d(),label:S?.button?.label??f(),section:S?.button?.section??p()}},targetButtonProps:{type:`button`,"aria-expanded":E||void 0,"data-expanded":E||void 0,startSlot:y},position:`bottom-start`,children:_(r,{value:T+1,children:_(n,{value:!0,children:b(x)})})})})})};export{x as NavItemButtonCollapsed};
 //# sourceMappingURL=SidebarNavItemButtonCollapsed.mjs.map

package/dist/components/navigations/sidebars/sidebar/SidebarNavItemLink.mjs

@@ -1,2 +1,2 @@
-import{useMenuMode as e,useSidebarContext as t,useSubnavDepth as n}from"./SidebarContext.mjs";import{NavItem as r}from"./SidebarNavItem.mjs";import{Tooltip as i}from"../../../overlays/tooltip/Tooltip.mjs";import{sidebarNavItemLinkAnchor as a,sidebarNavItemLinkLabel as o,sidebarSubnavItemLinkAnchor as s,sidebarSubnavItemLinkLabel as c}from"@mage-ui/styled-system/recipes";import{jsx as l,jsxs as u}from"react/jsx-runtime";const d=({children:d,startSlot:f,endSlot:p,classNames:m,isSelected:h,isVisible:g=!0})=>{let{isCollapsed:_}=t(),v=n()>0,y=e(),b=v?m?.link?.anchor??s():m?.link?.anchor??a(),x=v?m?.link?.label??c():m?.link?.label??o(),S=u(`span`,{className:b,"data-selected":h||void 0,children:[f,l(`span`,{className:x,children:d}),p]}),C=y?S:l(i,{label:d,position:`right`,offset:4,disabled:!_,children:S});return y?g?C:null:l(r,{isVisible:g,children:C})};d.displayName=`Sidebar.ItemLink`;export{d as NavItemLink};
+import{Tooltip as e}from"../../../overlays/tooltip/Tooltip.mjs";import{useMenuMode as t,useSidebarContext as n,useSubnavDepth as r}from"./SidebarContext.mjs";import{NavItem as i}from"./SidebarNavItem.mjs";import{sidebarNavItemLinkAnchor as a,sidebarNavItemLinkLabel as o,sidebarSubnavItemLinkAnchor as s,sidebarSubnavItemLinkLabel as c}from"@mage-ui/styled-system/recipes";import{jsx as l,jsxs as u}from"react/jsx-runtime";const d=({children:d,startSlot:f,endSlot:p,classNames:m,isSelected:h,isVisible:g=!0})=>{let{isCollapsed:_}=n(),v=r()>0,y=t(),b=v?m?.link?.anchor??s():m?.link?.anchor??a(),x=v?m?.link?.label??c():m?.link?.label??o(),S=u(`span`,{className:b,"data-selected":h||void 0,children:[f,l(`span`,{className:x,children:d}),p]}),C=y?S:l(e,{label:d,position:`right`,offset:4,disabled:!_,children:S});return y?g?C:null:l(i,{isVisible:g,children:C})};d.displayName=`Sidebar.ItemLink`;export{d as NavItemLink};
 //# sourceMappingURL=SidebarNavItemLink.mjs.map

package/dist/index.d.mts

@@ -4,21 +4,11 @@ import { ButtonLoader } from "./components/buttons/button-action/ButtonLoader.mj
 import { ButtonIcon, ButtonIconProps } from "./components/buttons/button-icon/ButtonIcon.mjs";
 import { ButtonIconVisual, ButtonIconVisualProps } from "./components/buttons/button-icon-visual/ButtonIconVisual.mjs";
 import { ButtonVisual, ButtonVisualProps } from "./components/buttons/button-visual/ButtonVisual.mjs";
-import { Checkbox, CheckboxProps } from "./components/controls/checkbox/Checkbox.mjs";
-import { DatePicker, DatePickerProps } from "./components/controls/date-picker/DatePicker.mjs";
-import { HorizontalDivider, HorizontalDividerProps } from "./components/misc/horizontal-divider/HorizontalDivider.mjs";
-import { ScrollArea, ScrollAreaClassNames, ScrollAreaProps } from "./components/misc/scroll-area/ScrollArea.mjs";
-import { ScrollAreaAutosize, ScrollAreaAutosizeProps } from "./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";
-import { Virtual, VirtualItem, VirtualPadding, VirtualProps } from "./components/misc/virtual/Virtual.mjs";
-import { VisuallyHidden, VisuallyHiddenProps } from "./components/misc/visually-hidden/VisuallyHidden.mjs";
-import { TextInput, TextInputProps } from "./components/controls/text-input/TextInput.mjs";
-import { Combobox, ComboboxProps } from "./components/controls/dropdown/combobox/Combobox.mjs";
-import { Autocomplete, AutocompleteProps } from "./components/controls/dropdown/autocomplete/Autocomplete.mjs";
-import { Select, SelectProps } from "./components/controls/dropdown/select/Select.mjs";
 import { AssignedUser, AssignedUserProps } from "./components/data-display/assigned-user/AssignedUser.mjs";
 import { Avatar, AvatarProps } from "./components/data-display/avatar/Avatar.mjs";
 import { Badge, BadgeProps } from "./components/data-display/badge/Badge.mjs";
 import { Calendar, CalendarEvent, CalendarProps, CalendarVariant, DateLocalizer, momentLocalizer } from "./components/data-display/calendar/Calendar.mjs";
+import { ScrollArea, ScrollAreaClassNames, ScrollAreaProps } from "./components/misc/scroll-area/ScrollArea.mjs";
 import { TableClassNames, TableProps } from "./components/data-display/table/TableRoot.mjs";
 import { TableHeadProps } from "./components/data-display/table/TableHead.mjs";
 import { TableBodyProps } from "./components/data-display/table/TableBody.mjs";
@@ -55,6 +45,17 @@ 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";
 import { UploadedFileDetails, UploadedFileDetailsProps } from "./components/data-display/uploaded-file/UploadedFileDetails.mjs";
+import { AvatarUpload, AvatarUploadProps } from "./components/controls/avatar-upload/AvatarUpload.mjs";
+import { Checkbox, CheckboxProps } from "./components/controls/checkbox/Checkbox.mjs";
+import { DatePicker, DatePickerProps } from "./components/controls/date-picker/DatePicker.mjs";
+import { HorizontalDivider, HorizontalDividerProps } from "./components/misc/horizontal-divider/HorizontalDivider.mjs";
+import { ScrollAreaAutosize, ScrollAreaAutosizeProps } from "./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";
+import { Virtual, VirtualItem, VirtualPadding, VirtualProps } from "./components/misc/virtual/Virtual.mjs";
+import { VisuallyHidden, VisuallyHiddenProps } from "./components/misc/visually-hidden/VisuallyHidden.mjs";
+import { TextInput, TextInputProps } from "./components/controls/text-input/TextInput.mjs";
+import { Combobox, ComboboxProps } from "./components/controls/dropdown/combobox/Combobox.mjs";
+import { Autocomplete, AutocompleteProps } from "./components/controls/dropdown/autocomplete/Autocomplete.mjs";
+import { Select, SelectProps } from "./components/controls/dropdown/select/Select.mjs";
 import { Dropzone, DropzoneProps, FileData } from "./components/controls/dropzone/Dropzone.mjs";
 import { DropzoneFiles, DropzoneFilesProps } from "./components/controls/dropzone-files/DropzoneFiles.mjs";
 import { FileInput, FileInputProps } from "./components/controls/file-input/FileInput.mjs";
@@ -85,4 +86,4 @@ import { Tooltip, TooltipProps } from "./components/overlays/tooltip/Tooltip.mjs
 import "./components/index.mjs";
 import { MageUiProvider, MageUiProviderProps } from "./providers/MageUiProvider.mjs";
 import "./providers/index.mjs";
-export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, Badge, BadgeProps, BoardData, BoardItem, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, CalendarVariant, Card, CardBase, CardBody, CardClassNames, CardFooter, CardHeader, CardMove, CardProps, CardRenderProps, CardRoot, Checkbox, CheckboxProps, ColumnDef, Combobox, ComboboxProps, ConfigMap, DEFAULT_DATA_TABLE_LABELS, DataTable, DataTableBottomSlot, DataTableBottomSlotProps, DataTableClassNames, DataTableColumnMeta, DataTableContextProvider, DataTableContextValue, DataTableErrorState, DataTableExpansionConfig, DataTableExtraColumnConfig, 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, ExpandedState, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, FluidGrid, FluidGridProps, Form, FormProps, Grid, GridClassNames, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, Kanban, KanbanCardBase, KanbanCardBaseProps, KanbanProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalClassNames, ModalIntent, ModalProps, ModalRegistry, ModalRegistryEntry, ModalRootProps, Modals, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, PASSWORD_RULES, Pagination, PaginationClassNames, PaginationRootProps, PaginationState, PasswordInput, PasswordInputProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, RowSelectionState, 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, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, Virtual, VirtualItem, VirtualPadding, VirtualProps, VisuallyHidden, VisuallyHiddenProps, momentLocalizer, useDataTableContext, usePasswordRules, z };
+export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, AvatarUpload, AvatarUploadProps, Badge, BadgeProps, BoardData, BoardItem, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, CalendarVariant, Card, CardBase, CardBody, CardClassNames, CardFooter, CardHeader, CardMove, CardProps, CardRenderProps, CardRoot, Checkbox, CheckboxProps, ColumnDef, Combobox, ComboboxProps, ConfigMap, DEFAULT_DATA_TABLE_LABELS, DataTable, DataTableBottomSlot, DataTableBottomSlotProps, DataTableClassNames, DataTableColumnMeta, DataTableContextProvider, DataTableContextValue, DataTableErrorState, DataTableExpansionConfig, DataTableExtraColumnConfig, 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, ExpandedState, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, FluidGrid, FluidGridProps, Form, FormProps, Grid, GridClassNames, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, Kanban, KanbanCardBase, KanbanCardBaseProps, KanbanProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalClassNames, ModalIntent, ModalProps, ModalRegistry, ModalRegistryEntry, ModalRootProps, Modals, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, PASSWORD_RULES, Pagination, PaginationClassNames, PaginationRootProps, PaginationState, PasswordInput, PasswordInputProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, RowSelectionState, 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, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, Virtual, VirtualItem, VirtualPadding, VirtualProps, VisuallyHidden, VisuallyHiddenProps, momentLocalizer, 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{Calendar as s,momentLocalizer 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{DataTableErrorState as O}from"./components/data-display/datatables/DataTableErrorState.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{Kanban as N}from"./components/data-display/kanban/Kanban.mjs";import{KanbanCardBase as P}from"./components/data-display/kanban/KanbanCardBase.mjs";import{LoaderDot as F}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as I}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as L}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as R}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as z}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as B}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as V}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as H}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as U}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as W}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{ButtonIcon as G}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as K}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as q}from"./components/buttons/button-visual/ButtonVisual.mjs";import{DatePicker as J}from"./components/controls/date-picker/DatePicker.mjs";import{Autocomplete as Y}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as X}from"./components/controls/dropdown/combobox/Combobox.mjs";import{Dropzone as Z}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as Q}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as $}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as ee}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as te}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as ne}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as re}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as ie}from"./components/controls/radio/Radio.mjs";import{SwitchGroup as ae}from"./components/controls/switch-group/SwitchGroup.mjs";import{Switch as oe}from"./components/controls/switch/Switch.mjs";import{Textarea as se}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as ce}from"./components/forms/rules/password-rules.mjs";import{z as le}from"./components/forms/rules/zod.mjs";import{Form as ue}from"./components/forms/Form.mjs";import{Card as de,CardBase as fe,CardBody as pe,CardFooter as me,CardHeader as he,CardRoot as ge}from"./components/layouts/card/Card.mjs";import{FluidGrid as _e}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as ve}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as ye}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as be}from"./components/navigations/menu/Menu.mjs";import{Modal as xe}from"./components/overlays/modal/Modal.mjs";import{Modals as Se}from"./components/overlays/modal/index.mjs";import{Toast as Ce}from"./components/overlays/toast/toast.mjs";import{Tooltip as we}from"./components/overlays/tooltip/Tooltip.mjs";import{Sidebar as Te}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as Ee}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,Y as Autocomplete,a as Avatar,o as Badge,ye as Breadcrumbs,e as Button,n as ButtonAction,G as ButtonIcon,K as ButtonIconVisual,r as ButtonLoader,q as ButtonVisual,s as Calendar,de as Card,fe as CardBase,pe as CardBody,me as CardFooter,he as CardHeader,ge as CardRoot,_ as Checkbox,X as Combobox,m as DEFAULT_DATA_TABLE_LABELS,v as DataTable,D as DataTableBottomSlot,h as DataTableContextProvider,O as DataTableErrorState,w as DataTablePageSize,E as DataTablePagination,k as DataTableTopSlot,J as DatePicker,A as DescriptionList,Z as Dropzone,Q as DropzoneFiles,$ as FileInput,ee as FileInputMultiple,_e as FluidGrid,ue as Form,ve as Grid,y as HorizontalDivider,p as Icon,f as IconRaw,j as IconSvg,S as IconWrapped,M as Indicator,N as Kanban,P as KanbanCardBase,F as LoaderDot,I as LoaderOval,L as LogoImage,R as LogoSvg,Ee as MageUiProvider,be as Menu,xe as Modal,Se as Modals,z as NotificationBanner,ce as PASSWORD_RULES,T as Pagination,te as PasswordInput,ne as PasswordStrengthInput,ie as Radio,B as RemovableItem,u as ScrollArea,b as ScrollAreaAutosize,C as Select,Te as Sidebar,oe as Switch,ae as SwitchGroup,d as Table,H as Tag,V as TagGroup,x as TextInput,se as Textarea,Ce as Toast,we as Tooltip,U as UploadedFile,W as UploadedFileDetails,l as Virtual,t as VisuallyHidden,c as momentLocalizer,g as useDataTableContext,re as usePasswordRules,le 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{Calendar as s,momentLocalizer 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{DataTableErrorState as O}from"./components/data-display/datatables/DataTableErrorState.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{Kanban as N}from"./components/data-display/kanban/Kanban.mjs";import{KanbanCardBase as P}from"./components/data-display/kanban/KanbanCardBase.mjs";import{LoaderDot as F}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as I}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as L}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as R}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as z}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as B}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as V}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as H}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as U}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as W}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{ButtonIcon as G}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as K}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as q}from"./components/buttons/button-visual/ButtonVisual.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{Tooltip as Z}from"./components/overlays/tooltip/Tooltip.mjs";import{AvatarUpload as Q}from"./components/controls/avatar-upload/AvatarUpload.mjs";import{DatePicker as $}from"./components/controls/date-picker/DatePicker.mjs";import{Autocomplete as ee}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as te}from"./components/controls/dropdown/combobox/Combobox.mjs";import{Dropzone as ne}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as re}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as ie}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as ae}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as oe}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as se}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as ce}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as le}from"./components/controls/radio/Radio.mjs";import{SwitchGroup as ue}from"./components/controls/switch-group/SwitchGroup.mjs";import{Switch as de}from"./components/controls/switch/Switch.mjs";import{Textarea as fe}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as pe}from"./components/forms/rules/password-rules.mjs";import{z as me}from"./components/forms/rules/zod.mjs";import{Form as he}from"./components/forms/Form.mjs";import{Card as ge,CardBase as _e,CardBody as ve,CardFooter as ye,CardHeader as be,CardRoot as xe}from"./components/layouts/card/Card.mjs";import{FluidGrid as Se}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as Ce}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as we}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as Te}from"./components/navigations/menu/Menu.mjs";import{Sidebar as Ee}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as De}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,ee as Autocomplete,a as Avatar,Q as AvatarUpload,o as Badge,we as Breadcrumbs,e as Button,n as ButtonAction,G as ButtonIcon,K as ButtonIconVisual,r as ButtonLoader,q as ButtonVisual,s as Calendar,ge as Card,_e as CardBase,ve as CardBody,ye as CardFooter,be as CardHeader,xe as CardRoot,_ as Checkbox,te as Combobox,m as DEFAULT_DATA_TABLE_LABELS,v as DataTable,D as DataTableBottomSlot,h as DataTableContextProvider,O as DataTableErrorState,w as DataTablePageSize,E as DataTablePagination,k as DataTableTopSlot,$ as DatePicker,A as DescriptionList,ne as Dropzone,re as DropzoneFiles,ie as FileInput,ae as FileInputMultiple,Se as FluidGrid,he as Form,Ce as Grid,y as HorizontalDivider,p as Icon,f as IconRaw,j as IconSvg,S as IconWrapped,M as Indicator,N as Kanban,P as KanbanCardBase,F as LoaderDot,I as LoaderOval,L as LogoImage,R as LogoSvg,De as MageUiProvider,Te as Menu,J as Modal,Y as Modals,z as NotificationBanner,pe as PASSWORD_RULES,T as Pagination,oe as PasswordInput,se as PasswordStrengthInput,le as Radio,B as RemovableItem,u as ScrollArea,b as ScrollAreaAutosize,C as Select,Ee as Sidebar,de as Switch,ue as SwitchGroup,d as Table,H as Tag,V as TagGroup,x as TextInput,fe as Textarea,X as Toast,Z as Tooltip,U as UploadedFile,W as UploadedFileDetails,l as Virtual,t as VisuallyHidden,c as momentLocalizer,g as useDataTableContext,ce as usePasswordRules,me as z};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "1.0.82",
+  "version": "1.0.83",
   "private": false,
   "description": "",
   "keywords": [],
@@ -25,8 +25,8 @@
     "rimraf": "^6.1.3",
     "tsdown": "^0.20.3",
     "typescript": "^5.9.3",
-    "@mage-ui/styled-system": "1.0.8",
-    "@mage-ui/preset": "1.0.82"
+    "@mage-ui/preset": "1.0.83",
+    "@mage-ui/styled-system": "1.0.8"
   },
   "peerDependencies": {
     "@ebay/nice-modal-react": "^1.2.13",