@mage-ui/components 1.0.70 → 1.0.72

package/dist/index.d.mts

@@ -28,11 +28,14 @@ import { TableHeaderCellProps } from "./components/data-display/table/TableHeade
 import { TableCellProps } from "./components/data-display/table/TableCell.mjs";
 import { TableCaptionProps } from "./components/data-display/table/TableCaption.mjs";
 import { Table } from "./components/data-display/table/Table.mjs";
-import { StatelessDataTableContextProvider, StatelessDataTableContextValue, useStatelessDataTableContext } from "./components/data-display/datatables/datatable-stateless/useStatelessDataTableContext.mjs";
-import { StatelessDataTableSlotContent, StatelessDataTableSlotRenderProps, StatelessDataTableSlotRow, StatelessDataTableSlotRowProps, StatelessDataTableSlots } from "./components/data-display/datatables/datatable-stateless/StatelessDataTableSlotRow.mjs";
-import { StatelessDataTable, StatelessDataTableClassNames, StatelessDataTableExpansionConfig, StatelessDataTablePaginationConfig, StatelessDataTableProps, StatelessDataTableSelectionConfig, StatelessDataTableSortingConfig, StatelessDataTableTableConfig } from "./components/data-display/datatables/datatable-stateless/StatelessDataTable.mjs";
-import { StatelessDataTablePageSize, StatelessDataTablePageSizeProps } from "./components/data-display/datatables/datatable-stateless/StatelessDataTablePageSize.mjs";
-import { ColumnDef, ExpandedState, PaginationState, RowSelectionState, SortingState } from "./components/data-display/datatables/datatable-stateless/index.mjs";
+import { DEFAULT_DATA_TABLE_LABELS, DataTableContextProvider, DataTableContextValue, DataTableLabels, useDataTableContext } from "./components/data-display/datatables/useDataTableContext.mjs";
+import { DataTable, DataTableClassNames, DataTableColumnMeta, DataTableExpansionConfig, DataTableExtraColumnConfig, DataTableFiltersConfig, DataTablePaginationConfig, DataTableProps, DataTableRecord, DataTableSearchConfig, DataTableSelectionConfig, DataTableSortingConfig, DataTableTableConfig } from "./components/data-display/datatables/DataTable.mjs";
+import { DataTablePageSize, DataTablePageSizeProps } from "./components/data-display/datatables/DataTablePageSize.mjs";
+import { Pagination, PaginationClassNames, PaginationRootProps } from "./components/navigations/pagination/Pagination.mjs";
+import { DataTablePagination, DataTablePaginationProps } from "./components/data-display/datatables/DataTablePagination.mjs";
+import { DataTableBottomSlot, DataTableBottomSlotProps } from "./components/data-display/datatables/DataTableBottomSlot.mjs";
+import { DataTableTopSlot, DataTableTopSlotProps } from "./components/data-display/datatables/DataTableTopSlot.mjs";
+import { ColumnDef, ExpandedState, PaginationState, RowSelectionState, SortingState } from "./components/data-display/datatables/index.mjs";
 import { DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps } from "./components/data-display/description-list/DescriptionList.mjs";
 import { Icon, IconProps } from "./components/data-display/icons/icon/Icon.mjs";
 import { IconRaw, IconRawProps } from "./components/data-display/icons/icon-raw/IconRaw.mjs";
@@ -69,7 +72,6 @@ import { Grid, GridClassNames } from "./components/layouts/grid/Grid.mjs";
 import { BreadcrumbsBarProps } from "./components/navigations/breadcrumbs/BreadcrumbsBar.mjs";
 import { Breadcrumbs, BreadcrumbsProps } from "./components/navigations/breadcrumbs/Breadcrumbs.mjs";
 import { Menu, MenuProps } from "./components/navigations/menu/Menu.mjs";
-import { Pagination, PaginationClassNames, PaginationProps } from "./components/navigations/pagination/Pagination.mjs";
 import { Sidebar, SidebarClassNames, SidebarProps } from "./components/navigations/sidebars/sidebar/Sidebar.mjs";
 import { ModalClassNames, ModalIntent, ModalProps, ModalRootProps } from "./components/overlays/modal/modal-types.mjs";
 import { ModalRegistry, ModalRegistryEntry } from "./components/overlays/modal/modal-registry.mjs";
@@ -80,4 +82,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, CardMove, CardProps, CardRenderProps, Checkbox, CheckboxProps, ColumnDef, Combobox, ComboboxProps, ConfigMap, 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, KanbanCard, KanbanCardProps, 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, PaginationProps, PaginationState, PasswordInput, PasswordInputProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, RowSelectionState, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaClassNames, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, SortingState, StatelessDataTable, StatelessDataTableClassNames, StatelessDataTableContextProvider, StatelessDataTableContextValue, StatelessDataTableExpansionConfig, StatelessDataTablePageSize, StatelessDataTablePageSizeProps, StatelessDataTablePaginationConfig, StatelessDataTableProps, StatelessDataTableSelectionConfig, StatelessDataTableSlotContent, StatelessDataTableSlotRenderProps, StatelessDataTableSlotRow, StatelessDataTableSlotRowProps, StatelessDataTableSlots, StatelessDataTableSortingConfig, StatelessDataTableTableConfig, 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, usePasswordRules, useStatelessDataTableContext, z };
+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, CardMove, CardProps, CardRenderProps, Checkbox, CheckboxProps, ColumnDef, Combobox, ComboboxProps, ConfigMap, DEFAULT_DATA_TABLE_LABELS, DataTable, DataTableBottomSlot, DataTableBottomSlotProps, DataTableClassNames, DataTableColumnMeta, DataTableContextProvider, DataTableContextValue, 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, KanbanCard, KanbanCardProps, 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, 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{StatelessDataTableSlotRow as f}from"./components/data-display/datatables/datatable-stateless/StatelessDataTableSlotRow.mjs";import{Checkbox as p}from"./components/controls/checkbox/Checkbox.mjs";import{StatelessDataTableContextProvider as m,useStatelessDataTableContext as h}from"./components/data-display/datatables/datatable-stateless/useStatelessDataTableContext.mjs";import{StatelessDataTable as g}from"./components/data-display/datatables/datatable-stateless/StatelessDataTable.mjs";import{StatelessDataTablePageSize as _}from"./components/data-display/datatables/datatable-stateless/StatelessDataTablePageSize.mjs";import{DescriptionList as v}from"./components/data-display/description-list/DescriptionList.mjs";import{IconRaw as y}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as b}from"./components/data-display/icons/icon/Icon.mjs";import{IconSvg as x}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{IconWrapped as S}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Indicator as C}from"./components/data-display/indicator/Indicator.mjs";import{KanbanCard as w}from"./components/data-display/kanban/KanbanCard.mjs";import{TextInput as T}from"./components/controls/text-input/TextInput.mjs";import{Kanban as E}from"./components/data-display/kanban/Kanban.mjs";import{LoaderDot as D}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as O}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as k}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as A}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as j}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as M}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as N}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as P}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as F}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as I}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{HorizontalDivider as L}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollAreaAutosize as R}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{ButtonIcon as z}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as B}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as V}from"./components/buttons/button-visual/ButtonVisual.mjs";import{DatePicker as H}from"./components/controls/date-picker/DatePicker.mjs";import{Autocomplete as U}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as W}from"./components/controls/dropdown/combobox/Combobox.mjs";import{Select as G}from"./components/controls/dropdown/select/Select.mjs";import{Dropzone as K}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as q}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as J}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as Y}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as X}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as Z}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as Q}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as $}from"./components/controls/radio/Radio.mjs";import{Textarea as ee}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as te}from"./components/forms/rules/password-rules.mjs";import{z as ne}from"./components/forms/rules/zod.mjs";import{Form as re}from"./components/forms/Form.mjs";import{Card as ie}from"./components/layouts/card/Card.mjs";import{FluidGrid as ae}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as oe}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as se}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as ce}from"./components/navigations/menu/Menu.mjs";import{Pagination as le}from"./components/navigations/pagination/Pagination.mjs";import{Modal as ue}from"./components/overlays/modal/Modal.mjs";import{Modals as de}from"./components/overlays/modal/index.mjs";import{Toast as fe}from"./components/overlays/toast/toast.mjs";import{Tooltip as pe}from"./components/overlays/tooltip/Tooltip.mjs";import{Sidebar as me}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as he}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,U as Autocomplete,a as Avatar,o as Badge,se as Breadcrumbs,e as Button,n as ButtonAction,z as ButtonIcon,B as ButtonIconVisual,r as ButtonLoader,V as ButtonVisual,s as Calendar,ie as Card,p as Checkbox,W as Combobox,H as DatePicker,v as DescriptionList,K as Dropzone,q as DropzoneFiles,J as FileInput,Y as FileInputMultiple,ae as FluidGrid,re as Form,oe as Grid,L as HorizontalDivider,b as Icon,y as IconRaw,x as IconSvg,S as IconWrapped,C as Indicator,E as Kanban,w as KanbanCard,D as LoaderDot,O as LoaderOval,k as LogoImage,A as LogoSvg,he as MageUiProvider,ce as Menu,ue as Modal,de as Modals,j as NotificationBanner,te as PASSWORD_RULES,le as Pagination,X as PasswordInput,Z as PasswordStrengthInput,$ as Radio,M as RemovableItem,u as ScrollArea,R as ScrollAreaAutosize,G as Select,me as Sidebar,g as StatelessDataTable,m as StatelessDataTableContextProvider,_ as StatelessDataTablePageSize,f as StatelessDataTableSlotRow,d as Table,P as Tag,N as TagGroup,T as TextInput,ee as Textarea,fe as Toast,pe as Tooltip,F as UploadedFile,I as UploadedFileDetails,l as Virtual,t as VisuallyHidden,c as momentLocalizer,Q as usePasswordRules,h as useStatelessDataTableContext,ne 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{DEFAULT_DATA_TABLE_LABELS as f,DataTableContextProvider as p,useDataTableContext as m}from"./components/data-display/datatables/useDataTableContext.mjs";import{Checkbox as h}from"./components/controls/checkbox/Checkbox.mjs";import{DataTable as g}from"./components/data-display/datatables/DataTable.mjs";import{DataTablePageSize as _}from"./components/data-display/datatables/DataTablePageSize.mjs";import{Pagination as v}from"./components/navigations/pagination/Pagination.mjs";import{DataTablePagination as y}from"./components/data-display/datatables/DataTablePagination.mjs";import{DataTableBottomSlot as b}from"./components/data-display/datatables/DataTableBottomSlot.mjs";import{TextInput as x}from"./components/controls/text-input/TextInput.mjs";import{DataTableTopSlot as S}from"./components/data-display/datatables/DataTableTopSlot.mjs";import{DescriptionList as C}from"./components/data-display/description-list/DescriptionList.mjs";import{IconRaw as w}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as T}from"./components/data-display/icons/icon/Icon.mjs";import{IconSvg as E}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{IconWrapped as D}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Indicator as O}from"./components/data-display/indicator/Indicator.mjs";import{KanbanCard as k}from"./components/data-display/kanban/KanbanCard.mjs";import{Kanban as A}from"./components/data-display/kanban/Kanban.mjs";import{LoaderDot as j}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as M}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as N}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as P}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as F}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as I}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as L}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as R}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as z}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as B}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{HorizontalDivider as V}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollAreaAutosize as H}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{ButtonIcon as U}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as W}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as G}from"./components/buttons/button-visual/ButtonVisual.mjs";import{DatePicker as K}from"./components/controls/date-picker/DatePicker.mjs";import{Autocomplete as q}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as J}from"./components/controls/dropdown/combobox/Combobox.mjs";import{Select as Y}from"./components/controls/dropdown/select/Select.mjs";import{Dropzone as X}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as Z}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as Q}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as $}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as ee}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as te}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as ne}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as re}from"./components/controls/radio/Radio.mjs";import{Textarea as ie}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as ae}from"./components/forms/rules/password-rules.mjs";import{z as oe}from"./components/forms/rules/zod.mjs";import{Form as se}from"./components/forms/Form.mjs";import{Card as ce}from"./components/layouts/card/Card.mjs";import{FluidGrid as le}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as ue}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as de}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as fe}from"./components/navigations/menu/Menu.mjs";import{Modal as pe}from"./components/overlays/modal/Modal.mjs";import{Modals as me}from"./components/overlays/modal/index.mjs";import{Toast as he}from"./components/overlays/toast/toast.mjs";import{Tooltip as ge}from"./components/overlays/tooltip/Tooltip.mjs";import{Sidebar as _e}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as ve}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,q as Autocomplete,a as Avatar,o as Badge,de as Breadcrumbs,e as Button,n as ButtonAction,U as ButtonIcon,W as ButtonIconVisual,r as ButtonLoader,G as ButtonVisual,s as Calendar,ce as Card,h as Checkbox,J as Combobox,f as DEFAULT_DATA_TABLE_LABELS,g as DataTable,b as DataTableBottomSlot,p as DataTableContextProvider,_ as DataTablePageSize,y as DataTablePagination,S as DataTableTopSlot,K as DatePicker,C as DescriptionList,X as Dropzone,Z as DropzoneFiles,Q as FileInput,$ as FileInputMultiple,le as FluidGrid,se as Form,ue as Grid,V as HorizontalDivider,T as Icon,w as IconRaw,E as IconSvg,D as IconWrapped,O as Indicator,A as Kanban,k as KanbanCard,j as LoaderDot,M as LoaderOval,N as LogoImage,P as LogoSvg,ve as MageUiProvider,fe as Menu,pe as Modal,me as Modals,F as NotificationBanner,ae as PASSWORD_RULES,v as Pagination,ee as PasswordInput,te as PasswordStrengthInput,re as Radio,I as RemovableItem,u as ScrollArea,H as ScrollAreaAutosize,Y as Select,_e as Sidebar,d as Table,R as Tag,L as TagGroup,x as TextInput,ie as Textarea,he as Toast,ge as Tooltip,z as UploadedFile,B as UploadedFileDetails,l as Virtual,t as VisuallyHidden,c as momentLocalizer,m as useDataTableContext,ne as usePasswordRules,oe as z};

package/package.json

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

package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTable.d.mts

@@ -1,64 +0,0 @@
-import { TableClassNames, TableProps } from "../../table/TableRoot.mjs";
-import "../../table/Table.mjs";
-import { StatelessDataTableSlots } from "./StatelessDataTableSlotRow.mjs";
-import { ReactNode } from "react";
-import { ColumnDef, ExpandedState, OnChangeFn, PaginationState, RowSelectionState, SortingState, TableOptions } from "@tanstack/react-table";
-
-//#region src/components/data-display/datatables/datatable-stateless/StatelessDataTable.d.ts
-type StatelessDataTableSortingConfig = {
-  state: SortingState;
-  onChange: OnChangeFn<SortingState>;
-};
-type StatelessDataTablePaginationConfig = {
-  state: PaginationState;
-  onChange: OnChangeFn<PaginationState>;
-  pageCount: number;
-  rowCount?: number;
-};
-type StatelessDataTableSelectionConfig<Data = unknown> = {
-  state: RowSelectionState;
-  onChange: OnChangeFn<RowSelectionState>;
-  getRowId?: (row: Data) => string;
-  isRowDisabled?: (row: Data) => boolean;
-  bulkActions?: (selectedIds: string[]) => ReactNode;
-};
-type StatelessDataTableExpansionConfig<Data = unknown> = {
-  state: ExpandedState;
-  onChange: OnChangeFn<ExpandedState>;
-  renderContent: (row: Data) => ReactNode;
-};
-type StatelessDataTableTableConfig = Pick<TableProps, 'layout' | 'striped' | 'highlightOnHover' | 'stickyHeader' | 'withTableBorder' | 'withColumnBorders' | 'withRowBorders' | 'scrollable'>;
-type StatelessDataTableClassNames = {
-  dataTable?: string;
-  root?: string;
-  slotRow?: string;
-  bulkBar?: string;
-  loading?: string;
-  empty?: string;
-  table?: TableClassNames;
-};
-type StatelessDataTableManagedOptions<Data> = Partial<Omit<TableOptions<Data>, 'columns' | 'data' | 'enableRowSelection' | 'enableSorting' | 'getCoreRowModel' | 'getExpandedRowModel' | 'getPaginationRowModel' | 'getRowId' | 'getSortedRowModel' | 'manualPagination' | 'manualSorting' | 'onExpandedChange' | 'onPaginationChange' | 'onRowSelectionChange' | 'onSortingChange' | 'pageCount' | 'rowCount' | 'state'>>;
-type StatelessDataTableProps<Data> = {
-  data: Data[];
-  columns: ColumnDef<Data, unknown>[];
-  sorting?: StatelessDataTableSortingConfig;
-  pagination?: StatelessDataTablePaginationConfig;
-  selection?: StatelessDataTableSelectionConfig<Data>;
-  expansion?: StatelessDataTableExpansionConfig<Data>;
-  loading?: boolean;
-  onRefresh?: () => void | Promise<void>;
-  slots?: StatelessDataTableSlots<Data>;
-  classNames?: StatelessDataTableClassNames;
-  options?: StatelessDataTableManagedOptions<Data>;
-} & StatelessDataTableTableConfig;
-declare const StatelessDataTable: <Data>({
-  classNames,
-  slots,
-  loading,
-  selection,
-  expansion,
-  ...props
-}: StatelessDataTableProps<Data>) => ReactNode;
-//#endregion
-export { StatelessDataTable, StatelessDataTableClassNames, StatelessDataTableExpansionConfig, StatelessDataTablePaginationConfig, StatelessDataTableProps, StatelessDataTableSelectionConfig, StatelessDataTableSortingConfig, StatelessDataTableTableConfig };
-//# sourceMappingURL=StatelessDataTable.d.mts.map

package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTable.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatelessDataTable.d.mts","names":[],"sources":["../../../../../src/components/data-display/datatables/datatable-stateless/StatelessDataTable.tsx"],"mappings":";;;;;;;KAgCY,+BAAA;EACV,KAAA,EAAO,YAAA;EACP,QAAA,EAAU,UAAA,CAAW,YAAA;AAAA;AAAA,KAGX,kCAAA;EACV,KAAA,EAAO,eAAA;EACP,QAAA,EAAU,UAAA,CAAW,eAAA;EACrB,SAAA;EACA,QAAA;AAAA;AAAA,KAGU,iCAAA;EACV,KAAA,EAAO,iBAAA;EACP,QAAA,EAAU,UAAA,CAAW,iBAAA;EACrB,QAAA,IAAY,GAAA,EAAK,IAAA;EACjB,aAAA,IAAiB,GAAA,EAAK,IAAA;EACtB,WAAA,IAAe,WAAA,eAA0B,SAAA;AAAA;AAAA,KAG/B,iCAAA;EACV,KAAA,EAAO,aAAA;EACP,QAAA,EAAU,UAAA,CAAW,aAAA;EACrB,aAAA,GAAgB,GAAA,EAAK,IAAA,KAAS,SAAA;AAAA;AAAA,KAGpB,6BAAA,GAAgC,IAAA,CAC1C,UAAA;AAAA,KAWU,4BAAA;EACV,SAAA;EACA,IAAA;EACA,OAAA;EACA,OAAA;EACA,OAAA;EACA,KAAA;EACA,KAAA,GAAQ,eAAA;AAAA;AAAA,KAGL,gCAAA,SAAyC,OAAA,CAC5C,IAAA,CACE,YAAA,CAAa,IAAA;AAAA,KAsBL,uBAAA;EACV,IAAA,EAAM,IAAA;EACN,OAAA,EAAS,SAAA,CAAU,IAAA;EACnB,OAAA,GAAU,+BAAA;EACV,UAAA,GAAa,kCAAA;EACb,SAAA,GAAY,iCAAA,CAAkC,IAAA;EAC9C,SAAA,GAAY,iCAAA,CAAkC,IAAA;EAC9C,OAAA;EACA,SAAA,gBAAyB,OAAA;EACzB,KAAA,GAAQ,uBAAA,CAAwB,IAAA;EAChC,UAAA,GAAa,4BAAA;EACb,OAAA,GAAU,gCAAA,CAAiC,IAAA;AAAA,IACzC,6BAAA;AAAA,cAES,kBAAA;EAA6B,UAAA;EAAA,KAAA;EAAA,OAAA;EAAA,SAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAOvC,uBAAA,CAAwB,IAAA,MAAQ,SAAA"}

package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTable.mjs

@@ -1,2 +0,0 @@
-import{Table as e}from"../../table/Table.mjs";import{StatelessDataTableBody as t}from"./StatelessDataTableBody.mjs";import{StatelessDataTableBulkBar as n}from"./StatelessDataTableBulkBar.mjs";import{StatelessDataTableHeader as r}from"./StatelessDataTableHeader.mjs";import{StatelessDataTableRootContainer as i}from"./StatelessDataTableRootContainer.mjs";import{StatelessDataTableSlotRow as a}from"./StatelessDataTableSlotRow.mjs";import{StatelessDataTableViewport as o}from"./StatelessDataTableViewport.mjs";import{useStatelessDataTable as s}from"./useStatelessDataTable.mjs";import{StatelessDataTableContextProvider as c}from"./useStatelessDataTableContext.mjs";import{jsx as l,jsxs as u}from"react/jsx-runtime";const d=({classNames:d,slots:f,loading:p,selection:m,expansion:h,...g})=>{let{headerRef:_,headerHeight:v,layout:y,slotProps:b,table:x}=s({...g,loading:p,selection:m,expansion:h});return l(c,{value:b,children:u(i,{busy:p,classNames:d,children:[l(a,{slot:f?.top,slotProps:b,className:d?.slotRow}),l(o,{loading:p,headerHeight:v,loadingClassName:d?.loading,children:u(e,{...g,layout:y,classNames:d?.table,children:[l(r,{headerGroups:x.getHeaderGroups(),totalSize:x.getTotalSize(),theadRef:_}),l(t,{rows:x.getRowModel().rows,colCount:x.getVisibleLeafColumns().length,loading:p,empty:f?.empty,slotProps:b,emptyClassName:d?.empty,expansion:h,selection:m})]})}),l(a,{slot:f?.bottom,slotProps:b,className:d?.slotRow}),l(n,{selectedIds:b.selectedIds,className:d?.bulkBar,selection:m})]})})};export{d as StatelessDataTable};
-//# sourceMappingURL=StatelessDataTable.mjs.map

package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTable.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatelessDataTable.mjs","names":[],"sources":["../../../../../src/components/data-display/datatables/datatable-stateless/StatelessDataTable.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport type {\n  ColumnDef,\n  ExpandedState,\n  OnChangeFn,\n  PaginationState,\n  RowSelectionState,\n  SortingState,\n  TableOptions,\n} from '@tanstack/react-table';\n\nimport {\n  Table,\n  type TableClassNames,\n  type TableProps,\n} from '../../table/Table';\nimport { StatelessDataTableBody } from './StatelessDataTableBody';\nimport { StatelessDataTableBulkBar } from './StatelessDataTableBulkBar';\nimport { StatelessDataTableHeader } from './StatelessDataTableHeader';\nimport { StatelessDataTableRootContainer } from './StatelessDataTableRootContainer';\nimport {\n  StatelessDataTableSlotRow,\n  type StatelessDataTableSlots,\n} from './StatelessDataTableSlotRow';\nimport { StatelessDataTableViewport } from './StatelessDataTableViewport';\nimport { useStatelessDataTable } from './useStatelessDataTable';\nimport {\n  StatelessDataTableContextProvider,\n  type StatelessDataTableContextValue,\n} from './useStatelessDataTableContext';\n\nexport type StatelessDataTableSortingConfig = {\n  state: SortingState;\n  onChange: OnChangeFn<SortingState>;\n};\n\nexport type StatelessDataTablePaginationConfig = {\n  state: PaginationState;\n  onChange: OnChangeFn<PaginationState>;\n  pageCount: number;\n  rowCount?: number;\n};\n\nexport type StatelessDataTableSelectionConfig<Data = unknown> = {\n  state: RowSelectionState;\n  onChange: OnChangeFn<RowSelectionState>;\n  getRowId?: (row: Data) => string;\n  isRowDisabled?: (row: Data) => boolean;\n  bulkActions?: (selectedIds: string[]) => ReactNode;\n};\n\nexport type StatelessDataTableExpansionConfig<Data = unknown> = {\n  state: ExpandedState;\n  onChange: OnChangeFn<ExpandedState>;\n  renderContent: (row: Data) => ReactNode;\n};\n\nexport type StatelessDataTableTableConfig = Pick<\n  TableProps,\n  | 'layout'\n  | 'striped'\n  | 'highlightOnHover'\n  | 'stickyHeader'\n  | 'withTableBorder'\n  | 'withColumnBorders'\n  | 'withRowBorders'\n  | 'scrollable'\n>;\n\nexport type StatelessDataTableClassNames = {\n  dataTable?: string;\n  root?: string;\n  slotRow?: string;\n  bulkBar?: string;\n  loading?: string;\n  empty?: string;\n  table?: TableClassNames;\n};\n\ntype StatelessDataTableManagedOptions<Data> = Partial<\n  Omit<\n    TableOptions<Data>,\n    | 'columns'\n    | 'data'\n    | 'enableRowSelection'\n    | 'enableSorting'\n    | 'getCoreRowModel'\n    | 'getExpandedRowModel'\n    | 'getPaginationRowModel'\n    | 'getRowId'\n    | 'getSortedRowModel'\n    | 'manualPagination'\n    | 'manualSorting'\n    | 'onExpandedChange'\n    | 'onPaginationChange'\n    | 'onRowSelectionChange'\n    | 'onSortingChange'\n    | 'pageCount'\n    | 'rowCount'\n    | 'state'\n  >\n>;\n\nexport type StatelessDataTableProps<Data> = {\n  data: Data[];\n  columns: ColumnDef<Data, unknown>[];\n  sorting?: StatelessDataTableSortingConfig;\n  pagination?: StatelessDataTablePaginationConfig;\n  selection?: StatelessDataTableSelectionConfig<Data>;\n  expansion?: StatelessDataTableExpansionConfig<Data>;\n  loading?: boolean;\n  onRefresh?: () => void | Promise<void>;\n  slots?: StatelessDataTableSlots<Data>;\n  classNames?: StatelessDataTableClassNames;\n  options?: StatelessDataTableManagedOptions<Data>;\n} & StatelessDataTableTableConfig;\n\nexport const StatelessDataTable = <Data,>({\n  classNames,\n  slots,\n  loading,\n  selection,\n  expansion,\n  ...props\n}: StatelessDataTableProps<Data>): ReactNode => {\n  const { headerRef, headerHeight, layout, slotProps, table } =\n    useStatelessDataTable({\n      ...props,\n      loading,\n      selection,\n      expansion,\n    });\n\n  return (\n    <StatelessDataTableContextProvider\n      value={slotProps as unknown as StatelessDataTableContextValue<unknown>}\n    >\n      <StatelessDataTableRootContainer busy={loading} classNames={classNames}>\n        <StatelessDataTableSlotRow\n          slot={slots?.top}\n          slotProps={slotProps}\n          className={classNames?.slotRow}\n        />\n\n        <StatelessDataTableViewport\n          loading={loading}\n          headerHeight={headerHeight}\n          loadingClassName={classNames?.loading}\n        >\n          <Table {...props} layout={layout} classNames={classNames?.table}>\n            <StatelessDataTableHeader\n              headerGroups={table.getHeaderGroups()}\n              totalSize={table.getTotalSize()}\n              theadRef={headerRef}\n            />\n            <StatelessDataTableBody\n              rows={table.getRowModel().rows}\n              colCount={table.getVisibleLeafColumns().length}\n              loading={loading}\n              empty={slots?.empty}\n              slotProps={slotProps}\n              emptyClassName={classNames?.empty}\n              expansion={expansion}\n              selection={selection}\n            />\n          </Table>\n        </StatelessDataTableViewport>\n\n        <StatelessDataTableSlotRow\n          slot={slots?.bottom}\n          slotProps={slotProps}\n          className={classNames?.slotRow}\n        />\n\n        <StatelessDataTableBulkBar\n          selectedIds={slotProps.selectedIds}\n          className={classNames?.bulkBar}\n          selection={selection}\n        />\n      </StatelessDataTableRootContainer>\n    </StatelessDataTableContextProvider>\n  );\n};\n"],"mappings":"ysBAsHA,MAAa,GAA6B,CACxC,aACA,QACA,UACA,YACA,YACA,GAAG,KAC2C,CAC9C,GAAM,CAAE,YAAW,eAAc,SAAQ,YAAW,SAClD,EAAsB,CACpB,GAAG,EACH,UACA,YACA,YACD,CAAC,CAEJ,OACE,EAAC,EAAA,CACC,MAAO,WAEP,EAAC,EAAA,CAAgC,KAAM,EAAqB,uBAC1D,EAAC,EAAA,CACC,KAAM,GAAO,IACF,YACX,UAAW,GAAY,SACvB,CAEF,EAAC,EAAA,CACU,UACK,eACd,iBAAkB,GAAY,iBAE9B,EAAC,EAAA,CAAM,GAAI,EAAe,SAAQ,WAAY,GAAY,gBACxD,EAAC,EAAA,CACC,aAAc,EAAM,iBAAiB,CACrC,UAAW,EAAM,cAAc,CAC/B,SAAU,GACV,CACF,EAAC,EAAA,CACC,KAAM,EAAM,aAAa,CAAC,KAC1B,SAAU,EAAM,uBAAuB,CAAC,OAC/B,UACT,MAAO,GAAO,MACH,YACX,eAAgB,GAAY,MACjB,YACA,aACX,CAAA,EACI,EACmB,CAE7B,EAAC,EAAA,CACC,KAAM,GAAO,OACF,YACX,UAAW,GAAY,SACvB,CAEF,EAAC,EAAA,CACC,YAAa,EAAU,YACvB,UAAW,GAAY,QACZ,aACX,GAC8B,EACA"}

package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableBody.mjs

@@ -1,2 +0,0 @@
-import{Table as e}from"../../table/Table.mjs";import{dataTableEmpty as t}from"@mage-ui/styled-system/recipes";import{jsx as n}from"react/jsx-runtime";import{flexRender as r}from"@tanstack/react-table";const i=({rows:i,colCount:a,loading:o,empty:s,slotProps:c,emptyClassName:l,expansion:u,selection:d})=>{let f=!o&&i.length===0,p=typeof s==`function`?s(c):s??`No results found`,m=i.flatMap(t=>{let i=n(e.Row,{"data-selected":t.getIsSelected()||void 0,"data-disabled":d&&!t.getCanSelect()||void 0,"data-expanded":t.getIsExpanded()||void 0,children:t.getVisibleCells().map(t=>n(e.Cell,{children:r(t.column.columnDef.cell,t.getContext())},t.id))},`row-${t.id}`);return!u||!t.getIsExpanded()?[i]:[i,n(e.Row,{id:`stateless-data-table-expanded-${t.id}`,children:n(e.Cell,{colSpan:a,style:{padding:0},children:u.renderContent(t.original)})},`expanded-${t.id}`)]});return n(e.Body,{children:f?n(e.Row,{children:n(e.Cell,{colSpan:a,classNames:{td:l??t()},children:p})}):m})};export{i as StatelessDataTableBody};
-//# sourceMappingURL=StatelessDataTableBody.mjs.map

package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableBody.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatelessDataTableBody.mjs","names":[],"sources":["../../../../../src/components/data-display/datatables/datatable-stateless/StatelessDataTableBody.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { dataTableEmpty } from '@mage-ui/styled-system/recipes';\nimport { flexRender, type Row } from '@tanstack/react-table';\n\nimport { Table } from '../../table/Table';\nimport type {\n  StatelessDataTableExpansionConfig,\n  StatelessDataTableSelectionConfig,\n} from './StatelessDataTable';\nimport type {\n  StatelessDataTableSlotContent,\n  StatelessDataTableSlotRenderProps,\n} from './StatelessDataTableSlotRow';\n\ntype StatelessDataTableBodyProps<Data> = {\n  rows: Row<Data>[];\n  colCount: number;\n  loading?: boolean;\n  empty?: StatelessDataTableSlotContent<Data>;\n  slotProps: StatelessDataTableSlotRenderProps<Data>;\n  emptyClassName?: string;\n  expansion?: StatelessDataTableExpansionConfig<Data>;\n  selection?: StatelessDataTableSelectionConfig<Data>;\n};\n\nexport const StatelessDataTableBody = <Data,>({\n  rows,\n  colCount,\n  loading,\n  empty,\n  slotProps,\n  emptyClassName,\n  expansion,\n  selection,\n}: StatelessDataTableBodyProps<Data>): ReactNode => {\n  const showEmptyState = !loading && rows.length === 0;\n  const emptyContent =\n    typeof empty === 'function'\n      ? empty(slotProps)\n      : (empty ?? 'No results found');\n  const bodyRows = rows.flatMap((row) => {\n    const baseRow = (\n      <Table.Row\n        key={`row-${row.id}`}\n        data-selected={row.getIsSelected() || undefined}\n        data-disabled={(selection && !row.getCanSelect()) || undefined}\n        data-expanded={row.getIsExpanded() || undefined}\n      >\n        {row.getVisibleCells().map((cell) => (\n          <Table.Cell key={cell.id}>\n            {flexRender(cell.column.columnDef.cell, cell.getContext())}\n          </Table.Cell>\n        ))}\n      </Table.Row>\n    );\n\n    if (!expansion || !row.getIsExpanded()) {\n      return [baseRow];\n    }\n\n    return [\n      baseRow,\n      <Table.Row\n        key={`expanded-${row.id}`}\n        id={`stateless-data-table-expanded-${row.id}`}\n      >\n        <Table.Cell colSpan={colCount} style={{ padding: 0 }}>\n          {expansion.renderContent(row.original)}\n        </Table.Cell>\n      </Table.Row>,\n    ];\n  });\n\n  return (\n    <Table.Body>\n      {showEmptyState ? (\n        <Table.Row>\n          <Table.Cell\n            colSpan={colCount}\n            classNames={{ td: emptyClassName ?? dataTableEmpty() }}\n          >\n            {emptyContent}\n          </Table.Cell>\n        </Table.Row>\n      ) : (\n        bodyRows\n      )}\n    </Table.Body>\n  );\n};\n"],"mappings":"yMA0BA,MAAa,GAAiC,CAC5C,OACA,WACA,UACA,QACA,YACA,iBACA,YACA,eACkD,CAClD,IAAM,EAAiB,CAAC,GAAW,EAAK,SAAW,EAC7C,EACJ,OAAO,GAAU,WACb,EAAM,EAAU,CACf,GAAS,mBACV,EAAW,EAAK,QAAS,GAAQ,CACrC,IAAM,EACJ,EAAC,EAAM,IAAA,CAEL,gBAAe,EAAI,eAAe,EAAI,IAAA,GACtC,gBAAgB,GAAa,CAAC,EAAI,cAAc,EAAK,IAAA,GACrD,gBAAe,EAAI,eAAe,EAAI,IAAA,YAErC,EAAI,iBAAiB,CAAC,IAAK,GAC1B,EAAC,EAAM,KAAA,CAAA,SACJ,EAAW,EAAK,OAAO,UAAU,KAAM,EAAK,YAAY,CAAC,CAAA,CAD3C,EAAK,GAET,CACb,EATG,OAAO,EAAI,KAUN,CAOd,MAJI,CAAC,GAAa,CAAC,EAAI,eAAe,CAC7B,CAAC,EAAQ,CAGX,CACL,EACA,EAAC,EAAM,IAAA,CAEL,GAAI,iCAAiC,EAAI,cAEzC,EAAC,EAAM,KAAA,CAAK,QAAS,EAAU,MAAO,CAAE,QAAS,EAAG,UACjD,EAAU,cAAc,EAAI,SAAS,EAC3B,EALR,YAAY,EAAI,KAMX,CACb,EACD,CAEF,OACE,EAAC,EAAM,KAAA,CAAA,SACJ,EACC,EAAC,EAAM,IAAA,CAAA,SACL,EAAC,EAAM,KAAA,CACL,QAAS,EACT,WAAY,CAAE,GAAI,GAAkB,GAAgB,CAAE,UAErD,GACU,CAAA,CACH,CAEZ,EAAA,CAES"}

package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableBulkBar.mjs

@@ -1,2 +0,0 @@
-import{dataTableBulkBar as e}from"@mage-ui/styled-system/recipes";import{jsxs as t}from"react/jsx-runtime";const n=({selectedIds:n,className:r,selection:i})=>!i?.bulkActions||n.length===0?null:t(`div`,{className:r??e(),children:[t(`span`,{children:[n.length,` selected`]}),i.bulkActions(n)]});export{n as StatelessDataTableBulkBar};
-//# sourceMappingURL=StatelessDataTableBulkBar.mjs.map

package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableBulkBar.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatelessDataTableBulkBar.mjs","names":[],"sources":["../../../../../src/components/data-display/datatables/datatable-stateless/StatelessDataTableBulkBar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { dataTableBulkBar } from '@mage-ui/styled-system/recipes';\n\nimport type { StatelessDataTableSelectionConfig } from './StatelessDataTable';\n\ntype StatelessDataTableBulkBarProps<Data> = {\n  selectedIds: string[];\n  className?: string;\n  selection?: StatelessDataTableSelectionConfig<Data>;\n};\n\nexport const StatelessDataTableBulkBar = <Data,>({\n  selectedIds,\n  className,\n  selection,\n}: StatelessDataTableBulkBarProps<Data>): ReactNode => {\n  if (!selection?.bulkActions || selectedIds.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className={className ?? dataTableBulkBar()}>\n      <span>{selectedIds.length} selected</span>\n      {selection.bulkActions(selectedIds)}\n    </div>\n  );\n};\n"],"mappings":"2GAYA,MAAa,GAAoC,CAC/C,cACA,YACA,eAEI,CAAC,GAAW,aAAe,EAAY,SAAW,EAC7C,KAIP,EAAC,MAAA,CAAI,UAAW,GAAa,GAAkB,WAC7C,EAAC,OAAA,CAAA,SAAA,CAAM,EAAY,OAAO,YAAA,CAAA,CAAgB,CACzC,EAAU,YAAY,EAAY,CAAA,EAC/B"}

package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableColumns.mjs

@@ -1,2 +0,0 @@
-import{Checkbox as e}from"../../../controls/checkbox/Checkbox.mjs";import{jsx as t}from"react/jsx-runtime";const n=()=>({id:`_select`,size:40,header:({table:n})=>{let r=n.getRowModel().rows,i=r.filter(e=>e.getCanSelect()),a=i.filter(e=>e.getIsSelected()).length,o=r.some(e=>!e.getCanSelect()),s=i.length>0&&a===i.length;return t(e,{"aria-label":`Select all rows`,checked:s&&!o,indeterminate:a>0&&(!s||o),onChange:()=>{n.toggleAllRowsSelected(!s)}})},cell:({row:n})=>t(e,{"aria-label":`Select row ${n.index+1}`,checked:n.getIsSelected(),disabled:!n.getCanSelect(),onChange:n.getToggleSelectedHandler()})}),r=()=>({id:`_expand`,size:40,header:()=>null,cell:({row:e})=>t(`button`,{type:`button`,onClick:e.getToggleExpandedHandler(),"aria-expanded":e.getIsExpanded(),"aria-controls":`stateless-data-table-expanded-${e.id}`,"aria-label":e.getIsExpanded()?`Collapse row`:`Expand row`,style:{cursor:`pointer`,background:`none`,border:`none`,padding:0,display:`flex`,alignItems:`center`,justifyContent:`center`,transition:`transform 0.2s`,transform:e.getIsExpanded()?`rotate(90deg)`:`rotate(0deg)`},children:t(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`currentColor`,"aria-hidden":`true`,focusable:`false`,children:t(`path`,{d:`M6 4l4 4-4 4`,stroke:`currentColor`,strokeWidth:`1.5`,fill:`none`,strokeLinecap:`round`,strokeLinejoin:`round`})})})});export{r as getStatelessDataTableExpandColumn,n as getStatelessDataTableSelectColumn};
-//# sourceMappingURL=StatelessDataTableColumns.mjs.map

package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableColumns.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatelessDataTableColumns.mjs","names":[],"sources":["../../../../../src/components/data-display/datatables/datatable-stateless/StatelessDataTableColumns.tsx"],"sourcesContent":["import type { ColumnDef } from '@tanstack/react-table';\n\nimport { Checkbox } from '../../../controls/checkbox/Checkbox';\n\nexport const getStatelessDataTableSelectColumn = <Data,>(): ColumnDef<\n  Data,\n  unknown\n> => ({\n  id: '_select',\n  size: 40,\n  header: ({ table }) => {\n    const rows = table.getRowModel().rows;\n    const selectableRows = rows.filter((row) => row.getCanSelect());\n    const selectedSelectableCount = selectableRows.filter((row) =>\n      row.getIsSelected(),\n    ).length;\n    const hasDisabledRows = rows.some((row) => !row.getCanSelect());\n    const allSelectableSelected =\n      selectableRows.length > 0 &&\n      selectedSelectableCount === selectableRows.length;\n\n    return (\n      <Checkbox\n        aria-label='Select all rows'\n        checked={allSelectableSelected && !hasDisabledRows}\n        indeterminate={\n          selectedSelectableCount > 0 &&\n          (!allSelectableSelected || hasDisabledRows)\n        }\n        onChange={() => {\n          table.toggleAllRowsSelected(!allSelectableSelected);\n        }}\n      />\n    );\n  },\n  cell: ({ row }) => (\n    <Checkbox\n      aria-label={`Select row ${row.index + 1}`}\n      checked={row.getIsSelected()}\n      disabled={!row.getCanSelect()}\n      onChange={row.getToggleSelectedHandler()}\n    />\n  ),\n});\n\nexport const getStatelessDataTableExpandColumn = <Data,>(): ColumnDef<\n  Data,\n  unknown\n> => ({\n  id: '_expand',\n  size: 40,\n  header: () => null,\n  cell: ({ row }) => (\n    <button\n      type='button'\n      onClick={row.getToggleExpandedHandler()}\n      aria-expanded={row.getIsExpanded()}\n      aria-controls={`stateless-data-table-expanded-${row.id}`}\n      aria-label={row.getIsExpanded() ? 'Collapse row' : 'Expand row'}\n      style={{\n        cursor: 'pointer',\n        background: 'none',\n        border: 'none',\n        padding: 0,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        transition: 'transform 0.2s',\n        transform: row.getIsExpanded() ? 'rotate(90deg)' : 'rotate(0deg)',\n      }}\n    >\n      <svg\n        width='16'\n        height='16'\n        viewBox='0 0 16 16'\n        fill='currentColor'\n        aria-hidden='true'\n        focusable='false'\n      >\n        <path\n          d='M6 4l4 4-4 4'\n          stroke='currentColor'\n          strokeWidth='1.5'\n          fill='none'\n          strokeLinecap='round'\n          strokeLinejoin='round'\n        />\n      </svg>\n    </button>\n  ),\n});\n"],"mappings":"2GAIA,MAAa,OAGP,CACJ,GAAI,UACJ,KAAM,GACN,QAAS,CAAE,WAAY,CACrB,IAAM,EAAO,EAAM,aAAa,CAAC,KAC3B,EAAiB,EAAK,OAAQ,GAAQ,EAAI,cAAc,CAAC,CACzD,EAA0B,EAAe,OAAQ,GACrD,EAAI,eAAe,CACpB,CAAC,OACI,EAAkB,EAAK,KAAM,GAAQ,CAAC,EAAI,cAAc,CAAC,CACzD,EACJ,EAAe,OAAS,GACxB,IAA4B,EAAe,OAE7C,OACE,EAAC,EAAA,CACC,aAAW,kBACX,QAAS,GAAyB,CAAC,EACnC,cACE,EAA0B,IACzB,CAAC,GAAyB,GAE7B,aAAgB,CACd,EAAM,sBAAsB,CAAC,EAAsB,GAErD,EAGN,MAAO,CAAE,SACP,EAAC,EAAA,CACC,aAAY,cAAc,EAAI,MAAQ,IACtC,QAAS,EAAI,eAAe,CAC5B,SAAU,CAAC,EAAI,cAAc,CAC7B,SAAU,EAAI,0BAA0B,EACxC,CAEL,EAEY,OAGP,CACJ,GAAI,UACJ,KAAM,GACN,WAAc,KACd,MAAO,CAAE,SACP,EAAC,SAAA,CACC,KAAK,SACL,QAAS,EAAI,0BAA0B,CACvC,gBAAe,EAAI,eAAe,CAClC,gBAAe,iCAAiC,EAAI,KACpD,aAAY,EAAI,eAAe,CAAG,eAAiB,aACnD,MAAO,CACL,OAAQ,UACR,WAAY,OACZ,OAAQ,OACR,QAAS,EACT,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,WAAY,iBACZ,UAAW,EAAI,eAAe,CAAG,gBAAkB,eACpD,UAED,EAAC,MAAA,CACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,eACL,cAAY,OACZ,UAAU,iBAEV,EAAC,OAAA,CACC,EAAE,eACF,OAAO,eACP,YAAY,MACZ,KAAK,OACL,cAAc,QACd,eAAe,SACf,EACE,EACC,CAEZ"}

package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableHeader.mjs

@@ -1,2 +0,0 @@
-import{VisuallyHidden as e}from"../../../misc/visually-hidden/VisuallyHidden.mjs";import{Table as t}from"../../table/Table.mjs";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{flexRender as i}from"@tanstack/react-table";const a={width:`100%`,display:`flex`,alignItems:`center`,justifyContent:`space-between`,gap:`0.5rem`,padding:0,border:`none`,background:`none`,color:`inherit`,font:`inherit`,textAlign:`inherit`,cursor:`pointer`,outline:`none`},o=e=>e===`asc`?`ascending`:e===`desc`?`descending`:`none`,s=e=>e===`asc`?`Sorted ascending`:e===`desc`?`Sorted descending`:`Activate to sort`,c=({headerGroups:c,totalSize:l,theadRef:u})=>n(t.Head,{ref:u,children:c.map(c=>n(t.Row,{children:c.headers.map(c=>{let u=c.column.getCanSort(),d=c.column.getIsSorted(),f=l>0?`${c.getSize()/l*100}%`:void 0;return n(t.HeaderCell,{scope:`col`,style:{width:f},"aria-sort":u?o(d):void 0,"data-sortable":u||void 0,"data-sort":d||void 0,children:c.isPlaceholder?null:u?r(`button`,{type:`button`,onClick:c.column.getToggleSortingHandler(),style:a,children:[n(`span`,{children:i(c.column.columnDef.header,c.getContext())}),n(`span`,{"aria-hidden":!0,children:d===`asc`?`↑`:d===`desc`?`↓`:``}),n(e,{children:s(d)})]}):i(c.column.columnDef.header,c.getContext())},c.id)})},c.id))});export{c as StatelessDataTableHeader};
-//# sourceMappingURL=StatelessDataTableHeader.mjs.map

package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableHeader.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatelessDataTableHeader.mjs","names":[],"sources":["../../../../../src/components/data-display/datatables/datatable-stateless/StatelessDataTableHeader.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode, Ref } from 'react';\n\nimport { flexRender, type HeaderGroup } from '@tanstack/react-table';\n\nimport { VisuallyHidden } from '../../../misc/visually-hidden/VisuallyHidden';\nimport { Table } from '../../table/Table';\n\ntype StatelessDataTableHeaderProps<Data> = {\n  headerGroups: HeaderGroup<Data>[];\n  totalSize: number;\n  theadRef?: Ref<HTMLTableSectionElement>;\n};\n\nconst sortButtonStyle: CSSProperties = {\n  width: '100%',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: '0.5rem',\n  padding: 0,\n  border: 'none',\n  background: 'none',\n  color: 'inherit',\n  font: 'inherit',\n  textAlign: 'inherit',\n  cursor: 'pointer',\n  outline: 'none',\n};\n\nconst getAriaSort = (sorted: false | 'asc' | 'desc') => {\n  if (sorted === 'asc') return 'ascending';\n  if (sorted === 'desc') return 'descending';\n  return 'none';\n};\n\nconst getSortStatusText = (sorted: false | 'asc' | 'desc') => {\n  if (sorted === 'asc') return 'Sorted ascending';\n  if (sorted === 'desc') return 'Sorted descending';\n  return 'Activate to sort';\n};\n\nexport const StatelessDataTableHeader = <Data,>({\n  headerGroups,\n  totalSize,\n  theadRef,\n}: StatelessDataTableHeaderProps<Data>): ReactNode => (\n  <Table.Head ref={theadRef}>\n    {headerGroups.map((headerGroup) => (\n      <Table.Row key={headerGroup.id}>\n        {headerGroup.headers.map((header) => {\n          const canSort = header.column.getCanSort();\n          const sorted = header.column.getIsSorted();\n          const width =\n            totalSize > 0\n              ? `${(header.getSize() / totalSize) * 100}%`\n              : undefined;\n\n          return (\n            <Table.HeaderCell\n              key={header.id}\n              scope='col'\n              style={{ width }}\n              aria-sort={canSort ? getAriaSort(sorted) : undefined}\n              data-sortable={canSort || undefined}\n              data-sort={sorted || undefined}\n            >\n              {header.isPlaceholder ? null : canSort ? (\n                <button\n                  type='button'\n                  onClick={header.column.getToggleSortingHandler()}\n                  style={sortButtonStyle}\n                >\n                  <span>\n                    {flexRender(\n                      header.column.columnDef.header,\n                      header.getContext(),\n                    )}\n                  </span>\n                  <span aria-hidden>\n                    {sorted === 'asc' ? '↑' : sorted === 'desc' ? '↓' : ''}\n                  </span>\n                  <VisuallyHidden>{getSortStatusText(sorted)}</VisuallyHidden>\n                </button>\n              ) : (\n                flexRender(header.column.columnDef.header, header.getContext())\n              )}\n            </Table.HeaderCell>\n          );\n        })}\n      </Table.Row>\n    ))}\n  </Table.Head>\n);\n"],"mappings":"qOAaA,MAAM,EAAiC,CACrC,MAAO,OACP,QAAS,OACT,WAAY,SACZ,eAAgB,gBAChB,IAAK,SACL,QAAS,EACT,OAAQ,OACR,WAAY,OACZ,MAAO,UACP,KAAM,UACN,UAAW,UACX,OAAQ,UACR,QAAS,OACV,CAEK,EAAe,GACf,IAAW,MAAc,YACzB,IAAW,OAAe,aACvB,OAGH,EAAqB,GACrB,IAAW,MAAc,mBACzB,IAAW,OAAe,oBACvB,mBAGI,GAAmC,CAC9C,eACA,YACA,cAEA,EAAC,EAAM,KAAA,CAAK,IAAK,WACd,EAAa,IAAK,GACjB,EAAC,EAAM,IAAA,CAAA,SACJ,EAAY,QAAQ,IAAK,GAAW,CACnC,IAAM,EAAU,EAAO,OAAO,YAAY,CACpC,EAAS,EAAO,OAAO,aAAa,CACpC,EACJ,EAAY,EACR,GAAI,EAAO,SAAS,CAAG,EAAa,IAAI,GACxC,IAAA,GAEN,OACE,EAAC,EAAM,WAAA,CAEL,MAAM,MACN,MAAO,CAAE,QAAO,CAChB,YAAW,EAAU,EAAY,EAAO,CAAG,IAAA,GAC3C,gBAAe,GAAW,IAAA,GAC1B,YAAW,GAAU,IAAA,YAEpB,EAAO,cAAgB,KAAO,EAC7B,EAAC,SAAA,CACC,KAAK,SACL,QAAS,EAAO,OAAO,yBAAyB,CAChD,MAAO,YAEP,EAAC,OAAA,CAAA,SACE,EACC,EAAO,OAAO,UAAU,OACxB,EAAO,YAAY,CACpB,CAAA,CACI,CACP,EAAC,OAAA,CAAK,cAAA,YACH,IAAW,MAAQ,IAAM,IAAW,OAAS,IAAM,IAC/C,CACP,EAAC,EAAA,CAAA,SAAgB,EAAkB,EAAO,CAAA,CAAkB,GACrD,CAET,EAAW,EAAO,OAAO,UAAU,OAAQ,EAAO,YAAY,CAAC,EAzB5D,EAAO,GA2BK,EAErB,CAAA,CAxCY,EAAY,GAyChB,CACZ,EACS"}

package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTablePageSize.d.mts

@@ -1,20 +0,0 @@
-import { ReactNode } from "react";
-
-//#region src/components/data-display/datatables/datatable-stateless/StatelessDataTablePageSize.d.ts
-type StatelessDataTablePageSizeProps = {
-  value: number;
-  options: number[];
-  onChange: (size: number) => void;
-  label?: string;
-  className?: string;
-};
-declare const StatelessDataTablePageSize: ({
-  value,
-  options,
-  onChange,
-  label,
-  className
-}: StatelessDataTablePageSizeProps) => ReactNode;
-//#endregion
-export { StatelessDataTablePageSize, StatelessDataTablePageSizeProps };
-//# sourceMappingURL=StatelessDataTablePageSize.d.mts.map

package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTablePageSize.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatelessDataTablePageSize.d.mts","names":[],"sources":["../../../../../src/components/data-display/datatables/datatable-stateless/StatelessDataTablePageSize.tsx"],"mappings":";;;KAIY,+BAAA;EACV,KAAA;EACA,OAAA;EACA,QAAA,GAAW,IAAA;EACX,KAAA;EACA,SAAA;AAAA;AAAA,cAGW,0BAAA;EAA8B,KAAA;EAAA,OAAA;EAAA,QAAA;EAAA,KAAA;EAAA;AAAA,GAMxC,+BAAA,KAAkC,SAAA"}

package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTablePageSize.mjs

@@ -1,2 +0,0 @@
-import{dataTablePageSize as e}from"@mage-ui/styled-system/recipes";import{jsx as t,jsxs as n}from"react/jsx-runtime";const r=({value:r,options:i,onChange:a,label:o=`Rows per page`,className:s})=>n(`label`,{className:s??e(),children:[t(`span`,{children:o}),t(`select`,{value:r,onChange:e=>a(Number(e.target.value)),children:i.map(e=>t(`option`,{value:e,children:e},e))})]});export{r as StatelessDataTablePageSize};
-//# sourceMappingURL=StatelessDataTablePageSize.mjs.map

package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTablePageSize.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatelessDataTablePageSize.mjs","names":[],"sources":["../../../../../src/components/data-display/datatables/datatable-stateless/StatelessDataTablePageSize.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { dataTablePageSize } from '@mage-ui/styled-system/recipes';\n\nexport type StatelessDataTablePageSizeProps = {\n  value: number;\n  options: number[];\n  onChange: (size: number) => void;\n  label?: string;\n  className?: string;\n};\n\nexport const StatelessDataTablePageSize = ({\n  value,\n  options,\n  onChange,\n  label = 'Rows per page',\n  className,\n}: StatelessDataTablePageSizeProps): ReactNode => (\n  <label className={className ?? dataTablePageSize()}>\n    <span>{label}</span>\n    <select value={value} onChange={(e) => onChange(Number(e.target.value))}>\n      {options.map((size) => (\n        <option key={size} value={size}>\n          {size}\n        </option>\n      ))}\n    </select>\n  </label>\n);\n"],"mappings":"qHAYA,MAAa,GAA8B,CACzC,QACA,UACA,WACA,QAAQ,gBACR,eAEA,EAAC,QAAA,CAAM,UAAW,GAAa,GAAmB,WAChD,EAAC,OAAA,CAAA,SAAM,EAAA,CAAa,CACpB,EAAC,SAAA,CAAc,QAAO,SAAW,GAAM,EAAS,OAAO,EAAE,OAAO,MAAM,CAAC,UACpE,EAAQ,IAAK,GACZ,EAAC,SAAA,CAAkB,MAAO,WACvB,GADU,EAEJ,CACT,EACK,CAAA,EACH"}

package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableRootContainer.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatelessDataTableRootContainer.mjs","names":["dataTableRecipe"],"sources":["../../../../../src/components/data-display/datatables/datatable-stateless/StatelessDataTableRootContainer.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  dataTable as dataTableRecipe,\n  dataTableRoot,\n} from '@mage-ui/styled-system/recipes';\n\nimport type { StatelessDataTableClassNames } from './StatelessDataTable';\n\nexport type StatelessDataTableRootContainerProps = {\n  busy?: boolean;\n  classNames?: StatelessDataTableClassNames;\n  children: ReactNode;\n};\n\nexport const StatelessDataTableRootContainer = ({\n  busy,\n  classNames,\n  children,\n}: StatelessDataTableRootContainerProps): ReactNode => {\n  return (\n    <div\n      aria-busy={busy || undefined}\n      className={cx(\n        classNames?.dataTable ?? dataTableRecipe(),\n        classNames?.root ?? dataTableRoot(),\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":"sKAgBA,MAAa,GAAmC,CAC9C,OACA,aACA,cAGE,EAAC,MAAA,CACC,YAAW,GAAQ,IAAA,GACnB,UAAW,EACT,GAAY,WAAaA,GAAiB,CAC1C,GAAY,MAAQ,GAAe,CACpC,CAEA,YACG"}

package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableSlotRow.d.mts

@@ -1,24 +0,0 @@
-import { StatelessDataTableContextValue } from "./useStatelessDataTableContext.mjs";
-import { ReactNode } from "react";
-
-//#region src/components/data-display/datatables/datatable-stateless/StatelessDataTableSlotRow.d.ts
-type StatelessDataTableSlotRenderProps<Data> = StatelessDataTableContextValue<Data>;
-type StatelessDataTableSlotContent<Data> = ReactNode | ((props: StatelessDataTableSlotRenderProps<Data>) => ReactNode);
-type StatelessDataTableSlots<Data = unknown> = {
-  top?: StatelessDataTableSlotContent<Data>;
-  bottom?: StatelessDataTableSlotContent<Data>;
-  empty?: StatelessDataTableSlotContent<Data>;
-};
-type StatelessDataTableSlotRowProps<Data> = {
-  slot?: StatelessDataTableSlotContent<Data>;
-  slotProps: StatelessDataTableSlotRenderProps<Data>;
-  className?: string;
-};
-declare const StatelessDataTableSlotRow: <Data>({
-  slot,
-  slotProps,
-  className
-}: StatelessDataTableSlotRowProps<Data>) => ReactNode;
-//#endregion
-export { StatelessDataTableSlotContent, StatelessDataTableSlotRenderProps, StatelessDataTableSlotRow, StatelessDataTableSlotRowProps, StatelessDataTableSlots };
-//# sourceMappingURL=StatelessDataTableSlotRow.d.mts.map

package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableSlotRow.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatelessDataTableSlotRow.d.mts","names":[],"sources":["../../../../../src/components/data-display/datatables/datatable-stateless/StatelessDataTableSlotRow.tsx"],"mappings":";;;;KAMY,iCAAA,SACV,8BAAA,CAA+B,IAAA;AAAA,KAErB,6BAAA,SACR,SAAA,KACE,KAAA,EAAO,iCAAA,CAAkC,IAAA,MAAU,SAAA;AAAA,KAE7C,uBAAA;EACV,GAAA,GAAM,6BAAA,CAA8B,IAAA;EACpC,MAAA,GAAS,6BAAA,CAA8B,IAAA;EACvC,KAAA,GAAQ,6BAAA,CAA8B,IAAA;AAAA;AAAA,KAG5B,8BAAA;EACV,IAAA,GAAO,6BAAA,CAA8B,IAAA;EACrC,SAAA,EAAW,iCAAA,CAAkC,IAAA;EAC7C,SAAA;AAAA;AAAA,cAGW,yBAAA;EAAoC,IAAA;EAAA,SAAA;EAAA;AAAA,GAI9C,8BAAA,CAA+B,IAAA,MAAQ,SAAA"}

package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableSlotRow.mjs

@@ -1,2 +0,0 @@
-import{dataTableSlotRow as e}from"@mage-ui/styled-system/recipes";import{jsx as t}from"react/jsx-runtime";const n=({slot:n,slotProps:r,className:i})=>{if(n==null)return null;let a=typeof n==`function`?n(r):n;return a==null||a===!1?null:t(`div`,{className:i??e(),children:a})};export{n as StatelessDataTableSlotRow};
-//# sourceMappingURL=StatelessDataTableSlotRow.mjs.map

package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableSlotRow.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatelessDataTableSlotRow.mjs","names":[],"sources":["../../../../../src/components/data-display/datatables/datatable-stateless/StatelessDataTableSlotRow.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { dataTableSlotRow } from '@mage-ui/styled-system/recipes';\n\nimport type { StatelessDataTableContextValue } from './useStatelessDataTableContext';\n\nexport type StatelessDataTableSlotRenderProps<Data> =\n  StatelessDataTableContextValue<Data>;\n\nexport type StatelessDataTableSlotContent<Data> =\n  | ReactNode\n  | ((props: StatelessDataTableSlotRenderProps<Data>) => ReactNode);\n\nexport type StatelessDataTableSlots<Data = unknown> = {\n  top?: StatelessDataTableSlotContent<Data>;\n  bottom?: StatelessDataTableSlotContent<Data>;\n  empty?: StatelessDataTableSlotContent<Data>;\n};\n\nexport type StatelessDataTableSlotRowProps<Data> = {\n  slot?: StatelessDataTableSlotContent<Data>;\n  slotProps: StatelessDataTableSlotRenderProps<Data>;\n  className?: string;\n};\n\nexport const StatelessDataTableSlotRow = <Data,>({\n  slot,\n  slotProps,\n  className,\n}: StatelessDataTableSlotRowProps<Data>): ReactNode => {\n  if (slot === null || slot === undefined) {\n    return null;\n  }\n\n  const content = typeof slot === 'function' ? slot(slotProps) : slot;\n\n  if (content === null || content === undefined || content === false) {\n    return null;\n  }\n\n  return <div className={className ?? dataTableSlotRow()}>{content}</div>;\n};\n"],"mappings":"0GAyBA,MAAa,GAAoC,CAC/C,OACA,YACA,eACqD,CACrD,GAAI,GAAS,KACX,OAAO,KAGT,IAAM,EAAU,OAAO,GAAS,WAAa,EAAK,EAAU,CAAG,EAM/D,OAJI,GAAY,MAAiC,IAAY,GACpD,KAGF,EAAC,MAAA,CAAI,UAAW,GAAa,GAAkB,UAAG,GAAc"}

package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableViewport.mjs

@@ -1,2 +0,0 @@
-import{dataTableLoading as e}from"@mage-ui/styled-system/recipes";import{jsx as t,jsxs as n}from"react/jsx-runtime";const r=({loading:r,headerHeight:i,loadingClassName:a,children:o})=>n(`div`,{style:{position:`relative`},children:[r&&i>0?t(`div`,{className:a??e(),style:{top:`${i}px`}}):null,o]});export{r as StatelessDataTableViewport};
-//# sourceMappingURL=StatelessDataTableViewport.mjs.map

package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableViewport.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatelessDataTableViewport.mjs","names":[],"sources":["../../../../../src/components/data-display/datatables/datatable-stateless/StatelessDataTableViewport.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { dataTableLoading } from '@mage-ui/styled-system/recipes';\n\nexport type StatelessDataTableViewportProps = {\n  loading?: boolean;\n  headerHeight: number;\n  loadingClassName?: string;\n  children: ReactNode;\n};\n\nexport const StatelessDataTableViewport = ({\n  loading,\n  headerHeight,\n  loadingClassName,\n  children,\n}: StatelessDataTableViewportProps): ReactNode => {\n  return (\n    <div style={{ position: 'relative' }}>\n      {loading && headerHeight > 0 ? (\n        <div\n          className={loadingClassName ?? dataTableLoading()}\n          style={{ top: `${headerHeight}px` }}\n        />\n      ) : null}\n      {children}\n    </div>\n  );\n};\n"],"mappings":"oHAWA,MAAa,GAA8B,CACzC,UACA,eACA,mBACA,cAGE,EAAC,MAAA,CAAI,MAAO,CAAE,SAAU,WAAY,WACjC,GAAW,EAAe,EACzB,EAAC,MAAA,CACC,UAAW,GAAoB,GAAkB,CACjD,MAAO,CAAE,IAAK,GAAG,EAAa,IAAK,EACnC,CACA,KACH,EAAA,EACG"}

package/dist/components/data-display/datatables/datatable-stateless/index.d.mts

@@ -1,6 +0,0 @@
-import { StatelessDataTableContextProvider, StatelessDataTableContextValue, useStatelessDataTableContext } from "./useStatelessDataTableContext.mjs";
-import { StatelessDataTableSlotContent, StatelessDataTableSlotRenderProps, StatelessDataTableSlotRow, StatelessDataTableSlotRowProps, StatelessDataTableSlots } from "./StatelessDataTableSlotRow.mjs";
-import { StatelessDataTable, StatelessDataTableClassNames, StatelessDataTableExpansionConfig, StatelessDataTablePaginationConfig, StatelessDataTableProps, StatelessDataTableSelectionConfig, StatelessDataTableSortingConfig, StatelessDataTableTableConfig } from "./StatelessDataTable.mjs";
-import { StatelessDataTablePageSize, StatelessDataTablePageSizeProps } from "./StatelessDataTablePageSize.mjs";
-import { ColumnDef as ColumnDef$1, ExpandedState as ExpandedState$1, PaginationState as PaginationState$1, RowSelectionState as RowSelectionState$1, SortingState as SortingState$1 } from "@tanstack/react-table";
-export { type ColumnDef$1 as ColumnDef, type ExpandedState$1 as ExpandedState, type PaginationState$1 as PaginationState, type RowSelectionState$1 as RowSelectionState, type SortingState$1 as SortingState };

package/dist/components/data-display/datatables/datatable-stateless/useStatelessDataTable.mjs

@@ -1,2 +0,0 @@
-import{useElementOuterSize as e}from"../../../../hooks/useElementOuterSize.mjs";import{getStatelessDataTableExpandColumn as t,getStatelessDataTableSelectColumn as n}from"./StatelessDataTableColumns.mjs";import{getCoreRowModel as r,getExpandedRowModel as i,useReactTable as a}from"@tanstack/react-table";const o=({data:o,columns:s,sorting:c,pagination:l,selection:u,expansion:d,loading:f,onRefresh:p,options:m,layout:h})=>{let g=h??`fixed`,_=u?.isRowDisabled,{ref:v,height:y}=e(),b=a({data:o,columns:[...d?[t()]:[],...u?[n()]:[],...s],getCoreRowModel:r(),enableSorting:!!c,...c&&{manualSorting:!0,onSortingChange:c.onChange},...l&&{manualPagination:!0,onPaginationChange:l.onChange,pageCount:l.pageCount,...l.rowCount!==void 0&&{rowCount:l.rowCount}},...u&&{enableRowSelection:_?e=>!_(e.original):!0,onRowSelectionChange:u.onChange,...u.getRowId&&{getRowId:e=>u.getRowId?.(e)??``}},...d&&{enableExpanding:!0,getRowCanExpand:()=>!0,getExpandedRowModel:i(),onExpandedChange:d.onChange},...m,state:{...c&&{sorting:c.state},...l&&{pagination:l.state},...u&&{rowSelection:u.state},...d&&{expanded:d.state}}}),x=u?Object.entries(u.state).filter(([,e])=>e).map(([e])=>e):[];return{headerRef:v,headerHeight:y,layout:g,slotProps:{table:b,refresh:()=>{p?.()},loading:f,selectedIds:x,selectedCount:x.length,sorting:c,pagination:l,selection:u,expansion:d},table:b}};export{o as useStatelessDataTable};
-//# sourceMappingURL=useStatelessDataTable.mjs.map

package/dist/components/data-display/datatables/datatable-stateless/useStatelessDataTable.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useStatelessDataTable.mjs","names":[],"sources":["../../../../../src/components/data-display/datatables/datatable-stateless/useStatelessDataTable.ts"],"sourcesContent":["import {\n  getCoreRowModel,\n  getExpandedRowModel,\n  useReactTable,\n} from '@tanstack/react-table';\n\nimport { useElementOuterSize } from '../../../../hooks/useElementOuterSize';\nimport type { StatelessDataTableProps } from './StatelessDataTable';\nimport {\n  getStatelessDataTableExpandColumn,\n  getStatelessDataTableSelectColumn,\n} from './StatelessDataTableColumns';\nimport type { StatelessDataTableContextValue } from './useStatelessDataTableContext';\n\ntype UseStatelessDataTableResult<Data> = {\n  headerRef: ReturnType<\n    typeof useElementOuterSize<HTMLTableSectionElement>\n  >['ref'];\n  headerHeight: number;\n  layout: 'auto' | 'fixed';\n  slotProps: StatelessDataTableContextValue<Data>;\n  table: StatelessDataTableContextValue<Data>['table'];\n};\n\nexport const useStatelessDataTable = <Data>({\n  data,\n  columns,\n  sorting,\n  pagination,\n  selection,\n  expansion,\n  loading,\n  onRefresh,\n  options,\n  layout: providedLayout,\n}: StatelessDataTableProps<Data>): UseStatelessDataTableResult<Data> => {\n  const layout = providedLayout ?? 'fixed';\n  const isRowDisabled = selection?.isRowDisabled;\n  const { ref: headerRef, height: headerHeight } =\n    useElementOuterSize<HTMLTableSectionElement>();\n\n  const allColumns = [\n    ...(expansion ? [getStatelessDataTableExpandColumn<Data>()] : []),\n    ...(selection ? [getStatelessDataTableSelectColumn<Data>()] : []),\n    ...columns,\n  ];\n\n  const table = useReactTable<Data>({\n    data,\n    columns: allColumns,\n    getCoreRowModel: getCoreRowModel(),\n    enableSorting: Boolean(sorting),\n    ...(sorting && {\n      manualSorting: true,\n      onSortingChange: sorting.onChange,\n    }),\n    ...(pagination && {\n      manualPagination: true,\n      onPaginationChange: pagination.onChange,\n      pageCount: pagination.pageCount,\n      ...(pagination.rowCount !== undefined && {\n        rowCount: pagination.rowCount,\n      }),\n    }),\n    ...(selection && {\n      enableRowSelection: isRowDisabled\n        ? (row) => !isRowDisabled(row.original)\n        : true,\n      onRowSelectionChange: selection.onChange,\n      ...(selection.getRowId && {\n        getRowId: (row: Data) => selection.getRowId?.(row) ?? '',\n      }),\n    }),\n    ...(expansion && {\n      enableExpanding: true,\n      getRowCanExpand: () => true,\n      getExpandedRowModel: getExpandedRowModel(),\n      onExpandedChange: expansion.onChange,\n    }),\n    ...options,\n    state: {\n      ...(sorting && { sorting: sorting.state }),\n      ...(pagination && { pagination: pagination.state }),\n      ...(selection && { rowSelection: selection.state }),\n      ...(expansion && { expanded: expansion.state }),\n    },\n  });\n\n  const selectedIds = selection\n    ? Object.entries(selection.state)\n        .filter(([, isSelected]) => isSelected)\n        .map(([id]) => id)\n    : [];\n\n  const refresh = () => {\n    void onRefresh?.();\n  };\n\n  const slotProps = {\n    table,\n    refresh,\n    loading,\n    selectedIds,\n    selectedCount: selectedIds.length,\n    sorting,\n    pagination,\n    selection,\n    expansion,\n  } satisfies StatelessDataTableContextValue<Data>;\n\n  return {\n    headerRef,\n    headerHeight,\n    layout,\n    slotProps,\n    table,\n  };\n};\n"],"mappings":"+SAwBA,MAAa,GAA+B,CAC1C,OACA,UACA,UACA,aACA,YACA,YACA,UACA,YACA,UACA,OAAQ,KAC8D,CACtE,IAAM,EAAS,GAAkB,QAC3B,EAAgB,GAAW,cAC3B,CAAE,IAAK,EAAW,OAAQ,GAC9B,GAA8C,CAQ1C,EAAQ,EAAoB,CAChC,OACA,QARiB,CACjB,GAAI,EAAY,CAAC,GAAyC,CAAC,CAAG,EAAE,CAChE,GAAI,EAAY,CAAC,GAAyC,CAAC,CAAG,EAAE,CAChE,GAAG,EACJ,CAKC,gBAAiB,GAAiB,CAClC,cAAe,EAAQ,EACvB,GAAI,GAAW,CACb,cAAe,GACf,gBAAiB,EAAQ,SAC1B,CACD,GAAI,GAAc,CAChB,iBAAkB,GAClB,mBAAoB,EAAW,SAC/B,UAAW,EAAW,UACtB,GAAI,EAAW,WAAa,IAAA,IAAa,CACvC,SAAU,EAAW,SACtB,CACF,CACD,GAAI,GAAa,CACf,mBAAoB,EACf,GAAQ,CAAC,EAAc,EAAI,SAAS,CACrC,GACJ,qBAAsB,EAAU,SAChC,GAAI,EAAU,UAAY,CACxB,SAAW,GAAc,EAAU,WAAW,EAAI,EAAI,GACvD,CACF,CACD,GAAI,GAAa,CACf,gBAAiB,GACjB,oBAAuB,GACvB,oBAAqB,GAAqB,CAC1C,iBAAkB,EAAU,SAC7B,CACD,GAAG,EACH,MAAO,CACL,GAAI,GAAW,CAAE,QAAS,EAAQ,MAAO,CACzC,GAAI,GAAc,CAAE,WAAY,EAAW,MAAO,CAClD,GAAI,GAAa,CAAE,aAAc,EAAU,MAAO,CAClD,GAAI,GAAa,CAAE,SAAU,EAAU,MAAO,CAC/C,CACF,CAAC,CAEI,EAAc,EAChB,OAAO,QAAQ,EAAU,MAAM,CAC5B,QAAQ,EAAG,KAAgB,EAAW,CACtC,KAAK,CAAC,KAAQ,EAAG,CACpB,EAAE,CAkBN,MAAO,CACL,YACA,eACA,SACA,UAhBgB,CAChB,QACA,YANoB,CACf,KAAa,EAMlB,UACA,cACA,cAAe,EAAY,OAC3B,UACA,aACA,YACA,YACD,CAOC,QACD"}

package/dist/components/data-display/datatables/datatable-stateless/useStatelessDataTableContext.d.mts

@@ -1,21 +0,0 @@
-import { StatelessDataTableExpansionConfig, StatelessDataTablePaginationConfig, StatelessDataTableSelectionConfig, StatelessDataTableSortingConfig } from "./StatelessDataTable.mjs";
-import * as react from "react";
-import * as _tanstack_react_table0 from "@tanstack/react-table";
-
-//#region src/components/data-display/datatables/datatable-stateless/useStatelessDataTableContext.d.ts
-type StatelessDataTableContextValue<Data> = {
-  table: _tanstack_react_table0.Table<Data>;
-  refresh: () => void;
-  loading?: boolean;
-  selectedIds: string[];
-  selectedCount: number;
-  sorting?: StatelessDataTableSortingConfig;
-  pagination?: StatelessDataTablePaginationConfig;
-  selection?: StatelessDataTableSelectionConfig<Data>;
-  expansion?: StatelessDataTableExpansionConfig<Data>;
-};
-declare const useStatelessDataTableContext: <Data>() => StatelessDataTableContextValue<Data>;
-declare const StatelessDataTableContextProvider: react.Provider<StatelessDataTableContextValue<unknown> | null>;
-//#endregion
-export { StatelessDataTableContextProvider, StatelessDataTableContextValue, useStatelessDataTableContext };
-//# sourceMappingURL=useStatelessDataTableContext.d.mts.map

package/dist/components/data-display/datatables/datatable-stateless/useStatelessDataTableContext.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useStatelessDataTableContext.d.mts","names":[],"sources":["../../../../../src/components/data-display/datatables/datatable-stateless/useStatelessDataTableContext.ts"],"mappings":";;;;;KASY,8BAAA;EACV,KAAA,EAAiD,sBAAA,CAAV,KAAA,CAAM,IAAA;EAC7C,OAAA;EACA,OAAA;EACA,WAAA;EACA,aAAA;EACA,OAAA,GAAU,+BAAA;EACV,UAAA,GAAa,kCAAA;EACb,SAAA,GAAY,iCAAA,CAAkC,IAAA;EAC9C,SAAA,GAAY,iCAAA,CAAkC,IAAA;AAAA;AAAA,cAMnC,4BAAA,cAER,8BAAA,CAA+B,IAAA;AAAA,cAYvB,iCAAA,EAAiC,KAAA,CAAA,QAAA,CAAA,8BAAA"}

package/dist/components/data-display/datatables/datatable-stateless/useStatelessDataTableContext.mjs

@@ -1,2 +0,0 @@
-import{createContext as e,useContext as t}from"react";const n=e(null),r=()=>{let e=t(n);if(!e)throw Error(`useStatelessDataTableContext must be used within <StatelessDataTable> or one of its slots.`);return e},i=n.Provider;export{i as StatelessDataTableContextProvider,r as useStatelessDataTableContext};
-//# sourceMappingURL=useStatelessDataTableContext.mjs.map

package/dist/components/data-display/datatables/datatable-stateless/useStatelessDataTableContext.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useStatelessDataTableContext.mjs","names":[],"sources":["../../../../../src/components/data-display/datatables/datatable-stateless/useStatelessDataTableContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type {\n  StatelessDataTableExpansionConfig,\n  StatelessDataTablePaginationConfig,\n  StatelessDataTableSelectionConfig,\n  StatelessDataTableSortingConfig,\n} from './StatelessDataTable';\n\nexport type StatelessDataTableContextValue<Data> = {\n  table: import('@tanstack/react-table').Table<Data>;\n  refresh: () => void;\n  loading?: boolean;\n  selectedIds: string[];\n  selectedCount: number;\n  sorting?: StatelessDataTableSortingConfig;\n  pagination?: StatelessDataTablePaginationConfig;\n  selection?: StatelessDataTableSelectionConfig<Data>;\n  expansion?: StatelessDataTableExpansionConfig<Data>;\n};\n\nconst StatelessDataTableContext =\n  createContext<StatelessDataTableContextValue<unknown> | null>(null);\n\nexport const useStatelessDataTableContext = <\n  Data,\n>(): StatelessDataTableContextValue<Data> => {\n  const context = useContext(StatelessDataTableContext);\n\n  if (!context) {\n    throw new Error(\n      'useStatelessDataTableContext must be used within <StatelessDataTable> or one of its slots.',\n    );\n  }\n\n  return context as StatelessDataTableContextValue<Data>;\n};\n\nexport const StatelessDataTableContextProvider =\n  StatelessDataTableContext.Provider;\n"],"mappings":"sDAqBA,MAAM,EACJ,EAA8D,KAAK,CAExD,MAEgC,CAC3C,IAAM,EAAU,EAAW,EAA0B,CAErD,GAAI,CAAC,EACH,MAAU,MACR,6FACD,CAGH,OAAO,GAGI,EACX,EAA0B"}

package/dist/hooks/useElementOuterSize.mjs

@@ -1,2 +0,0 @@
-import{useResizeObserver as e}from"@mantine/hooks";function t(){let[t]=e(),{width:n,height:r}=t.current?.getBoundingClientRect()||{width:0,height:0};return{ref:t,width:n,height:r}}export{t as useElementOuterSize};
-//# sourceMappingURL=useElementOuterSize.mjs.map

package/dist/hooks/useElementOuterSize.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useElementOuterSize.mjs","names":[],"sources":["../../src/hooks/useElementOuterSize.ts"],"sourcesContent":["import { useResizeObserver } from '@mantine/hooks';\n\nexport function useElementOuterSize<T extends HTMLElement>() {\n  const [ref] = useResizeObserver<T>();\n  const { width, height } = ref.current?.getBoundingClientRect() || {\n    width: 0,\n    height: 0,\n  };\n  return { ref, width, height };\n}\n"],"mappings":"mDAEA,SAAgB,GAA6C,CAC3D,GAAM,CAAC,GAAO,GAAsB,CAC9B,CAAE,QAAO,UAAW,EAAI,SAAS,uBAAuB,EAAI,CAChE,MAAO,EACP,OAAQ,EACT,CACD,MAAO,CAAE,MAAK,QAAO,SAAQ"}