@mage-ui/components 1.0.81 → 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/data-display/datatables/DataTableBulkBar.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableBulkBar.d.mts","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableBulkBar.tsx"],"mappings":";;;;KAqBY,0BAAA;EACV,IAAA;EACA,KAAA;EACA,UAAA;EACA,OAAA;EACA,UAAA;EACA,cAAA;AAAA"}
+{"version":3,"file":"DataTableBulkBar.d.mts","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableBulkBar.tsx"],"mappings":";;;;KAyBY,0BAAA;EACV,IAAA;EACA,KAAA;EACA,UAAA;EACA,OAAA;EACA,UAAA;EACA,cAAA;AAAA"}

package/dist/components/data-display/datatables/DataTableBulkBar.mjs

@@ -1,2 +1,2 @@
-import{Badge as e}from"../badge/Badge.mjs";import{Icon as t}from"../icons/icon/Icon.mjs";import{useDataTableContext as n}from"./useDataTableContext.mjs";import{dataTableBulkBar as r,dataTableBulkBarActions as i,dataTableBulkBarCount as a,dataTableBulkBarCountBadge as o,dataTableBulkBarDragHandle as s,dataTableBulkBarDragHandleIcon as c}from"@mage-ui/styled-system/recipes";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{useState as d}from"react";import{DndContext as f,useDraggable as p}from"@dnd-kit/core";import{restrictToWindowEdges as m}from"@dnd-kit/modifiers";const h=({selectedIds:t,className:n,selection:s,labels:c})=>u(`div`,{className:n?.root??r(),"data-draggable":!1,children:[l(`span`,{className:n?.count??a(),children:c.selectedCount(l(e,{classNames:{badge:o()},children:t.length}))}),l(`div`,{className:n?.actions??i(),children:s?.bulkActions?.(t)})]}),g=({coordinates:n,selectedIds:d,className:f,selection:m,labels:h})=>{let{attributes:g,listeners:_,setNodeRef:v,isDragging:y,transform:b}=p({id:`data-table-bulk-bar`});return u(`div`,{ref:v,style:b?{transform:`translate(calc(-50% + ${n.x+b.x}px), calc(-50% + ${n.y+b.y}px))`}:{transform:`translate(calc(-50% + ${n.x}px), calc(-50% + ${n.y}px))`},className:f?.root??r(),"data-draggable":!0,"data-is-dragging":y,children:[l(`span`,{...g,..._,className:f?.dragHandle??s(),"data-is-dragging":y,"aria-hidden":`true`,children:l(t,{name:`mage-bulk-actions-dots-grid-2`,path:`/icons/sprite-mage.svg`,classNames:{icon:c()}})}),l(`span`,{className:f?.count??a(),children:h.selectedCount(l(e,{classNames:{badge:o()},children:d.length}))}),l(`div`,{className:f?.actions??i(),children:m?.bulkActions?.(d)})]})},_=({selectedIds:e,className:t,selection:r,isDraggable:i=!0})=>{let{labels:a}=n(),[o,s]=d({x:0,y:0});return!r?.bulkActions||e.length===0?null:i?l(f,{onDragEnd:e=>{let{delta:t}=e;s(e=>({x:e.x+t.x,y:e.y+t.y}))},modifiers:[m],children:l(g,{coordinates:o,selectedIds:e,className:t,selection:r,labels:a})}):l(h,{selectedIds:e,className:t,selection:r,isDraggable:!1,labels:a})};export{_ as DataTableBulkBar};
+import{Badge as e}from"../badge/Badge.mjs";import{Icon as t}from"../icons/icon/Icon.mjs";import{useDataTableContext as n}from"./useDataTableContext.mjs";import{dataTableBulkBar as r,dataTableBulkBarActions as i,dataTableBulkBarCount as a,dataTableBulkBarCountBadge as o,dataTableBulkBarDragHandle as s,dataTableBulkBarDragHandleIcon as c}from"@mage-ui/styled-system/recipes";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{useState as d}from"react";import{DndContext as f,useDraggable as p}from"@dnd-kit/core";const m=e=>({transform:t,activeNodeRect:n,containerNodeRect:r})=>{if(!n||!r)return t;let i={...n,left:n.left-n.width/2+e.x,right:n.right-n.width/2+e.x,top:n.top-n.height/2+e.y,bottom:n.bottom-n.height/2+e.y};return{...t,x:Math.max(r.left-i.left,Math.min(r.right-i.right,t.x)),y:Math.max(r.top-i.top,Math.min(r.bottom-i.bottom,t.y))}},h=({selectedIds:t,className:n,selection:s,labels:c})=>u(`div`,{className:n?.root??r(),"data-draggable":!1,children:[l(`span`,{className:n?.count??a(),children:c.selectedCount(l(e,{classNames:{badge:o()},children:t.length}))}),l(`div`,{className:n?.actions??i(),children:s?.bulkActions?.(t)})]}),g=({coordinates:n,selectedIds:d,className:f,selection:m,labels:h})=>{let{attributes:g,listeners:_,setNodeRef:v,isDragging:y,transform:b}=p({id:`data-table-bulk-bar`});return u(`div`,{ref:v,style:b?{transform:`translate(calc(-50% + ${n.x+b.x}px), calc(-50% + ${n.y+b.y}px))`}:{transform:`translate(calc(-50% + ${n.x}px), calc(-50% + ${n.y}px))`},className:f?.root??r(),"data-draggable":!0,"data-is-dragging":y,children:[l(`span`,{...g,..._,className:f?.dragHandle??s(),"data-is-dragging":y,"aria-hidden":`true`,children:l(t,{name:`mage-bulk-actions-dots-grid-2`,path:`/icons/sprite-mage.svg`,classNames:{icon:c()}})}),l(`span`,{className:f?.count??a(),children:h.selectedCount(l(e,{classNames:{badge:o()},children:d.length}))}),l(`div`,{className:f?.actions??i(),children:m?.bulkActions?.(d)})]})},_=({selectedIds:e,className:t,selection:r,isDraggable:i=!0})=>{let{labels:a}=n(),[o,s]=d({x:0,y:0});return!r?.bulkActions||e.length===0?null:i?l(f,{onDragEnd:e=>{let{delta:t}=e;s(e=>({x:e.x+t.x,y:e.y+t.y}))},modifiers:[m(o)],children:l(g,{coordinates:o,selectedIds:e,className:t,selection:r,labels:a})}):l(h,{selectedIds:e,className:t,selection:r,isDraggable:!1,labels:a})};export{_ as DataTableBulkBar};
 //# sourceMappingURL=DataTableBulkBar.mjs.map

package/dist/components/data-display/datatables/DataTableBulkBar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableBulkBar.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableBulkBar.tsx"],"sourcesContent":["import { type ReactNode, useState } from 'react';\n\nimport { DndContext, type DragEndEvent, useDraggable } from '@dnd-kit/core';\nimport { restrictToWindowEdges } from '@dnd-kit/modifiers';\nimport {\n  dataTableBulkBar,\n  dataTableBulkBarActions,\n  dataTableBulkBarCount,\n  dataTableBulkBarCountBadge,\n  dataTableBulkBarDragHandle,\n  dataTableBulkBarDragHandleIcon,\n} from '@mage-ui/styled-system/recipes';\nimport { Badge } from '@/components/data-display/badge/Badge';\nimport { Icon } from '@/components/data-display/icons/icon/Icon';\n\nimport type { DataTableSelectionConfig } from './DataTable';\nimport {\n  type DataTableLabels,\n  useDataTableContext,\n} from './useDataTableContext';\n\nexport type DataTableBulkBarClassNames = {\n  root?: string;\n  count?: string;\n  countBadge?: string;\n  actions?: string;\n  dragHandle?: string;\n  dragHandleIcon?: string;\n};\n\ntype DataTableBulkBarProps<Data> = {\n  selectedIds: string[];\n  className?: DataTableBulkBarClassNames;\n  selection?: DataTableSelectionConfig<Data>;\n  isDraggable?: boolean;\n};\n\ntype DataTableBulkBarContentProps<Data> = DataTableBulkBarProps<Data> & {\n  labels: DataTableLabels;\n};\n\nconst DataTableBulkBarStatic = <Data,>({\n  selectedIds,\n  className,\n  selection,\n  labels,\n}: DataTableBulkBarContentProps<Data>) => {\n  return (\n    <div\n      className={className?.root ?? dataTableBulkBar()}\n      data-draggable={false}\n    >\n      <span className={className?.count ?? dataTableBulkBarCount()}>\n        {labels.selectedCount(\n          <Badge classNames={{ badge: dataTableBulkBarCountBadge() }}>\n            {selectedIds.length}\n          </Badge>,\n        )}\n      </span>\n      <div className={className?.actions ?? dataTableBulkBarActions()}>\n        {selection?.bulkActions?.(selectedIds)}\n      </div>\n    </div>\n  );\n};\n\ntype DraggableBulkBarWrapperProps<Data> = DataTableBulkBarProps<Data> & {\n  coordinates: { x: number; y: number };\n  labels: DataTableLabels;\n};\n\nconst DraggableBulkBarWrapper = <Data,>({\n  coordinates,\n  selectedIds,\n  className,\n  selection,\n  labels,\n}: DraggableBulkBarWrapperProps<Data>) => {\n  const { attributes, listeners, setNodeRef, isDragging, transform } =\n    useDraggable({\n      id: 'data-table-bulk-bar',\n    });\n\n  const style = transform\n    ? {\n        transform: `translate(calc(-50% + ${coordinates.x + transform.x}px), calc(-50% + ${coordinates.y + transform.y}px))`,\n      }\n    : {\n        transform: `translate(calc(-50% + ${coordinates.x}px), calc(-50% + ${coordinates.y}px))`,\n      };\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      className={className?.root ?? dataTableBulkBar()}\n      data-draggable={true}\n      data-is-dragging={isDragging}\n    >\n      <span\n        {...attributes}\n        {...listeners}\n        className={className?.dragHandle ?? dataTableBulkBarDragHandle()}\n        data-is-dragging={isDragging}\n        aria-hidden='true'\n      >\n        <Icon\n          name='mage-bulk-actions-dots-grid-2'\n          path='/icons/sprite-mage.svg'\n          classNames={{ icon: dataTableBulkBarDragHandleIcon() }}\n        />\n      </span>\n      <span className={className?.count ?? dataTableBulkBarCount()}>\n        {labels.selectedCount(\n          <Badge classNames={{ badge: dataTableBulkBarCountBadge() }}>\n            {selectedIds.length}\n          </Badge>,\n        )}\n      </span>\n      <div className={className?.actions ?? dataTableBulkBarActions()}>\n        {selection?.bulkActions?.(selectedIds)}\n      </div>\n    </div>\n  );\n};\n\nexport const DataTableBulkBar = <Data,>({\n  selectedIds,\n  className,\n  selection,\n  isDraggable = true,\n}: DataTableBulkBarProps<Data>): ReactNode => {\n  const { labels } = useDataTableContext();\n  const [coordinates, setCoordinates] = useState({ x: 0, y: 0 });\n\n  if (!selection?.bulkActions || selectedIds.length === 0) {\n    return null;\n  }\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    const { delta } = event;\n    setCoordinates((prev) => ({\n      x: prev.x + delta.x,\n      y: prev.y + delta.y,\n    }));\n  };\n\n  if (!isDraggable) {\n    return (\n      <DataTableBulkBarStatic\n        selectedIds={selectedIds}\n        className={className}\n        selection={selection}\n        isDraggable={false}\n        labels={labels}\n      />\n    );\n  }\n\n  return (\n    <DndContext onDragEnd={handleDragEnd} modifiers={[restrictToWindowEdges]}>\n      <DraggableBulkBarWrapper\n        coordinates={coordinates}\n        selectedIds={selectedIds}\n        className={className}\n        selection={selection}\n        labels={labels}\n      />\n    </DndContext>\n  );\n};\n"],"mappings":"kkBAyCA,MAAM,GAAiC,CACrC,cACA,YACA,YACA,YAGE,EAAC,MAAA,CACC,UAAW,GAAW,MAAQ,GAAkB,CAChD,iBAAgB,aAEhB,EAAC,OAAA,CAAK,UAAW,GAAW,OAAS,GAAuB,UACzD,EAAO,cACN,EAAC,EAAA,CAAM,WAAY,CAAE,MAAO,GAA4B,CAAE,UACvD,EAAY,QACP,CACT,EACI,CACP,EAAC,MAAA,CAAI,UAAW,GAAW,SAAW,GAAyB,UAC5D,GAAW,cAAc,EAAY,EAClC,CAAA,EACF,CASJ,GAAkC,CACtC,cACA,cACA,YACA,YACA,YACwC,CACxC,GAAM,CAAE,aAAY,YAAW,aAAY,aAAY,aACrD,EAAa,CACX,GAAI,sBACL,CAAC,CAUJ,OACE,EAAC,MAAA,CACC,IAAK,EACL,MAXU,EACV,CACE,UAAW,yBAAyB,EAAY,EAAI,EAAU,EAAE,mBAAmB,EAAY,EAAI,EAAU,EAAE,MAChH,CACD,CACE,UAAW,yBAAyB,EAAY,EAAE,mBAAmB,EAAY,EAAE,MACpF,CAMD,UAAW,GAAW,MAAQ,GAAkB,CAChD,iBAAgB,GAChB,mBAAkB,YAElB,EAAC,OAAA,CACC,GAAI,EACJ,GAAI,EACJ,UAAW,GAAW,YAAc,GAA4B,CAChE,mBAAkB,EAClB,cAAY,gBAEZ,EAAC,EAAA,CACC,KAAK,gCACL,KAAK,yBACL,WAAY,CAAE,KAAM,GAAgC,CAAE,EACtD,EACG,CACP,EAAC,OAAA,CAAK,UAAW,GAAW,OAAS,GAAuB,UACzD,EAAO,cACN,EAAC,EAAA,CAAM,WAAY,CAAE,MAAO,GAA4B,CAAE,UACvD,EAAY,QACP,CACT,EACI,CACP,EAAC,MAAA,CAAI,UAAW,GAAW,SAAW,GAAyB,UAC5D,GAAW,cAAc,EAAY,EAClC,GACF,EAIG,GAA2B,CACtC,cACA,YACA,YACA,cAAc,MAC8B,CAC5C,GAAM,CAAE,UAAW,GAAqB,CAClC,CAAC,EAAa,GAAkB,EAAS,CAAE,EAAG,EAAG,EAAG,EAAG,CAAC,CA0B9D,MAxBI,CAAC,GAAW,aAAe,EAAY,SAAW,EAC7C,KAWJ,EAaH,EAAC,EAAA,CAAW,UArBS,GAAwB,CAC7C,GAAM,CAAE,SAAU,EAClB,EAAgB,IAAU,CACxB,EAAG,EAAK,EAAI,EAAM,EAClB,EAAG,EAAK,EAAI,EAAM,EACnB,EAAE,EAgBmC,UAAW,CAAC,EAAsB,UACtE,EAAC,EAAA,CACc,cACA,cACF,YACA,YACH,UACR,EACS,CAnBX,EAAC,EAAA,CACc,cACF,YACA,YACX,YAAa,GACL,UACR"}
+{"version":3,"file":"DataTableBulkBar.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableBulkBar.tsx"],"sourcesContent":["import { type ReactNode, useState } from 'react';\n\nimport {\n  DndContext,\n  type DragEndEvent,\n  type Modifier,\n  useDraggable,\n} from '@dnd-kit/core';\nimport {\n  dataTableBulkBar,\n  dataTableBulkBarActions,\n  dataTableBulkBarCount,\n  dataTableBulkBarCountBadge,\n  dataTableBulkBarDragHandle,\n  dataTableBulkBarDragHandleIcon,\n} from '@mage-ui/styled-system/recipes';\nimport { Badge } from '@/components/data-display/badge/Badge';\nimport { Icon } from '@/components/data-display/icons/icon/Icon';\n\nimport type { DataTableSelectionConfig } from './DataTable';\nimport {\n  type DataTableLabels,\n  useDataTableContext,\n} from './useDataTableContext';\n\nexport type DataTableBulkBarClassNames = {\n  root?: string;\n  count?: string;\n  countBadge?: string;\n  actions?: string;\n  dragHandle?: string;\n  dragHandleIcon?: string;\n};\n\ntype DataTableBulkBarProps<Data> = {\n  selectedIds: string[];\n  className?: DataTableBulkBarClassNames;\n  selection?: DataTableSelectionConfig<Data>;\n  isDraggable?: boolean;\n};\n\ntype DataTableBulkBarContentProps<Data> = DataTableBulkBarProps<Data> & {\n  labels: DataTableLabels;\n};\n\nconst createRestrictModifier =\n  (coords: { x: number; y: number }): Modifier =>\n  ({ transform, activeNodeRect, containerNodeRect }) => {\n    if (!activeNodeRect || !containerNodeRect) {\n      return transform;\n    }\n\n    const adjustedRect = {\n      ...activeNodeRect,\n      left: activeNodeRect.left - activeNodeRect.width / 2 + coords.x,\n      right: activeNodeRect.right - activeNodeRect.width / 2 + coords.x,\n      top: activeNodeRect.top - activeNodeRect.height / 2 + coords.y,\n      bottom: activeNodeRect.bottom - activeNodeRect.height / 2 + coords.y,\n    };\n\n    return {\n      ...transform,\n      x: Math.max(\n        containerNodeRect.left - adjustedRect.left,\n        Math.min(containerNodeRect.right - adjustedRect.right, transform.x),\n      ),\n      y: Math.max(\n        containerNodeRect.top - adjustedRect.top,\n        Math.min(containerNodeRect.bottom - adjustedRect.bottom, transform.y),\n      ),\n    };\n  };\n\nconst DataTableBulkBarStatic = <Data,>({\n  selectedIds,\n  className,\n  selection,\n  labels,\n}: DataTableBulkBarContentProps<Data>) => {\n  return (\n    <div\n      className={className?.root ?? dataTableBulkBar()}\n      data-draggable={false}\n    >\n      <span className={className?.count ?? dataTableBulkBarCount()}>\n        {labels.selectedCount(\n          <Badge classNames={{ badge: dataTableBulkBarCountBadge() }}>\n            {selectedIds.length}\n          </Badge>,\n        )}\n      </span>\n      <div className={className?.actions ?? dataTableBulkBarActions()}>\n        {selection?.bulkActions?.(selectedIds)}\n      </div>\n    </div>\n  );\n};\n\ntype DraggableBulkBarWrapperProps<Data> = DataTableBulkBarProps<Data> & {\n  coordinates: { x: number; y: number };\n  labels: DataTableLabels;\n};\n\nconst DraggableBulkBarWrapper = <Data,>({\n  coordinates,\n  selectedIds,\n  className,\n  selection,\n  labels,\n}: DraggableBulkBarWrapperProps<Data>) => {\n  const { attributes, listeners, setNodeRef, isDragging, transform } =\n    useDraggable({\n      id: 'data-table-bulk-bar',\n    });\n\n  const style = transform\n    ? {\n        transform: `translate(calc(-50% + ${coordinates.x + transform.x}px), calc(-50% + ${coordinates.y + transform.y}px))`,\n      }\n    : {\n        transform: `translate(calc(-50% + ${coordinates.x}px), calc(-50% + ${coordinates.y}px))`,\n      };\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      className={className?.root ?? dataTableBulkBar()}\n      data-draggable={true}\n      data-is-dragging={isDragging}\n    >\n      <span\n        {...attributes}\n        {...listeners}\n        className={className?.dragHandle ?? dataTableBulkBarDragHandle()}\n        data-is-dragging={isDragging}\n        aria-hidden='true'\n      >\n        <Icon\n          name='mage-bulk-actions-dots-grid-2'\n          path='/icons/sprite-mage.svg'\n          classNames={{ icon: dataTableBulkBarDragHandleIcon() }}\n        />\n      </span>\n      <span className={className?.count ?? dataTableBulkBarCount()}>\n        {labels.selectedCount(\n          <Badge classNames={{ badge: dataTableBulkBarCountBadge() }}>\n            {selectedIds.length}\n          </Badge>,\n        )}\n      </span>\n      <div className={className?.actions ?? dataTableBulkBarActions()}>\n        {selection?.bulkActions?.(selectedIds)}\n      </div>\n    </div>\n  );\n};\n\nexport const DataTableBulkBar = <Data,>({\n  selectedIds,\n  className,\n  selection,\n  isDraggable = true,\n}: DataTableBulkBarProps<Data>): ReactNode => {\n  const { labels } = useDataTableContext();\n  const [coordinates, setCoordinates] = useState({ x: 0, y: 0 });\n\n  if (!selection?.bulkActions || selectedIds.length === 0) {\n    return null;\n  }\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    const { delta } = event;\n    setCoordinates((prev) => ({\n      x: prev.x + delta.x,\n      y: prev.y + delta.y,\n    }));\n  };\n\n  if (!isDraggable) {\n    return (\n      <DataTableBulkBarStatic\n        selectedIds={selectedIds}\n        className={className}\n        selection={selection}\n        isDraggable={false}\n        labels={labels}\n      />\n    );\n  }\n\n  return (\n    <DndContext\n      onDragEnd={handleDragEnd}\n      modifiers={[createRestrictModifier(coordinates)]}\n    >\n      <DraggableBulkBarWrapper\n        coordinates={coordinates}\n        selectedIds={selectedIds}\n        className={className}\n        selection={selection}\n        labels={labels}\n      />\n    </DndContext>\n  );\n};\n"],"mappings":"ugBA6CA,MAAM,EACH,IACA,CAAE,YAAW,iBAAgB,uBAAwB,CACpD,GAAI,CAAC,GAAkB,CAAC,EACtB,OAAO,EAGT,IAAM,EAAe,CACnB,GAAG,EACH,KAAM,EAAe,KAAO,EAAe,MAAQ,EAAI,EAAO,EAC9D,MAAO,EAAe,MAAQ,EAAe,MAAQ,EAAI,EAAO,EAChE,IAAK,EAAe,IAAM,EAAe,OAAS,EAAI,EAAO,EAC7D,OAAQ,EAAe,OAAS,EAAe,OAAS,EAAI,EAAO,EACpE,CAED,MAAO,CACL,GAAG,EACH,EAAG,KAAK,IACN,EAAkB,KAAO,EAAa,KACtC,KAAK,IAAI,EAAkB,MAAQ,EAAa,MAAO,EAAU,EAAE,CACpE,CACD,EAAG,KAAK,IACN,EAAkB,IAAM,EAAa,IACrC,KAAK,IAAI,EAAkB,OAAS,EAAa,OAAQ,EAAU,EAAE,CACtE,CACF,EAGC,GAAiC,CACrC,cACA,YACA,YACA,YAGE,EAAC,MAAA,CACC,UAAW,GAAW,MAAQ,GAAkB,CAChD,iBAAgB,aAEhB,EAAC,OAAA,CAAK,UAAW,GAAW,OAAS,GAAuB,UACzD,EAAO,cACN,EAAC,EAAA,CAAM,WAAY,CAAE,MAAO,GAA4B,CAAE,UACvD,EAAY,QACP,CACT,EACI,CACP,EAAC,MAAA,CAAI,UAAW,GAAW,SAAW,GAAyB,UAC5D,GAAW,cAAc,EAAY,EAClC,CAAA,EACF,CASJ,GAAkC,CACtC,cACA,cACA,YACA,YACA,YACwC,CACxC,GAAM,CAAE,aAAY,YAAW,aAAY,aAAY,aACrD,EAAa,CACX,GAAI,sBACL,CAAC,CAUJ,OACE,EAAC,MAAA,CACC,IAAK,EACL,MAXU,EACV,CACE,UAAW,yBAAyB,EAAY,EAAI,EAAU,EAAE,mBAAmB,EAAY,EAAI,EAAU,EAAE,MAChH,CACD,CACE,UAAW,yBAAyB,EAAY,EAAE,mBAAmB,EAAY,EAAE,MACpF,CAMD,UAAW,GAAW,MAAQ,GAAkB,CAChD,iBAAgB,GAChB,mBAAkB,YAElB,EAAC,OAAA,CACC,GAAI,EACJ,GAAI,EACJ,UAAW,GAAW,YAAc,GAA4B,CAChE,mBAAkB,EAClB,cAAY,gBAEZ,EAAC,EAAA,CACC,KAAK,gCACL,KAAK,yBACL,WAAY,CAAE,KAAM,GAAgC,CAAE,EACtD,EACG,CACP,EAAC,OAAA,CAAK,UAAW,GAAW,OAAS,GAAuB,UACzD,EAAO,cACN,EAAC,EAAA,CAAM,WAAY,CAAE,MAAO,GAA4B,CAAE,UACvD,EAAY,QACP,CACT,EACI,CACP,EAAC,MAAA,CAAI,UAAW,GAAW,SAAW,GAAyB,UAC5D,GAAW,cAAc,EAAY,EAClC,GACF,EAIG,GAA2B,CACtC,cACA,YACA,YACA,cAAc,MAC8B,CAC5C,GAAM,CAAE,UAAW,GAAqB,CAClC,CAAC,EAAa,GAAkB,EAAS,CAAE,EAAG,EAAG,EAAG,EAAG,CAAC,CA0B9D,MAxBI,CAAC,GAAW,aAAe,EAAY,SAAW,EAC7C,KAWJ,EAaH,EAAC,EAAA,CACC,UAtBmB,GAAwB,CAC7C,GAAM,CAAE,SAAU,EAClB,EAAgB,IAAU,CACxB,EAAG,EAAK,EAAI,EAAM,EAClB,EAAG,EAAK,EAAI,EAAM,EACnB,EAAE,EAkBD,UAAW,CAAC,EAAuB,EAAY,CAAC,UAEhD,EAAC,EAAA,CACc,cACA,cACF,YACA,YACH,UACR,EACS,CAtBX,EAAC,EAAA,CACc,cACF,YACA,YACX,YAAa,GACL,UACR"}

package/dist/components/data-display/datatables/DataTableTopSlot.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableTopSlot.d.mts","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableTopSlot.tsx"],"mappings":";;;;KAUK,0BAAA;EACH,IAAA;AAAA;AAAA,KAGU,qBAAA;EACV,QAAA,GAAW,SAAA;EACX,MAAA,GAAS,qBAAA;EACT,WAAA;EACA,cAAA,IAAkB,KAAA;EAClB,OAAA,GAAU,sBAAA;EACV,YAAA,GAAe,MAAA;EACf,eAAA,IAAmB,IAAA,EAAM,MAAA;EACzB,UAAA,GAAa,0BAAA;AAAA;AAAA,cAGF,gBAAA;EAAoB,QAAA;EAAA,MAAA;EAAA,WAAA;EAAA,cAAA;EAAA,OAAA;EAAA,YAAA;EAAA,eAAA;EAAA;AAAA,GAS9B,qBAAA,KAAwB,SAAA"}
+{"version":3,"file":"DataTableTopSlot.d.mts","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableTopSlot.tsx"],"mappings":";;;;KAcK,0BAAA;EACH,IAAA;AAAA;AAAA,KAGU,qBAAA;EACV,QAAA,GAAW,SAAA;EACX,MAAA,GAAS,qBAAA;EACT,WAAA;EACA,cAAA,IAAkB,KAAA;EAClB,OAAA,GAAU,sBAAA;EACV,YAAA,GAAe,MAAA;EACf,eAAA,IAAmB,IAAA,EAAM,MAAA;EACzB,UAAA,GAAa,0BAAA;AAAA;AAAA,cAGF,gBAAA;EAAoB,QAAA;EAAA,MAAA;EAAA,WAAA;EAAA,cAAA;EAAA,OAAA;EAAA,YAAA;EAAA,eAAA;EAAA;AAAA,GAS9B,qBAAA,KAAwB,SAAA"}

package/dist/components/data-display/datatables/DataTableTopSlot.mjs

@@ -1,2 +1,2 @@
-import{TextInput as e}from"../../controls/text-input/TextInput.mjs";import{dataTableTopSlot as t}from"@mage-ui/styled-system/recipes";import{jsx as n,jsxs as r}from"react/jsx-runtime";const i=({children:i,search:a,searchValue:o,onSearchChange:s,filters:c,filtersState:l,onFiltersChange:u,classNames:d})=>{let f=a!=null,p=c!=null&&l!=null&&u!=null;return!f&&!p&&!(i!=null&&i!==!1)?null:r(`div`,{className:d?.root??t(),children:[p?c.render(l,u):null,f&&s?n(e,{placeholder:a.placeholder,"aria-label":a.label??a.placeholder,value:o??``,onChange:e=>s(e.currentTarget.value)}):null,i]})};export{i as DataTableTopSlot};
+import{Icon as e}from"../icons/icon/Icon.mjs";import{TextInput as t}from"../../controls/text-input/TextInput.mjs";import{dataTableSearcher as n,dataTableTopSlot as r}from"@mage-ui/styled-system/recipes";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({children:o,search:s,searchValue:c,onSearchChange:l,filters:u,filtersState:d,onFiltersChange:f,classNames:p})=>{let m=s!=null,h=u!=null&&d!=null&&f!=null;return!m&&!h&&!(o!=null&&o!==!1)?null:a(`div`,{className:p?.root??r(),children:[h?u.render(d,f):null,m&&l?i(t,{placeholder:s.placeholder,"aria-label":s.label??s.placeholder,value:c??``,onChange:e=>l(e.currentTarget.value),startSlot:i(e,{path:`/icons/sprite-mage.svg`,name:`mage-searcher-search`}),classNames:{textInput:n()},type:`search`}):null,o]})};export{o as DataTableTopSlot};
 //# sourceMappingURL=DataTableTopSlot.mjs.map

package/dist/components/data-display/datatables/DataTableTopSlot.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableTopSlot.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableTopSlot.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { dataTableTopSlot } from '@mage-ui/styled-system/recipes';\n\nimport { TextInput } from '../../controls/text-input/TextInput';\nimport type {\n  DataTableFiltersConfig,\n  DataTableSearchConfig,\n} from './DataTable';\n\ntype DataTableTopSlotClassNames = {\n  root?: string;\n};\n\nexport type DataTableTopSlotProps = {\n  children?: ReactNode;\n  search?: DataTableSearchConfig;\n  searchValue?: string;\n  onSearchChange?: (value: string) => void;\n  filters?: DataTableFiltersConfig;\n  filtersState?: Record<string, unknown>;\n  onFiltersChange?: (next: Record<string, unknown>) => void;\n  classNames?: DataTableTopSlotClassNames;\n};\n\nexport const DataTableTopSlot = ({\n  children,\n  search,\n  searchValue,\n  onSearchChange,\n  filters,\n  filtersState,\n  onFiltersChange,\n  classNames,\n}: DataTableTopSlotProps): ReactNode => {\n  const hasSearch = search != null;\n  const hasFilters =\n    filters != null && filtersState != null && onFiltersChange != null;\n  const hasChildren =\n    children !== null && children !== undefined && children !== false;\n\n  if (!hasSearch && !hasFilters && !hasChildren) {\n    return null;\n  }\n\n  return (\n    <div className={classNames?.root ?? dataTableTopSlot()}>\n      {hasFilters ? filters.render(filtersState, onFiltersChange) : null}\n      {hasSearch && onSearchChange ? (\n        <TextInput\n          placeholder={search.placeholder}\n          aria-label={search.label ?? search.placeholder}\n          value={searchValue ?? ''}\n          onChange={(event) => onSearchChange(event.currentTarget.value)}\n        />\n      ) : null}\n      {children}\n    </div>\n  );\n};\n"],"mappings":"wLAyBA,MAAa,GAAoB,CAC/B,WACA,SACA,cACA,iBACA,UACA,eACA,kBACA,gBACsC,CACtC,IAAM,EAAY,GAAU,KACtB,EACJ,GAAW,MAAQ,GAAgB,MAAQ,GAAmB,KAQhE,MAJI,CAAC,GAAa,CAAC,GAAc,EAF/B,GAAa,MAAkC,IAAa,IAGrD,KAIP,EAAC,MAAA,CAAI,UAAW,GAAY,MAAQ,GAAkB,WACnD,EAAa,EAAQ,OAAO,EAAc,EAAgB,CAAG,KAC7D,GAAa,EACZ,EAAC,EAAA,CACC,YAAa,EAAO,YACpB,aAAY,EAAO,OAAS,EAAO,YACnC,MAAO,GAAe,GACtB,SAAW,GAAU,EAAe,EAAM,cAAc,MAAM,EAC9D,CACA,KACH,IACG"}
+{"version":3,"file":"DataTableTopSlot.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableTopSlot.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  dataTableSearcher,\n  dataTableTopSlot,\n} from '@mage-ui/styled-system/recipes';\n\nimport { TextInput } from '../../controls/text-input/TextInput';\nimport { Icon } from '../icons/icon/Icon';\nimport type {\n  DataTableFiltersConfig,\n  DataTableSearchConfig,\n} from './DataTable';\n\ntype DataTableTopSlotClassNames = {\n  root?: string;\n};\n\nexport type DataTableTopSlotProps = {\n  children?: ReactNode;\n  search?: DataTableSearchConfig;\n  searchValue?: string;\n  onSearchChange?: (value: string) => void;\n  filters?: DataTableFiltersConfig;\n  filtersState?: Record<string, unknown>;\n  onFiltersChange?: (next: Record<string, unknown>) => void;\n  classNames?: DataTableTopSlotClassNames;\n};\n\nexport const DataTableTopSlot = ({\n  children,\n  search,\n  searchValue,\n  onSearchChange,\n  filters,\n  filtersState,\n  onFiltersChange,\n  classNames,\n}: DataTableTopSlotProps): ReactNode => {\n  const hasSearch = search != null;\n  const hasFilters =\n    filters != null && filtersState != null && onFiltersChange != null;\n  const hasChildren =\n    children !== null && children !== undefined && children !== false;\n\n  if (!hasSearch && !hasFilters && !hasChildren) {\n    return null;\n  }\n\n  return (\n    <div className={classNames?.root ?? dataTableTopSlot()}>\n      {hasFilters ? filters.render(filtersState, onFiltersChange) : null}\n      {hasSearch && onSearchChange ? (\n        <TextInput\n          placeholder={search.placeholder}\n          aria-label={search.label ?? search.placeholder}\n          value={searchValue ?? ''}\n          onChange={(event) => onSearchChange(event.currentTarget.value)}\n          startSlot={\n            <Icon path='/icons/sprite-mage.svg' name='mage-searcher-search' />\n          }\n          classNames={{\n            textInput: dataTableSearcher(),\n          }}\n          type='search'\n        />\n      ) : null}\n      {children}\n    </div>\n  );\n};\n"],"mappings":"6PA6BA,MAAa,GAAoB,CAC/B,WACA,SACA,cACA,iBACA,UACA,eACA,kBACA,gBACsC,CACtC,IAAM,EAAY,GAAU,KACtB,EACJ,GAAW,MAAQ,GAAgB,MAAQ,GAAmB,KAQhE,MAJI,CAAC,GAAa,CAAC,GAAc,EAF/B,GAAa,MAAkC,IAAa,IAGrD,KAIP,EAAC,MAAA,CAAI,UAAW,GAAY,MAAQ,GAAkB,WACnD,EAAa,EAAQ,OAAO,EAAc,EAAgB,CAAG,KAC7D,GAAa,EACZ,EAAC,EAAA,CACC,YAAa,EAAO,YACpB,aAAY,EAAO,OAAS,EAAO,YACnC,MAAO,GAAe,GACtB,SAAW,GAAU,EAAe,EAAM,cAAc,MAAM,CAC9D,UACE,EAAC,EAAA,CAAK,KAAK,yBAAyB,KAAK,wBAAyB,CAEpE,WAAY,CACV,UAAW,GAAmB,CAC/B,CACD,KAAK,UACL,CACA,KACH,IACG"}

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.81",
+  "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.81"
+    "@mage-ui/preset": "1.0.83",
+    "@mage-ui/styled-system": "1.0.8"
   },
   "peerDependencies": {
     "@ebay/nice-modal-react": "^1.2.13",