@mage-ui/components 1.0.63 → 1.0.65

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableBody.tsx"],"sourcesContent":["import { Children, cloneElement, isValidElement, type ReactNode } 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 './TableTypes';\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 = {\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.index} 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":"gSAQA,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,EAQU,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,CAAkC,OAAA,CAAlB,EAAK,MAAqB,CAC3C,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/TableCaption.d.mts

@@ -0,0 +1,11 @@
+import { TableClassNames } from "./TableTypes.mjs";
+import { ReactNode } from "react";
+
+//#region src/components/data-display/table/TableCaption.d.ts
+type TableCaptionProps = {
+  children: ReactNode;
+  classNames?: Pick<TableClassNames, 'caption'>;
+};
+//#endregion
+export { TableCaptionProps };
+//# sourceMappingURL=TableCaption.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCaption.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableCaption.tsx"],"mappings":";;;;KAMY,iBAAA;EACV,QAAA,EAAU,SAAA;EACV,UAAA,GAAa,IAAA,CAAK,eAAA;AAAA"}

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

@@ -0,0 +1,2 @@
+import{Table as e}from"@mantine/core";import{jsx as t}from"react/jsx-runtime";const n=({classNames:n,...r})=>t(e.Caption,{className:n?.caption,...r});export{n as TableCaption};
+//# sourceMappingURL=TableCaption.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCaption.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableCaption.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport type { TableClassNames } from './TableTypes';\n\nexport type TableCaptionProps = {\n  children: ReactNode;\n  classNames?: Pick<TableClassNames, 'caption'>;\n};\n\nexport const TableCaption = ({\n  classNames,\n  ...props\n}: TableCaptionProps): ReactNode => {\n  return <MantineTable.Caption className={classNames?.caption} {...props} />;\n};\n"],"mappings":"8EAWA,MAAa,GAAgB,CAC3B,aACA,GAAG,KAEI,EAACA,EAAa,QAAA,CAAQ,UAAW,GAAY,QAAS,GAAI,GAAS"}

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

@@ -0,0 +1,12 @@
+import { TableClassNames } from "./TableTypes.mjs";
+import { ReactNode } from "react";
+
+//#region src/components/data-display/table/TableCell.d.ts
+type TableCellProps = {
+  children?: ReactNode;
+  style?: React.CSSProperties;
+  classNames?: Pick<TableClassNames, 'td'>;
+};
+//#endregion
+export { TableCellProps };
+//# sourceMappingURL=TableCell.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableCell.tsx"],"mappings":";;;;KAMY,cAAA;EACV,QAAA,GAAW,SAAA;EACX,KAAA,GAAQ,KAAA,CAAM,aAAA;EACd,UAAA,GAAa,IAAA,CAAK,eAAA;AAAA"}

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

@@ -0,0 +1,2 @@
+import{Table as e}from"@mantine/core";import{jsx as t}from"react/jsx-runtime";const n=({classNames:n,...r})=>t(e.Td,{className:n?.td,...r});export{n as TableCell};
+//# sourceMappingURL=TableCell.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableCell.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport type { TableClassNames } from './TableTypes';\n\nexport type TableCellProps = {\n  children?: ReactNode;\n  style?: React.CSSProperties;\n  classNames?: Pick<TableClassNames, 'td'>;\n};\n\nexport const TableCell = ({\n  classNames,\n  ...props\n}: TableCellProps): ReactNode => {\n  return <MantineTable.Td className={classNames?.td} {...props} />;\n};\n"],"mappings":"8EAYA,MAAa,GAAa,CACxB,aACA,GAAG,KAEI,EAACA,EAAa,GAAA,CAAG,UAAW,GAAY,GAAI,GAAI,GAAS"}

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

@@ -0,0 +1,2 @@
+import{createContext as e,useContext as t}from"react";const n=e(null),r=()=>t(n);export{n as ScrollableContext,r as useScrollableContext};
+//# sourceMappingURL=TableContext.mjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,11 @@
+import { TableClassNames } from "./TableTypes.mjs";
+import { ReactNode } from "react";
+
+//#region src/components/data-display/table/TableFoot.d.ts
+type TableFootProps = {
+  children: ReactNode;
+  classNames?: Pick<TableClassNames, 'tfoot'>;
+};
+//#endregion
+export { TableFootProps };
+//# sourceMappingURL=TableFoot.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableFoot.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableFoot.tsx"],"mappings":";;;;KAMY,cAAA;EACV,QAAA,EAAU,SAAA;EACV,UAAA,GAAa,IAAA,CAAK,eAAA;AAAA"}

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

@@ -0,0 +1,2 @@
+import{Table as e}from"@mantine/core";import{jsx as t}from"react/jsx-runtime";const n=({classNames:n,...r})=>t(e.Tfoot,{className:n?.tfoot,...r});export{n as TableFoot};
+//# sourceMappingURL=TableFoot.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableFoot.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableFoot.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport type { TableClassNames } from './TableTypes';\n\nexport type TableFootProps = {\n  children: ReactNode;\n  classNames?: Pick<TableClassNames, 'tfoot'>;\n};\n\nexport const TableFoot = ({\n  classNames,\n  ...props\n}: TableFootProps): ReactNode => {\n  return <MantineTable.Tfoot className={classNames?.tfoot} {...props} />;\n};\n"],"mappings":"8EAWA,MAAa,GAAa,CACxB,aACA,GAAG,KAEI,EAACA,EAAa,MAAA,CAAM,UAAW,GAAY,MAAO,GAAI,GAAS"}

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

@@ -0,0 +1,12 @@
+import { TableClassNames } from "./TableTypes.mjs";
+import { ReactNode } from "react";
+
+//#region src/components/data-display/table/TableHead.d.ts
+type TableHeadProps = {
+  children: ReactNode;
+  ref?: React.Ref<HTMLTableSectionElement>;
+  classNames?: Pick<TableClassNames, 'thead'>;
+};
+//#endregion
+export { TableHeadProps };
+//# sourceMappingURL=TableHead.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHead.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableHead.tsx"],"mappings":";;;;KAOY,cAAA;EACV,QAAA,EAAU,SAAA;EACV,GAAA,GAAM,KAAA,CAAM,GAAA,CAAI,uBAAA;EAChB,UAAA,GAAa,IAAA,CAAK,eAAA;AAAA"}

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

@@ -0,0 +1,2 @@
+import{useScrollableContext as e}from"./TableContext.mjs";import{Table as t}from"@mantine/core";import{jsx as n}from"react/jsx-runtime";import{useCallback as r}from"react";const i=({classNames:i,ref:a,...o})=>{let s=e(),c=r(e=>{e&&s?.setHeaderHeight(e.offsetHeight),typeof a==`function`?a(e):a&&(a.current=e)},[s,a]);return n(t.Thead,{className:i?.thead,ref:s?c:a,...o})};export{i as TableHead};
+//# sourceMappingURL=TableHead.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHead.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableHead.tsx"],"sourcesContent":["import { type ReactNode, useCallback } from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport { useScrollableContext } from './TableContext';\nimport type { TableClassNames } from './TableTypes';\n\nexport type TableHeadProps = {\n  children: ReactNode;\n  ref?: React.Ref<HTMLTableSectionElement>;\n  classNames?: Pick<TableClassNames, 'thead'>;\n};\n\nexport const TableHead = ({\n  classNames,\n  ref,\n  ...props\n}: TableHeadProps): ReactNode => {\n  const scrollable = useScrollableContext();\n\n  const theadRef = useCallback(\n    (node: HTMLTableSectionElement | null) => {\n      if (node) {\n        scrollable?.setHeaderHeight(node.offsetHeight);\n      }\n      if (typeof ref === 'function') {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    },\n    [scrollable, ref],\n  );\n\n  return (\n    <MantineTable.Thead\n      className={classNames?.thead}\n      ref={scrollable ? theadRef : ref}\n      {...props}\n    />\n  );\n};\n"],"mappings":"4KAaA,MAAa,GAAa,CACxB,aACA,MACA,GAAG,KAC4B,CAC/B,IAAM,EAAa,GAAsB,CAEnC,EAAW,EACd,GAAyC,CACpC,GACF,GAAY,gBAAgB,EAAK,aAAa,CAE5C,OAAO,GAAQ,WACjB,EAAI,EAAK,CACA,IACT,EAAI,QAAU,IAGlB,CAAC,EAAY,EAAI,CAClB,CAED,OACE,EAACA,EAAa,MAAA,CACZ,UAAW,GAAY,MACvB,IAAK,EAAa,EAAW,EAC7B,GAAI,GACJ"}

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

@@ -0,0 +1,11 @@
+import { TableClassNames } from "./TableTypes.mjs";
+import { ReactNode } from "react";
+
+//#region src/components/data-display/table/TableHeaderCell.d.ts
+type TableHeaderCellProps = {
+  children?: ReactNode;
+  classNames?: Pick<TableClassNames, 'th'>;
+};
+//#endregion
+export { TableHeaderCellProps };
+//# sourceMappingURL=TableHeaderCell.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeaderCell.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableHeaderCell.tsx"],"mappings":";;;;KAMY,oBAAA;EACV,QAAA,GAAW,SAAA;EACX,UAAA,GAAa,IAAA,CAAK,eAAA;AAAA"}

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

@@ -0,0 +1,2 @@
+import{Table as e}from"@mantine/core";import{jsx as t}from"react/jsx-runtime";const n=({classNames:n,...r})=>t(e.Th,{className:n?.th,...r});export{n as TableHeaderCell};
+//# sourceMappingURL=TableHeaderCell.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeaderCell.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableHeaderCell.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport type { TableClassNames } from './TableTypes';\n\nexport type TableHeaderCellProps = {\n  children?: ReactNode;\n  classNames?: Pick<TableClassNames, 'th'>;\n};\n\nexport const TableHeaderCell = ({\n  classNames,\n  ...props\n}: TableHeaderCellProps): ReactNode => {\n  return <MantineTable.Th className={classNames?.th} {...props} />;\n};\n"],"mappings":"8EAWA,MAAa,GAAmB,CAC9B,aACA,GAAG,KAEI,EAACA,EAAa,GAAA,CAAG,UAAW,GAAY,GAAI,GAAI,GAAS"}

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

@@ -0,0 +1,2 @@
+import{TableScroll as e}from"./TableScroll.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{table as n,tableCaption as r,tableRoot as i,tableTbody as a,tableTd as o,tableTfoot as s,tableTh as c,tableThead as l,tableTr as u}from"@mage-ui/styled-system/recipes";import{Table as d}from"@mantine/core";import{jsx as f}from"react/jsx-runtime";const p=({children:p,classNames:m,scrollable:h,...g})=>{let _=f(d,{withRowBorders:!0,"data-scrollable":h?!0:void 0,classNames:{table:t(m?.table??n(),m?.root??i()),thead:m?.thead??l(),tbody:m?.tbody??a(),tfoot:m?.tfoot??s(),tr:m?.tr??u(),th:m?.th??c(),td:m?.td??o(),caption:m?.caption??r()},...g,children:p});return h?f(e,{scrollable:h,stickyHeader:g.stickyHeader,children:_}):_};export{p as TableRoot};
+//# sourceMappingURL=TableRoot.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableRoot.mjs","names":["table","MantineTable","tableRecipe"],"sources":["../../../../src/components/data-display/table/TableRoot.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  tableCaption,\n  table as tableRecipe,\n  tableRoot,\n  tableTbody,\n  tableTd,\n  tableTfoot,\n  tableTh,\n  tableThead,\n  tableTr,\n} from '@mage-ui/styled-system/recipes';\nimport { Table as MantineTable } from '@mantine/core';\n\nimport { TableScroll } from './TableScroll';\nimport type { TableProps } from './TableTypes';\n\nexport const TableRoot = ({\n  children,\n  classNames,\n  scrollable,\n  ...tableProps\n}: TableProps): ReactNode => {\n  const table = (\n    <MantineTable\n      withRowBorders\n      data-scrollable={scrollable ? true : undefined}\n      classNames={{\n        table: cx(\n          classNames?.table ?? tableRecipe(),\n          classNames?.root ?? tableRoot(),\n        ),\n        thead: classNames?.thead ?? tableThead(),\n        tbody: classNames?.tbody ?? tableTbody(),\n        tfoot: classNames?.tfoot ?? tableTfoot(),\n        tr: classNames?.tr ?? tableTr(),\n        th: classNames?.th ?? tableTh(),\n        td: classNames?.td ?? tableTd(),\n        caption: classNames?.caption ?? tableCaption(),\n      }}\n      {...tableProps}\n    >\n      {children}\n    </MantineTable>\n  );\n\n  if (scrollable) {\n    return (\n      <TableScroll\n        scrollable={scrollable}\n        stickyHeader={tableProps.stickyHeader}\n      >\n        {table}\n      </TableScroll>\n    );\n  }\n\n  return table;\n};\n"],"mappings":"6VAmBA,MAAa,GAAa,CACxB,WACA,aACA,aACA,GAAG,KACwB,CAC3B,IAAMA,EACJ,EAACC,EAAAA,CACC,eAAA,GACA,kBAAiB,EAAa,GAAO,IAAA,GACrC,WAAY,CACV,MAAO,EACL,GAAY,OAASC,GAAa,CAClC,GAAY,MAAQ,GAAW,CAChC,CACD,MAAO,GAAY,OAAS,GAAY,CACxC,MAAO,GAAY,OAAS,GAAY,CACxC,MAAO,GAAY,OAAS,GAAY,CACxC,GAAI,GAAY,IAAM,GAAS,CAC/B,GAAI,GAAY,IAAM,GAAS,CAC/B,GAAI,GAAY,IAAM,GAAS,CAC/B,QAAS,GAAY,SAAW,GAAc,CAC/C,CACD,GAAI,EAEH,YACY,CAcjB,OAXI,EAEA,EAAC,EAAA,CACa,aACZ,aAAc,EAAW,sBAExBF,GACW,CAIXA"}

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

@@ -0,0 +1,12 @@
+import { TableClassNames } from "./TableTypes.mjs";
+import { ReactNode } from "react";
+
+//#region src/components/data-display/table/TableRow.d.ts
+type TableRowProps = {
+  children: ReactNode;
+  ref?: React.Ref<HTMLTableRowElement>;
+  classNames?: Pick<TableClassNames, 'tr'>;
+};
+//#endregion
+export { TableRowProps };
+//# sourceMappingURL=TableRow.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableRow.tsx"],"mappings":";;;;KAMY,aAAA;EACV,QAAA,EAAU,SAAA;EACV,GAAA,GAAM,KAAA,CAAM,GAAA,CAAI,mBAAA;EAChB,UAAA,GAAa,IAAA,CAAK,eAAA;AAAA"}

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

@@ -0,0 +1,2 @@
+import{Table as e}from"@mantine/core";import{jsx as t}from"react/jsx-runtime";const n=({classNames:n,...r})=>t(e.Tr,{className:n?.tr,...r});export{n as TableRow};
+//# sourceMappingURL=TableRow.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableRow.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport type { TableClassNames } from './TableTypes';\n\nexport type TableRowProps = {\n  children: ReactNode;\n  ref?: React.Ref<HTMLTableRowElement>;\n  classNames?: Pick<TableClassNames, 'tr'>;\n};\n\nexport const TableRow = ({\n  classNames,\n  ...props\n}: TableRowProps): ReactNode => {\n  return <MantineTable.Tr className={classNames?.tr} {...props} />;\n};\n"],"mappings":"8EAYA,MAAa,GAAY,CACvB,aACA,GAAG,KAEI,EAACA,EAAa,GAAA,CAAG,UAAW,GAAY,GAAI,GAAI,GAAS"}

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

@@ -0,0 +1,14 @@
+import { ScrollAreaProps } from "../../misc/scroll-area/ScrollArea.mjs";
+import { ReactNode } from "react";
+
+//#region src/components/data-display/table/TableScroll.d.ts
+type ScrollableTableConfig = {
+  maxHeight?: number | string;
+  minWidth?: number | string;
+  estimateSize: number;
+  overscan?: number;
+  scrollAreaProps?: Omit<ScrollAreaProps, 'children' | 'viewportRef' | 'style'>;
+};
+//#endregion
+export { ScrollableTableConfig };
+//# sourceMappingURL=TableScroll.d.mts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +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};
+//# sourceMappingURL=TableScroll.mjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,33 @@
+import { ScrollableTableConfig } from "./TableScroll.mjs";
+import { ReactNode } from "react";
+
+//#region src/components/data-display/table/TableTypes.d.ts
+type TableClassNames = {
+  table?: string;
+  root?: string;
+  thead?: string;
+  tbody?: string;
+  tfoot?: string;
+  tr?: string;
+  th?: string;
+  td?: string;
+  caption?: string;
+};
+type TableProps = {
+  children: ReactNode;
+  layout?: 'auto' | 'fixed';
+  captionSide?: 'top' | 'bottom';
+  withTableBorder?: boolean;
+  withColumnBorders?: boolean;
+  withRowBorders?: boolean;
+  striped?: boolean | 'odd' | 'even';
+  highlightOnHover?: boolean;
+  stickyHeader?: boolean;
+  stickyHeaderOffset?: number | string;
+  tabularNums?: boolean;
+  classNames?: TableClassNames;
+  scrollable?: ScrollableTableConfig;
+};
+//#endregion
+export { TableClassNames, TableProps };
+//# sourceMappingURL=TableTypes.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableTypes.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableTypes.ts"],"mappings":";;;;KAIY,eAAA;EACV,KAAA;EACA,IAAA;EACA,KAAA;EACA,KAAA;EACA,KAAA;EACA,EAAA;EACA,EAAA;EACA,EAAA;EACA,OAAA;AAAA;AAAA,KAGU,UAAA;EACV,QAAA,EAAU,SAAA;EACV,MAAA;EACA,WAAA;EACA,eAAA;EACA,iBAAA;EACA,cAAA;EACA,OAAA;EACA,gBAAA;EACA,YAAA;EACA,kBAAA;EACA,WAAA;EACA,UAAA,GAAa,eAAA;EACb,UAAA,GAAa,qBAAA;AAAA"}

package/dist/components/index.d.mts

@@ -5,26 +5,45 @@ import { ButtonIcon, ButtonIconProps } from "./buttons/button-icon/ButtonIcon.mj
 import { ButtonIconVisual, ButtonIconVisualProps } from "./buttons/button-icon-visual/ButtonIconVisual.mjs";
 import { ButtonVisual, ButtonVisualProps } from "./buttons/button-visual/ButtonVisual.mjs";
 import "./buttons/index.mjs";
-import { Menu, MenuProps } from "./navigations/menu/Menu.mjs";
-import { Combobox, ComboboxProps } from "./controls/combobox/Combobox.mjs";
-import { Autocomplete, AutocompleteProps, OptionProps } from "./controls/autocomplete/Autocomplete.mjs";
 import { Checkbox, CheckboxProps } from "./controls/checkbox/Checkbox.mjs";
 import { DatePicker, DatePickerProps } from "./controls/date-picker/DatePicker.mjs";
+import { HorizontalDivider, HorizontalDividerProps } from "./misc/horizontal-divider/HorizontalDivider.mjs";
+import { ScrollArea, ScrollAreaClassNames, ScrollAreaProps } from "./misc/scroll-area/ScrollArea.mjs";
+import { ScrollAreaAutosize, ScrollAreaAutosizeProps } from "./misc/scroll-area-autosize/ScrollAreaAutosize.mjs";
+import { Virtual, VirtualItem, VirtualPadding, VirtualProps } from "./misc/virtual/Virtual.mjs";
+import { VisuallyHidden, VisuallyHiddenProps } from "./misc/visually-hidden/VisuallyHidden.mjs";
+import "./misc/index.mjs";
+import { TextInput, TextInputProps } from "./controls/text-input/TextInput.mjs";
+import { Combobox, ComboboxProps } from "./controls/dropdown/combobox/Combobox.mjs";
+import { Autocomplete, AutocompleteProps } from "./controls/dropdown/autocomplete/Autocomplete.mjs";
+import { Select, SelectProps } from "./controls/dropdown/select/Select.mjs";
 import { AssignedUser, AssignedUserProps } from "./data-display/assigned-user/AssignedUser.mjs";
 import { Avatar, AvatarProps } from "./data-display/avatar/Avatar.mjs";
 import { Badge, BadgeProps } from "./data-display/badge/Badge.mjs";
 import { Calendar, CalendarEvent, CalendarProps, CalendarVariant, DateLocalizer, momentLocalizer } from "./data-display/calendar/Calendar.mjs";
+import { 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";
 import { IconSvg, IconSvgProps } from "./data-display/icons/icon-svg/IconSvg.mjs";
 import { IconWrapped, IconWrappedProps } from "./data-display/icons/icon-wrapped/IconWrapped.mjs";
 import { Indicator, IndicatorProps } from "./data-display/indicator/Indicator.mjs";
+import { BoardData, BoardItem, CardMove, CardRenderProps, ConfigMap, Kanban, KanbanProps } from "./data-display/kanban/Kanban.mjs";
+import { KanbanCard, KanbanCardProps } from "./data-display/kanban/KanbanCard.mjs";
 import { LoaderDot, LoaderDotProps } from "./data-display/loader-dot/LoaderDot.mjs";
 import { LoaderOval, LoaderOvalProps } from "./data-display/loader-oval/LoaderOval.mjs";
 import { LogoImage, LogoImageProps } from "./data-display/logos/logo-image/LogoImage.mjs";
 import { LogoSvg, LogoSvgProps } from "./data-display/logos/logo-svg/LogoSvg.mjs";
 import { NotificationBanner, NotificationBannerIntent, NotificationBannerProps } from "./data-display/notification-banner/NotificationBanner.mjs";
 import { RemovableItem, RemovableItemProps } from "./data-display/removable-item/RemovableItem.mjs";
+import { TableClassNames, TableProps } from "./data-display/table/TableTypes.mjs";
+import { TableHeadProps } from "./data-display/table/TableHead.mjs";
+import { TableBodyProps } from "./data-display/table/TableBody.mjs";
+import { TableFootProps } from "./data-display/table/TableFoot.mjs";
+import { TableRowProps } from "./data-display/table/TableRow.mjs";
+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 { Tag, TagProps } from "./data-display/tag/Tag.mjs";
 import { TagGroup, TagGroupProps } from "./data-display/tag-group/TagGroup.mjs";
 import { UploadedFile, UploadedFileProps } from "./data-display/uploaded-file/UploadedFile.mjs";
@@ -34,18 +53,11 @@ import { Dropzone, DropzoneProps, FileData } from "./controls/dropzone/Dropzone.
 import { DropzoneFiles, DropzoneFilesProps } from "./controls/dropzone-files/DropzoneFiles.mjs";
 import { FileInput, FileInputProps } from "./controls/file-input/FileInput.mjs";
 import { FileInputMultiple, FileInputMultipleProps } from "./controls/file-input/FileInputMultiple.mjs";
-import { MultiSelect, MultiSelectProps } from "./controls/multi-select/MultiSelect.mjs";
-import { MultiSelectTags, MultiSelectTagsProps } from "./controls/multi-select/MultiSelectTags.mjs";
-import { TextInput, TextInputProps } from "./controls/text-input/TextInput.mjs";
 import { PasswordInput, PasswordInputProps } from "./controls/password-input/PasswordInput.mjs";
 import { PasswordRule, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps } from "./controls/password-input/PasswordStrengthInput.mjs";
 import { PasswordRuleDefinition, usePasswordRules } from "./controls/password-input/usePasswordRules.mjs";
-import { PasswordInputStrength, PasswordInputStrengthProps } from "./controls/password-input-strength/oldPasswordInputStrength.mjs";
 import { Radio, RadioProps } from "./controls/radio/Radio.mjs";
-import { Select, SelectProps } from "./controls/select/Select.mjs";
 import { Textarea, TextareaProps } from "./controls/textarea/Textarea.mjs";
-import { Chevron, ChevronProps } from "./controls/utils/chevron/Chevron.mjs";
-import { ClearButton, ClearButtonProps } from "./controls/utils/clear-button/ClearButton.mjs";
 import "./controls/index.mjs";
 import { Form, FormProps } from "./forms/Form.mjs";
 import { PASSWORD_RULES } from "./forms/rules/password-rules.mjs";
@@ -55,13 +67,9 @@ import { Card, CardProps } from "./layouts/card/Card.mjs";
 import { FluidGrid, FluidGridProps } from "./layouts/fluid-grid/FluidGrid.mjs";
 import { Grid, GridClassNames } from "./layouts/grid/Grid.mjs";
 import "./layouts/index.mjs";
-import { HorizontalDivider, HorizontalDividerProps } from "./misc/horizontal-divider/HorizontalDivider.mjs";
-import { ScrollArea, ScrollAreaProps } from "./misc/scroll-area/ScrollArea.mjs";
-import { ScrollAreaAutosize, ScrollAreaAutosizeProps } from "./misc/scroll-area-autosize/ScrollAreaAutosize.mjs";
-import { VisuallyHidden, VisuallyHiddenProps } from "./misc/visually-hidden/VisuallyHidden.mjs";
-import "./misc/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 { 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/misc/index.d.mts

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

package/dist/components/misc/scroll-area/ScrollArea.d.mts

@@ -1,30 +1,30 @@
-import { ReactNode } from "react";
+import { ReactNode, RefObject } from "react";
 
 //#region src/components/misc/scroll-area/ScrollArea.d.ts
+type ScrollAreaClassNames = {
+  scrollArea?: string;
+  root?: string;
+  viewport?: string;
+  content?: string;
+  scrollbar?: string;
+  thumb?: string;
+  corner?: string;
+};
 type ScrollAreaProps = {
   children: ReactNode;
   scrollbars?: 'y' | 'x' | 'xy' | false;
   type?: 'hover' | 'scroll' | 'always' | 'auto' | 'never';
   scrollbarSize?: string | number;
   offsetScrollbars?: boolean | 'x' | 'y' | 'present';
-  classNames?: {
-    scrollArea?: string;
-    root?: string;
-    viewport?: string;
-    content?: string;
-    scrollbar?: string;
-    thumb?: string;
-    corner?: string;
-  };
+  viewportRef?: RefObject<HTMLDivElement | null>;
+  styles?: Partial<Record<'root' | 'viewport' | 'scrollbar' | 'thumb' | 'corner', React.CSSProperties>>;
+  classNames?: ScrollAreaClassNames;
 };
 declare const ScrollArea: ({
-  scrollbars,
-  type,
-  scrollbarSize,
-  offsetScrollbars,
   children,
-  classNames
+  classNames,
+  ...props
 }: ScrollAreaProps) => ReactNode;
 //#endregion
-export { ScrollArea, ScrollAreaProps };
+export { ScrollArea, ScrollAreaClassNames, ScrollAreaProps };
 //# sourceMappingURL=ScrollArea.d.mts.map

package/dist/components/misc/scroll-area/ScrollArea.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.d.mts","names":[],"sources":["../../../../src/components/misc/scroll-area/ScrollArea.tsx"],"mappings":";;;KAcY,eAAA;EACV,QAAA,EAAU,SAAA;EACV,UAAA;EACA,IAAA;EACA,aAAA;EACA,gBAAA;EACA,UAAA;IACE,UAAA;IACA,IAAA;IACA,QAAA;IACA,OAAA;IACA,SAAA;IACA,KAAA;IACA,MAAA;EAAA;AAAA;AAAA,cAIS,UAAA;EAAc,UAAA;EAAA,IAAA;EAAA,aAAA;EAAA,gBAAA;EAAA,QAAA;EAAA;AAAA,GAOxB,eAAA,KAAkB,SAAA"}
+{"version":3,"file":"ScrollArea.d.mts","names":[],"sources":["../../../../src/components/misc/scroll-area/ScrollArea.tsx"],"mappings":";;;KAcY,oBAAA;EACV,UAAA;EACA,IAAA;EACA,QAAA;EACA,OAAA;EACA,SAAA;EACA,KAAA;EACA,MAAA;AAAA;AAAA,KAGU,eAAA;EACV,QAAA,EAAU,SAAA;EACV,UAAA;EACA,IAAA;EACA,aAAA;EACA,gBAAA;EACA,WAAA,GAAc,SAAA,CAAU,cAAA;EACxB,MAAA,GAAS,OAAA,CACP,MAAA,yDAEE,KAAA,CAAM,aAAA;EAGV,UAAA,GAAa,oBAAA;AAAA;AAAA,cAGF,UAAA;EAAc,QAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAIxB,eAAA,KAAkB,SAAA"}

package/dist/components/misc/scroll-area/ScrollArea.mjs

@@ -1,2 +1,2 @@
-import{cx as e}from"@mage-ui/styled-system/css";import{scrollArea as t,scrollAreaContent as n,scrollAreaCorner as r,scrollAreaRoot as i,scrollAreaScrollbar as a,scrollAreaThumb as o,scrollAreaViewport as s}from"@mage-ui/styled-system/recipes";import{ScrollArea as c}from"@mantine/core";import{jsx as l}from"react/jsx-runtime";const u=({scrollbars:u=`y`,type:d,scrollbarSize:f,offsetScrollbars:p=!0,children:m,classNames:h})=>l(c,{scrollbars:u,type:d,scrollbarSize:f,offsetScrollbars:p,classNames:{root:e(h?.scrollArea??t(),h?.root??i()),viewport:h?.viewport??s(),content:h?.content??n(),scrollbar:h?.scrollbar??a(),thumb:h?.thumb??o(),corner:h?.corner??r()},children:m});export{u as ScrollArea};
+import{cx as e}from"@mage-ui/styled-system/css";import{scrollArea as t,scrollAreaContent as n,scrollAreaCorner as r,scrollAreaRoot as i,scrollAreaScrollbar as a,scrollAreaThumb as o,scrollAreaViewport as s}from"@mage-ui/styled-system/recipes";import{ScrollArea as c}from"@mantine/core";import{jsx as l}from"react/jsx-runtime";const u=({children:u,classNames:d,...f})=>l(c,{classNames:{root:e(d?.scrollArea??t(),d?.root??i()),viewport:d?.viewport??s(),content:d?.content??n(),scrollbar:d?.scrollbar??a(),thumb:d?.thumb??o(),corner:d?.corner??r()},...f,children:u});export{u as ScrollArea};
 //# sourceMappingURL=ScrollArea.mjs.map

package/dist/components/misc/scroll-area/ScrollArea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.mjs","names":["ScrollArea","MantineScrollArea"],"sources":["../../../../src/components/misc/scroll-area/ScrollArea.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  scrollArea,\n  scrollAreaContent,\n  scrollAreaCorner,\n  scrollAreaRoot,\n  scrollAreaScrollbar,\n  scrollAreaThumb,\n  scrollAreaViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { ScrollArea as MantineScrollArea } from '@mantine/core';\n\nexport type ScrollAreaProps = {\n  children: ReactNode;\n  scrollbars?: 'y' | 'x' | 'xy' | false;\n  type?: 'hover' | 'scroll' | 'always' | 'auto' | 'never';\n  scrollbarSize?: string | number;\n  offsetScrollbars?: boolean | 'x' | 'y' | 'present';\n  classNames?: {\n    scrollArea?: string;\n    root?: string;\n    viewport?: string;\n    content?: string;\n    scrollbar?: string;\n    thumb?: string;\n    corner?: string;\n  };\n};\n\nexport const ScrollArea = ({\n  scrollbars = 'y',\n  type,\n  scrollbarSize,\n  offsetScrollbars = true,\n  children,\n  classNames,\n}: ScrollAreaProps): ReactNode => {\n  return (\n    <MantineScrollArea\n      scrollbars={scrollbars}\n      type={type}\n      scrollbarSize={scrollbarSize}\n      offsetScrollbars={offsetScrollbars}\n      classNames={{\n        root: cx(\n          classNames?.scrollArea ?? scrollArea(),\n          classNames?.root ?? scrollAreaRoot(),\n        ),\n        viewport: classNames?.viewport ?? scrollAreaViewport(),\n        content: classNames?.content ?? scrollAreaContent(),\n        scrollbar: classNames?.scrollbar ?? scrollAreaScrollbar(),\n        thumb: classNames?.thumb ?? scrollAreaThumb(),\n        corner: classNames?.corner ?? scrollAreaCorner(),\n      }}\n    >\n      {children}\n    </MantineScrollArea>\n  );\n};\n"],"mappings":"sUA+BA,MAAaA,GAAc,CACzB,aAAa,IACb,OACA,gBACA,mBAAmB,GACnB,WACA,gBAGE,EAACC,EAAAA,CACa,aACN,OACS,gBACG,mBAClB,WAAY,CACV,KAAM,EACJ,GAAY,YAAc,GAAY,CACtC,GAAY,MAAQ,GAAgB,CACrC,CACD,SAAU,GAAY,UAAY,GAAoB,CACtD,QAAS,GAAY,SAAW,GAAmB,CACnD,UAAW,GAAY,WAAa,GAAqB,CACzD,MAAO,GAAY,OAAS,GAAiB,CAC7C,OAAQ,GAAY,QAAU,GAAkB,CACjD,CAEA,YACiB"}
+{"version":3,"file":"ScrollArea.mjs","names":["ScrollArea","MantineScrollArea"],"sources":["../../../../src/components/misc/scroll-area/ScrollArea.tsx"],"sourcesContent":["import type { ReactNode, RefObject } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  scrollArea,\n  scrollAreaContent,\n  scrollAreaCorner,\n  scrollAreaRoot,\n  scrollAreaScrollbar,\n  scrollAreaThumb,\n  scrollAreaViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { ScrollArea as MantineScrollArea } from '@mantine/core';\n\nexport type ScrollAreaClassNames = {\n  scrollArea?: string;\n  root?: string;\n  viewport?: string;\n  content?: string;\n  scrollbar?: string;\n  thumb?: string;\n  corner?: string;\n};\n\nexport type ScrollAreaProps = {\n  children: ReactNode;\n  scrollbars?: 'y' | 'x' | 'xy' | false;\n  type?: 'hover' | 'scroll' | 'always' | 'auto' | 'never';\n  scrollbarSize?: string | number;\n  offsetScrollbars?: boolean | 'x' | 'y' | 'present';\n  viewportRef?: RefObject<HTMLDivElement | null>;\n  styles?: Partial<\n    Record<\n      'root' | 'viewport' | 'scrollbar' | 'thumb' | 'corner',\n      React.CSSProperties\n    >\n  >;\n  classNames?: ScrollAreaClassNames;\n};\n\nexport const ScrollArea = ({\n  children,\n  classNames,\n  ...props\n}: ScrollAreaProps): ReactNode => {\n  return (\n    <MantineScrollArea\n      classNames={{\n        root: cx(\n          classNames?.scrollArea ?? scrollArea(),\n          classNames?.root ?? scrollAreaRoot(),\n        ),\n        viewport: classNames?.viewport ?? scrollAreaViewport(),\n        content: classNames?.content ?? scrollAreaContent(),\n        scrollbar: classNames?.scrollbar ?? scrollAreaScrollbar(),\n        thumb: classNames?.thumb ?? scrollAreaThumb(),\n        corner: classNames?.corner ?? scrollAreaCorner(),\n      }}\n      {...props}\n    >\n      {children}\n    </MantineScrollArea>\n  );\n};\n"],"mappings":"sUAwCA,MAAaA,GAAc,CACzB,WACA,aACA,GAAG,KAGD,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,EACJ,GAAY,YAAc,GAAY,CACtC,GAAY,MAAQ,GAAgB,CACrC,CACD,SAAU,GAAY,UAAY,GAAoB,CACtD,QAAS,GAAY,SAAW,GAAmB,CACnD,UAAW,GAAY,WAAa,GAAqB,CACzD,MAAO,GAAY,OAAS,GAAiB,CAC7C,OAAQ,GAAY,QAAU,GAAkB,CACjD,CACD,GAAI,EAEH,YACiB"}

package/dist/components/misc/scroll-area-autosize/ScrollAreaAutosize.d.mts

@@ -6,13 +6,10 @@ type ScrollAreaAutosizeProps = {
   mah: string | number;
 } & ScrollAreaProps;
 declare const ScrollAreaAutosize: ({
-  scrollbars,
-  type,
-  scrollbarSize,
-  offsetScrollbars,
   mah,
   children,
-  classNames
+  classNames,
+  ...props
 }: ScrollAreaAutosizeProps) => ReactNode;
 //#endregion
 export { ScrollAreaAutosize, ScrollAreaAutosizeProps };

package/dist/components/misc/scroll-area-autosize/ScrollAreaAutosize.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollAreaAutosize.d.mts","names":[],"sources":["../../../../src/components/misc/scroll-area-autosize/ScrollAreaAutosize.tsx"],"mappings":";;;;KAgBY,uBAAA;EACV,GAAA;AAAA,IACE,eAAA;AAAA,cAES,kBAAA;EAAsB,UAAA;EAAA,IAAA;EAAA,aAAA;EAAA,gBAAA;EAAA,GAAA;EAAA,QAAA;EAAA;AAAA,GAQhC,uBAAA,KAA0B,SAAA"}
+{"version":3,"file":"ScrollAreaAutosize.d.mts","names":[],"sources":["../../../../src/components/misc/scroll-area-autosize/ScrollAreaAutosize.tsx"],"mappings":";;;;KAgBY,uBAAA;EACV,GAAA;AAAA,IACE,eAAA;AAAA,cAES,kBAAA;EAAsB,GAAA;EAAA,QAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAKhC,uBAAA,KAA0B,SAAA"}

package/dist/components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs

@@ -1,2 +1,2 @@
-import{cx as e}from"@mage-ui/styled-system/css";import{scrollAreaAutosize as t,scrollAreaAutosizeContent as n,scrollAreaAutosizeCorner as r,scrollAreaAutosizeRoot as i,scrollAreaAutosizeScrollbar as a,scrollAreaAutosizeThumb as o,scrollAreaAutosizeViewport as s}from"@mage-ui/styled-system/recipes";import{ScrollArea as c}from"@mantine/core";import{jsx as l}from"react/jsx-runtime";const u=({scrollbars:u=`y`,type:d,scrollbarSize:f,offsetScrollbars:p=!0,mah:m,children:h,classNames:g})=>l(c.Autosize,{scrollbars:u,type:d,scrollbarSize:f,offsetScrollbars:p,mah:m,classNames:{root:e(g?.scrollArea??t(),g?.root??i()),viewport:g?.viewport??s(),content:g?.content??n(),scrollbar:g?.scrollbar??a(),thumb:g?.thumb??o(),corner:g?.corner??r()},children:h});export{u as ScrollAreaAutosize};
+import{cx as e}from"@mage-ui/styled-system/css";import{scrollAreaAutosize as t,scrollAreaAutosizeContent as n,scrollAreaAutosizeCorner as r,scrollAreaAutosizeRoot as i,scrollAreaAutosizeScrollbar as a,scrollAreaAutosizeThumb as o,scrollAreaAutosizeViewport as s}from"@mage-ui/styled-system/recipes";import{ScrollArea as c}from"@mantine/core";import{jsx as l}from"react/jsx-runtime";const u=({mah:u,children:d,classNames:f,...p})=>l(c.Autosize,{mah:u,classNames:{root:e(f?.scrollArea??t(),f?.root??i()),viewport:f?.viewport??s(),content:f?.content??n(),scrollbar:f?.scrollbar??a(),thumb:f?.thumb??o(),corner:f?.corner??r()},...p,children:d});export{u as ScrollAreaAutosize};
 //# sourceMappingURL=ScrollAreaAutosize.mjs.map

package/dist/components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollAreaAutosize.mjs","names":["MantineScrollArea"],"sources":["../../../../src/components/misc/scroll-area-autosize/ScrollAreaAutosize.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  scrollAreaAutosize,\n  scrollAreaAutosizeContent,\n  scrollAreaAutosizeCorner,\n  scrollAreaAutosizeRoot,\n  scrollAreaAutosizeScrollbar,\n  scrollAreaAutosizeThumb,\n  scrollAreaAutosizeViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { ScrollArea as MantineScrollArea } from '@mantine/core';\n\nimport type { ScrollAreaProps } from '../scroll-area/ScrollArea';\n\nexport type ScrollAreaAutosizeProps = {\n  mah: string | number;\n} & ScrollAreaProps;\n\nexport const ScrollAreaAutosize = ({\n  scrollbars = 'y',\n  type,\n  scrollbarSize,\n  offsetScrollbars = true,\n  mah,\n  children,\n  classNames,\n}: ScrollAreaAutosizeProps): ReactNode => {\n  return (\n    <MantineScrollArea.Autosize\n      scrollbars={scrollbars}\n      type={type}\n      scrollbarSize={scrollbarSize}\n      offsetScrollbars={offsetScrollbars}\n      mah={mah}\n      classNames={{\n        root: cx(\n          classNames?.scrollArea ?? scrollAreaAutosize(),\n          classNames?.root ?? scrollAreaAutosizeRoot(),\n        ),\n        viewport: classNames?.viewport ?? scrollAreaAutosizeViewport(),\n        content: classNames?.content ?? scrollAreaAutosizeContent(),\n        scrollbar: classNames?.scrollbar ?? scrollAreaAutosizeScrollbar(),\n        thumb: classNames?.thumb ?? scrollAreaAutosizeThumb(),\n        corner: classNames?.corner ?? scrollAreaAutosizeCorner(),\n      }}\n    >\n      {children}\n    </MantineScrollArea.Autosize>\n  );\n};\n"],"mappings":"8XAoBA,MAAa,GAAsB,CACjC,aAAa,IACb,OACA,gBACA,mBAAmB,GACnB,MACA,WACA,gBAGE,EAACA,EAAkB,SAAA,CACL,aACN,OACS,gBACG,mBACb,MACL,WAAY,CACV,KAAM,EACJ,GAAY,YAAc,GAAoB,CAC9C,GAAY,MAAQ,GAAwB,CAC7C,CACD,SAAU,GAAY,UAAY,GAA4B,CAC9D,QAAS,GAAY,SAAW,GAA2B,CAC3D,UAAW,GAAY,WAAa,GAA6B,CACjE,MAAO,GAAY,OAAS,GAAyB,CACrD,OAAQ,GAAY,QAAU,GAA0B,CACzD,CAEA,YAC0B"}
+{"version":3,"file":"ScrollAreaAutosize.mjs","names":["MantineScrollArea"],"sources":["../../../../src/components/misc/scroll-area-autosize/ScrollAreaAutosize.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  scrollAreaAutosize,\n  scrollAreaAutosizeContent,\n  scrollAreaAutosizeCorner,\n  scrollAreaAutosizeRoot,\n  scrollAreaAutosizeScrollbar,\n  scrollAreaAutosizeThumb,\n  scrollAreaAutosizeViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { ScrollArea as MantineScrollArea } from '@mantine/core';\n\nimport type { ScrollAreaProps } from '../scroll-area/ScrollArea';\n\nexport type ScrollAreaAutosizeProps = {\n  mah: string | number;\n} & ScrollAreaProps;\n\nexport const ScrollAreaAutosize = ({\n  mah,\n  children,\n  classNames,\n  ...props\n}: ScrollAreaAutosizeProps): ReactNode => {\n  return (\n    <MantineScrollArea.Autosize\n      mah={mah}\n      classNames={{\n        root: cx(\n          classNames?.scrollArea ?? scrollAreaAutosize(),\n          classNames?.root ?? scrollAreaAutosizeRoot(),\n        ),\n        viewport: classNames?.viewport ?? scrollAreaAutosizeViewport(),\n        content: classNames?.content ?? scrollAreaAutosizeContent(),\n        scrollbar: classNames?.scrollbar ?? scrollAreaAutosizeScrollbar(),\n        thumb: classNames?.thumb ?? scrollAreaAutosizeThumb(),\n        corner: classNames?.corner ?? scrollAreaAutosizeCorner(),\n      }}\n      {...props}\n    >\n      {children}\n    </MantineScrollArea.Autosize>\n  );\n};\n"],"mappings":"8XAoBA,MAAa,GAAsB,CACjC,MACA,WACA,aACA,GAAG,KAGD,EAACA,EAAkB,SAAA,CACZ,MACL,WAAY,CACV,KAAM,EACJ,GAAY,YAAc,GAAoB,CAC9C,GAAY,MAAQ,GAAwB,CAC7C,CACD,SAAU,GAAY,UAAY,GAA4B,CAC9D,QAAS,GAAY,SAAW,GAA2B,CAC3D,UAAW,GAAY,WAAa,GAA6B,CACjE,MAAO,GAAY,OAAS,GAAyB,CACrD,OAAQ,GAAY,QAAU,GAA0B,CACzD,CACD,GAAI,EAEH,YAC0B"}

package/dist/components/misc/virtual/Virtual.d.mts

@@ -0,0 +1,29 @@
+import { ReactNode, RefObject } from "react";
+
+//#region src/components/misc/virtual/Virtual.d.ts
+type VirtualItem<TRow> = {
+  row: TRow;
+  index: number;
+  measureRef: (node: Element | null) => void;
+};
+type VirtualPadding = {
+  top: number;
+  bottom: number;
+};
+type VirtualProps<TRow> = {
+  rows: TRow[];
+  estimateSize: number;
+  scrollRef: RefObject<HTMLElement | null>;
+  overscan?: number;
+  children: (items: VirtualItem<TRow>[], padding: VirtualPadding) => ReactNode;
+};
+declare const Virtual: <TRow>({
+  rows,
+  estimateSize,
+  scrollRef,
+  overscan,
+  children
+}: VirtualProps<TRow>) => ReactNode;
+//#endregion
+export { Virtual, VirtualItem, VirtualPadding, VirtualProps };
+//# sourceMappingURL=Virtual.d.mts.map

package/dist/components/misc/virtual/Virtual.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Virtual.d.mts","names":[],"sources":["../../../../src/components/misc/virtual/Virtual.tsx"],"mappings":";;;KAIY,WAAA;EACV,GAAA,EAAK,IAAA;EACL,KAAA;EACA,UAAA,GAAa,IAAA,EAAM,OAAA;AAAA;AAAA,KAGT,cAAA;EACV,GAAA;EACA,MAAA;AAAA;AAAA,KAGU,YAAA;EACV,IAAA,EAAM,IAAA;EACN,YAAA;EACA,SAAA,EAAW,SAAA,CAAU,WAAA;EACrB,QAAA;EACA,QAAA,GAAW,KAAA,EAAO,WAAA,CAAY,IAAA,KAAS,OAAA,EAAS,cAAA,KAAmB,SAAA;AAAA;AAAA,cAGxD,OAAA;EAAkB,IAAA;EAAA,YAAA;EAAA,SAAA;EAAA,QAAA;EAAA;AAAA,GAM5B,YAAA,CAAa,IAAA,MAAQ,SAAA"}

package/dist/components/misc/virtual/Virtual.mjs

@@ -0,0 +1,2 @@
+import{useVirtualizer as e}from"@tanstack/react-virtual";const t=({rows:t,estimateSize:n,scrollRef:r,overscan:i=5,children:a})=>{let o=e({count:t.length,getScrollElement:()=>r.current,estimateSize:()=>n,measureElement:e=>e.getBoundingClientRect().height,overscan:i}),s=o.getVirtualItems();return a(s.map(e=>({row:t[e.index],index:e.index,measureRef:t=>{t&&(t.setAttribute(`data-index`,String(e.index)),o.measureElement(t))}})),{top:s[0]?.start??0,bottom:o.getTotalSize()-(s.at(-1)?.end??0)})};export{t as Virtual};
+//# sourceMappingURL=Virtual.mjs.map

package/dist/components/misc/virtual/Virtual.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Virtual.mjs","names":[],"sources":["../../../../src/components/misc/virtual/Virtual.tsx"],"sourcesContent":["import type { ReactNode, RefObject } from 'react';\n\nimport { useVirtualizer } from '@tanstack/react-virtual';\n\nexport type VirtualItem<TRow> = {\n  row: TRow;\n  index: number;\n  measureRef: (node: Element | null) => void;\n};\n\nexport type VirtualPadding = {\n  top: number;\n  bottom: number;\n};\n\nexport type VirtualProps<TRow> = {\n  rows: TRow[];\n  estimateSize: number;\n  scrollRef: RefObject<HTMLElement | null>;\n  overscan?: number;\n  children: (items: VirtualItem<TRow>[], padding: VirtualPadding) => ReactNode;\n};\n\nexport const Virtual = <TRow,>({\n  rows,\n  estimateSize,\n  scrollRef,\n  overscan = 5,\n  children,\n}: VirtualProps<TRow>): ReactNode => {\n  const virtualizer = useVirtualizer({\n    count: rows.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => estimateSize,\n    measureElement: (element) => element.getBoundingClientRect().height,\n    overscan,\n  });\n\n  const virtualItems = virtualizer.getVirtualItems();\n\n  const items: VirtualItem<TRow>[] = virtualItems.map((virtualRow) => ({\n    row: rows[virtualRow.index],\n    index: virtualRow.index,\n    measureRef: (node: Element | null) => {\n      if (node) {\n        node.setAttribute('data-index', String(virtualRow.index));\n        virtualizer.measureElement(node);\n      }\n    },\n  }));\n\n  const padding: VirtualPadding = {\n    top: virtualItems[0]?.start ?? 0,\n    bottom: virtualizer.getTotalSize() - (virtualItems.at(-1)?.end ?? 0),\n  };\n\n  return children(items, padding);\n};\n"],"mappings":"yDAuBA,MAAa,GAAkB,CAC7B,OACA,eACA,YACA,WAAW,EACX,cACmC,CACnC,IAAM,EAAc,EAAe,CACjC,MAAO,EAAK,OACZ,qBAAwB,EAAU,QAClC,iBAAoB,EACpB,eAAiB,GAAY,EAAQ,uBAAuB,CAAC,OAC7D,WACD,CAAC,CAEI,EAAe,EAAY,iBAAiB,CAkBlD,OAAO,EAhB4B,EAAa,IAAK,IAAgB,CACnE,IAAK,EAAK,EAAW,OACrB,MAAO,EAAW,MAClB,WAAa,GAAyB,CAChC,IACF,EAAK,aAAa,aAAc,OAAO,EAAW,MAAM,CAAC,CACzD,EAAY,eAAe,EAAK,GAGrC,EAAE,CAE6B,CAC9B,IAAK,EAAa,IAAI,OAAS,EAC/B,OAAQ,EAAY,cAAc,EAAI,EAAa,GAAG,GAAG,EAAE,KAAO,GACnE,CAE8B"}

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

@@ -1,4 +1,4 @@
-import { Menu, MenuProps } from "./menu/Menu.mjs";
 import { BreadcrumbsBarProps } from "./breadcrumbs/BreadcrumbsBar.mjs";
 import { Breadcrumbs, BreadcrumbsProps } from "./breadcrumbs/Breadcrumbs.mjs";
+import { Menu, MenuProps } from "./menu/Menu.mjs";
 import { Sidebar, SidebarClassNames, SidebarProps } from "./sidebars/sidebar/Sidebar.mjs";

package/dist/components/overlays/modal/Modal.mjs

@@ -1,2 +1,2 @@
-import{ModalBody as e,ModalCloseButton as t,ModalContent as n,ModalFooter as r,ModalHeader as i,ModalOverlay as a,ModalTitle as o}from"./modal-primitives.mjs";import{trackManagedId as s,untrackManagedId as c}from"./modal-managed-ids.mjs";import{ModalInner as l}from"./modal-core.mjs";import{ModalProvider as u,registerModal as d}from"./modal-registry.mjs";import f,{unregister as p}from"@ebay/nice-modal-react";const m=e=>{if(!(typeof e!=`function`&&typeof e!=`object`))for(let t of Object.getOwnPropertySymbols(e)){let n=e[t];if(typeof n==`string`)return n}},h=e=>{let t=m(e);t&&(c(t),p(t))},g=e=>{let t=m(e);t&&s(t)},_=Object.assign(l,{displayName:`Modal`,Provider:u,register:d,show:(e,t)=>{p(t?.id),h(e);let n=f.show(e,t);return g(e),n},hide:f.hide,Overlay:a,Content:n,Header:i,Body:e,Title:o,CloseButton:t,Footer:r});export{_ as Modal};
+import{trackManagedId as e,untrackManagedId as t}from"./modal-managed-ids.mjs";import{ModalBody as n,ModalCloseButton as r,ModalContent as i,ModalFooter as a,ModalHeader as o,ModalOverlay as s,ModalTitle as c}from"./modal-primitives.mjs";import{ModalInner as l}from"./modal-core.mjs";import{ModalProvider as u,registerModal as d}from"./modal-registry.mjs";import f,{unregister as p}from"@ebay/nice-modal-react";const m=e=>{if(!(typeof e!=`function`&&typeof e!=`object`))for(let t of Object.getOwnPropertySymbols(e)){let n=e[t];if(typeof n==`string`)return n}},h=e=>{let n=m(e);n&&(t(n),p(n))},g=t=>{let n=m(t);n&&e(n)},_=Object.assign(l,{displayName:`Modal`,Provider:u,register:d,show:(e,t)=>{p(t?.id),h(e);let n=f.show(e,t);return g(e),n},hide:f.hide,Overlay:s,Content:i,Header:o,Body:n,Title:c,CloseButton:r,Footer:a});export{_ as Modal};
 //# sourceMappingURL=Modal.mjs.map

package/dist/components/overlays/modal/Modal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.mjs","names":[],"sources":["../../../../src/components/overlays/modal/Modal.tsx"],"sourcesContent":["import NiceModal, { unregister } from '@ebay/nice-modal-react';\n\nimport { ModalInner } from './modal-core';\nimport {\n  ModalBody,\n  ModalCloseButton,\n  ModalContent,\n  ModalFooter,\n  ModalHeader,\n  ModalOverlay,\n  ModalTitle,\n} from './modal-primitives';\nimport { trackManagedId, untrackManagedId } from './modal-managed-ids';\nimport { ModalProvider, registerModal } from './modal-registry';\n\nexport type { ModalRegistry, ModalRegistryEntry } from './modal-registry';\nexport type {\n  ModalClassNames,\n  ModalIntent,\n  ModalProps,\n  ModalRootProps,\n} from './modal-types';\n\nconst getNiceModalId = (modal: unknown): string | undefined => {\n  if (typeof modal !== 'function' && typeof modal !== 'object') return;\n  for (const sym of Object.getOwnPropertySymbols(modal as object)) {\n    const val = (modal as Record<symbol, unknown>)[sym];\n    if (typeof val === 'string') return val;\n  }\n};\n\nconst resetModalRegistration = (modal: unknown): void => {\n  const id = getNiceModalId(modal);\n  if (!id) return;\n  untrackManagedId(id);\n  unregister(id);\n};\n\nconst protectModalRegistration = (modal: unknown): void => {\n  const id = getNiceModalId(modal);\n  if (id) trackManagedId(id);\n};\n\nconst showModal = (\n  modal: unknown,\n  args?: Record<string, unknown>,\n): Promise<unknown> => {\n  unregister(args?.id as string);\n  resetModalRegistration(modal);\n\n  const result = (\n    NiceModal.show as (\n      modal: unknown,\n      args?: Record<string, unknown>,\n    ) => Promise<unknown>\n  )(modal, args);\n\n  protectModalRegistration(modal);\n\n  return result;\n};\n\nexport const Modal = Object.assign(ModalInner, {\n  displayName: 'Modal' as const,\n  Provider: ModalProvider,\n  register: registerModal,\n  show: showModal,\n  hide: NiceModal.hide,\n  Overlay: ModalOverlay,\n  Content: ModalContent,\n  Header: ModalHeader,\n  Body: ModalBody,\n  Title: ModalTitle,\n  CloseButton: ModalCloseButton,\n  Footer: ModalFooter,\n});\n"],"mappings":"2ZAuBA,MAAM,EAAkB,GAAuC,CACzD,YAAO,GAAU,YAAc,OAAO,GAAU,UACpD,IAAK,IAAM,KAAO,OAAO,sBAAsB,EAAgB,CAAE,CAC/D,IAAM,EAAO,EAAkC,GAC/C,GAAI,OAAO,GAAQ,SAAU,OAAO,IAIlC,EAA0B,GAAyB,CACvD,IAAM,EAAK,EAAe,EAAM,CAC3B,IACL,EAAiB,EAAG,CACpB,EAAW,EAAG,GAGV,EAA4B,GAAyB,CACzD,IAAM,EAAK,EAAe,EAAM,CAC5B,GAAI,EAAe,EAAG,EAsBf,EAAQ,OAAO,OAAO,EAAY,CAC7C,YAAa,QACb,SAAU,EACV,SAAU,EACV,MAtBA,EACA,IACqB,CACrB,EAAW,GAAM,GAAa,CAC9B,EAAuB,EAAM,CAE7B,IAAM,EACJ,EAAU,KAIV,EAAO,EAAK,CAId,OAFA,EAAyB,EAAM,CAExB,GAQP,KAAM,EAAU,KAChB,QAAS,EACT,QAAS,EACT,OAAQ,EACR,KAAM,EACN,MAAO,EACP,YAAa,EACb,OAAQ,EACT,CAAC"}
+{"version":3,"file":"Modal.mjs","names":[],"sources":["../../../../src/components/overlays/modal/Modal.tsx"],"sourcesContent":["import NiceModal, { unregister } from '@ebay/nice-modal-react';\n\nimport { ModalInner } from './modal-core';\nimport { trackManagedId, untrackManagedId } from './modal-managed-ids';\nimport {\n  ModalBody,\n  ModalCloseButton,\n  ModalContent,\n  ModalFooter,\n  ModalHeader,\n  ModalOverlay,\n  ModalTitle,\n} from './modal-primitives';\nimport { ModalProvider, registerModal } from './modal-registry';\n\nexport type { ModalRegistry, ModalRegistryEntry } from './modal-registry';\nexport type {\n  ModalClassNames,\n  ModalIntent,\n  ModalProps,\n  ModalRootProps,\n} from './modal-types';\n\nconst getNiceModalId = (modal: unknown): string | undefined => {\n  if (typeof modal !== 'function' && typeof modal !== 'object') return;\n  for (const sym of Object.getOwnPropertySymbols(modal as object)) {\n    const val = (modal as Record<symbol, unknown>)[sym];\n    if (typeof val === 'string') return val;\n  }\n};\n\nconst resetModalRegistration = (modal: unknown): void => {\n  const id = getNiceModalId(modal);\n  if (!id) return;\n  untrackManagedId(id);\n  unregister(id);\n};\n\nconst protectModalRegistration = (modal: unknown): void => {\n  const id = getNiceModalId(modal);\n  if (id) trackManagedId(id);\n};\n\nconst showModal = (\n  modal: unknown,\n  args?: Record<string, unknown>,\n): Promise<unknown> => {\n  unregister(args?.id as string);\n  resetModalRegistration(modal);\n\n  const result = (\n    NiceModal.show as (\n      modal: unknown,\n      args?: Record<string, unknown>,\n    ) => Promise<unknown>\n  )(modal, args);\n\n  protectModalRegistration(modal);\n\n  return result;\n};\n\nexport const Modal = Object.assign(ModalInner, {\n  displayName: 'Modal' as const,\n  Provider: ModalProvider,\n  register: registerModal,\n  show: showModal,\n  hide: NiceModal.hide,\n  Overlay: ModalOverlay,\n  Content: ModalContent,\n  Header: ModalHeader,\n  Body: ModalBody,\n  Title: ModalTitle,\n  CloseButton: ModalCloseButton,\n  Footer: ModalFooter,\n});\n"],"mappings":"2ZAuBA,MAAM,EAAkB,GAAuC,CACzD,YAAO,GAAU,YAAc,OAAO,GAAU,UACpD,IAAK,IAAM,KAAO,OAAO,sBAAsB,EAAgB,CAAE,CAC/D,IAAM,EAAO,EAAkC,GAC/C,GAAI,OAAO,GAAQ,SAAU,OAAO,IAIlC,EAA0B,GAAyB,CACvD,IAAM,EAAK,EAAe,EAAM,CAC3B,IACL,EAAiB,EAAG,CACpB,EAAW,EAAG,GAGV,EAA4B,GAAyB,CACzD,IAAM,EAAK,EAAe,EAAM,CAC5B,GAAI,EAAe,EAAG,EAsBf,EAAQ,OAAO,OAAO,EAAY,CAC7C,YAAa,QACb,SAAU,EACV,SAAU,EACV,MAtBA,EACA,IACqB,CACrB,EAAW,GAAM,GAAa,CAC9B,EAAuB,EAAM,CAE7B,IAAM,EACJ,EAAU,KAIV,EAAO,EAAK,CAId,OAFA,EAAyB,EAAM,CAExB,GAQP,KAAM,EAAU,KAChB,QAAS,EACT,QAAS,EACT,OAAQ,EACR,KAAM,EACN,MAAO,EACP,YAAa,EACb,OAAQ,EACT,CAAC"}

package/dist/components/overlays/modal/modal-core.mjs

@@ -1,2 +1,2 @@
-import{ModalBody as e,ModalCloseButton as t,ModalContent as n,ModalHeader as r,ModalOverlay as i,ModalRoot as a,ModalTitle as o}from"./modal-primitives.mjs";import{isManagedId as s}from"./modal-managed-ids.mjs";import{jsx as c,jsxs as l}from"react/jsx-runtime";import u,{useEffect as d,useState as f}from"react";import p,{unregister as m,useModal as h}from"@ebay/nice-modal-react";const g=[`Modal.Header`,`Modal.Body`,`Modal.Content`,`Modal.Overlay`,`Modal.Title`,`Modal.CloseButton`,`Modal.Footer`],_=({opened:s,onClose:d,centered:f,closeOnClickOutside:p,closeOnEscape:m,withinPortal:h,keepMounted:_,intent:v,classNames:y,title:b,withCloseButton:x=!0,children:S})=>{let C=u.Children.toArray(S).some(e=>{if(!u.isValidElement(e))return!1;let t=e.type;return t.displayName&&g.includes(t.displayName)}),w={opened:s,onClose:d,centered:f,closeOnClickOutside:p,closeOnEscape:m,withinPortal:h,keepMounted:_,intent:v,classNames:y};if(C)return c(a,{...w,children:S});let T=!!b||x;return l(a,{...w,children:[c(i,{}),l(n,{children:[T&&l(r,{children:[b&&c(o,{children:b}),x&&c(t,{})]}),c(e,{children:S})]})]})},v=p.create(({onClose:e,children:t,...n})=>{let r=h(),[i,a]=f(!1);return d(()=>{if(r.visible){let e=requestAnimationFrame(()=>{a(!0)});return()=>cancelAnimationFrame(e)}a(!1)},[r.visible]),c(_,{opened:i,onClose:()=>{e?.(),r.hide()},...n,children:t})}),y=({id:e,...t})=>(e!=null&&!s(e)&&(m(e),p.register(e,()=>c(v,{id:e,...t}))),c(v,{id:e,...t}));export{y as ModalInner};
+import{isManagedId as e}from"./modal-managed-ids.mjs";import{ModalBody as t,ModalCloseButton as n,ModalContent as r,ModalHeader as i,ModalOverlay as a,ModalRoot as o,ModalTitle as s}from"./modal-primitives.mjs";import{jsx as c,jsxs as l}from"react/jsx-runtime";import u,{useEffect as d,useState as f}from"react";import p,{unregister as m,useModal as h}from"@ebay/nice-modal-react";const g=[`Modal.Header`,`Modal.Body`,`Modal.Content`,`Modal.Overlay`,`Modal.Title`,`Modal.CloseButton`,`Modal.Footer`],_=({opened:e,onClose:d,centered:f,closeOnClickOutside:p,closeOnEscape:m,withinPortal:h,keepMounted:_,intent:v,classNames:y,title:b,withCloseButton:x=!0,children:S})=>{let C=u.Children.toArray(S).some(e=>{if(!u.isValidElement(e))return!1;let t=e.type;return t.displayName&&g.includes(t.displayName)}),w={opened:e,onClose:d,centered:f,closeOnClickOutside:p,closeOnEscape:m,withinPortal:h,keepMounted:_,intent:v,classNames:y};if(C)return c(o,{...w,children:S});let T=!!b||x;return l(o,{...w,children:[c(a,{}),l(r,{children:[T&&l(i,{children:[b&&c(s,{children:b}),x&&c(n,{})]}),c(t,{children:S})]})]})},v=p.create(({onClose:e,children:t,...n})=>{let r=h(),[i,a]=f(!1);return d(()=>{if(r.visible){let e=requestAnimationFrame(()=>{a(!0)});return()=>cancelAnimationFrame(e)}a(!1)},[r.visible]),c(_,{opened:i,onClose:()=>{e?.(),r.hide()},...n,children:t})}),y=({id:t,...n})=>(t!=null&&!e(t)&&(m(t),p.register(t,()=>c(v,{id:t,...n}))),c(v,{id:t,...n}));export{y as ModalInner};
 //# sourceMappingURL=modal-core.mjs.map