@mage-ui/components 1.0.145 → 1.0.147

package/dist/components/controls/checkbox/Checkbox.mjs

@@ -1,2 +1,2 @@
-import{CheckboxGroup as e}from"../checkbox-group/CheckboxGroup.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{checkbox as n,checkboxBody as r,checkboxBodyError as i,checkboxDescription as a,checkboxError as o,checkboxIcon as s,checkboxInner as c,checkboxInput as l,checkboxLabel as u,checkboxLabelRequired as d,checkboxLabelWrapper as f,checkboxRoot as p}from"@mage-ui/styled-system/recipes";import{Checkbox as m}from"@mantine/core";import{Fragment as h,jsx as g,jsxs as _}from"react/jsx-runtime";import{visuallyHidden as v}from"@mage-ui/styled-system/patterns";const y=({classNames:e,label:y,hiddenLabel:b,error:x,required:S,...C})=>g(m,{classNames:{root:t(e?.checkbox??n(),e?.root??p()),input:t(e?.input??l(),`peer`),icon:e?.icon??s(),inner:e?.inner??c(),body:t(e?.body??r(),x&&(e?.bodyError??i())),labelWrapper:e?.labelWrapper??f(),label:t(e?.label??u(),b&&v()),description:e?.description??a(),error:e?.error??o()},label:_(h,{children:[y,g(()=>S?_(`span`,{className:e?.labelRequired??d(),children:[` `,`*`]}):null,{})]}),...C});y.displayName=`Checkbox`,y.Group=e;export{y as Checkbox};
+import{CheckboxGroup as e}from"../checkbox-group/CheckboxGroup.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{checkbox as n,checkboxBody as r,checkboxBodyError as i,checkboxDescription as a,checkboxError as o,checkboxIcon as s,checkboxInner as c,checkboxInput as l,checkboxLabel as u,checkboxLabelRequired as d,checkboxLabelWrapper as f,checkboxRoot as p}from"@mage-ui/styled-system/recipes";import{Checkbox as m}from"@mantine/core";import{Fragment as h,jsx as g,jsxs as _}from"react/jsx-runtime";import{visuallyHidden as v}from"@mage-ui/styled-system/patterns";const y=({classNames:e,label:y,hiddenLabel:b,error:x,required:S,...C})=>g(m,{classNames:{root:t(e?.checkbox??n(),e?.root??p()),input:t(e?.input??l(),`peer`),icon:e?.icon??s(),inner:e?.inner??c(),body:t(e?.body??r(),x&&(e?.bodyError??i())),labelWrapper:e?.labelWrapper??f(),label:t(e?.label??u(),b&&v()),description:e?.description??a(),error:e?.error??o()},error:x,label:_(h,{children:[y,g(()=>S?_(`span`,{className:e?.labelRequired??d(),children:[` `,`*`]}):null,{})]}),...C});y.displayName=`Checkbox`,y.Group=e;export{y as Checkbox};
 //# sourceMappingURL=Checkbox.mjs.map

package/dist/components/controls/checkbox/Checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.mjs","names":["Checkbox","MantineCheckbox"],"sources":["../../../../src/components/controls/checkbox/Checkbox.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { visuallyHidden } from '@mage-ui/styled-system/patterns';\nimport {\n  checkbox,\n  checkboxBody,\n  checkboxBodyError,\n  checkboxDescription,\n  checkboxError,\n  checkboxIcon,\n  checkboxInner,\n  checkboxInput,\n  checkboxLabel,\n  checkboxLabelRequired,\n  checkboxLabelWrapper,\n  checkboxRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Checkbox as MantineCheckbox } from '@mantine/core';\n\nimport { CheckboxGroup } from '../checkbox-group/CheckboxGroup';\n\nexport type CheckboxProps = Omit<\n  ComponentProps<'input'>,\n  'size' | 'children'\n> & {\n  indeterminate?: boolean;\n  label?: ReactNode;\n  description?: ReactNode;\n  error?: string;\n  classNames?: {\n    checkbox?: string;\n    root?: string;\n    input?: string;\n    icon?: string;\n    inner?: string;\n    body?: string;\n    bodyError?: string;\n    labelWrapper?: string;\n    labelRequired?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n  };\n  hiddenLabel?: boolean;\n};\n\nexport const Checkbox = ({\n  classNames,\n  label,\n  hiddenLabel,\n  error,\n  required,\n  ...props\n}: CheckboxProps): ReactNode => {\n  const RequiredAsterisk = () =>\n    required ? (\n      <span className={classNames?.labelRequired ?? checkboxLabelRequired()}>\n        {' '}\n        *\n      </span>\n    ) : null;\n\n  return (\n    <MantineCheckbox\n      classNames={{\n        root: cx(\n          classNames?.checkbox ?? checkbox(),\n          classNames?.root ?? checkboxRoot(),\n        ),\n        input: cx(classNames?.input ?? checkboxInput(), 'peer'),\n        icon: classNames?.icon ?? checkboxIcon(),\n        inner: classNames?.inner ?? checkboxInner(),\n        body: cx(\n          classNames?.body ?? checkboxBody(),\n          error && (classNames?.bodyError ?? checkboxBodyError()),\n        ),\n        labelWrapper: classNames?.labelWrapper ?? checkboxLabelWrapper(),\n        label: cx(\n          classNames?.label ?? checkboxLabel(),\n          hiddenLabel && visuallyHidden(),\n        ),\n        description: classNames?.description ?? checkboxDescription(),\n        error: classNames?.error ?? checkboxError(),\n      }}\n      label={\n        <>\n          {label}\n          <RequiredAsterisk />\n        </>\n      }\n      {...props}\n    />\n  );\n};\n\nCheckbox.displayName = 'Checkbox';\nCheckbox.Group = CheckboxGroup;\n"],"mappings":"+jBA+CA,MAAaA,GAAY,CACvB,aACA,QACA,cACA,QACA,WACA,GAAG,KAWD,EAACC,EAAD,CACE,WAAY,CACV,KAAM,EACJ,GAAY,UAAY,GAAU,CAClC,GAAY,MAAQ,GAAc,CACnC,CACD,MAAO,EAAG,GAAY,OAAS,GAAe,CAAE,OAAO,CACvD,KAAM,GAAY,MAAQ,GAAc,CACxC,MAAO,GAAY,OAAS,GAAe,CAC3C,KAAM,EACJ,GAAY,MAAQ,GAAc,CAClC,IAAU,GAAY,WAAa,GAAmB,EACvD,CACD,aAAc,GAAY,cAAgB,GAAsB,CAChE,MAAO,EACL,GAAY,OAAS,GAAe,CACpC,GAAe,GAAgB,CAChC,CACD,YAAa,GAAY,aAAe,GAAqB,CAC7D,MAAO,GAAY,OAAS,GAAe,CAC5C,CACD,MACE,EAAA,EAAA,CAAA,SAAA,CACG,EACD,MAhCN,EACE,EAAC,OAAD,CAAM,UAAW,GAAY,eAAiB,GAAuB,UAArE,CACG,IAAI,IAEA,GACL,KA2BE,EAAoB,CAAA,CACnB,CAAA,CAAA,CAEL,GAAI,EACJ,CAAA,CAIN,EAAS,YAAc,WACvB,EAAS,MAAQ"}
+{"version":3,"file":"Checkbox.mjs","names":["Checkbox","MantineCheckbox"],"sources":["../../../../src/components/controls/checkbox/Checkbox.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { visuallyHidden } from '@mage-ui/styled-system/patterns';\nimport {\n  checkbox,\n  checkboxBody,\n  checkboxBodyError,\n  checkboxDescription,\n  checkboxError,\n  checkboxIcon,\n  checkboxInner,\n  checkboxInput,\n  checkboxLabel,\n  checkboxLabelRequired,\n  checkboxLabelWrapper,\n  checkboxRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Checkbox as MantineCheckbox } from '@mantine/core';\n\nimport { CheckboxGroup } from '../checkbox-group/CheckboxGroup';\n\nexport type CheckboxProps = Omit<\n  ComponentProps<'input'>,\n  'size' | 'children'\n> & {\n  indeterminate?: boolean;\n  label?: ReactNode;\n  description?: ReactNode;\n  error?: string;\n  classNames?: {\n    checkbox?: string;\n    root?: string;\n    input?: string;\n    icon?: string;\n    inner?: string;\n    body?: string;\n    bodyError?: string;\n    labelWrapper?: string;\n    labelRequired?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n  };\n  hiddenLabel?: boolean;\n};\n\nexport const Checkbox = ({\n  classNames,\n  label,\n  hiddenLabel,\n  error,\n  required,\n  ...props\n}: CheckboxProps): ReactNode => {\n  const RequiredAsterisk = () =>\n    required ? (\n      <span className={classNames?.labelRequired ?? checkboxLabelRequired()}>\n        {' '}\n        *\n      </span>\n    ) : null;\n\n  return (\n    <MantineCheckbox\n      classNames={{\n        root: cx(\n          classNames?.checkbox ?? checkbox(),\n          classNames?.root ?? checkboxRoot(),\n        ),\n        input: cx(classNames?.input ?? checkboxInput(), 'peer'),\n        icon: classNames?.icon ?? checkboxIcon(),\n        inner: classNames?.inner ?? checkboxInner(),\n        body: cx(\n          classNames?.body ?? checkboxBody(),\n          error && (classNames?.bodyError ?? checkboxBodyError()),\n        ),\n        labelWrapper: classNames?.labelWrapper ?? checkboxLabelWrapper(),\n        label: cx(\n          classNames?.label ?? checkboxLabel(),\n          hiddenLabel && visuallyHidden(),\n        ),\n        description: classNames?.description ?? checkboxDescription(),\n        error: classNames?.error ?? checkboxError(),\n      }}\n      error={error}\n      label={\n        <>\n          {label}\n          <RequiredAsterisk />\n        </>\n      }\n      {...props}\n    />\n  );\n};\n\nCheckbox.displayName = 'Checkbox';\nCheckbox.Group = CheckboxGroup;\n"],"mappings":"+jBA+CA,MAAaA,GAAY,CACvB,aACA,QACA,cACA,QACA,WACA,GAAG,KAWD,EAACC,EAAD,CACE,WAAY,CACV,KAAM,EACJ,GAAY,UAAY,GAAU,CAClC,GAAY,MAAQ,GAAc,CACnC,CACD,MAAO,EAAG,GAAY,OAAS,GAAe,CAAE,OAAO,CACvD,KAAM,GAAY,MAAQ,GAAc,CACxC,MAAO,GAAY,OAAS,GAAe,CAC3C,KAAM,EACJ,GAAY,MAAQ,GAAc,CAClC,IAAU,GAAY,WAAa,GAAmB,EACvD,CACD,aAAc,GAAY,cAAgB,GAAsB,CAChE,MAAO,EACL,GAAY,OAAS,GAAe,CACpC,GAAe,GAAgB,CAChC,CACD,YAAa,GAAY,aAAe,GAAqB,CAC7D,MAAO,GAAY,OAAS,GAAe,CAC5C,CACM,QACP,MACE,EAAA,EAAA,CAAA,SAAA,CACG,EACD,MAjCN,EACE,EAAC,OAAD,CAAM,UAAW,GAAY,eAAiB,GAAuB,UAArE,CACG,IAAI,IAEA,GACL,KA4BE,EAAoB,CAAA,CACnB,CAAA,CAAA,CAEL,GAAI,EACJ,CAAA,CAIN,EAAS,YAAc,WACvB,EAAS,MAAQ"}

package/dist/components/data-display/datatables/DataTable.d.mts

@@ -84,6 +84,7 @@ type DataTableProps<Data> = {
   classNames?: DataTableClassNames;
   options?: DataTableManagedOptions<Data>;
   labels?: Partial<DataTableLabels>;
+  getRowClassName?: (row: Data) => string | undefined;
 } & DataTableTableConfig;
 declare const DataTable: <Data>({
   classNames,
@@ -100,6 +101,7 @@ declare const DataTable: <Data>({
   onRefresh,
   options,
   labels,
+  getRowClassName,
   ...tableProps
 }: DataTableProps<Data>) => ReactNode;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.mts","names":[],"sources":["../../../../src/components/data-display/datatables/DataTable.tsx"],"mappings":";;;;;;;;KA+BY,eAAA,GAAkB,MAAA;AAAA,KAElB,sBAAA;EACV,KAAA,EAAO,YAAA;EACP,QAAA,EAAU,UAAA,CAAW,YAAA;AAAA;AAAA,KAGX,yBAAA;EACV,WAAA;EACA,QAAA;EACA,QAAA,EAAU,UAAA,CAAW,eAAA;EACrB,SAAA;EACA,QAAA;AAAA;AAAA,KAGU,mBAAA;EACV,UAAA;IACE,MAAA;IACA,IAAA;EAAA;EAEF,OAAA,IACE,GAAA,WACA,QAAA,UACA,IAAA;AAAA;AAAA,KAIQ,wBAAA;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;EACzC,eAAA,GAAkB,OAAA,CAAQ,SAAA,CAAU,IAAA;AAAA;AAAA,KAG1B,wBAAA;EACV,KAAA,EAAO,aAAA;EACP,QAAA,EAAU,UAAA,CAAW,aAAA;EACrB,aAAA,GAAgB,GAAA,EAAK,IAAA,KAAS,SAAA;EAC9B,eAAA,GAAkB,OAAA,CAAQ,SAAA,CAAU,IAAA;AAAA;AAAA,KAG1B,qBAAA;EACV,WAAA;EACA,KAAA;AAAA;AAAA,KAGU,sBAAA;EACV,OAAA,EAAS,MAAA;EACT,MAAA,GACE,OAAA,EAAS,MAAA,mBACT,QAAA,GAAW,IAAA,EAAM,MAAA,+BACd,SAAA;AAAA;AAAA,KAGK,oBAAA,GAAuB,IAAA,CAAK,UAAA;AAAA,KAE5B,mBAAA;EACV,SAAA;EACA,IAAA;EACA,QAAA;EACA,MAAA;EACA,UAAA;EACA,aAAA;EACA,YAAA;EACA,OAAA;EACA,OAAA,GAAU,0BAAA;EACV,OAAA;EACA,KAAA;EACA,eAAA;EACA,QAAA;EACA,KAAA,GAAQ,eAAA;AAAA;AAAA,KAGL,uBAAA,SAAgC,OAAA,CACnC,IAAA,CACE,YAAA,CAAa,IAAA;AAAA,KAUL,0BAAA;EACV,MAAA,EAAQ,SAAA,CAAU,IAAA;EAClB,QAAA;AAAA;AAAA,KAGU,cAAA;EACV,IAAA,EAAM,IAAA;EACN,OAAA,EAAS,SAAA,CAAU,IAAA;EACnB,YAAA,GAAe,0BAAA,CAA2B,IAAA;EAC1C,OAAA,GAAU,sBAAA;EACV,UAAA,GAAa,yBAAA;EACb,SAAA,GAAY,wBAAA,CAAyB,IAAA;EACrC,SAAA,GAAY,wBAAA,CAAyB,IAAA;EACrC,OAAA;EACA,QAAA;EACA,SAAA,gBAAyB,OAAA;EACzB,KAAA,GAAQ,cAAA;EACR,UAAA,GAAa,mBAAA;EACb,OAAA,GAAU,uBAAA,CAAwB,IAAA;EAClC,MAAA,GAAS,OAAA,CAAQ,eAAA;AAAA,IACf,oBAAA;AAAA,cAES,SAAA;EAAoB,UAAA;EAAA,KAAA;EAAA,OAAA;EAAA,QAAA;EAAA,UAAA;EAAA,SAAA;EAAA,SAAA;EAAA,IAAA;EAAA,OAAA;EAAA,YAAA;EAAA,OAAA;EAAA,SAAA;EAAA,OAAA;EAAA,MAAA;EAAA,GAAA;AAAA,GAgB9B,cAAA,CAAe,IAAA,MAAQ,SAAA"}
+{"version":3,"file":"DataTable.d.mts","names":[],"sources":["../../../../src/components/data-display/datatables/DataTable.tsx"],"mappings":";;;;;;;;KA+BY,eAAA,GAAkB,MAAA;AAAA,KAElB,sBAAA;EACV,KAAA,EAAO,YAAA;EACP,QAAA,EAAU,UAAA,CAAW,YAAA;AAAA;AAAA,KAGX,yBAAA;EACV,WAAA;EACA,QAAA;EACA,QAAA,EAAU,UAAA,CAAW,eAAA;EACrB,SAAA;EACA,QAAA;AAAA;AAAA,KAGU,mBAAA;EACV,UAAA;IACE,MAAA;IACA,IAAA;EAAA;EAEF,OAAA,IACE,GAAA,WACA,QAAA,UACA,IAAA;AAAA;AAAA,KAIQ,wBAAA;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;EACzC,eAAA,GAAkB,OAAA,CAAQ,SAAA,CAAU,IAAA;AAAA;AAAA,KAG1B,wBAAA;EACV,KAAA,EAAO,aAAA;EACP,QAAA,EAAU,UAAA,CAAW,aAAA;EACrB,aAAA,GAAgB,GAAA,EAAK,IAAA,KAAS,SAAA;EAC9B,eAAA,GAAkB,OAAA,CAAQ,SAAA,CAAU,IAAA;AAAA;AAAA,KAG1B,qBAAA;EACV,WAAA;EACA,KAAA;AAAA;AAAA,KAGU,sBAAA;EACV,OAAA,EAAS,MAAA;EACT,MAAA,GACE,OAAA,EAAS,MAAA,mBACT,QAAA,GAAW,IAAA,EAAM,MAAA,+BACd,SAAA;AAAA;AAAA,KAGK,oBAAA,GAAuB,IAAA,CAAK,UAAA;AAAA,KAE5B,mBAAA;EACV,SAAA;EACA,IAAA;EACA,QAAA;EACA,MAAA;EACA,UAAA;EACA,aAAA;EACA,YAAA;EACA,OAAA;EACA,OAAA,GAAU,0BAAA;EACV,OAAA;EACA,KAAA;EACA,eAAA;EACA,QAAA;EACA,KAAA,GAAQ,eAAA;AAAA;AAAA,KAGL,uBAAA,SAAgC,OAAA,CACnC,IAAA,CACE,YAAA,CAAa,IAAA;AAAA,KAUL,0BAAA;EACV,MAAA,EAAQ,SAAA,CAAU,IAAA;EAClB,QAAA;AAAA;AAAA,KAGU,cAAA;EACV,IAAA,EAAM,IAAA;EACN,OAAA,EAAS,SAAA,CAAU,IAAA;EACnB,YAAA,GAAe,0BAAA,CAA2B,IAAA;EAC1C,OAAA,GAAU,sBAAA;EACV,UAAA,GAAa,yBAAA;EACb,SAAA,GAAY,wBAAA,CAAyB,IAAA;EACrC,SAAA,GAAY,wBAAA,CAAyB,IAAA;EACrC,OAAA;EACA,QAAA;EACA,SAAA,gBAAyB,OAAA;EACzB,KAAA,GAAQ,cAAA;EACR,UAAA,GAAa,mBAAA;EACb,OAAA,GAAU,uBAAA,CAAwB,IAAA;EAClC,MAAA,GAAS,OAAA,CAAQ,eAAA;EACjB,eAAA,IAAmB,GAAA,EAAK,IAAA;AAAA,IACtB,oBAAA;AAAA,cAES,SAAA;EAAoB,UAAA;EAAA,KAAA;EAAA,OAAA;EAAA,QAAA;EAAA,UAAA;EAAA,SAAA;EAAA,SAAA;EAAA,IAAA;EAAA,OAAA;EAAA,YAAA;EAAA,OAAA;EAAA,SAAA;EAAA,OAAA;EAAA,MAAA;EAAA,eAAA;EAAA,GAAA;AAAA,GAiB9B,cAAA,CAAe,IAAA,MAAQ,SAAA"}

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

@@ -1,2 +1,2 @@
-import{Table as e}from"../table/Table.mjs";import{DataTableBody as t}from"./DataTableBody.mjs";import{DataTableContextProvider as n}from"./useDataTableContext.mjs";import{DataTableBulkBar as r}from"./DataTableBulkBar.mjs";import{DataTableColGroup as i}from"./DataTableColGroup.mjs";import{DataTableHeader as a}from"./DataTableHeader.mjs";import{DataTableRootContainer as o}from"./DataTableRootContainer.mjs";import{DataTableSkeleton as s}from"./DataTableSkeleton.mjs";import{DataTableSlotRow as c}from"./DataTableSlotRow.mjs";import{DataTableViewport as l}from"./DataTableViewport.mjs";import{useDataTable as u}from"./useDataTable.mjs";import{jsx as d,jsxs as f}from"react/jsx-runtime";const p=({classNames:p,slots:m,loading:h,skeleton:g,pagination:_,selection:v,expansion:y,data:b,columns:x,extraColumns:S,sorting:C,onRefresh:w,options:T,labels:E,...D})=>{let{layout:O,contextValue:k,table:A,explicitSizeIds:j,columnHeaderClasses:M}=u({data:b,columns:x,extraColumns:S,sorting:C,onRefresh:w,options:T,labels:E,classNames:p,loading:h,skeleton:g,pagination:_,selection:v,expansion:y,...D});return d(n,{value:k,children:f(o,{busy:h,classNames:p,children:[d(c,{classNames:{root:p?.slotRow},children:m?.top}),d(l,{className:p?.viewport,children:g!=null&&b.length===0?d(s,{rows:g,className:p?.skeleton}):f(e,{...D,layout:O,classNames:p?.table,children:[d(i,{columns:A.getVisibleLeafColumns(),explicitSizeIds:j,columnHeaderClasses:M}),d(a,{loading:h,classNames:p,headerGroups:A.getHeaderGroups(),explicitSizeIds:j}),d(t,{rows:A.getRowModel().rows,colCount:A.getVisibleLeafColumns().length,loading:h,empty:m?.empty,emptyClassName:p?.empty,expandedContentClassName:p?.expandedContent,expansion:y,selection:v})]})}),d(c,{classNames:{root:p?.slotRow},children:m?.bottom}),d(r,{selectedIds:k.selectedIds,className:p?.bulkBar,selection:v})]})})};export{p as DataTable};
+import{Table as e}from"../table/Table.mjs";import{DataTableBody as t}from"./DataTableBody.mjs";import{DataTableContextProvider as n}from"./useDataTableContext.mjs";import{DataTableBulkBar as r}from"./DataTableBulkBar.mjs";import{DataTableColGroup as i}from"./DataTableColGroup.mjs";import{DataTableHeader as a}from"./DataTableHeader.mjs";import{DataTableRootContainer as o}from"./DataTableRootContainer.mjs";import{DataTableSkeleton as s}from"./DataTableSkeleton.mjs";import{DataTableSlotRow as c}from"./DataTableSlotRow.mjs";import{DataTableViewport as l}from"./DataTableViewport.mjs";import{useDataTable as u}from"./useDataTable.mjs";import{jsx as d,jsxs as f}from"react/jsx-runtime";const p=({classNames:p,slots:m,loading:h,skeleton:g,pagination:_,selection:v,expansion:y,data:b,columns:x,extraColumns:S,sorting:C,onRefresh:w,options:T,labels:E,getRowClassName:D,...O})=>{let{layout:k,contextValue:A,table:j,explicitSizeIds:M,columnHeaderClasses:N}=u({data:b,columns:x,extraColumns:S,sorting:C,onRefresh:w,options:T,labels:E,classNames:p,loading:h,skeleton:g,pagination:_,selection:v,expansion:y,...O});return d(n,{value:A,children:f(o,{busy:h,classNames:p,children:[d(c,{classNames:{root:p?.slotRow},children:m?.top}),d(l,{className:p?.viewport,children:g!=null&&b.length===0?d(s,{rows:g,className:p?.skeleton}):f(e,{...O,layout:k,classNames:p?.table,children:[d(i,{columns:j.getVisibleLeafColumns(),explicitSizeIds:M,columnHeaderClasses:N}),d(a,{loading:h,classNames:p,headerGroups:j.getHeaderGroups(),explicitSizeIds:M}),d(t,{rows:j.getRowModel().rows,colCount:j.getVisibleLeafColumns().length,loading:h,empty:m?.empty,emptyClassName:p?.empty,expandedContentClassName:p?.expandedContent,expansion:y,selection:v,getRowClassName:D})]})}),d(c,{classNames:{root:p?.slotRow},children:m?.bottom}),d(r,{selectedIds:A.selectedIds,className:p?.bulkBar,selection:v})]})})};export{p as DataTable};
 //# sourceMappingURL=DataTable.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataTable.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTable.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 { Table, type TableClassNames, type TableProps } from '../table/Table';\nimport { DataTableBody } from './DataTableBody';\nimport {\n  DataTableBulkBar,\n  type DataTableBulkBarClassNames,\n} from './DataTableBulkBar';\nimport { DataTableColGroup } from './DataTableColGroup';\nimport { DataTableHeader } from './DataTableHeader';\nimport { DataTableRootContainer } from './DataTableRootContainer';\nimport { DataTableSkeleton } from './DataTableSkeleton';\nimport { DataTableSlotRow, type DataTableSlots } from './DataTableSlotRow';\nimport { DataTableViewport } from './DataTableViewport';\nimport { useDataTable } from './useDataTable';\nimport {\n  DataTableContextProvider,\n  type DataTableContextValue,\n  type DataTableLabels,\n} from './useDataTableContext';\n\nexport type DataTableRecord = Record<string, unknown>;\n\nexport type DataTableSortingConfig = {\n  state: SortingState;\n  onChange: OnChangeFn<SortingState>;\n};\n\nexport type DataTablePaginationConfig = {\n  currentPage: number;\n  pageSize: number;\n  onChange: OnChangeFn<PaginationState>;\n  pageCount: number;\n  rowCount?: number;\n};\n\nexport type DataTableColumnMeta = {\n  classNames?: {\n    header?: string;\n    cell?: string;\n  };\n  rowSpan?: (\n    row: unknown,\n    rowIndex: number,\n    rows: unknown[],\n  ) => number | undefined;\n};\n\nexport type DataTableSelectionConfig<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  columnOverrides?: Partial<ColumnDef<Data, unknown>>;\n};\n\nexport type DataTableExpansionConfig<Data = unknown> = {\n  state: ExpandedState;\n  onChange: OnChangeFn<ExpandedState>;\n  renderContent: (row: Data) => ReactNode;\n  columnOverrides?: Partial<ColumnDef<Data, unknown>>;\n};\n\nexport type DataTableSearchConfig = {\n  placeholder?: string;\n  label?: string;\n};\n\nexport type DataTableFiltersConfig = {\n  initial: Record<string, unknown>;\n  render: (\n    filters: Record<string, unknown>,\n    onChange: (next: Record<string, unknown>) => void,\n  ) => ReactNode;\n};\n\nexport type DataTableTableConfig = Omit<TableProps, 'children' | 'classNames'>;\n\nexport type DataTableClassNames = {\n  dataTable?: string;\n  root?: string;\n  viewport?: string;\n  header?: string;\n  sortButton?: string;\n  sortIndicator?: string;\n  expandButton?: string;\n  slotRow?: string;\n  bulkBar?: DataTableBulkBarClassNames;\n  loading?: string;\n  empty?: string;\n  expandedContent?: string;\n  skeleton?: string;\n  table?: TableClassNames;\n};\n\ntype DataTableManagedOptions<Data> = Partial<\n  Omit<\n    TableOptions<Data>,\n    | 'columns'\n    | 'data'\n    | 'onExpandedChange'\n    | 'onPaginationChange'\n    | 'onRowSelectionChange'\n    | 'onSortingChange'\n  >\n>;\n\nexport type DataTableExtraColumnConfig<Data> = {\n  column: ColumnDef<Data, unknown>;\n  position?: number;\n};\n\nexport type DataTableProps<Data> = {\n  data: Data[];\n  columns: ColumnDef<Data, unknown>[];\n  extraColumns?: DataTableExtraColumnConfig<Data>[];\n  sorting?: DataTableSortingConfig;\n  pagination?: DataTablePaginationConfig;\n  selection?: DataTableSelectionConfig<Data>;\n  expansion?: DataTableExpansionConfig<Data>;\n  loading?: boolean;\n  skeleton?: number;\n  onRefresh?: () => void | Promise<void>;\n  slots?: DataTableSlots;\n  classNames?: DataTableClassNames;\n  options?: DataTableManagedOptions<Data>;\n  labels?: Partial<DataTableLabels>;\n} & DataTableTableConfig;\n\nexport const DataTable = <Data,>({\n  classNames,\n  slots,\n  loading,\n  skeleton,\n  pagination,\n  selection,\n  expansion,\n  data,\n  columns,\n  extraColumns,\n  sorting,\n  onRefresh,\n  options,\n  labels,\n  ...tableProps\n}: DataTableProps<Data>): ReactNode => {\n  const { layout, contextValue, table, explicitSizeIds, columnHeaderClasses } =\n    useDataTable({\n      data,\n      columns,\n      extraColumns,\n      sorting,\n      onRefresh,\n      options,\n      labels,\n      classNames,\n      loading,\n      skeleton,\n      pagination,\n      selection,\n      expansion,\n      ...tableProps,\n    });\n\n  return (\n    <DataTableContextProvider\n      value={contextValue as DataTableContextValue<unknown>}\n    >\n      <DataTableRootContainer busy={loading} classNames={classNames}>\n        <DataTableSlotRow classNames={{ root: classNames?.slotRow }}>\n          {slots?.top}\n        </DataTableSlotRow>\n\n        <DataTableViewport className={classNames?.viewport}>\n          {skeleton != null && data.length === 0 ? (\n            <DataTableSkeleton\n              rows={skeleton}\n              className={classNames?.skeleton}\n            />\n          ) : (\n            <Table\n              {...tableProps}\n              layout={layout}\n              classNames={classNames?.table}\n            >\n              <DataTableColGroup\n                columns={table.getVisibleLeafColumns()}\n                explicitSizeIds={explicitSizeIds}\n                columnHeaderClasses={columnHeaderClasses}\n              />\n              <DataTableHeader\n                loading={loading}\n                classNames={classNames}\n                headerGroups={table.getHeaderGroups()}\n                explicitSizeIds={explicitSizeIds}\n              />\n              <DataTableBody\n                rows={table.getRowModel().rows}\n                colCount={table.getVisibleLeafColumns().length}\n                loading={loading}\n                empty={slots?.empty}\n                emptyClassName={classNames?.empty}\n                expandedContentClassName={classNames?.expandedContent}\n                expansion={expansion}\n                selection={selection}\n              />\n            </Table>\n          )}\n        </DataTableViewport>\n\n        <DataTableSlotRow classNames={{ root: classNames?.slotRow }}>\n          {slots?.bottom}\n        </DataTableSlotRow>\n\n        <DataTableBulkBar\n          selectedIds={contextValue.selectedIds}\n          className={classNames?.bulkBar}\n          selection={selection}\n        />\n      </DataTableRootContainer>\n    </DataTableContextProvider>\n  );\n};\n"],"mappings":"8qBA4IA,MAAa,GAAoB,CAC/B,aACA,QACA,UACA,WACA,aACA,YACA,YACA,OACA,UACA,eACA,UACA,YACA,UACA,SACA,GAAG,KACkC,CACrC,GAAM,CAAE,SAAQ,eAAc,QAAO,kBAAiB,uBACpD,EAAa,CACX,OACA,UACA,eACA,UACA,YACA,UACA,SACA,aACA,UACA,WACA,aACA,YACA,YACA,GAAG,EACJ,CAAC,CAEJ,OACE,EAAC,EAAD,CACE,MAAO,WAEP,EAAC,EAAD,CAAwB,KAAM,EAAqB,sBAAnD,CACE,EAAC,EAAD,CAAkB,WAAY,CAAE,KAAM,GAAY,QAAS,UACxD,GAAO,IACS,CAAA,CAEnB,EAAC,EAAD,CAAmB,UAAW,GAAY,kBACvC,GAAY,MAAQ,EAAK,SAAW,EACnC,EAAC,EAAD,CACE,KAAM,EACN,UAAW,GAAY,SACvB,CAAA,CAEF,EAAC,EAAD,CACE,GAAI,EACI,SACR,WAAY,GAAY,eAH1B,CAKE,EAAC,EAAD,CACE,QAAS,EAAM,uBAAuB,CACrB,kBACI,sBACrB,CAAA,CACF,EAAC,EAAD,CACW,UACG,aACZ,aAAc,EAAM,iBAAiB,CACpB,kBACjB,CAAA,CACF,EAAC,EAAD,CACE,KAAM,EAAM,aAAa,CAAC,KAC1B,SAAU,EAAM,uBAAuB,CAAC,OAC/B,UACT,MAAO,GAAO,MACd,eAAgB,GAAY,MAC5B,yBAA0B,GAAY,gBAC3B,YACA,YACX,CAAA,CACI,GAEQ,CAAA,CAEpB,EAAC,EAAD,CAAkB,WAAY,CAAE,KAAM,GAAY,QAAS,UACxD,GAAO,OACS,CAAA,CAEnB,EAAC,EAAD,CACE,YAAa,EAAa,YAC1B,UAAW,GAAY,QACZ,YACX,CAAA,CACqB,GACA,CAAA"}
+{"version":3,"file":"DataTable.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTable.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 { Table, type TableClassNames, type TableProps } from '../table/Table';\nimport { DataTableBody } from './DataTableBody';\nimport {\n  DataTableBulkBar,\n  type DataTableBulkBarClassNames,\n} from './DataTableBulkBar';\nimport { DataTableColGroup } from './DataTableColGroup';\nimport { DataTableHeader } from './DataTableHeader';\nimport { DataTableRootContainer } from './DataTableRootContainer';\nimport { DataTableSkeleton } from './DataTableSkeleton';\nimport { DataTableSlotRow, type DataTableSlots } from './DataTableSlotRow';\nimport { DataTableViewport } from './DataTableViewport';\nimport { useDataTable } from './useDataTable';\nimport {\n  DataTableContextProvider,\n  type DataTableContextValue,\n  type DataTableLabels,\n} from './useDataTableContext';\n\nexport type DataTableRecord = Record<string, unknown>;\n\nexport type DataTableSortingConfig = {\n  state: SortingState;\n  onChange: OnChangeFn<SortingState>;\n};\n\nexport type DataTablePaginationConfig = {\n  currentPage: number;\n  pageSize: number;\n  onChange: OnChangeFn<PaginationState>;\n  pageCount: number;\n  rowCount?: number;\n};\n\nexport type DataTableColumnMeta = {\n  classNames?: {\n    header?: string;\n    cell?: string;\n  };\n  rowSpan?: (\n    row: unknown,\n    rowIndex: number,\n    rows: unknown[],\n  ) => number | undefined;\n};\n\nexport type DataTableSelectionConfig<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  columnOverrides?: Partial<ColumnDef<Data, unknown>>;\n};\n\nexport type DataTableExpansionConfig<Data = unknown> = {\n  state: ExpandedState;\n  onChange: OnChangeFn<ExpandedState>;\n  renderContent: (row: Data) => ReactNode;\n  columnOverrides?: Partial<ColumnDef<Data, unknown>>;\n};\n\nexport type DataTableSearchConfig = {\n  placeholder?: string;\n  label?: string;\n};\n\nexport type DataTableFiltersConfig = {\n  initial: Record<string, unknown>;\n  render: (\n    filters: Record<string, unknown>,\n    onChange: (next: Record<string, unknown>) => void,\n  ) => ReactNode;\n};\n\nexport type DataTableTableConfig = Omit<TableProps, 'children' | 'classNames'>;\n\nexport type DataTableClassNames = {\n  dataTable?: string;\n  root?: string;\n  viewport?: string;\n  header?: string;\n  sortButton?: string;\n  sortIndicator?: string;\n  expandButton?: string;\n  slotRow?: string;\n  bulkBar?: DataTableBulkBarClassNames;\n  loading?: string;\n  empty?: string;\n  expandedContent?: string;\n  skeleton?: string;\n  table?: TableClassNames;\n};\n\ntype DataTableManagedOptions<Data> = Partial<\n  Omit<\n    TableOptions<Data>,\n    | 'columns'\n    | 'data'\n    | 'onExpandedChange'\n    | 'onPaginationChange'\n    | 'onRowSelectionChange'\n    | 'onSortingChange'\n  >\n>;\n\nexport type DataTableExtraColumnConfig<Data> = {\n  column: ColumnDef<Data, unknown>;\n  position?: number;\n};\n\nexport type DataTableProps<Data> = {\n  data: Data[];\n  columns: ColumnDef<Data, unknown>[];\n  extraColumns?: DataTableExtraColumnConfig<Data>[];\n  sorting?: DataTableSortingConfig;\n  pagination?: DataTablePaginationConfig;\n  selection?: DataTableSelectionConfig<Data>;\n  expansion?: DataTableExpansionConfig<Data>;\n  loading?: boolean;\n  skeleton?: number;\n  onRefresh?: () => void | Promise<void>;\n  slots?: DataTableSlots;\n  classNames?: DataTableClassNames;\n  options?: DataTableManagedOptions<Data>;\n  labels?: Partial<DataTableLabels>;\n  getRowClassName?: (row: Data) => string | undefined;\n} & DataTableTableConfig;\n\nexport const DataTable = <Data,>({\n  classNames,\n  slots,\n  loading,\n  skeleton,\n  pagination,\n  selection,\n  expansion,\n  data,\n  columns,\n  extraColumns,\n  sorting,\n  onRefresh,\n  options,\n  labels,\n  getRowClassName,\n  ...tableProps\n}: DataTableProps<Data>): ReactNode => {\n  const { layout, contextValue, table, explicitSizeIds, columnHeaderClasses } =\n    useDataTable({\n      data,\n      columns,\n      extraColumns,\n      sorting,\n      onRefresh,\n      options,\n      labels,\n      classNames,\n      loading,\n      skeleton,\n      pagination,\n      selection,\n      expansion,\n      ...tableProps,\n    });\n\n  return (\n    <DataTableContextProvider\n      value={contextValue as DataTableContextValue<unknown>}\n    >\n      <DataTableRootContainer busy={loading} classNames={classNames}>\n        <DataTableSlotRow classNames={{ root: classNames?.slotRow }}>\n          {slots?.top}\n        </DataTableSlotRow>\n\n        <DataTableViewport className={classNames?.viewport}>\n          {skeleton != null && data.length === 0 ? (\n            <DataTableSkeleton\n              rows={skeleton}\n              className={classNames?.skeleton}\n            />\n          ) : (\n            <Table\n              {...tableProps}\n              layout={layout}\n              classNames={classNames?.table}\n            >\n              <DataTableColGroup\n                columns={table.getVisibleLeafColumns()}\n                explicitSizeIds={explicitSizeIds}\n                columnHeaderClasses={columnHeaderClasses}\n              />\n              <DataTableHeader\n                loading={loading}\n                classNames={classNames}\n                headerGroups={table.getHeaderGroups()}\n                explicitSizeIds={explicitSizeIds}\n              />\n              <DataTableBody\n                rows={table.getRowModel().rows}\n                colCount={table.getVisibleLeafColumns().length}\n                loading={loading}\n                empty={slots?.empty}\n                emptyClassName={classNames?.empty}\n                expandedContentClassName={classNames?.expandedContent}\n                expansion={expansion}\n                selection={selection}\n                getRowClassName={getRowClassName}\n              />\n            </Table>\n          )}\n        </DataTableViewport>\n\n        <DataTableSlotRow classNames={{ root: classNames?.slotRow }}>\n          {slots?.bottom}\n        </DataTableSlotRow>\n\n        <DataTableBulkBar\n          selectedIds={contextValue.selectedIds}\n          className={classNames?.bulkBar}\n          selection={selection}\n        />\n      </DataTableRootContainer>\n    </DataTableContextProvider>\n  );\n};\n"],"mappings":"8qBA6IA,MAAa,GAAoB,CAC/B,aACA,QACA,UACA,WACA,aACA,YACA,YACA,OACA,UACA,eACA,UACA,YACA,UACA,SACA,kBACA,GAAG,KACkC,CACrC,GAAM,CAAE,SAAQ,eAAc,QAAO,kBAAiB,uBACpD,EAAa,CACX,OACA,UACA,eACA,UACA,YACA,UACA,SACA,aACA,UACA,WACA,aACA,YACA,YACA,GAAG,EACJ,CAAC,CAEJ,OACE,EAAC,EAAD,CACE,MAAO,WAEP,EAAC,EAAD,CAAwB,KAAM,EAAqB,sBAAnD,CACE,EAAC,EAAD,CAAkB,WAAY,CAAE,KAAM,GAAY,QAAS,UACxD,GAAO,IACS,CAAA,CAEnB,EAAC,EAAD,CAAmB,UAAW,GAAY,kBACvC,GAAY,MAAQ,EAAK,SAAW,EACnC,EAAC,EAAD,CACE,KAAM,EACN,UAAW,GAAY,SACvB,CAAA,CAEF,EAAC,EAAD,CACE,GAAI,EACI,SACR,WAAY,GAAY,eAH1B,CAKE,EAAC,EAAD,CACE,QAAS,EAAM,uBAAuB,CACrB,kBACI,sBACrB,CAAA,CACF,EAAC,EAAD,CACW,UACG,aACZ,aAAc,EAAM,iBAAiB,CACpB,kBACjB,CAAA,CACF,EAAC,EAAD,CACE,KAAM,EAAM,aAAa,CAAC,KAC1B,SAAU,EAAM,uBAAuB,CAAC,OAC/B,UACT,MAAO,GAAO,MACd,eAAgB,GAAY,MAC5B,yBAA0B,GAAY,gBAC3B,YACA,YACM,kBACjB,CAAA,CACI,GAEQ,CAAA,CAEpB,EAAC,EAAD,CAAkB,WAAY,CAAE,KAAM,GAAY,QAAS,UACxD,GAAO,OACS,CAAA,CAEnB,EAAC,EAAD,CACE,YAAa,EAAa,YAC1B,UAAW,GAAY,QACZ,YACX,CAAA,CACqB,GACA,CAAA"}

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

@@ -1,2 +1,2 @@
-import{Table as e}from"../table/Table.mjs";import{dataTableEmpty as t,dataTableExpandedContent as n}from"@mage-ui/styled-system/recipes";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import{useMemo as o}from"react";import{flexRender as s}from"@tanstack/react-table";const c=({cell:t,rowSpan:n})=>{let r=t.column.columnDef.meta;return i(e.Cell,{rowSpan:n,classNames:r?.classNames?.cell?{td:r.classNames.cell}:void 0,children:s(t.column.columnDef.cell,t.getContext())})},l=({row:t,colCount:r,className:a,expansion:o})=>i(e.Row,{id:`data-table-expanded-${t.id}`,children:i(e.Cell,{colSpan:r,classNames:{td:a??n()},children:o.renderContent(t.original)})}),u=({row:t,rowIndex:n,rowspanData:o,colCount:s,expandedContentClassName:u,expansion:d,selection:f})=>a(r,{children:[i(e.Row,{"data-selected":t.getIsSelected()||void 0,"data-disabled":f&&!t.getCanSelect()||void 0,"data-expanded":t.getIsExpanded()||void 0,children:t.getVisibleCells().map(e=>{let t=`${n}:${e.column.id}`,r=o.get(t);return r?.hidden?null:i(c,{cell:e,rowSpan:r?.rowSpan},e.id)})}),d&&t.getIsExpanded()?i(l,{row:t,colCount:s,className:u,expansion:d}):null]}),d=({colCount:n,className:r,children:a})=>i(e.Row,{children:i(e.Cell,{colSpan:n,classNames:{td:r??t()},children:a})}),f=({rows:t,colCount:n,loading:r,empty:a,emptyClassName:s,expandedContentClassName:c,expansion:l,selection:f})=>{let p=!r&&t.length===0,m=o(()=>{let e=new Map,n=t.map(e=>e.original);return t.forEach((t,r)=>{t.getVisibleCells().forEach(i=>{let a=`${r}:${i.column.id}`;if(e.has(a))return;let o=i.column.columnDef.meta?.rowSpan?.(t.original,r,n);if(o&&o>1){e.set(a,{rowSpan:o,hidden:!1});for(let t=1;t<o;t++)e.set(`${r+t}:${i.column.id}`,{hidden:!0})}})}),e},[t]);return i(e.Body,{children:p?i(d,{colCount:n,className:s,children:a}):t.map((e,t)=>i(u,{row:e,rowIndex:t,rowspanData:m,colCount:n,expandedContentClassName:c,expansion:l,selection:f},e.id))})};export{f as DataTableBody};
+import{Table as e}from"../table/Table.mjs";import{dataTableEmpty as t,dataTableExpandedContent as n}from"@mage-ui/styled-system/recipes";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import{useMemo as o}from"react";import{flexRender as s}from"@tanstack/react-table";const c=({cell:t,rowSpan:n})=>{let r=t.column.columnDef.meta;return i(e.Cell,{rowSpan:n,classNames:r?.classNames?.cell?{td:r.classNames.cell}:void 0,children:s(t.column.columnDef.cell,t.getContext())})},l=({row:t,colCount:r,className:a,expansion:o})=>i(e.Row,{id:`data-table-expanded-${t.id}`,children:i(e.Cell,{colSpan:r,classNames:{td:a??n()},children:o.renderContent(t.original)})}),u=({row:t,rowIndex:n,rowspanData:o,colCount:s,expandedContentClassName:u,expansion:d,selection:f,getRowClassName:p})=>a(r,{children:[i(e.Row,{"data-selected":t.getIsSelected()||void 0,"data-disabled":f&&!t.getCanSelect()||void 0,"data-expanded":t.getIsExpanded()||void 0,classNames:{tr:p?.(t.original)},children:t.getVisibleCells().map(e=>{let t=`${n}:${e.column.id}`,r=o.get(t);return r?.hidden?null:i(c,{cell:e,rowSpan:r?.rowSpan},e.id)})}),d&&t.getIsExpanded()?i(l,{row:t,colCount:s,className:u,expansion:d}):null]}),d=({colCount:n,className:r,children:a})=>i(e.Row,{children:i(e.Cell,{colSpan:n,classNames:{td:r??t()},children:a})}),f=({rows:t,colCount:n,loading:r,empty:a,emptyClassName:s,expandedContentClassName:c,expansion:l,selection:f,getRowClassName:p})=>{let m=!r&&t.length===0,h=o(()=>{let e=new Map,n=t.map(e=>e.original);return t.forEach((t,r)=>{t.getVisibleCells().forEach(i=>{let a=`${r}:${i.column.id}`;if(e.has(a))return;let o=i.column.columnDef.meta?.rowSpan?.(t.original,r,n);if(o&&o>1){e.set(a,{rowSpan:o,hidden:!1});for(let t=1;t<o;t++)e.set(`${r+t}:${i.column.id}`,{hidden:!0})}})}),e},[t]);return i(e.Body,{children:m?i(d,{colCount:n,className:s,children:a}):t.map((e,t)=>i(u,{row:e,rowIndex:t,rowspanData:h,colCount:n,expandedContentClassName:c,expansion:l,selection:f,getRowClassName:p},e.id))})};export{f as DataTableBody};
 //# sourceMappingURL=DataTableBody.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableBody.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableBody.tsx"],"sourcesContent":["import { type ReactNode, useMemo } from 'react';\n\nimport {\n  dataTableEmpty,\n  dataTableExpandedContent,\n} from '@mage-ui/styled-system/recipes';\nimport { flexRender, type Row } from '@tanstack/react-table';\n\nimport { Table } from '../table/Table';\nimport type {\n  DataTableColumnMeta,\n  DataTableExpansionConfig,\n  DataTableProps,\n  DataTableSelectionConfig,\n} from './DataTable';\n\ntype DataTableBodyProps<Data> = Pick<\n  DataTableProps<Data>,\n  'loading' | 'expansion' | 'selection'\n> & {\n  rows: Row<Data>[];\n  colCount: number;\n  empty?: ReactNode;\n  emptyClassName?: string;\n  expandedContentClassName?: string;\n};\n\ntype CellSpan = { rowSpan?: number; hidden: boolean };\n\nconst BodyCell = <Data,>({\n  cell,\n  rowSpan,\n}: {\n  cell: import('@tanstack/react-table').Cell<Data, unknown>;\n  rowSpan?: number;\n}): ReactNode => {\n  const columnMeta = cell.column.columnDef.meta as\n    | DataTableColumnMeta\n    | undefined;\n\n  return (\n    <Table.Cell\n      rowSpan={rowSpan}\n      classNames={\n        columnMeta?.classNames?.cell\n          ? { td: columnMeta.classNames.cell }\n          : undefined\n      }\n    >\n      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n    </Table.Cell>\n  );\n};\n\nconst ExpandedRow = <Data,>({\n  row,\n  colCount,\n  className,\n  expansion,\n}: {\n  row: Row<Data>;\n  colCount: number;\n  className?: string;\n  expansion: DataTableExpansionConfig<Data>;\n}): ReactNode => (\n  <Table.Row id={`data-table-expanded-${row.id}`}>\n    <Table.Cell\n      colSpan={colCount}\n      classNames={{ td: className ?? dataTableExpandedContent() }}\n    >\n      {expansion.renderContent(row.original)}\n    </Table.Cell>\n  </Table.Row>\n);\n\nconst BodyRow = <Data,>({\n  row,\n  rowIndex,\n  rowspanData,\n  colCount,\n  expandedContentClassName,\n  expansion,\n  selection,\n}: {\n  row: Row<Data>;\n  rowIndex: number;\n  rowspanData: Map<string, CellSpan>;\n  colCount: number;\n  expandedContentClassName?: string;\n  expansion?: DataTableExpansionConfig<Data>;\n  selection?: DataTableSelectionConfig<Data>;\n}): ReactNode => (\n  <>\n    <Table.Row\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        const cellKey = `${rowIndex}:${cell.column.id}`;\n        const cellSpan = rowspanData.get(cellKey);\n        if (cellSpan?.hidden) return null;\n        return (\n          <BodyCell key={cell.id} cell={cell} rowSpan={cellSpan?.rowSpan} />\n        );\n      })}\n    </Table.Row>\n    {expansion && row.getIsExpanded() ? (\n      <ExpandedRow\n        row={row}\n        colCount={colCount}\n        className={expandedContentClassName}\n        expansion={expansion}\n      />\n    ) : null}\n  </>\n);\n\nconst EmptyRow = ({\n  colCount,\n  className,\n  children,\n}: {\n  colCount: number;\n  className?: string;\n  children?: ReactNode;\n}): ReactNode => (\n  <Table.Row>\n    <Table.Cell\n      colSpan={colCount}\n      classNames={{ td: className ?? dataTableEmpty() }}\n    >\n      {children}\n    </Table.Cell>\n  </Table.Row>\n);\n\nexport const DataTableBody = <Data,>({\n  rows,\n  colCount,\n  loading,\n  empty,\n  emptyClassName,\n  expandedContentClassName,\n  expansion,\n  selection,\n}: DataTableBodyProps<Data>): ReactNode => {\n  const showEmptyState = !loading && rows.length === 0;\n\n  const rowspanData = useMemo(() => {\n    const map = new Map<string, CellSpan>();\n    const originals = rows.map((r) => r.original);\n\n    rows.forEach((row, rowIndex) => {\n      row.getVisibleCells().forEach((cell) => {\n        const key = `${rowIndex}:${cell.column.id}`;\n        if (map.has(key)) return;\n\n        const meta = cell.column.columnDef.meta as\n          | DataTableColumnMeta\n          | undefined;\n        const span = meta?.rowSpan?.(row.original, rowIndex, originals);\n\n        if (span && span > 1) {\n          map.set(key, { rowSpan: span, hidden: false });\n          for (let i = 1; i < span; i++) {\n            map.set(`${rowIndex + i}:${cell.column.id}`, { hidden: true });\n          }\n        }\n      });\n    });\n\n    return map;\n  }, [rows]);\n\n  return (\n    <Table.Body>\n      {showEmptyState ? (\n        <EmptyRow colCount={colCount} className={emptyClassName}>\n          {empty}\n        </EmptyRow>\n      ) : (\n        rows.map((row, rowIndex) => (\n          <BodyRow\n            key={row.id}\n            row={row}\n            rowIndex={rowIndex}\n            rowspanData={rowspanData}\n            colCount={colCount}\n            expandedContentClassName={expandedContentClassName}\n            expansion={expansion}\n            selection={selection}\n          />\n        ))\n      )}\n    </Table.Body>\n  );\n};\n"],"mappings":"4RA6BA,MAAM,GAAmB,CACvB,OACA,aAIe,CACf,IAAM,EAAa,EAAK,OAAO,UAAU,KAIzC,OACE,EAAC,EAAM,KAAP,CACW,UACT,WACE,GAAY,YAAY,KACpB,CAAE,GAAI,EAAW,WAAW,KAAM,CAClC,IAAA,YAGL,EAAW,EAAK,OAAO,UAAU,KAAM,EAAK,YAAY,CAAC,CAC/C,CAAA,EAIX,GAAsB,CAC1B,MACA,WACA,YACA,eAOA,EAAC,EAAM,IAAP,CAAW,GAAI,uBAAuB,EAAI,cACxC,EAAC,EAAM,KAAP,CACE,QAAS,EACT,WAAY,CAAE,GAAI,GAAa,GAA0B,CAAE,UAE1D,EAAU,cAAc,EAAI,SAAS,CAC3B,CAAA,CACH,CAAA,CAGR,GAAkB,CACtB,MACA,WACA,cACA,WACA,2BACA,YACA,eAUA,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAM,IAAP,CACE,gBAAe,EAAI,eAAe,EAAI,IAAA,GACtC,gBAAgB,GAAa,CAAC,EAAI,cAAc,EAAK,IAAA,GACrD,gBAAe,EAAI,eAAe,EAAI,IAAA,YAErC,EAAI,iBAAiB,CAAC,IAAK,GAAS,CACnC,IAAM,EAAU,GAAG,EAAS,GAAG,EAAK,OAAO,KACrC,EAAW,EAAY,IAAI,EAAQ,CAEzC,OADI,GAAU,OAAe,KAE3B,EAAC,EAAD,CAA8B,OAAM,QAAS,GAAU,QAAW,CAAnD,EAAK,GAA8C,EAEpE,CACQ,CAAA,CACX,GAAa,EAAI,eAAe,CAC/B,EAAC,EAAD,CACO,MACK,WACV,UAAW,EACA,YACX,CAAA,CACA,KACH,CAAA,CAAA,CAGC,GAAY,CAChB,WACA,YACA,cAMA,EAAC,EAAM,IAAP,CAAA,SACE,EAAC,EAAM,KAAP,CACE,QAAS,EACT,WAAY,CAAE,GAAI,GAAa,GAAgB,CAAE,CAEhD,WACU,CAAA,CACH,CAAA,CAGD,GAAwB,CACnC,OACA,WACA,UACA,QACA,iBACA,2BACA,YACA,eACyC,CACzC,IAAM,EAAiB,CAAC,GAAW,EAAK,SAAW,EAE7C,EAAc,MAAc,CAChC,IAAM,EAAM,IAAI,IACV,EAAY,EAAK,IAAK,GAAM,EAAE,SAAS,CAqB7C,OAnBA,EAAK,SAAS,EAAK,IAAa,CAC9B,EAAI,iBAAiB,CAAC,QAAS,GAAS,CACtC,IAAM,EAAM,GAAG,EAAS,GAAG,EAAK,OAAO,KACvC,GAAI,EAAI,IAAI,EAAI,CAAE,OAKlB,IAAM,EAHO,EAAK,OAAO,UAAU,MAGhB,UAAU,EAAI,SAAU,EAAU,EAAU,CAE/D,GAAI,GAAQ,EAAO,EAAG,CACpB,EAAI,IAAI,EAAK,CAAE,QAAS,EAAM,OAAQ,GAAO,CAAC,CAC9C,IAAK,IAAI,EAAI,EAAG,EAAI,EAAM,IACxB,EAAI,IAAI,GAAG,EAAW,EAAE,GAAG,EAAK,OAAO,KAAM,CAAE,OAAQ,GAAM,CAAC,GAGlE,EACF,CAEK,GACN,CAAC,EAAK,CAAC,CAEV,OACE,EAAC,EAAM,KAAP,CAAA,SACG,EACC,EAAC,EAAD,CAAoB,WAAU,UAAW,WACtC,EACQ,CAAA,CAEX,EAAK,KAAK,EAAK,IACb,EAAC,EAAD,CAEO,MACK,WACG,cACH,WACgB,2BACf,YACA,YACX,CARK,EAAI,GAQT,CACF,CAEO,CAAA"}
+{"version":3,"file":"DataTableBody.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableBody.tsx"],"sourcesContent":["import { type ReactNode, useMemo } from 'react';\n\nimport {\n  dataTableEmpty,\n  dataTableExpandedContent,\n} from '@mage-ui/styled-system/recipes';\nimport { flexRender, type Row } from '@tanstack/react-table';\n\nimport { Table } from '../table/Table';\nimport type {\n  DataTableColumnMeta,\n  DataTableExpansionConfig,\n  DataTableProps,\n  DataTableSelectionConfig,\n} from './DataTable';\n\ntype DataTableBodyProps<Data> = Pick<\n  DataTableProps<Data>,\n  'loading' | 'expansion' | 'selection' | 'getRowClassName'\n> & {\n  rows: Row<Data>[];\n  colCount: number;\n  empty?: ReactNode;\n  emptyClassName?: string;\n  expandedContentClassName?: string;\n};\n\ntype CellSpan = { rowSpan?: number; hidden: boolean };\n\nconst BodyCell = <Data,>({\n  cell,\n  rowSpan,\n}: {\n  cell: import('@tanstack/react-table').Cell<Data, unknown>;\n  rowSpan?: number;\n}): ReactNode => {\n  const columnMeta = cell.column.columnDef.meta as\n    | DataTableColumnMeta\n    | undefined;\n\n  return (\n    <Table.Cell\n      rowSpan={rowSpan}\n      classNames={\n        columnMeta?.classNames?.cell\n          ? { td: columnMeta.classNames.cell }\n          : undefined\n      }\n    >\n      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n    </Table.Cell>\n  );\n};\n\nconst ExpandedRow = <Data,>({\n  row,\n  colCount,\n  className,\n  expansion,\n}: {\n  row: Row<Data>;\n  colCount: number;\n  className?: string;\n  expansion: DataTableExpansionConfig<Data>;\n}): ReactNode => (\n  <Table.Row id={`data-table-expanded-${row.id}`}>\n    <Table.Cell\n      colSpan={colCount}\n      classNames={{ td: className ?? dataTableExpandedContent() }}\n    >\n      {expansion.renderContent(row.original)}\n    </Table.Cell>\n  </Table.Row>\n);\n\nconst BodyRow = <Data,>({\n  row,\n  rowIndex,\n  rowspanData,\n  colCount,\n  expandedContentClassName,\n  expansion,\n  selection,\n  getRowClassName,\n}: {\n  row: Row<Data>;\n  rowIndex: number;\n  rowspanData: Map<string, CellSpan>;\n  colCount: number;\n  expandedContentClassName?: string;\n  expansion?: DataTableExpansionConfig<Data>;\n  selection?: DataTableSelectionConfig<Data>;\n  getRowClassName?: (row: Data) => string | undefined;\n}): ReactNode => (\n  <>\n    <Table.Row\n      data-selected={row.getIsSelected() || undefined}\n      data-disabled={(selection && !row.getCanSelect()) || undefined}\n      data-expanded={row.getIsExpanded() || undefined}\n      classNames={{ tr: getRowClassName?.(row.original) }}\n    >\n      {row.getVisibleCells().map((cell) => {\n        const cellKey = `${rowIndex}:${cell.column.id}`;\n        const cellSpan = rowspanData.get(cellKey);\n        if (cellSpan?.hidden) return null;\n        return (\n          <BodyCell key={cell.id} cell={cell} rowSpan={cellSpan?.rowSpan} />\n        );\n      })}\n    </Table.Row>\n    {expansion && row.getIsExpanded() ? (\n      <ExpandedRow\n        row={row}\n        colCount={colCount}\n        className={expandedContentClassName}\n        expansion={expansion}\n      />\n    ) : null}\n  </>\n);\n\nconst EmptyRow = ({\n  colCount,\n  className,\n  children,\n}: {\n  colCount: number;\n  className?: string;\n  children?: ReactNode;\n}): ReactNode => (\n  <Table.Row>\n    <Table.Cell\n      colSpan={colCount}\n      classNames={{ td: className ?? dataTableEmpty() }}\n    >\n      {children}\n    </Table.Cell>\n  </Table.Row>\n);\n\nexport const DataTableBody = <Data,>({\n  rows,\n  colCount,\n  loading,\n  empty,\n  emptyClassName,\n  expandedContentClassName,\n  expansion,\n  selection,\n  getRowClassName,\n}: DataTableBodyProps<Data>): ReactNode => {\n  const showEmptyState = !loading && rows.length === 0;\n\n  const rowspanData = useMemo(() => {\n    const map = new Map<string, CellSpan>();\n    const originals = rows.map((r) => r.original);\n\n    rows.forEach((row, rowIndex) => {\n      row.getVisibleCells().forEach((cell) => {\n        const key = `${rowIndex}:${cell.column.id}`;\n        if (map.has(key)) return;\n\n        const meta = cell.column.columnDef.meta as\n          | DataTableColumnMeta\n          | undefined;\n        const span = meta?.rowSpan?.(row.original, rowIndex, originals);\n\n        if (span && span > 1) {\n          map.set(key, { rowSpan: span, hidden: false });\n          for (let i = 1; i < span; i++) {\n            map.set(`${rowIndex + i}:${cell.column.id}`, { hidden: true });\n          }\n        }\n      });\n    });\n\n    return map;\n  }, [rows]);\n\n  return (\n    <Table.Body>\n      {showEmptyState ? (\n        <EmptyRow colCount={colCount} className={emptyClassName}>\n          {empty}\n        </EmptyRow>\n      ) : (\n        rows.map((row, rowIndex) => (\n          <BodyRow\n            key={row.id}\n            row={row}\n            rowIndex={rowIndex}\n            rowspanData={rowspanData}\n            colCount={colCount}\n            expandedContentClassName={expandedContentClassName}\n            expansion={expansion}\n            selection={selection}\n            getRowClassName={getRowClassName}\n          />\n        ))\n      )}\n    </Table.Body>\n  );\n};\n"],"mappings":"4RA6BA,MAAM,GAAmB,CACvB,OACA,aAIe,CACf,IAAM,EAAa,EAAK,OAAO,UAAU,KAIzC,OACE,EAAC,EAAM,KAAP,CACW,UACT,WACE,GAAY,YAAY,KACpB,CAAE,GAAI,EAAW,WAAW,KAAM,CAClC,IAAA,YAGL,EAAW,EAAK,OAAO,UAAU,KAAM,EAAK,YAAY,CAAC,CAC/C,CAAA,EAIX,GAAsB,CAC1B,MACA,WACA,YACA,eAOA,EAAC,EAAM,IAAP,CAAW,GAAI,uBAAuB,EAAI,cACxC,EAAC,EAAM,KAAP,CACE,QAAS,EACT,WAAY,CAAE,GAAI,GAAa,GAA0B,CAAE,UAE1D,EAAU,cAAc,EAAI,SAAS,CAC3B,CAAA,CACH,CAAA,CAGR,GAAkB,CACtB,MACA,WACA,cACA,WACA,2BACA,YACA,YACA,qBAWA,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAM,IAAP,CACE,gBAAe,EAAI,eAAe,EAAI,IAAA,GACtC,gBAAgB,GAAa,CAAC,EAAI,cAAc,EAAK,IAAA,GACrD,gBAAe,EAAI,eAAe,EAAI,IAAA,GACtC,WAAY,CAAE,GAAI,IAAkB,EAAI,SAAS,CAAE,UAElD,EAAI,iBAAiB,CAAC,IAAK,GAAS,CACnC,IAAM,EAAU,GAAG,EAAS,GAAG,EAAK,OAAO,KACrC,EAAW,EAAY,IAAI,EAAQ,CAEzC,OADI,GAAU,OAAe,KAE3B,EAAC,EAAD,CAA8B,OAAM,QAAS,GAAU,QAAW,CAAnD,EAAK,GAA8C,EAEpE,CACQ,CAAA,CACX,GAAa,EAAI,eAAe,CAC/B,EAAC,EAAD,CACO,MACK,WACV,UAAW,EACA,YACX,CAAA,CACA,KACH,CAAA,CAAA,CAGC,GAAY,CAChB,WACA,YACA,cAMA,EAAC,EAAM,IAAP,CAAA,SACE,EAAC,EAAM,KAAP,CACE,QAAS,EACT,WAAY,CAAE,GAAI,GAAa,GAAgB,CAAE,CAEhD,WACU,CAAA,CACH,CAAA,CAGD,GAAwB,CACnC,OACA,WACA,UACA,QACA,iBACA,2BACA,YACA,YACA,qBACyC,CACzC,IAAM,EAAiB,CAAC,GAAW,EAAK,SAAW,EAE7C,EAAc,MAAc,CAChC,IAAM,EAAM,IAAI,IACV,EAAY,EAAK,IAAK,GAAM,EAAE,SAAS,CAqB7C,OAnBA,EAAK,SAAS,EAAK,IAAa,CAC9B,EAAI,iBAAiB,CAAC,QAAS,GAAS,CACtC,IAAM,EAAM,GAAG,EAAS,GAAG,EAAK,OAAO,KACvC,GAAI,EAAI,IAAI,EAAI,CAAE,OAKlB,IAAM,EAHO,EAAK,OAAO,UAAU,MAGhB,UAAU,EAAI,SAAU,EAAU,EAAU,CAE/D,GAAI,GAAQ,EAAO,EAAG,CACpB,EAAI,IAAI,EAAK,CAAE,QAAS,EAAM,OAAQ,GAAO,CAAC,CAC9C,IAAK,IAAI,EAAI,EAAG,EAAI,EAAM,IACxB,EAAI,IAAI,GAAG,EAAW,EAAE,GAAG,EAAK,OAAO,KAAM,CAAE,OAAQ,GAAM,CAAC,GAGlE,EACF,CAEK,GACN,CAAC,EAAK,CAAC,CAEV,OACE,EAAC,EAAM,KAAP,CAAA,SACG,EACC,EAAC,EAAD,CAAoB,WAAU,UAAW,WACtC,EACQ,CAAA,CAEX,EAAK,KAAK,EAAK,IACb,EAAC,EAAD,CAEO,MACK,WACG,cACH,WACgB,2BACf,YACA,YACM,kBACjB,CATK,EAAI,GAST,CACF,CAEO,CAAA"}

package/dist/components/navigations/navigation-menu/NavigationMenu.d.mts

@@ -1,5 +1,6 @@
 import { NavigationMenuListItemProps } from "./NavigationMenuListItem.mjs";
 import { NavigationMenuNavItemProps } from "./NavigationMenuNavItem.mjs";
+import { NavigationMenuDividerProps } from "./NavigationMenuDivider.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
@@ -28,6 +29,9 @@ declare const NavigationMenu: {
     isSelected,
     classNames
   }: NavigationMenuNavItemProps) => react_jsx_runtime0.JSX.Element;
+  Divider: ({
+    classNames
+  }: NavigationMenuDividerProps) => react_jsx_runtime0.JSX.Element;
 };
 //#endregion
 export { NavigationMenu, NavigationMenuProps };

package/dist/components/navigations/navigation-menu/NavigationMenu.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.d.mts","names":[],"sources":["../../../../src/components/navigations/navigation-menu/NavigationMenu.tsx"],"mappings":";;;;;;KAYY,mBAAA;EACV,QAAA,GAAW,SAAA;EACX,UAAA;IACE,cAAA;IACA,IAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAIS,cAAA;EAAA;;;KAGV,mBAAA,GAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"NavigationMenu.d.mts","names":[],"sources":["../../../../src/components/navigations/navigation-menu/NavigationMenu.tsx"],"mappings":";;;;;;;KAaY,mBAAA;EACV,QAAA,GAAW,SAAA;EACX,UAAA;IACE,cAAA;IACA,IAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAIS,cAAA;EAAA;;;KAGV,mBAAA,GAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/navigations/navigation-menu/NavigationMenu.mjs

@@ -1,2 +1,2 @@
-import{NavigationMenuListItem as e}from"./NavigationMenuListItem.mjs";import{NavigationMenuNavItem as t}from"./NavigationMenuNavItem.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{navigationMenu as r,navigationMenuList as i,navigationMenuRoot as a}from"@mage-ui/styled-system/recipes";import{jsx as o}from"react/jsx-runtime";const s=({classNames:e,children:t})=>o(`nav`,{className:n(e?.navigationMenu??r(),e?.root??a()),children:o(`ul`,{className:e?.list??i(),children:t})});s.ListItem=e,s.NavItem=t;export{s as NavigationMenu};
+import{NavigationMenuListItem as e}from"./NavigationMenuListItem.mjs";import{NavigationMenuDivider as t}from"./NavigationMenuDivider.mjs";import{NavigationMenuNavItem as n}from"./NavigationMenuNavItem.mjs";import{cx as r}from"@mage-ui/styled-system/css";import{navigationMenu as i,navigationMenuList as a,navigationMenuRoot as o}from"@mage-ui/styled-system/recipes";import{jsx as s}from"react/jsx-runtime";const c=({classNames:e,children:t})=>s(`nav`,{className:r(e?.navigationMenu??i(),e?.root??o()),children:s(`ul`,{className:e?.list??a(),children:t})});c.ListItem=e,c.NavItem=n,c.Divider=t;export{c as NavigationMenu};
 //# sourceMappingURL=NavigationMenu.mjs.map

package/dist/components/navigations/navigation-menu/NavigationMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.mjs","names":[],"sources":["../../../../src/components/navigations/navigation-menu/NavigationMenu.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  navigationMenu,\n  navigationMenuList,\n  navigationMenuRoot,\n} from '@mage-ui/styled-system/recipes';\n\nimport { NavigationMenuListItem } from './NavigationMenuListItem';\nimport { NavigationMenuNavItem } from './NavigationMenuNavItem';\n\nexport type NavigationMenuProps = {\n  children?: ReactNode;\n  classNames?: {\n    navigationMenu?: string;\n    root?: string;\n    list?: string;\n  };\n};\n\nexport const NavigationMenu = ({\n  classNames,\n  children,\n}: NavigationMenuProps) => {\n  return (\n    <nav\n      className={cx(\n        classNames?.navigationMenu ?? navigationMenu(),\n        classNames?.root ?? navigationMenuRoot(),\n      )}\n    >\n      <ul className={classNames?.list ?? navigationMenuList()}>{children}</ul>\n    </nav>\n  );\n};\n\nNavigationMenu.ListItem = NavigationMenuListItem;\nNavigationMenu.NavItem = NavigationMenuNavItem;\n"],"mappings":"kVAqBA,MAAa,GAAkB,CAC7B,aACA,cAGE,EAAC,MAAD,CACE,UAAW,EACT,GAAY,gBAAkB,GAAgB,CAC9C,GAAY,MAAQ,GAAoB,CACzC,UAED,EAAC,KAAD,CAAI,UAAW,GAAY,MAAQ,GAAoB,CAAG,WAAc,CAAA,CACpE,CAAA,CAIV,EAAe,SAAW,EAC1B,EAAe,QAAU"}
+{"version":3,"file":"NavigationMenu.mjs","names":[],"sources":["../../../../src/components/navigations/navigation-menu/NavigationMenu.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  navigationMenu,\n  navigationMenuList,\n  navigationMenuRoot,\n} from '@mage-ui/styled-system/recipes';\n\nimport { NavigationMenuDivider } from './NavigationMenuDivider';\nimport { NavigationMenuListItem } from './NavigationMenuListItem';\nimport { NavigationMenuNavItem } from './NavigationMenuNavItem';\n\nexport type NavigationMenuProps = {\n  children?: ReactNode;\n  classNames?: {\n    navigationMenu?: string;\n    root?: string;\n    list?: string;\n  };\n};\n\nexport const NavigationMenu = ({\n  classNames,\n  children,\n}: NavigationMenuProps) => {\n  return (\n    <nav\n      className={cx(\n        classNames?.navigationMenu ?? navigationMenu(),\n        classNames?.root ?? navigationMenuRoot(),\n      )}\n    >\n      <ul className={classNames?.list ?? navigationMenuList()}>{children}</ul>\n    </nav>\n  );\n};\n\nNavigationMenu.ListItem = NavigationMenuListItem;\nNavigationMenu.NavItem = NavigationMenuNavItem;\nNavigationMenu.Divider = NavigationMenuDivider;\n"],"mappings":"sZAsBA,MAAa,GAAkB,CAC7B,aACA,cAGE,EAAC,MAAD,CACE,UAAW,EACT,GAAY,gBAAkB,GAAgB,CAC9C,GAAY,MAAQ,GAAoB,CACzC,UAED,EAAC,KAAD,CAAI,UAAW,GAAY,MAAQ,GAAoB,CAAG,WAAc,CAAA,CACpE,CAAA,CAIV,EAAe,SAAW,EAC1B,EAAe,QAAU,EACzB,EAAe,QAAU"}

package/dist/components/navigations/navigation-menu/NavigationMenuDivider.d.mts

@@ -0,0 +1,10 @@
+//#region src/components/navigations/navigation-menu/NavigationMenuDivider.d.ts
+type NavigationMenuDividerProps = {
+  classNames?: {
+    listItem?: string;
+    divider?: string;
+  };
+};
+//#endregion
+export { NavigationMenuDividerProps };
+//# sourceMappingURL=NavigationMenuDivider.d.mts.map

package/dist/components/navigations/navigation-menu/NavigationMenuDivider.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuDivider.d.mts","names":[],"sources":["../../../../src/components/navigations/navigation-menu/NavigationMenuDivider.tsx"],"mappings":";KAOY,0BAAA;EACV,UAAA;IACE,QAAA;IACA,OAAA;EAAA;AAAA"}

package/dist/components/navigations/navigation-menu/NavigationMenuDivider.mjs

@@ -0,0 +1,2 @@
+import{NavigationMenuListItem as e}from"./NavigationMenuListItem.mjs";import{navigationMenuDivider as t,navigationMenuListItem as n}from"@mage-ui/styled-system/recipes";import{jsx as r}from"react/jsx-runtime";const i=({classNames:i})=>r(e,{classNames:{listItem:i?.listItem??n()},children:r(`hr`,{className:i?.divider??t()})});export{i as NavigationMenuDivider};
+//# sourceMappingURL=NavigationMenuDivider.mjs.map

package/dist/components/navigations/navigation-menu/NavigationMenuDivider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuDivider.mjs","names":[],"sources":["../../../../src/components/navigations/navigation-menu/NavigationMenuDivider.tsx"],"sourcesContent":["import {\n  navigationMenuDivider,\n  navigationMenuListItem,\n} from '@mage-ui/styled-system/recipes';\n\nimport { NavigationMenuListItem } from './NavigationMenuListItem';\n\nexport type NavigationMenuDividerProps = {\n  classNames?: {\n    listItem?: string;\n    divider?: string;\n  };\n};\n\nexport const NavigationMenuDivider = ({\n  classNames,\n}: NavigationMenuDividerProps) => {\n  return (\n    <NavigationMenuListItem\n      classNames={{\n        listItem: classNames?.listItem ?? navigationMenuListItem(),\n      }}\n    >\n      <hr className={classNames?.divider ?? navigationMenuDivider()} />\n    </NavigationMenuListItem>\n  );\n};\n"],"mappings":"iNAcA,MAAa,GAAyB,CACpC,gBAGE,EAAC,EAAD,CACE,WAAY,CACV,SAAU,GAAY,UAAY,GAAwB,CAC3D,UAED,EAAC,KAAD,CAAI,UAAW,GAAY,SAAW,GAAuB,CAAI,CAAA,CAC1C,CAAA"}

package/package.json

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