@mage-ui/components 1.0.71 → 1.0.73

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

@@ -11,12 +11,14 @@ import { TableHeaderCellProps } from "./table/TableHeaderCell.mjs";
 import { TableCellProps } from "./table/TableCell.mjs";
 import { TableCaptionProps } from "./table/TableCaption.mjs";
 import { Table } from "./table/Table.mjs";
-import { StatelessDataTableContextProvider, StatelessDataTableContextValue, useStatelessDataTableContext } from "./datatables/datatable-stateless/useStatelessDataTableContext.mjs";
-import { StatelessDataTableSlotContent, StatelessDataTableSlotRenderProps, StatelessDataTableSlotRow, StatelessDataTableSlotRowProps, StatelessDataTableSlots } from "./datatables/datatable-stateless/StatelessDataTableSlotRow.mjs";
-import { StatelessDataTable, StatelessDataTableClassNames, StatelessDataTableExpansionConfig, StatelessDataTablePaginationConfig, StatelessDataTableProps, StatelessDataTableSelectionConfig, StatelessDataTableSortingConfig, StatelessDataTableTableConfig } from "./datatables/datatable-stateless/StatelessDataTable.mjs";
-import { StatelessDataTablePageSize, StatelessDataTablePageSizeProps } from "./datatables/datatable-stateless/StatelessDataTablePageSize.mjs";
-import { ColumnDef, ExpandedState, PaginationState, RowSelectionState, SortingState } from "./datatables/datatable-stateless/index.mjs";
-import "./datatables/index.mjs";
+import { DEFAULT_DATA_TABLE_LABELS, DataTableContextProvider, DataTableContextValue, DataTableLabels, useDataTableContext } from "./datatables/useDataTableContext.mjs";
+import { DataTable, DataTableClassNames, DataTableColumnMeta, DataTableExpansionConfig, DataTableExtraColumnConfig, DataTableFiltersConfig, DataTablePaginationConfig, DataTableProps, DataTableRecord, DataTableSearchConfig, DataTableSelectionConfig, DataTableSortingConfig, DataTableTableConfig } from "./datatables/DataTable.mjs";
+import { DataTablePageSize, DataTablePageSizeProps } from "./datatables/DataTablePageSize.mjs";
+import { DataTablePagination, DataTablePaginationProps } from "./datatables/DataTablePagination.mjs";
+import { DataTableBottomSlot, DataTableBottomSlotProps } from "./datatables/DataTableBottomSlot.mjs";
+import { DataTableErrorState } from "./datatables/DataTableErrorState.mjs";
+import { DataTableTopSlot, DataTableTopSlotProps } from "./datatables/DataTableTopSlot.mjs";
+import { ColumnDef, ExpandedState, PaginationState, RowSelectionState, SortingState } from "./datatables/index.mjs";
 import { DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps } from "./description-list/DescriptionList.mjs";
 import { Icon, IconProps } from "./icons/icon/Icon.mjs";
 import { IconRaw, IconRawProps } from "./icons/icon-raw/IconRaw.mjs";

package/dist/components/data-display/kanban/KanbanCardAdder.mjs

@@ -1,2 +1,2 @@
-import{Button as e}from"../../buttons/button/Button.mjs";import{addCard as t,removeCardPlaceholder as n}from"./kanbanUtils.mjs";import{TextInput as r}from"../../controls/text-input/TextInput.mjs";import{cx as i}from"@mage-ui/styled-system/css";import{kanbanCardAdder as a,kanbanCardAdderButtonAdd as o,kanbanCardAdderButtonAddInner as s,kanbanCardAdderButtonAddLabel as c,kanbanCardAdderButtonAddRoot as l,kanbanCardAdderButtonAddSection as u,kanbanCardAdderButtonCancel as d,kanbanCardAdderButtonCancelInner as f,kanbanCardAdderButtonCancelLabel as p,kanbanCardAdderButtonCancelRoot as m,kanbanCardAdderButtonCancelSection as h,kanbanCardAdderButtonWrapper as g,kanbanCardAdderRoot as _,kanbanCardAdderTextInput as v,kanbanCardAdderTextInputDescription as y,kanbanCardAdderTextInputError as b,kanbanCardAdderTextInputInput as x,kanbanCardAdderTextInputLabel as S,kanbanCardAdderTextInputRequired as C,kanbanCardAdderTextInputRoot as w,kanbanCardAdderTextInputSection as T,kanbanCardAdderTextInputWrapper as E}from"@mage-ui/styled-system/recipes";import{jsx as D,jsxs as O}from"react/jsx-runtime";import{useState as k}from"react";import{visuallyHidden as A}from"@mage-ui/styled-system/patterns";const j=({columnId:j,dataSource:M,setDataSource:N,inTop:P,inputLabel:F=`Task Title`,inputPlaceholder:I=`Enter task title`,addLabel:L=`Add Task`,cancelLabel:R=`Cancel`,classNames:z})=>{let[B,V]=k(``),H=e=>{N(n(e,M))},U=(e,n)=>{n.trim()&&N(t(e,M,n,P))};return O(`div`,{className:i(z?.cardAdder??a(),z?.root??_()),children:[D(r,{label:F,value:B,onChange:e=>V(e.currentTarget.value),placeholder:I,onKeyDown:e=>{e.key===`Enter`?U(j,B):e.key===`Escape`&&H(j)},classNames:{textInput:z?.textInput??v(),root:z?.root??w(),label:z?.label??i(S(),A()),description:z?.description??y(),error:z?.error??b(),wrapper:z?.wrapper??E(),input:z?.input??x(),section:z?.section??T(),required:z?.required??C()}}),O(`div`,{className:z?.buttonWrapper??g(),children:[D(e,{type:`button`,onClick:()=>H(j),classNames:{button:z?.cancelButton?.button??d(),root:z?.cancelButton?.root??m(),inner:z?.cancelButton?.inner??f(),label:z?.cancelButton?.label??p(),section:z?.cancelButton?.section??h()},children:R}),D(e,{type:`button`,onClick:()=>U(j,B),classNames:{button:z?.addButton?.button??o(),root:z?.addButton?.root??l(),inner:z?.addButton?.inner??s(),label:z?.addButton?.label??c(),section:z?.addButton?.section??u()},children:L})]})]})};export{j as KanbanCardAdder};
+import{Button as e}from"../../buttons/button/Button.mjs";import{TextInput as t}from"../../controls/text-input/TextInput.mjs";import{addCard as n,removeCardPlaceholder as r}from"./kanbanUtils.mjs";import{cx as i}from"@mage-ui/styled-system/css";import{kanbanCardAdder as a,kanbanCardAdderButtonAdd as o,kanbanCardAdderButtonAddInner as s,kanbanCardAdderButtonAddLabel as c,kanbanCardAdderButtonAddRoot as l,kanbanCardAdderButtonAddSection as u,kanbanCardAdderButtonCancel as d,kanbanCardAdderButtonCancelInner as f,kanbanCardAdderButtonCancelLabel as p,kanbanCardAdderButtonCancelRoot as m,kanbanCardAdderButtonCancelSection as h,kanbanCardAdderButtonWrapper as g,kanbanCardAdderRoot as _,kanbanCardAdderTextInput as v,kanbanCardAdderTextInputDescription as y,kanbanCardAdderTextInputError as b,kanbanCardAdderTextInputInput as x,kanbanCardAdderTextInputLabel as S,kanbanCardAdderTextInputRequired as C,kanbanCardAdderTextInputRoot as w,kanbanCardAdderTextInputSection as T,kanbanCardAdderTextInputWrapper as E}from"@mage-ui/styled-system/recipes";import{jsx as D,jsxs as O}from"react/jsx-runtime";import{useState as k}from"react";import{visuallyHidden as A}from"@mage-ui/styled-system/patterns";const j=({columnId:j,dataSource:M,setDataSource:N,inTop:P,inputLabel:F=`Task Title`,inputPlaceholder:I=`Enter task title`,addLabel:L=`Add Task`,cancelLabel:R=`Cancel`,classNames:z})=>{let[B,V]=k(``),H=e=>{N(r(e,M))},U=(e,t)=>{t.trim()&&N(n(e,M,t,P))};return O(`div`,{className:i(z?.cardAdder??a(),z?.root??_()),children:[D(t,{label:F,value:B,onChange:e=>V(e.currentTarget.value),placeholder:I,onKeyDown:e=>{e.key===`Enter`?U(j,B):e.key===`Escape`&&H(j)},classNames:{textInput:z?.textInput??v(),root:z?.root??w(),label:z?.label??i(S(),A()),description:z?.description??y(),error:z?.error??b(),wrapper:z?.wrapper??E(),input:z?.input??x(),section:z?.section??T(),required:z?.required??C()}}),O(`div`,{className:z?.buttonWrapper??g(),children:[D(e,{type:`button`,onClick:()=>H(j),classNames:{button:z?.cancelButton?.button??d(),root:z?.cancelButton?.root??m(),inner:z?.cancelButton?.inner??f(),label:z?.cancelButton?.label??p(),section:z?.cancelButton?.section??h()},children:R}),D(e,{type:`button`,onClick:()=>U(j,B),classNames:{button:z?.addButton?.button??o(),root:z?.addButton?.root??l(),inner:z?.addButton?.inner??s(),label:z?.addButton?.label??c(),section:z?.addButton?.section??u()},children:L})]})]})};export{j as KanbanCardAdder};
 //# sourceMappingURL=KanbanCardAdder.mjs.map

package/dist/components/data-display/table/TableBody.mjs

@@ -1,2 +1,2 @@
-import{Virtual as e}from"../../misc/virtual/Virtual.mjs";import{useScrollableContext as t}from"./TableContext.mjs";import{Table as n}from"@mantine/core";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import{Children as o,cloneElement as s,isValidElement as c}from"react";const l=({height:e})=>e<=0?null:i(`tr`,{"aria-hidden":!0,children:i(`td`,{style:{height:e}})}),u=({item:e})=>{let t=e.row;if(!c(t))return t;let n=t.props.ref;return s(t,{ref:t=>{e.measureRef(t),typeof n==`function`?n(t):n&&(n.current=t)}})},d=({classNames:s,children:c,...d})=>{let f=t();if(f){let t=o.toArray(c);return i(n.Tbody,{className:s?.tbody,...d,children:i(e,{rows:t,estimateSize:f.estimateSize,scrollRef:f.viewportRef,overscan:f.overscan,children:(e,t)=>a(r,{children:[i(l,{height:t.top}),e.map(e=>i(u,{item:e},e.key)),i(l,{height:t.bottom})]})})})}return i(n.Tbody,{className:s?.tbody,...d,children:c})};export{d as TableBody};
+import{Virtual as e}from"../../misc/virtual/Virtual.mjs";import{useScrollableContext as t}from"./TableContext.mjs";import{Table as n}from"@mantine/core";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import{Children as o,cloneElement as s,isValidElement as c}from"react";const l=({height:e})=>e<=0?null:i(`tr`,{"aria-hidden":!0,children:i(`td`,{style:{height:e}})}),u=({item:e})=>{let t=e.row;if(!c(t))return t;let n=t.props.ref;return s(t,{ref:t=>{e.measureRef(t),typeof n==`function`?n(t):n&&(n.current=t)}})},d=({classNames:s,children:c,...d})=>{let f=t();if(f?.virtualized){let t=o.toArray(c);return i(n.Tbody,{className:s?.tbody,...d,children:i(e,{rows:t,estimateSize:f.estimateSize,scrollRef:f.viewportRef,overscan:f.overscan,children:(e,t)=>a(r,{children:[i(l,{height:t.top}),e.map(e=>i(u,{item:e},e.key)),i(l,{height:t.bottom})]})})})}return i(n.Tbody,{className:s?.tbody,...d,children:c})};export{d as TableBody};
 //# sourceMappingURL=TableBody.mjs.map

package/dist/components/data-display/table/TableBody.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableBody.tsx"],"sourcesContent":["import {\n  Children,\n  type ComponentPropsWithoutRef,\n  cloneElement,\n  isValidElement,\n  type ReactNode,\n} from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport { Virtual, type VirtualItem } from '../../misc/virtual/Virtual';\nimport { useScrollableContext } from './TableContext';\nimport type { TableClassNames } from './TableRoot';\n\nconst SpacerRow = ({ height }: { height: number }): ReactNode => {\n  if (height <= 0) return null;\n  return (\n    <tr aria-hidden>\n      <td style={{ height }} />\n    </tr>\n  );\n};\n\nconst VirtualRow = ({ item }: { item: VirtualItem<ReactNode> }): ReactNode => {\n  const child = item.row;\n  if (!isValidElement(child)) return child;\n\n  const existingRef = (child.props as Record<string, unknown>).ref as\n    | React.Ref<Element>\n    | undefined;\n\n  return cloneElement(\n    child as React.ReactElement<{ ref?: React.Ref<Element> }>,\n    {\n      ref: (node: Element | null) => {\n        item.measureRef(node);\n        if (typeof existingRef === 'function') {\n          existingRef(node);\n        } else if (existingRef) {\n          existingRef.current = node;\n        }\n      },\n    },\n  );\n};\n\nexport type TableBodyProps = Omit<\n  ComponentPropsWithoutRef<'tbody'>,\n  'children' | 'className'\n> & {\n  children: ReactNode;\n  classNames?: Pick<TableClassNames, 'tbody'>;\n};\n\nexport const TableBody = ({\n  classNames,\n  children,\n  ...props\n}: TableBodyProps): ReactNode => {\n  const scrollable = useScrollableContext();\n\n  if (scrollable) {\n    const childArray = Children.toArray(children);\n\n    return (\n      <MantineTable.Tbody className={classNames?.tbody} {...props}>\n        <Virtual\n          rows={childArray}\n          estimateSize={scrollable.estimateSize}\n          scrollRef={scrollable.viewportRef}\n          overscan={scrollable.overscan}\n        >\n          {(items, padding) => (\n            <>\n              <SpacerRow height={padding.top} />\n              {items.map((item) => (\n                <VirtualRow key={item.key} item={item} />\n              ))}\n              <SpacerRow height={padding.bottom} />\n            </>\n          )}\n        </Virtual>\n      </MantineTable.Tbody>\n    );\n  }\n\n  return (\n    <MantineTable.Tbody className={classNames?.tbody} {...props}>\n      {children}\n    </MantineTable.Tbody>\n  );\n};\n"],"mappings":"gSAcA,MAAM,GAAa,CAAE,YACf,GAAU,EAAU,KAEtB,EAAC,KAAA,CAAG,cAAA,YACF,EAAC,KAAA,CAAG,MAAO,CAAE,SAAQ,CAAA,CAAI,EACtB,CAIH,GAAc,CAAE,UAAwD,CAC5E,IAAM,EAAQ,EAAK,IACnB,GAAI,CAAC,EAAe,EAAM,CAAE,OAAO,EAEnC,IAAM,EAAe,EAAM,MAAkC,IAI7D,OAAO,EACL,EACA,CACE,IAAM,GAAyB,CAC7B,EAAK,WAAW,EAAK,CACjB,OAAO,GAAgB,WACzB,EAAY,EAAK,CACR,IACT,EAAY,QAAU,IAG3B,CACF,EAWU,GAAa,CACxB,aACA,WACA,GAAG,KAC4B,CAC/B,IAAM,EAAa,GAAsB,CAEzC,GAAI,EAAY,CACd,IAAM,EAAa,EAAS,QAAQ,EAAS,CAE7C,OACE,EAACA,EAAa,MAAA,CAAM,UAAW,GAAY,MAAO,GAAI,WACpD,EAAC,EAAA,CACC,KAAM,EACN,aAAc,EAAW,aACzB,UAAW,EAAW,YACtB,SAAU,EAAW,mBAEnB,EAAO,IACP,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CAAU,OAAQ,EAAQ,IAAA,CAAO,CACjC,EAAM,IAAK,GACV,EAAC,EAAA,CAAgC,OAAA,CAAhB,EAAK,IAAmB,CACzC,CACF,EAAC,EAAA,CAAU,OAAQ,EAAQ,OAAA,CAAU,GACpC,EAEG,EACS,CAIzB,OACE,EAACA,EAAa,MAAA,CAAM,UAAW,GAAY,MAAO,GAAI,EACnD,YACkB"}
+{"version":3,"file":"TableBody.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableBody.tsx"],"sourcesContent":["import {\n  Children,\n  type ComponentPropsWithoutRef,\n  cloneElement,\n  isValidElement,\n  type ReactNode,\n} from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport { Virtual, type VirtualItem } from '../../misc/virtual/Virtual';\nimport { useScrollableContext } from './TableContext';\nimport type { TableClassNames } from './TableRoot';\n\nconst SpacerRow = ({ height }: { height: number }): ReactNode => {\n  if (height <= 0) return null;\n  return (\n    <tr aria-hidden>\n      <td style={{ height }} />\n    </tr>\n  );\n};\n\nconst VirtualRow = ({ item }: { item: VirtualItem<ReactNode> }): ReactNode => {\n  const child = item.row;\n  if (!isValidElement(child)) return child;\n\n  const existingRef = (child.props as Record<string, unknown>).ref as\n    | React.Ref<Element>\n    | undefined;\n\n  return cloneElement(\n    child as React.ReactElement<{ ref?: React.Ref<Element> }>,\n    {\n      ref: (node: Element | null) => {\n        item.measureRef(node);\n        if (typeof existingRef === 'function') {\n          existingRef(node);\n        } else if (existingRef) {\n          existingRef.current = node;\n        }\n      },\n    },\n  );\n};\n\nexport type TableBodyProps = Omit<\n  ComponentPropsWithoutRef<'tbody'>,\n  'children' | 'className'\n> & {\n  children: ReactNode;\n  classNames?: Pick<TableClassNames, 'tbody'>;\n};\n\nexport const TableBody = ({\n  classNames,\n  children,\n  ...props\n}: TableBodyProps): ReactNode => {\n  const scrollable = useScrollableContext();\n\n  if (scrollable?.virtualized) {\n    const childArray = Children.toArray(children);\n\n    return (\n      <MantineTable.Tbody className={classNames?.tbody} {...props}>\n        <Virtual\n          rows={childArray}\n          estimateSize={scrollable.estimateSize}\n          scrollRef={scrollable.viewportRef}\n          overscan={scrollable.overscan}\n        >\n          {(items, padding) => (\n            <>\n              <SpacerRow height={padding.top} />\n              {items.map((item) => (\n                <VirtualRow key={item.key} item={item} />\n              ))}\n              <SpacerRow height={padding.bottom} />\n            </>\n          )}\n        </Virtual>\n      </MantineTable.Tbody>\n    );\n  }\n\n  return (\n    <MantineTable.Tbody className={classNames?.tbody} {...props}>\n      {children}\n    </MantineTable.Tbody>\n  );\n};\n"],"mappings":"gSAcA,MAAM,GAAa,CAAE,YACf,GAAU,EAAU,KAEtB,EAAC,KAAA,CAAG,cAAA,YACF,EAAC,KAAA,CAAG,MAAO,CAAE,SAAQ,CAAA,CAAI,EACtB,CAIH,GAAc,CAAE,UAAwD,CAC5E,IAAM,EAAQ,EAAK,IACnB,GAAI,CAAC,EAAe,EAAM,CAAE,OAAO,EAEnC,IAAM,EAAe,EAAM,MAAkC,IAI7D,OAAO,EACL,EACA,CACE,IAAM,GAAyB,CAC7B,EAAK,WAAW,EAAK,CACjB,OAAO,GAAgB,WACzB,EAAY,EAAK,CACR,IACT,EAAY,QAAU,IAG3B,CACF,EAWU,GAAa,CACxB,aACA,WACA,GAAG,KAC4B,CAC/B,IAAM,EAAa,GAAsB,CAEzC,GAAI,GAAY,YAAa,CAC3B,IAAM,EAAa,EAAS,QAAQ,EAAS,CAE7C,OACE,EAACA,EAAa,MAAA,CAAM,UAAW,GAAY,MAAO,GAAI,WACpD,EAAC,EAAA,CACC,KAAM,EACN,aAAc,EAAW,aACzB,UAAW,EAAW,YACtB,SAAU,EAAW,mBAEnB,EAAO,IACP,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CAAU,OAAQ,EAAQ,IAAA,CAAO,CACjC,EAAM,IAAK,GACV,EAAC,EAAA,CAAgC,OAAA,CAAhB,EAAK,IAAmB,CACzC,CACF,EAAC,EAAA,CAAU,OAAQ,EAAQ,OAAA,CAAU,GACpC,EAEG,EACS,CAIzB,OACE,EAACA,EAAa,MAAA,CAAM,UAAW,GAAY,MAAO,GAAI,EACnD,YACkB"}

package/dist/components/data-display/table/TableContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableContext.mjs","names":[],"sources":["../../../../src/components/data-display/table/TableContext.tsx"],"sourcesContent":["import { createContext, type RefObject, useContext } from 'react';\n\nexport type ScrollableContextValue = {\n  viewportRef: RefObject<HTMLDivElement | null>;\n  estimateSize: number;\n  overscan?: number;\n  stickyHeader?: boolean;\n  setHeaderHeight: (height: number) => void;\n};\n\nexport const ScrollableContext = createContext<ScrollableContextValue | null>(\n  null,\n);\n\nexport const useScrollableContext = () => useContext(ScrollableContext);\n"],"mappings":"sDAUA,MAAa,EAAoB,EAC/B,KACD,CAEY,MAA6B,EAAW,EAAkB"}
+{"version":3,"file":"TableContext.mjs","names":[],"sources":["../../../../src/components/data-display/table/TableContext.tsx"],"sourcesContent":["import { createContext, type RefObject, useContext } from 'react';\n\nexport type ScrollableContextValue = {\n  viewportRef: RefObject<HTMLDivElement | null>;\n  estimateSize: number;\n  overscan?: number;\n  stickyHeader?: boolean;\n  setHeaderHeight: (height: number) => void;\n  virtualized?: boolean;\n};\n\nexport const ScrollableContext = createContext<ScrollableContextValue | null>(\n  null,\n);\n\nexport const useScrollableContext = () => useContext(ScrollableContext);\n"],"mappings":"sDAWA,MAAa,EAAoB,EAC/B,KACD,CAEY,MAA6B,EAAW,EAAkB"}

package/dist/components/data-display/table/TableScroll.d.mts

@@ -5,8 +5,9 @@ import { ReactNode } from "react";
 type ScrollableTableConfig = {
   maxHeight?: number | string;
   minWidth?: number | string;
-  estimateSize: number;
+  estimateSize?: number;
   overscan?: number;
+  virtualized?: boolean;
   scrollAreaProps?: Omit<ScrollAreaProps, 'children' | 'viewportRef' | 'style'>;
 };
 //#endregion

package/dist/components/data-display/table/TableScroll.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"TableScroll.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableScroll.tsx"],"mappings":";;;;KAmBY,qBAAA;EACV,SAAA;EACA,QAAA;EACA,YAAA;EACA,QAAA;EACA,eAAA,GAAkB,IAAA,CAAK,eAAA;AAAA"}
+{"version":3,"file":"TableScroll.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableScroll.tsx"],"mappings":";;;;KAmBY,qBAAA;EACV,SAAA;EACA,QAAA;EACA,YAAA;EACA,QAAA;EACA,WAAA;EACA,eAAA,GAAkB,IAAA,CAAK,eAAA;AAAA"}

package/dist/components/data-display/table/TableScroll.mjs

@@ -1,2 +1,2 @@
-import{ScrollableContext as e}from"./TableContext.mjs";import{ScrollArea as t}from"../../misc/scroll-area/ScrollArea.mjs";import{tableScroll as n,tableScrollContent as r,tableScrollCorner as i,tableScrollRoot as a,tableScrollScrollbar as o,tableScrollThumb as s,tableScrollViewport as c}from"@mage-ui/styled-system/recipes";import{jsx as l}from"react/jsx-runtime";import{useRef as u,useState as d}from"react";const f=({children:f,scrollable:p,stickyHeader:m})=>{let h=u(null),[g,_]=d(0),{maxHeight:v,minWidth:y,estimateSize:b,overscan:x,scrollAreaProps:S}=p,C={...v&&{"--scrollarea-viewport-max-height":typeof v==`number`?`${v}px`:v},...y&&{"--scrollable-table-min-width":typeof y==`number`?`${y}px`:y},...m&&{"--scrollarea-scrollbar-vertical-top":`${g}px`}},w={scrollArea:S?.classNames?.scrollArea??n(),root:S?.classNames?.root??a(),viewport:S?.classNames?.viewport??c(),content:S?.classNames?.content??r(),scrollbar:S?.classNames?.scrollbar??o(),thumb:S?.classNames?.thumb??s(),corner:S?.classNames?.corner??i()};return l(e.Provider,{value:{viewportRef:h,estimateSize:b,overscan:x,stickyHeader:m,setHeaderHeight:_},children:l(t,{scrollbars:`xy`,type:`hover`,offsetScrollbars:!1,"data-sticky-header":m||void 0,viewportRef:h,classNames:w,style:C,...S,children:f})})};export{f as TableScroll};
+import{ScrollableContext as e}from"./TableContext.mjs";import{ScrollArea as t}from"../../misc/scroll-area/ScrollArea.mjs";import{tableScroll as n,tableScrollContent as r,tableScrollCorner as i,tableScrollRoot as a,tableScrollScrollbar as o,tableScrollThumb as s,tableScrollViewport as c}from"@mage-ui/styled-system/recipes";import{jsx as l}from"react/jsx-runtime";import{useMemo as u,useRef as d,useState as f}from"react";const p=({children:p,scrollable:m,stickyHeader:h})=>{let g=d(null),[_,v]=f(0),{maxHeight:y,minWidth:b,estimateSize:x,overscan:S,virtualized:C,scrollAreaProps:w}=m,T={...y&&{"--scrollarea-viewport-max-height":typeof y==`number`?`${y}px`:y},...b&&{"--scrollable-table-min-width":typeof b==`number`?`${b}px`:b},...h&&{"--scrollarea-scrollbar-vertical-top":`${_}px`}},E={scrollArea:w?.classNames?.scrollArea??n(),root:w?.classNames?.root??a(),viewport:w?.classNames?.viewport??c(),content:w?.classNames?.content??r(),scrollbar:w?.classNames?.scrollbar??o(),thumb:w?.classNames?.thumb??s(),corner:w?.classNames?.corner??i()},D=u(()=>({viewportRef:g,estimateSize:x??40,overscan:S,stickyHeader:h,setHeaderHeight:v,virtualized:C}),[x,S,h,C]);return l(e.Provider,{value:D,children:l(t,{scrollbars:`xy`,type:`hover`,offsetScrollbars:!1,"data-sticky-header":h||void 0,viewportRef:g,classNames:E,style:T,...w,children:p})})};export{p as TableScroll};
 //# sourceMappingURL=TableScroll.mjs.map

package/dist/components/data-display/table/TableScroll.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableScroll.mjs","names":["tableScrollRecipe"],"sources":["../../../../src/components/data-display/table/TableScroll.tsx"],"sourcesContent":["import { type ReactNode, useRef, useState } from 'react';\n\nimport {\n  tableScrollContent,\n  tableScrollCorner,\n  tableScroll as tableScrollRecipe,\n  tableScrollRoot,\n  tableScrollScrollbar,\n  tableScrollThumb,\n  tableScrollViewport,\n} from '@mage-ui/styled-system/recipes';\n\nimport {\n  ScrollArea,\n  type ScrollAreaClassNames,\n  type ScrollAreaProps,\n} from '../../misc/scroll-area/ScrollArea';\nimport { ScrollableContext } from './TableContext';\n\nexport type ScrollableTableConfig = {\n  maxHeight?: number | string;\n  minWidth?: number | string;\n  estimateSize: number;\n  overscan?: number;\n  scrollAreaProps?: Omit<ScrollAreaProps, 'children' | 'viewportRef' | 'style'>;\n};\n\ntype TableScrollProps = {\n  children: ReactNode;\n  scrollable: ScrollableTableConfig;\n  stickyHeader?: boolean;\n};\n\nexport const TableScroll = ({\n  children,\n  scrollable,\n  stickyHeader,\n}: TableScrollProps): ReactNode => {\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const [headerHeight, setHeaderHeight] = useState(0);\n\n  const { maxHeight, minWidth, estimateSize, overscan, scrollAreaProps } =\n    scrollable;\n\n  const style = {\n    ...(maxHeight && {\n      '--scrollarea-viewport-max-height':\n        typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight,\n    }),\n    ...(minWidth && {\n      '--scrollable-table-min-width':\n        typeof minWidth === 'number' ? `${minWidth}px` : minWidth,\n    }),\n    ...(stickyHeader && {\n      '--scrollarea-scrollbar-vertical-top': `${headerHeight}px`,\n    }),\n  } as React.CSSProperties;\n\n  const classNames: ScrollAreaClassNames = {\n    scrollArea: scrollAreaProps?.classNames?.scrollArea ?? tableScrollRecipe(),\n    root: scrollAreaProps?.classNames?.root ?? tableScrollRoot(),\n    viewport: scrollAreaProps?.classNames?.viewport ?? tableScrollViewport(),\n    content: scrollAreaProps?.classNames?.content ?? tableScrollContent(),\n    scrollbar: scrollAreaProps?.classNames?.scrollbar ?? tableScrollScrollbar(),\n    thumb: scrollAreaProps?.classNames?.thumb ?? tableScrollThumb(),\n    corner: scrollAreaProps?.classNames?.corner ?? tableScrollCorner(),\n  };\n\n  return (\n    <ScrollableContext.Provider\n      value={{\n        viewportRef,\n        estimateSize,\n        overscan,\n        stickyHeader,\n        setHeaderHeight,\n      }}\n    >\n      <ScrollArea\n        scrollbars='xy'\n        type='hover'\n        offsetScrollbars={false}\n        data-sticky-header={stickyHeader || undefined}\n        viewportRef={viewportRef}\n        classNames={classNames}\n        style={style}\n        {...scrollAreaProps}\n      >\n        {children}\n      </ScrollArea>\n    </ScrollableContext.Provider>\n  );\n};\n"],"mappings":"yZAiCA,MAAa,GAAe,CAC1B,WACA,aACA,kBACiC,CACjC,IAAM,EAAc,EAAuB,KAAK,CAC1C,CAAC,EAAc,GAAmB,EAAS,EAAE,CAE7C,CAAE,YAAW,WAAU,eAAc,WAAU,mBACnD,EAEI,EAAQ,CACZ,GAAI,GAAa,CACf,mCACE,OAAO,GAAc,SAAW,GAAG,EAAU,IAAM,EACtD,CACD,GAAI,GAAY,CACd,+BACE,OAAO,GAAa,SAAW,GAAG,EAAS,IAAM,EACpD,CACD,GAAI,GAAgB,CAClB,sCAAuC,GAAG,EAAa,IACxD,CACF,CAEK,EAAmC,CACvC,WAAY,GAAiB,YAAY,YAAcA,GAAmB,CAC1E,KAAM,GAAiB,YAAY,MAAQ,GAAiB,CAC5D,SAAU,GAAiB,YAAY,UAAY,GAAqB,CACxE,QAAS,GAAiB,YAAY,SAAW,GAAoB,CACrE,UAAW,GAAiB,YAAY,WAAa,GAAsB,CAC3E,MAAO,GAAiB,YAAY,OAAS,GAAkB,CAC/D,OAAQ,GAAiB,YAAY,QAAU,GAAmB,CACnE,CAED,OACE,EAAC,EAAkB,SAAA,CACjB,MAAO,CACL,cACA,eACA,WACA,eACA,kBACD,UAED,EAAC,EAAA,CACC,WAAW,KACX,KAAK,QACL,iBAAkB,GAClB,qBAAoB,GAAgB,IAAA,GACvB,cACD,aACL,QACP,GAAI,EAEH,YACU,EACc"}
+{"version":3,"file":"TableScroll.mjs","names":["tableScrollRecipe"],"sources":["../../../../src/components/data-display/table/TableScroll.tsx"],"sourcesContent":["import { type ReactNode, useMemo, useRef, useState } from 'react';\n\nimport {\n  tableScrollContent,\n  tableScrollCorner,\n  tableScroll as tableScrollRecipe,\n  tableScrollRoot,\n  tableScrollScrollbar,\n  tableScrollThumb,\n  tableScrollViewport,\n} from '@mage-ui/styled-system/recipes';\n\nimport {\n  ScrollArea,\n  type ScrollAreaClassNames,\n  type ScrollAreaProps,\n} from '../../misc/scroll-area/ScrollArea';\nimport { ScrollableContext } from './TableContext';\n\nexport type ScrollableTableConfig = {\n  maxHeight?: number | string;\n  minWidth?: number | string;\n  estimateSize?: number;\n  overscan?: number;\n  virtualized?: boolean;\n  scrollAreaProps?: Omit<ScrollAreaProps, 'children' | 'viewportRef' | 'style'>;\n};\n\ntype TableScrollProps = {\n  children: ReactNode;\n  scrollable: ScrollableTableConfig;\n  stickyHeader?: boolean;\n};\n\nexport const TableScroll = ({\n  children,\n  scrollable,\n  stickyHeader,\n}: TableScrollProps): ReactNode => {\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const [headerHeight, setHeaderHeight] = useState(0);\n\n  const {\n    maxHeight,\n    minWidth,\n    estimateSize,\n    overscan,\n    virtualized,\n    scrollAreaProps,\n  } = scrollable;\n\n  const style = {\n    ...(maxHeight && {\n      '--scrollarea-viewport-max-height':\n        typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight,\n    }),\n    ...(minWidth && {\n      '--scrollable-table-min-width':\n        typeof minWidth === 'number' ? `${minWidth}px` : minWidth,\n    }),\n    ...(stickyHeader && {\n      '--scrollarea-scrollbar-vertical-top': `${headerHeight}px`,\n    }),\n  } as React.CSSProperties;\n\n  const classNames: ScrollAreaClassNames = {\n    scrollArea: scrollAreaProps?.classNames?.scrollArea ?? tableScrollRecipe(),\n    root: scrollAreaProps?.classNames?.root ?? tableScrollRoot(),\n    viewport: scrollAreaProps?.classNames?.viewport ?? tableScrollViewport(),\n    content: scrollAreaProps?.classNames?.content ?? tableScrollContent(),\n    scrollbar: scrollAreaProps?.classNames?.scrollbar ?? tableScrollScrollbar(),\n    thumb: scrollAreaProps?.classNames?.thumb ?? tableScrollThumb(),\n    corner: scrollAreaProps?.classNames?.corner ?? tableScrollCorner(),\n  };\n\n  const contextValue = useMemo(\n    () => ({\n      viewportRef,\n      estimateSize: estimateSize ?? 40,\n      overscan,\n      stickyHeader,\n      setHeaderHeight,\n      virtualized,\n    }),\n    [estimateSize, overscan, stickyHeader, virtualized],\n  );\n\n  return (\n    <ScrollableContext.Provider value={contextValue}>\n      <ScrollArea\n        scrollbars='xy'\n        type='hover'\n        offsetScrollbars={false}\n        data-sticky-header={stickyHeader || undefined}\n        viewportRef={viewportRef}\n        classNames={classNames}\n        style={style}\n        {...scrollAreaProps}\n      >\n        {children}\n      </ScrollArea>\n    </ScrollableContext.Provider>\n  );\n};\n"],"mappings":"saAkCA,MAAa,GAAe,CAC1B,WACA,aACA,kBACiC,CACjC,IAAM,EAAc,EAAuB,KAAK,CAC1C,CAAC,EAAc,GAAmB,EAAS,EAAE,CAE7C,CACJ,YACA,WACA,eACA,WACA,cACA,mBACE,EAEE,EAAQ,CACZ,GAAI,GAAa,CACf,mCACE,OAAO,GAAc,SAAW,GAAG,EAAU,IAAM,EACtD,CACD,GAAI,GAAY,CACd,+BACE,OAAO,GAAa,SAAW,GAAG,EAAS,IAAM,EACpD,CACD,GAAI,GAAgB,CAClB,sCAAuC,GAAG,EAAa,IACxD,CACF,CAEK,EAAmC,CACvC,WAAY,GAAiB,YAAY,YAAcA,GAAmB,CAC1E,KAAM,GAAiB,YAAY,MAAQ,GAAiB,CAC5D,SAAU,GAAiB,YAAY,UAAY,GAAqB,CACxE,QAAS,GAAiB,YAAY,SAAW,GAAoB,CACrE,UAAW,GAAiB,YAAY,WAAa,GAAsB,CAC3E,MAAO,GAAiB,YAAY,OAAS,GAAkB,CAC/D,OAAQ,GAAiB,YAAY,QAAU,GAAmB,CACnE,CAEK,EAAe,OACZ,CACL,cACA,aAAc,GAAgB,GAC9B,WACA,eACA,kBACA,cACD,EACD,CAAC,EAAc,EAAU,EAAc,EAAY,CACpD,CAED,OACE,EAAC,EAAkB,SAAA,CAAS,MAAO,WACjC,EAAC,EAAA,CACC,WAAW,KACX,KAAK,QACL,iBAAkB,GAClB,qBAAoB,GAAgB,IAAA,GACvB,cACD,aACL,QACP,GAAI,EAEH,YACU,EACc"}

package/dist/components/index.d.mts

@@ -30,11 +30,15 @@ import { TableHeaderCellProps } from "./data-display/table/TableHeaderCell.mjs";
 import { TableCellProps } from "./data-display/table/TableCell.mjs";
 import { TableCaptionProps } from "./data-display/table/TableCaption.mjs";
 import { Table } from "./data-display/table/Table.mjs";
-import { StatelessDataTableContextProvider, StatelessDataTableContextValue, useStatelessDataTableContext } from "./data-display/datatables/datatable-stateless/useStatelessDataTableContext.mjs";
-import { StatelessDataTableSlotContent, StatelessDataTableSlotRenderProps, StatelessDataTableSlotRow, StatelessDataTableSlotRowProps, StatelessDataTableSlots } from "./data-display/datatables/datatable-stateless/StatelessDataTableSlotRow.mjs";
-import { StatelessDataTable, StatelessDataTableClassNames, StatelessDataTableExpansionConfig, StatelessDataTablePaginationConfig, StatelessDataTableProps, StatelessDataTableSelectionConfig, StatelessDataTableSortingConfig, StatelessDataTableTableConfig } from "./data-display/datatables/datatable-stateless/StatelessDataTable.mjs";
-import { StatelessDataTablePageSize, StatelessDataTablePageSizeProps } from "./data-display/datatables/datatable-stateless/StatelessDataTablePageSize.mjs";
-import { ColumnDef, ExpandedState, PaginationState, RowSelectionState, SortingState } from "./data-display/datatables/datatable-stateless/index.mjs";
+import { DEFAULT_DATA_TABLE_LABELS, DataTableContextProvider, DataTableContextValue, DataTableLabels, useDataTableContext } from "./data-display/datatables/useDataTableContext.mjs";
+import { DataTable, DataTableClassNames, DataTableColumnMeta, DataTableExpansionConfig, DataTableExtraColumnConfig, DataTableFiltersConfig, DataTablePaginationConfig, DataTableProps, DataTableRecord, DataTableSearchConfig, DataTableSelectionConfig, DataTableSortingConfig, DataTableTableConfig } from "./data-display/datatables/DataTable.mjs";
+import { DataTablePageSize, DataTablePageSizeProps } from "./data-display/datatables/DataTablePageSize.mjs";
+import { Pagination, PaginationClassNames, PaginationRootProps } from "./navigations/pagination/Pagination.mjs";
+import { DataTablePagination, DataTablePaginationProps } from "./data-display/datatables/DataTablePagination.mjs";
+import { DataTableBottomSlot, DataTableBottomSlotProps } from "./data-display/datatables/DataTableBottomSlot.mjs";
+import { DataTableErrorState } from "./data-display/datatables/DataTableErrorState.mjs";
+import { DataTableTopSlot, DataTableTopSlotProps } from "./data-display/datatables/DataTableTopSlot.mjs";
+import { ColumnDef, ExpandedState, PaginationState, RowSelectionState, SortingState } from "./data-display/datatables/index.mjs";
 import { DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps } from "./data-display/description-list/DescriptionList.mjs";
 import { Icon, IconProps } from "./data-display/icons/icon/Icon.mjs";
 import { IconRaw, IconRawProps } from "./data-display/icons/icon-raw/IconRaw.mjs";
@@ -75,7 +79,6 @@ import "./layouts/index.mjs";
 import { BreadcrumbsBarProps } from "./navigations/breadcrumbs/BreadcrumbsBar.mjs";
 import { Breadcrumbs, BreadcrumbsProps } from "./navigations/breadcrumbs/Breadcrumbs.mjs";
 import { Menu, MenuProps } from "./navigations/menu/Menu.mjs";
-import { Pagination, PaginationClassNames, PaginationProps } from "./navigations/pagination/Pagination.mjs";
 import { Sidebar, SidebarClassNames, SidebarProps } from "./navigations/sidebars/sidebar/Sidebar.mjs";
 import "./navigations/index.mjs";
 import { ModalClassNames, ModalIntent, ModalProps, ModalRootProps } from "./overlays/modal/modal-types.mjs";

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

@@ -1,5 +1,5 @@
+import { Pagination, PaginationClassNames, PaginationRootProps } from "./pagination/Pagination.mjs";
 import { BreadcrumbsBarProps } from "./breadcrumbs/BreadcrumbsBar.mjs";
 import { Breadcrumbs, BreadcrumbsProps } from "./breadcrumbs/Breadcrumbs.mjs";
 import { Menu, MenuProps } from "./menu/Menu.mjs";
-import { Pagination, PaginationClassNames, PaginationProps } from "./pagination/Pagination.mjs";
 import { Sidebar, SidebarClassNames, SidebarProps } from "./sidebars/sidebar/Sidebar.mjs";

package/dist/components/navigations/pagination/Pagination.d.mts

@@ -1,3 +1,5 @@
+import * as _mantine_core0 from "@mantine/core";
+import * as react from "react";
 import { ReactNode } from "react";
 
 //#region src/components/navigations/pagination/Pagination.d.ts
@@ -7,7 +9,7 @@ type PaginationClassNames = {
   control?: string;
   dots?: string;
 };
-type PaginationProps = {
+type PaginationRootProps = {
   total: number;
   value?: number;
   defaultValue?: number;
@@ -25,11 +27,63 @@ type PaginationProps = {
   onLastPage?: () => void;
   getItemProps?: (page: number) => Record<string, unknown>;
   classNames?: PaginationClassNames;
+  children?: ReactNode;
+};
+declare const Pagination$1: {
+  Root: ({
+    classNames,
+    ...props
+  }: PaginationRootProps) => ReactNode;
+  First: (<C = "button">(props: _mantine_core0.PolymorphicComponentProps<C, _mantine_core0.PaginationEdgeProps>) => React.ReactElement) & Omit<react.FunctionComponent<(_mantine_core0.PaginationEdgeProps & {
+    component?: any;
+  } & Omit<Omit<any, "ref">, "component" | keyof _mantine_core0.PaginationEdgeProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+  }) | (_mantine_core0.PaginationEdgeProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+  })>, never> & Record<string, never>;
+  Previous: (<C = "button">(props: _mantine_core0.PolymorphicComponentProps<C, _mantine_core0.PaginationEdgeProps>) => React.ReactElement) & Omit<react.FunctionComponent<(_mantine_core0.PaginationEdgeProps & {
+    component?: any;
+  } & Omit<Omit<any, "ref">, "component" | keyof _mantine_core0.PaginationEdgeProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+  }) | (_mantine_core0.PaginationEdgeProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+  })>, never> & Record<string, never>;
+  Next: (<C = "button">(props: _mantine_core0.PolymorphicComponentProps<C, _mantine_core0.PaginationEdgeProps>) => React.ReactElement) & Omit<react.FunctionComponent<(_mantine_core0.PaginationEdgeProps & {
+    component?: any;
+  } & Omit<Omit<any, "ref">, "component" | keyof _mantine_core0.PaginationEdgeProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+  }) | (_mantine_core0.PaginationEdgeProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+  })>, never> & Record<string, never>;
+  Last: (<C = "button">(props: _mantine_core0.PolymorphicComponentProps<C, _mantine_core0.PaginationEdgeProps>) => React.ReactElement) & Omit<react.FunctionComponent<(_mantine_core0.PaginationEdgeProps & {
+    component?: any;
+  } & Omit<Omit<any, "ref">, "component" | keyof _mantine_core0.PaginationEdgeProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+  }) | (_mantine_core0.PaginationEdgeProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+  })>, never> & Record<string, never>;
+  Items: typeof _mantine_core0.PaginationItems;
+  Control: _mantine_core0.MantineComponent<{
+    props: _mantine_core0.PaginationControlProps;
+    ref: HTMLButtonElement;
+    stylesNames: "control";
+    compound: true;
+  }>;
+  Dots: _mantine_core0.MantineComponent<{
+    props: _mantine_core0.PaginationDotsProps;
+    ref: HTMLDivElement;
+    stylesNames: "dots";
+    compound: true;
+  }>;
 };
-declare const Pagination: ({
-  classNames,
-  ...props
-}: PaginationProps) => ReactNode;
 //#endregion
-export { Pagination, PaginationClassNames, PaginationProps };
+export { Pagination$1 as Pagination, PaginationClassNames, PaginationRootProps };
 //# sourceMappingURL=Pagination.d.mts.map

package/dist/components/navigations/pagination/Pagination.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.mts","names":[],"sources":["../../../../src/components/navigations/pagination/Pagination.tsx"],"mappings":";;;KAWY,oBAAA;EACV,UAAA;EACA,IAAA;EACA,OAAA;EACA,IAAA;AAAA;AAAA,KAGU,eAAA;EACV,KAAA;EACA,KAAA;EACA,YAAA;EACA,QAAA,IAAY,KAAA;EACZ,QAAA;EACA,QAAA;EACA,UAAA;EACA,SAAA;EACA,YAAA;EACA,SAAA;EACA,eAAA;EACA,UAAA;EACA,cAAA;EACA,WAAA;EACA,UAAA;EACA,YAAA,IAAgB,IAAA,aAAiB,MAAA;EACjC,UAAA,GAAa,oBAAA;AAAA;AAAA,cAGF,UAAA;EAAc,UAAA;EAAA,GAAA;AAAA,GAGxB,eAAA,KAAkB,SAAA"}
+{"version":3,"file":"Pagination.d.mts","names":[],"sources":["../../../../src/components/navigations/pagination/Pagination.tsx"],"mappings":";;;;;KAWY,oBAAA;EACV,UAAA;EACA,IAAA;EACA,OAAA;EACA,IAAA;AAAA;AAAA,KAGU,mBAAA;EACV,KAAA;EACA,KAAA;EACA,YAAA;EACA,QAAA,IAAY,KAAA;EACZ,QAAA;EACA,QAAA;EACA,UAAA;EACA,SAAA;EACA,YAAA;EACA,SAAA;EACA,eAAA;EACA,UAAA;EACA,cAAA;EACA,WAAA;EACA,UAAA;EACA,YAAA,IAAgB,IAAA,aAAiB,MAAA;EACjC,UAAA,GAAa,oBAAA;EACb,QAAA,GAAW,SAAA;AAAA;AAAA,cAmBA,YAAA;;;;KAhB2B,mBAAA,KAAsB,SAAA"}

package/dist/components/navigations/pagination/Pagination.mjs

@@ -1,2 +1,2 @@
-import{cx as e}from"@mage-ui/styled-system/css";import{pagination as t,paginationControl as n,paginationDots as r,paginationRoot as i}from"@mage-ui/styled-system/recipes";import{Pagination as a}from"@mantine/core";import{jsx as o}from"react/jsx-runtime";const s=({classNames:s,...c})=>o(a,{classNames:{root:e(s?.pagination??t(),s?.root??i()),control:s?.control??n(),dots:s?.dots??r()},...c});export{s as Pagination};
+import{cx as e}from"@mage-ui/styled-system/css";import{pagination as t,paginationControl as n,paginationDots as r,paginationRoot as i}from"@mage-ui/styled-system/recipes";import{Pagination as a}from"@mantine/core";import{jsx as o}from"react/jsx-runtime";const s={Root:({classNames:s,...c})=>o(a.Root,{classNames:{root:e(s?.pagination??t(),s?.root??i()),control:s?.control??n(),dots:s?.dots??r()},...c}),First:a.First,Previous:a.Previous,Next:a.Next,Last:a.Last,Items:a.Items,Control:a.Control,Dots:a.Dots};export{s as Pagination};
 //# sourceMappingURL=Pagination.mjs.map

package/dist/components/navigations/pagination/Pagination.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.mjs","names":["Pagination","MantinePagination","paginationRecipe"],"sources":["../../../../src/components/navigations/pagination/Pagination.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  pagination as paginationRecipe,\n  paginationControl,\n  paginationDots,\n  paginationRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Pagination as MantinePagination } from '@mantine/core';\n\nexport type PaginationClassNames = {\n  pagination?: string;\n  root?: string;\n  control?: string;\n  dots?: string;\n};\n\nexport type PaginationProps = {\n  total: number;\n  value?: number;\n  defaultValue?: number;\n  onChange?: (value: number) => void;\n  disabled?: boolean;\n  siblings?: number;\n  boundaries?: number;\n  withEdges?: boolean;\n  withControls?: boolean;\n  withPages?: boolean;\n  hideWithOnePage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n  onFirstPage?: () => void;\n  onLastPage?: () => void;\n  getItemProps?: (page: number) => Record<string, unknown>;\n  classNames?: PaginationClassNames;\n};\n\nexport const Pagination = ({\n  classNames,\n  ...props\n}: PaginationProps): ReactNode => {\n  return (\n    <MantinePagination\n      classNames={{\n        root: cx(\n          classNames?.pagination ?? paginationRecipe(),\n          classNames?.root ?? paginationRoot(),\n        ),\n        control: classNames?.control ?? paginationControl(),\n        dots: classNames?.dots ?? paginationDots(),\n      }}\n      {...props}\n    />\n  );\n};\n"],"mappings":"8PAsCA,MAAaA,GAAc,CACzB,aACA,GAAG,KAGD,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,EACJ,GAAY,YAAcC,GAAkB,CAC5C,GAAY,MAAQ,GAAgB,CACrC,CACD,QAAS,GAAY,SAAW,GAAmB,CACnD,KAAM,GAAY,MAAQ,GAAgB,CAC3C,CACD,GAAI,GACJ"}
+{"version":3,"file":"Pagination.mjs","names":["MantinePagination","paginationRecipe","Pagination"],"sources":["../../../../src/components/navigations/pagination/Pagination.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  paginationControl,\n  paginationDots,\n  pagination as paginationRecipe,\n  paginationRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Pagination as MantinePagination } from '@mantine/core';\n\nexport type PaginationClassNames = {\n  pagination?: string;\n  root?: string;\n  control?: string;\n  dots?: string;\n};\n\nexport type PaginationRootProps = {\n  total: number;\n  value?: number;\n  defaultValue?: number;\n  onChange?: (value: number) => void;\n  disabled?: boolean;\n  siblings?: number;\n  boundaries?: number;\n  withEdges?: boolean;\n  withControls?: boolean;\n  withPages?: boolean;\n  hideWithOnePage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n  onFirstPage?: () => void;\n  onLastPage?: () => void;\n  getItemProps?: (page: number) => Record<string, unknown>;\n  classNames?: PaginationClassNames;\n  children?: ReactNode;\n};\n\nconst Root = ({ classNames, ...props }: PaginationRootProps): ReactNode => {\n  return (\n    <MantinePagination.Root\n      classNames={{\n        root: cx(\n          classNames?.pagination ?? paginationRecipe(),\n          classNames?.root ?? paginationRoot(),\n        ),\n        control: classNames?.control ?? paginationControl(),\n        dots: classNames?.dots ?? paginationDots(),\n      }}\n      {...props}\n    />\n  );\n};\n\nexport const Pagination = {\n  Root,\n  First: MantinePagination.First,\n  Previous: MantinePagination.Previous,\n  Next: MantinePagination.Next,\n  Last: MantinePagination.Last,\n  Items: MantinePagination.Items,\n  Control: MantinePagination.Control,\n  Dots: MantinePagination.Dots,\n};\n"],"mappings":"8PAuDA,MAAaE,EAAa,CACxB,MAjBY,CAAE,aAAY,GAAG,KAE3B,EAACF,EAAkB,KAAA,CACjB,WAAY,CACV,KAAM,EACJ,GAAY,YAAcC,GAAkB,CAC5C,GAAY,MAAQ,GAAgB,CACrC,CACD,QAAS,GAAY,SAAW,GAAmB,CACnD,KAAM,GAAY,MAAQ,GAAgB,CAC3C,CACD,GAAI,GACJ,CAMJ,MAAOD,EAAkB,MACzB,SAAUA,EAAkB,SAC5B,KAAMA,EAAkB,KACxB,KAAMA,EAAkB,KACxB,MAAOA,EAAkB,MACzB,QAASA,EAAkB,QAC3B,KAAMA,EAAkB,KACzB"}

package/dist/index.d.mts

@@ -28,11 +28,15 @@ 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 { DataTableErrorState } from "./components/data-display/datatables/DataTableErrorState.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 +73,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 +83,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, 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, 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{DataTableErrorState as x}from"./components/data-display/datatables/DataTableErrorState.mjs";import{TextInput as S}from"./components/controls/text-input/TextInput.mjs";import{DataTableTopSlot as C}from"./components/data-display/datatables/DataTableTopSlot.mjs";import{DescriptionList as w}from"./components/data-display/description-list/DescriptionList.mjs";import{IconRaw as T}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as E}from"./components/data-display/icons/icon/Icon.mjs";import{IconSvg as D}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{IconWrapped as O}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Indicator as k}from"./components/data-display/indicator/Indicator.mjs";import{KanbanCard as A}from"./components/data-display/kanban/KanbanCard.mjs";import{Kanban as j}from"./components/data-display/kanban/Kanban.mjs";import{LoaderDot as M}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as N}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as P}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as F}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as I}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as L}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as R}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as z}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as B}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as V}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{HorizontalDivider as H}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollAreaAutosize as U}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{ButtonIcon as W}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as G}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as K}from"./components/buttons/button-visual/ButtonVisual.mjs";import{DatePicker as q}from"./components/controls/date-picker/DatePicker.mjs";import{Autocomplete as J}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as Y}from"./components/controls/dropdown/combobox/Combobox.mjs";import{Select as X}from"./components/controls/dropdown/select/Select.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{Textarea as ae}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as oe}from"./components/forms/rules/password-rules.mjs";import{z as se}from"./components/forms/rules/zod.mjs";import{Form as ce}from"./components/forms/Form.mjs";import{Card as le}from"./components/layouts/card/Card.mjs";import{FluidGrid as ue}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as de}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as fe}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as pe}from"./components/navigations/menu/Menu.mjs";import{Modal as me}from"./components/overlays/modal/Modal.mjs";import{Modals as he}from"./components/overlays/modal/index.mjs";import{Toast as ge}from"./components/overlays/toast/toast.mjs";import{Tooltip as _e}from"./components/overlays/tooltip/Tooltip.mjs";import{Sidebar as ve}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as ye}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,J as Autocomplete,a as Avatar,o as Badge,fe as Breadcrumbs,e as Button,n as ButtonAction,W as ButtonIcon,G as ButtonIconVisual,r as ButtonLoader,K as ButtonVisual,s as Calendar,le as Card,h as Checkbox,Y as Combobox,f as DEFAULT_DATA_TABLE_LABELS,g as DataTable,b as DataTableBottomSlot,p as DataTableContextProvider,x as DataTableErrorState,_ as DataTablePageSize,y as DataTablePagination,C as DataTableTopSlot,q as DatePicker,w as DescriptionList,Z as Dropzone,Q as DropzoneFiles,$ as FileInput,ee as FileInputMultiple,ue as FluidGrid,ce as Form,de as Grid,H as HorizontalDivider,E as Icon,T as IconRaw,D as IconSvg,O as IconWrapped,k as Indicator,j as Kanban,A as KanbanCard,M as LoaderDot,N as LoaderOval,P as LogoImage,F as LogoSvg,ye as MageUiProvider,pe as Menu,me as Modal,he as Modals,I as NotificationBanner,oe as PASSWORD_RULES,v as Pagination,te as PasswordInput,ne as PasswordStrengthInput,ie as Radio,L as RemovableItem,u as ScrollArea,U as ScrollAreaAutosize,X as Select,ve as Sidebar,d as Table,z as Tag,R as TagGroup,S as TextInput,ae as Textarea,ge as Toast,_e as Tooltip,B as UploadedFile,V as UploadedFileDetails,l as Virtual,t as VisuallyHidden,c as momentLocalizer,m as useDataTableContext,re as usePasswordRules,se as z};

package/package.json

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

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"}