@join-x5/react-data-grid 1.3.1-alpha-0 → 1.4.0

package/dist/DataGrid.es.js

@@ -1,76 +1,98 @@
 "use client";
-import { jsx as B, jsxs as j } from "@emotion/react/jsx-runtime";
-import { useReactTable as q, getExpandedRowModel as v, getCoreRowModel as z } from "@tanstack/react-table";
-import { forwardRef as A } from "@join-x5/react-theme";
-import { DataGridTable as E } from "./Table/index.es.js";
-import { DataGridContextProvider as k } from "./DataGridContext.es.js";
-import { getDataGridTableHead as F } from "./TableHead/index.es.js";
-import { getDataGridTableBody as H } from "./TableBody/index.es.js";
-import { useDataGridColumnSettings as I } from "./hook.es.js";
-const W = A((o, n) => {
+import { jsx as A, jsxs as k } from "@emotion/react/jsx-runtime";
+import { useEffect as F } from "react";
+import { useReactTable as H, getExpandedRowModel as V, getCoreRowModel as I } from "@tanstack/react-table";
+import { forwardRef as J } from "@join-x5/react-theme";
+import { DataGridTable as K } from "./Table/index.es.js";
+import { DataGridContextProvider as L } from "./DataGridContext.es.js";
+import { getDataGridTableHead as N } from "./TableHead/index.es.js";
+import { getDataGridTableBody as O } from "./TableBody/DataGridTableBody.es.js";
+import { getDataGridTableBodyVirtual as Q } from "./TableBody/DataGridTableBodyVirtual.es.js";
+import { useDataGridColumnSettings as U } from "./hook.es.js";
+const ae = J((r, c) => {
   const {
-    qa: r = "datagrid",
-    isBordered: l,
-    isMultiline: d,
-    isShadowed: s,
-    size: m,
-    width: a,
-    textAlign: c,
-    writingMode: p,
-    userSelect: g,
-    wordBreak: u,
-    whiteSpace: f,
-    cellProps: w,
-    headCellProps: h,
-    columns: b,
-    data: x,
-    tableProps: i,
-    columnSettings: M,
-    components: C,
-    children: R,
-    verticalAlign: D = o.isMultiline ? "top" : "center",
-    ...e
-  } = o, G = I(M, i), t = q({
-    columns: b,
-    data: x,
+    qa: a = "datagrid",
+    isBordered: u,
+    isMultiline: g,
+    isShadowed: f,
+    size: w,
+    width: i,
+    textAlign: h,
+    writingMode: b,
+    userSelect: P,
+    wordBreak: x,
+    whiteSpace: M,
+    cellProps: R,
+    headCellProps: y,
+    rowProps: n,
+    bodyProps: d,
+    headProps: C,
+    virtualize: l,
+    wrapperRef: s,
+    columns: D,
+    data: G,
+    tableProps: m,
+    setTable: t,
+    columnSettings: S,
+    components: p,
+    children: B,
+    verticalAlign: T = r.isMultiline ? "top" : "center",
+    ...o
+  } = r, v = U(S, m), e = H({
+    columns: D,
+    data: G,
     manualSorting: !0,
     manualFiltering: !0,
     manualPagination: !0,
     columnResizeMode: "onChange",
-    getCoreRowModel: z(),
-    getExpandedRowModel: v(),
-    ...i,
-    state: G
-  }), P = {
-    size: m,
-    verticalAlign: D,
-    isBordered: l,
-    isMultiline: d,
-    isShadowed: s,
-    textAlign: c,
-    writingMode: p,
-    userSelect: g,
-    wordBreak: u,
-    whiteSpace: f,
-    cellProps: w,
-    headCellProps: h,
-    qa: r
-  }, S = {
-    ...e,
-    table: t,
-    style: a ? {
-      width: a,
-      ...e.style
-    } : e.style,
-    "data-qa": r
-  }, y = F(t), T = H(t, C);
-  return /* @__PURE__ */ B(k, { ...P, children: /* @__PURE__ */ j(E, { ref: n, ...S, children: [
-    y,
-    R,
-    T
+    getCoreRowModel: I(),
+    getExpandedRowModel: V(),
+    ...m,
+    state: v
+  }), z = {
+    size: w,
+    verticalAlign: T,
+    isBordered: u,
+    isMultiline: g,
+    isShadowed: f,
+    textAlign: h,
+    writingMode: b,
+    userSelect: P,
+    wordBreak: x,
+    whiteSpace: M,
+    cellProps: R,
+    headCellProps: y,
+    qa: a
+  }, E = {
+    ...o,
+    table: e,
+    style: i ? {
+      width: i,
+      ...o.style
+    } : o.style,
+    "data-qa": a
+  }, j = N(e, C), q = l && s ? Q({
+    table: e,
+    components: p,
+    rowProps: n,
+    virtualize: l,
+    wrapperRef: s,
+    ...d
+  }) : O({
+    table: e,
+    components: p,
+    rowProps: n,
+    ...d
+  });
+  return F(() => {
+    t == null || t(e);
+  }, [e, t]), /* @__PURE__ */ A(L, { ...z, children: /* @__PURE__ */ k(K, { ref: c, ...E, children: [
+    j,
+    B,
+    q
   ] }) });
 });
 export {
-  W as DataGrid
+  ae as DataGrid
 };
 //# sourceMappingURL=DataGrid.es.js.map

package/dist/DataGrid.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataGrid.es.js","sources":["../src/DataGrid.tsx"],"sourcesContent":["'use client';\n\nimport {getCoreRowModel, getExpandedRowModel, useReactTable} from '@tanstack/react-table';\n\nimport {forwardRef} from '@join-x5/react-theme';\n\nimport {DataGridTable} from 'Table';\n\nimport {DataGridContextProvider} from 'DataGridContext';\nimport {getDataGridTableHead} from 'TableHead';\nimport {getDataGridTableBody} from 'TableBody';\n\nimport {useDataGridColumnSettings} from './hook';\n\nimport type {FRC} from '@join-x5/react-theme';\nimport type {DataGridProps} from './types';\n\nexport const DataGrid: FRC<HTMLTableElement, DataGridProps> = forwardRef((props, ref) => {\n  const {\n    qa = 'datagrid',\n\n    isBordered,\n    isMultiline,\n    isShadowed,\n\n    size,\n    width,\n    textAlign,\n    writingMode,\n    userSelect,\n    wordBreak,\n    whiteSpace,\n\n    cellProps,\n    headCellProps,\n\n    columns,\n    data,\n    tableProps,\n    columnSettings,\n    components,\n    children,\n\n    verticalAlign = props.isMultiline ? 'top' : 'center',\n\n    ...rest\n  } = props;\n\n  const state = useDataGridColumnSettings(columnSettings, tableProps);\n\n  const table = useReactTable({\n    columns,\n    data,\n\n    manualSorting: true,\n    manualFiltering: true,\n    manualPagination: true,\n    columnResizeMode: 'onChange',\n    getCoreRowModel: getCoreRowModel(),\n    getExpandedRowModel: getExpandedRowModel(),\n\n    ...tableProps,\n\n    state,\n  });\n\n  const context = {\n    size,\n    verticalAlign,\n    isBordered,\n    isMultiline,\n    isShadowed,\n    textAlign,\n    writingMode,\n    userSelect,\n    wordBreak,\n    whiteSpace,\n\n    cellProps,\n    headCellProps,\n    qa,\n  };\n\n  const tableComponentProps = {\n    ...rest,\n\n    table,\n    style: width ? {width, ...rest.style} : rest.style,\n    'data-qa': qa,\n  };\n\n  const head = getDataGridTableHead(table);\n  const body = getDataGridTableBody(table, components);\n\n  return (\n    <DataGridContextProvider {...context}>\n      <DataGridTable ref={ref} {...tableComponentProps}>\n        {head}\n        {children}\n        {body}\n      </DataGridTable>\n    </DataGridContextProvider>\n  );\n});\n"],"names":["isBordered","isMultiline","isShadowed","size","width","textAlign","writingMode","userSelect","wordBreak","whiteSpace","cellProps","headCellProps","columns","data","tableProps","columnSettings","components","children","rest","getCoreRowModel","getExpandedRowModel","state","verticalAlign","qa","table","style","head","body"],"mappings":";;;;;;;;;AAiBO;AACL;AAAM;AACC;AAELA;AACAC;AACAC;AAEAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AAEAC;AACAC;AAEAC;AACAC;AACAC;AACAC;AACAC;AACAC;AAE4C;AAEzCC;AAKuB;AAC1BN;AACAC;AAEe;AACE;AACC;AACA;AACDM;AACIC;AAElBN;AAEHO;AAGc;AACdlB;AACAmB;AACAtB;AACAC;AACAC;AACAG;AACAC;AACAC;AACAC;AACAC;AAEAC;AACAC;AACAY;AAG0B;AACvBL;AAEHM;AACe;AAACpB;AAAeqB;AAAcA;AAClCF;AAMb;AAGOG;AAAAA;AACAT;AACAU;AAIT;;;;"}
+{"version":3,"file":"DataGrid.es.js","sources":["../src/DataGrid.tsx"],"sourcesContent":["'use client';\n\nimport {useEffect} from 'react';\nimport {getCoreRowModel, getExpandedRowModel, useReactTable} from '@tanstack/react-table';\n\nimport {forwardRef} from '@join-x5/react-theme';\n\nimport {DataGridTable} from 'Table';\n\nimport {DataGridContextProvider} from 'DataGridContext';\nimport {getDataGridTableHead} from 'TableHead';\nimport {getDataGridTableBody, getDataGridTableBodyVirtual} from 'TableBody';\n\nimport {useDataGridColumnSettings} from './hook';\n\nimport type {FRC} from '@join-x5/react-theme';\nimport type {DataGridProps} from './types';\n\nexport const DataGrid: FRC<HTMLTableElement, DataGridProps> = forwardRef((props, ref) => {\n  const {\n    qa = 'datagrid',\n\n    isBordered,\n    isMultiline,\n    isShadowed,\n\n    size,\n    width,\n    textAlign,\n    writingMode,\n    userSelect,\n    wordBreak,\n    whiteSpace,\n\n    cellProps,\n    headCellProps,\n    rowProps,\n    bodyProps,\n    headProps,\n    virtualize,\n    wrapperRef,\n\n    columns,\n    data,\n    tableProps,\n    setTable,\n    columnSettings,\n    components,\n    children,\n\n    verticalAlign = props.isMultiline ? 'top' : 'center',\n\n    ...rest\n  } = props;\n\n  const state = useDataGridColumnSettings(columnSettings, tableProps);\n\n  const table = useReactTable({\n    columns,\n    data,\n\n    manualSorting: true,\n    manualFiltering: true,\n    manualPagination: true,\n    columnResizeMode: 'onChange',\n    getCoreRowModel: getCoreRowModel(),\n    getExpandedRowModel: getExpandedRowModel(),\n\n    ...tableProps,\n\n    state,\n  });\n\n  const context = {\n    size,\n    verticalAlign,\n    isBordered,\n    isMultiline,\n    isShadowed,\n    textAlign,\n    writingMode,\n    userSelect,\n    wordBreak,\n    whiteSpace,\n\n    cellProps,\n    headCellProps,\n    qa,\n  };\n\n  const tableComponentProps = {\n    ...rest,\n\n    table,\n    style: width ? {width, ...rest.style} : rest.style,\n    'data-qa': qa,\n  };\n\n  const head = getDataGridTableHead(table, headProps);\n  const body =\n    virtualize && wrapperRef\n      ? getDataGridTableBodyVirtual({table, components, rowProps, virtualize, wrapperRef, ...bodyProps})\n      : getDataGridTableBody({table, components, rowProps, ...bodyProps});\n\n  useEffect(() => {\n    setTable?.(table);\n  }, [table, setTable]);\n\n  return (\n    <DataGridContextProvider {...context}>\n      <DataGridTable ref={ref} {...tableComponentProps}>\n        {head}\n        {children}\n        {body}\n      </DataGridTable>\n    </DataGridContextProvider>\n  );\n});\n"],"names":["isBordered","isMultiline","isShadowed","size","width","textAlign","writingMode","userSelect","wordBreak","whiteSpace","cellProps","headCellProps","rowProps","bodyProps","headProps","virtualize","wrapperRef","columns","data","tableProps","setTable","columnSettings","components","children","rest","getCoreRowModel","getExpandedRowModel","state","verticalAlign","qa","table","style","useEffect","head","body"],"mappings":";;;;;;;;;;;AAkBO;AACL;AAAM;AACC;AAELA;AACAC;AACAC;AAEAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AAEAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AAEAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AAE4C;AAEzCC;AAKuB;AAC1BP;AACAC;AAEe;AACE;AACC;AACA;AACDO;AACIC;AAElBP;AAEHQ;AAGc;AACdxB;AACAyB;AACA5B;AACAC;AACAC;AACAG;AACAC;AACAC;AACAC;AACAC;AAEAC;AACAC;AACAkB;AAG0B;AACvBL;AAEHM;AACe;AAAC1B;AAAe2B;AAAcA;AAClCF;AAMqB;AAACC;AAAOR;AAAYV;AAAUG;AAAYC;AAAeH;AAChE;AAACiB;AAAOR;AAAYV;AAAaC;AAE5DmB;AACEZ;AAAWU;AAMNG;AAAAA;AACAV;AACAW;AAIT;;;;"}

package/dist/Table/index.es.js

@@ -1,21 +1,21 @@
 "use client";
 import { jsx as X } from "@emotion/react/jsx-runtime";
 import G from "@emotion/styled/base";
-import { useContext as B, useMemo as C } from "react";
-import Y, { forwardRef as W } from "@join-x5/react-theme";
-import { DataGridContext as x } from "../DataGridContext.es.js";
-function u() {
+import { useContext as V, useMemo as e } from "react";
+import x, { forwardRef as m } from "@join-x5/react-theme";
+import { DataGridContext as C } from "../DataGridContext.es.js";
+function i() {
   return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
 }
-const N = /* @__PURE__ */ G("div", process.env.NODE_ENV === "production" ? {
+const H = /* @__PURE__ */ G("div", process.env.NODE_ENV === "production" ? {
   target: "e1pm3kai4"
 } : {
   target: "e1pm3kai4",
   label: "TableWrapper"
-})("width:100%;box-sizing:border-box;border-collapse:collapse;border-radius:8px 8px 0 0;overflow:auto;", Y.scroll, " ", (c) => ({
+})("position:relative;width:100%;box-sizing:border-box;border-collapse:collapse;border-radius:8px 8px 0 0;overflow:auto;", x.scroll, " ", (c) => ({
   border: `1px solid ${(b) => b.theme.colors.grey[10]}`,
   backgroundColor: c.theme.colors.white
-}), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC9zcmMvVGFibGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFzQyIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9kYXRhLWdyaWQvc3JjL1RhYmxlL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50JztcblxuaW1wb3J0IHt1c2VDb250ZXh0LCB1c2VNZW1vfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCBiYXNlVGhlbWUsIHtmb3J3YXJkUmVmfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5cbmltcG9ydCB7RGF0YUdyaWRDb250ZXh0fSBmcm9tICdEYXRhR3JpZENvbnRleHQnO1xuXG5pbXBvcnQgdHlwZSB7VGFibGUgYXMgUmVhY3RUYWJsZVRhYmxlfSBmcm9tICdAdGFuc3RhY2svcmVhY3QtdGFibGUnO1xuaW1wb3J0IHR5cGUge0NTU1Byb3BlcnRpZXMsIEZSQ30gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuaW1wb3J0IHR5cGUge1RhYmxlUHJvcHN9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgVGFibGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG4gIGJvcmRlci1yYWRpdXM6IDhweCA4cHggMCAwO1xuICBvdmVyZmxvdzogYXV0bztcblxuICAke2Jhc2VUaGVtZS5zY3JvbGx9XG5cbiAgJHtwcm9wcyA9PiAoe1xuICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3Byb3BzID0+IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzEwXX1gLFxuICAgIGJhY2tncm91bmRDb2xvcjogcHJvcHMudGhlbWUuY29sb3JzLndoaXRlLFxuICB9KX1cbmA7XG5cbmV4cG9ydCBjb25zdCBUYWJsZUZvb3RlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6IDhweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBib3JkZXItcmFkaXVzOiAwIDAgOHB4IDhweDtcbiAgZ2FwOiAxMnB4O1xuXG4gICR7cHJvcHMgPT4gKHtcbiAgICBib3JkZXI6IGAxcHggc29saWQgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsxMF19YCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy53aGl0ZSxcbiAgfSl9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udHJvbFBhbmVsID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogOHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogOHB4O1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuY29sb3JzLndoaXRlfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250cm9sUGFuZWxDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiA4cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQudGFibGVgXG4gIGJvcmRlci1jb2xsYXBzZTogc2VwYXJhdGU7XG4gIHRhYmxlLWxheW91dDogZml4ZWQ7XG4gIGJvcmRlci1zcGFjaW5nOiAwO1xuXG4gICZbZGF0YS1pcy1yZXNpemluZ10ge1xuICAgIGN1cnNvcjogY29sLXJlc2l6ZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRhYmxlOiBGUkM8SFRNTFRhYmxlRWxlbWVudCwgVGFibGVQcm9wcz4gPSBmb3J3YXJkUmVmKCh7aXNSZXNpemluZywgLi4ucmVzdH0sIHJlZikgPT4ge1xuICBjb25zdCByZXN1bHRQcm9wcyA9IHtcbiAgICAuLi5yZXN0LFxuXG4gICAgJ2RhdGEtaXMtcmVzaXppbmcnOiBpc1Jlc2l6aW5nID8gdHJ1ZSA6IHVuZGVmaW5lZCxcbiAgfTtcblxuICByZXR1cm4gPENvbnRhaW5lciByZWY9e3JlZn0gY2VsbFNwYWNpbmc9ezB9IGNlbGxQYWRkaW5nPXswfSB7Li4ucmVzdWx0UHJvcHN9PjwvQ29udGFpbmVyPjtcbn0pO1xuXG50eXBlIERhdGFHcmlkVGFibGVQcm9wcyA9IHt0YWJsZTogUmVhY3RUYWJsZVRhYmxlPHVua25vd24+fSAmIE9taXQ8VGFibGVQcm9wcywgJ2lzUmVzaXppbmcnPjtcblxuZXhwb3J0IGNvbnN0IERhdGFHcmlkVGFibGU6IEZSQzxIVE1MVGFibGVFbGVtZW50LCBEYXRhR3JpZFRhYmxlUHJvcHM+ID0gZm9yd2FyZFJlZigoe3RhYmxlLCAuLi5wcm9wc30sIHJlZikgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChEYXRhR3JpZENvbnRleHQpO1xuXG4gIGNvbnN0IGNvbHVtblNpemVWYXJzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgaGVhZGVycyA9IHRhYmxlLmdldEZsYXRIZWFkZXJzKCk7XG4gICAgY29uc3QgY29sU2l6ZXM6IENTU1Byb3BlcnRpZXMgPSB7fTtcblxuICAgIGZvciAoY29uc3QgaGVhZGVyIG9mIGhlYWRlcnMpIHtcbiAgICAgIGNvbFNpemVzW2AtLWhlYWRlci0ke2hlYWRlci5pZH0tc2l6ZWBdID0gaGVhZGVyLmdldFNpemUoKTtcbiAgICAgIGNvbFNpemVzW2AtLWNvbC0ke2hlYWRlci5jb2x1bW4uaWR9LXNpemVgXSA9IGhlYWRlci5jb2x1bW4uZ2V0U2l6ZSgpO1xuICAgIH1cblxuICAgIHJldHVybiBjb2xTaXplcztcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFt0YWJsZS5nZXRTdGF0ZSgpLmNvbHVtblNpemluZ0luZm8sIHRhYmxlLmdldFN0YXRlKCkuY29sdW1uU2l6aW5nXSk7XG5cbiAgY29uc3QgaXNSZXNpemluZyA9ICEhdGFibGUuZ2V0U3RhdGUoKS5jb2x1bW5TaXppbmdJbmZvLmlzUmVzaXppbmdDb2x1bW47XG5cbiAgY29uc3QgcmVzdWx0UHJvcHMgPSB7XG4gICAgLi4ucHJvcHMsXG5cbiAgICBpc1Jlc2l6aW5nLFxuXG4gICAgc3R5bGU6IHtcbiAgICAgIHdpZHRoOiB0YWJsZS5nZXRUb3RhbFNpemUoKSxcblxuICAgICAgLi4ucHJvcHMuc3R5bGUsXG4gICAgICAuLi5jb2x1bW5TaXplVmFycyxcbiAgICB9LFxuXG4gICAgJ2RhdGEtcWEnOiBjb250ZXh0LnFhLFxuICB9O1xuXG4gIHJldHVybiA8VGFibGUgcmVmPXtyZWZ9IHsuLi5yZXN1bHRQcm9wc30gLz47XG59KTtcbiJdfQ== */")), H = /* @__PURE__ */ G("div", process.env.NODE_ENV === "production" ? {
+}), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC9zcmMvVGFibGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFzQyIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9kYXRhLWdyaWQvc3JjL1RhYmxlL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50JztcblxuaW1wb3J0IHt1c2VDb250ZXh0LCB1c2VNZW1vfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCBiYXNlVGhlbWUsIHtmb3J3YXJkUmVmfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5cbmltcG9ydCB7RGF0YUdyaWRDb250ZXh0fSBmcm9tICdEYXRhR3JpZENvbnRleHQnO1xuXG5pbXBvcnQgdHlwZSB7VGFibGUgYXMgUmVhY3RUYWJsZVRhYmxlfSBmcm9tICdAdGFuc3RhY2svcmVhY3QtdGFibGUnO1xuaW1wb3J0IHR5cGUge0NTU1Byb3BlcnRpZXMsIEZSQ30gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuaW1wb3J0IHR5cGUge1RhYmxlUHJvcHN9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgVGFibGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcbiAgYm9yZGVyLXJhZGl1czogOHB4IDhweCAwIDA7XG4gIG92ZXJmbG93OiBhdXRvO1xuXG4gICR7YmFzZVRoZW1lLnNjcm9sbH1cblxuICAke3Byb3BzID0+ICh7XG4gICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuY29sb3JzLmdyZXlbMTBdfWAsXG4gICAgYmFja2dyb3VuZENvbG9yOiBwcm9wcy50aGVtZS5jb2xvcnMud2hpdGUsXG4gIH0pfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRhYmxlRm9vdGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogOHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGJvcmRlci1yYWRpdXM6IDAgMCA4cHggOHB4O1xuICBnYXA6IDEycHg7XG5cbiAgJHtwcm9wcyA9PiAoe1xuICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3Byb3BzID0+IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzEwXX1gLFxuICAgIGJhY2tncm91bmRDb2xvcjogcHJvcHMudGhlbWUuY29sb3JzLndoaXRlLFxuICB9KX1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb250cm9sUGFuZWwgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nOiA4cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgZ2FwOiA4cHg7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5jb2xvcnMud2hpdGV9O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xQYW5lbENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IDhweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC50YWJsZWBcbiAgYm9yZGVyLWNvbGxhcHNlOiBzZXBhcmF0ZTtcbiAgdGFibGUtbGF5b3V0OiBmaXhlZDtcbiAgYm9yZGVyLXNwYWNpbmc6IDA7XG5cbiAgJltkYXRhLWlzLXJlc2l6aW5nXSB7XG4gICAgY3Vyc29yOiBjb2wtcmVzaXplO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGFibGU6IEZSQzxIVE1MVGFibGVFbGVtZW50LCBUYWJsZVByb3BzPiA9IGZvcndhcmRSZWYoKHtpc1Jlc2l6aW5nLCAuLi5yZXN0fSwgcmVmKSA9PiB7XG4gIGNvbnN0IHJlc3VsdFByb3BzID0ge1xuICAgIC4uLnJlc3QsXG5cbiAgICAnZGF0YS1pcy1yZXNpemluZyc6IGlzUmVzaXppbmcgPyB0cnVlIDogdW5kZWZpbmVkLFxuICB9O1xuXG4gIHJldHVybiA8Q29udGFpbmVyIHJlZj17cmVmfSBjZWxsU3BhY2luZz17MH0gY2VsbFBhZGRpbmc9ezB9IHsuLi5yZXN1bHRQcm9wc30+PC9Db250YWluZXI+O1xufSk7XG5cbnR5cGUgRGF0YUdyaWRUYWJsZVByb3BzID0ge3RhYmxlOiBSZWFjdFRhYmxlVGFibGU8dW5rbm93bj59ICYgT21pdDxUYWJsZVByb3BzLCAnaXNSZXNpemluZyc+O1xuXG5leHBvcnQgY29uc3QgRGF0YUdyaWRUYWJsZTogRlJDPEhUTUxUYWJsZUVsZW1lbnQsIERhdGFHcmlkVGFibGVQcm9wcz4gPSBmb3J3YXJkUmVmKCh7dGFibGUsIC4uLnByb3BzfSwgcmVmKSA9PiB7XG4gIGNvbnN0IGNvbnRleHQgPSB1c2VDb250ZXh0KERhdGFHcmlkQ29udGV4dCk7XG5cbiAgY29uc3QgY29sdW1uU2l6ZVZhcnMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBoZWFkZXJzID0gdGFibGUuZ2V0RmxhdEhlYWRlcnMoKTtcbiAgICBjb25zdCBjb2xTaXplczogQ1NTUHJvcGVydGllcyA9IHt9O1xuXG4gICAgZm9yIChjb25zdCBoZWFkZXIgb2YgaGVhZGVycykge1xuICAgICAgY29sU2l6ZXNbYC0taGVhZGVyLSR7aGVhZGVyLmlkfS1zaXplYF0gPSBoZWFkZXIuZ2V0U2l6ZSgpO1xuICAgICAgY29sU2l6ZXNbYC0tY29sLSR7aGVhZGVyLmNvbHVtbi5pZH0tc2l6ZWBdID0gaGVhZGVyLmNvbHVtbi5nZXRTaXplKCk7XG4gICAgfVxuXG4gICAgcmV0dXJuIGNvbFNpemVzO1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW3RhYmxlLmdldFN0YXRlKCkuY29sdW1uU2l6aW5nSW5mbywgdGFibGUuZ2V0U3RhdGUoKS5jb2x1bW5TaXppbmddKTtcblxuICBjb25zdCBpc1Jlc2l6aW5nID0gISF0YWJsZS5nZXRTdGF0ZSgpLmNvbHVtblNpemluZ0luZm8uaXNSZXNpemluZ0NvbHVtbjtcblxuICBjb25zdCByZXN1bHRQcm9wcyA9IHtcbiAgICAuLi5wcm9wcyxcblxuICAgIGlzUmVzaXppbmcsXG5cbiAgICBzdHlsZToge1xuICAgICAgd2lkdGg6IHRhYmxlLmdldFRvdGFsU2l6ZSgpLFxuXG4gICAgICAuLi5wcm9wcy5zdHlsZSxcbiAgICAgIC4uLmNvbHVtblNpemVWYXJzLFxuICAgIH0sXG5cbiAgICAnZGF0YS1xYSc6IGNvbnRleHQucWEsXG4gIH07XG5cbiAgcmV0dXJuIDxUYWJsZSByZWY9e3JlZn0gey4uLnJlc3VsdFByb3BzfSAvPjtcbn0pO1xuIl19 */")), p = /* @__PURE__ */ G("div", process.env.NODE_ENV === "production" ? {
   target: "e1pm3kai3"
 } : {
   target: "e1pm3kai3",
@@ -23,12 +23,12 @@ const N = /* @__PURE__ */ G("div", process.env.NODE_ENV === "production" ? {
 })("display:flex;padding:8px;align-items:center;justify-content:space-between;border-radius:0 0 8px 8px;gap:12px;", (c) => ({
   border: `1px solid ${(b) => b.theme.colors.grey[10]}`,
   backgroundColor: c.theme.colors.white
-}), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC9zcmMvVGFibGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCcUMiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvZGF0YS1ncmlkL3NyYy9UYWJsZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCB7dXNlQ29udGV4dCwgdXNlTWVtb30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgYmFzZVRoZW1lLCB7Zm9yd2FyZFJlZn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuXG5pbXBvcnQge0RhdGFHcmlkQ29udGV4dH0gZnJvbSAnRGF0YUdyaWRDb250ZXh0JztcblxuaW1wb3J0IHR5cGUge1RhYmxlIGFzIFJlYWN0VGFibGVUYWJsZX0gZnJvbSAnQHRhbnN0YWNrL3JlYWN0LXRhYmxlJztcbmltcG9ydCB0eXBlIHtDU1NQcm9wZXJ0aWVzLCBGUkN9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtUYWJsZVByb3BzfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IFRhYmxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICBib3JkZXItcmFkaXVzOiA4cHggOHB4IDAgMDtcbiAgb3ZlcmZsb3c6IGF1dG87XG5cbiAgJHtiYXNlVGhlbWUuc2Nyb2xsfVxuXG4gICR7cHJvcHMgPT4gKHtcbiAgICBib3JkZXI6IGAxcHggc29saWQgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsxMF19YCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy53aGl0ZSxcbiAgfSl9XG5gO1xuXG5leHBvcnQgY29uc3QgVGFibGVGb290ZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nOiA4cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYm9yZGVyLXJhZGl1czogMCAwIDhweCA4cHg7XG4gIGdhcDogMTJweDtcblxuICAke3Byb3BzID0+ICh7XG4gICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuY29sb3JzLmdyZXlbMTBdfWAsXG4gICAgYmFja2dyb3VuZENvbG9yOiBwcm9wcy50aGVtZS5jb2xvcnMud2hpdGUsXG4gIH0pfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xQYW5lbCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6IDhweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBnYXA6IDhweDtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmNvbG9ycy53aGl0ZX07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udHJvbFBhbmVsQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogOHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLnRhYmxlYFxuICBib3JkZXItY29sbGFwc2U6IHNlcGFyYXRlO1xuICB0YWJsZS1sYXlvdXQ6IGZpeGVkO1xuICBib3JkZXItc3BhY2luZzogMDtcblxuICAmW2RhdGEtaXMtcmVzaXppbmddIHtcbiAgICBjdXJzb3I6IGNvbC1yZXNpemU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUYWJsZTogRlJDPEhUTUxUYWJsZUVsZW1lbnQsIFRhYmxlUHJvcHM+ID0gZm9yd2FyZFJlZigoe2lzUmVzaXppbmcsIC4uLnJlc3R9LCByZWYpID0+IHtcbiAgY29uc3QgcmVzdWx0UHJvcHMgPSB7XG4gICAgLi4ucmVzdCxcblxuICAgICdkYXRhLWlzLXJlc2l6aW5nJzogaXNSZXNpemluZyA/IHRydWUgOiB1bmRlZmluZWQsXG4gIH07XG5cbiAgcmV0dXJuIDxDb250YWluZXIgcmVmPXtyZWZ9IGNlbGxTcGFjaW5nPXswfSBjZWxsUGFkZGluZz17MH0gey4uLnJlc3VsdFByb3BzfT48L0NvbnRhaW5lcj47XG59KTtcblxudHlwZSBEYXRhR3JpZFRhYmxlUHJvcHMgPSB7dGFibGU6IFJlYWN0VGFibGVUYWJsZTx1bmtub3duPn0gJiBPbWl0PFRhYmxlUHJvcHMsICdpc1Jlc2l6aW5nJz47XG5cbmV4cG9ydCBjb25zdCBEYXRhR3JpZFRhYmxlOiBGUkM8SFRNTFRhYmxlRWxlbWVudCwgRGF0YUdyaWRUYWJsZVByb3BzPiA9IGZvcndhcmRSZWYoKHt0YWJsZSwgLi4ucHJvcHN9LCByZWYpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZUNvbnRleHQoRGF0YUdyaWRDb250ZXh0KTtcblxuICBjb25zdCBjb2x1bW5TaXplVmFycyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IGhlYWRlcnMgPSB0YWJsZS5nZXRGbGF0SGVhZGVycygpO1xuICAgIGNvbnN0IGNvbFNpemVzOiBDU1NQcm9wZXJ0aWVzID0ge307XG5cbiAgICBmb3IgKGNvbnN0IGhlYWRlciBvZiBoZWFkZXJzKSB7XG4gICAgICBjb2xTaXplc1tgLS1oZWFkZXItJHtoZWFkZXIuaWR9LXNpemVgXSA9IGhlYWRlci5nZXRTaXplKCk7XG4gICAgICBjb2xTaXplc1tgLS1jb2wtJHtoZWFkZXIuY29sdW1uLmlkfS1zaXplYF0gPSBoZWFkZXIuY29sdW1uLmdldFNpemUoKTtcbiAgICB9XG5cbiAgICByZXR1cm4gY29sU2l6ZXM7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbdGFibGUuZ2V0U3RhdGUoKS5jb2x1bW5TaXppbmdJbmZvLCB0YWJsZS5nZXRTdGF0ZSgpLmNvbHVtblNpemluZ10pO1xuXG4gIGNvbnN0IGlzUmVzaXppbmcgPSAhIXRhYmxlLmdldFN0YXRlKCkuY29sdW1uU2l6aW5nSW5mby5pc1Jlc2l6aW5nQ29sdW1uO1xuXG4gIGNvbnN0IHJlc3VsdFByb3BzID0ge1xuICAgIC4uLnByb3BzLFxuXG4gICAgaXNSZXNpemluZyxcblxuICAgIHN0eWxlOiB7XG4gICAgICB3aWR0aDogdGFibGUuZ2V0VG90YWxTaXplKCksXG5cbiAgICAgIC4uLnByb3BzLnN0eWxlLFxuICAgICAgLi4uY29sdW1uU2l6ZVZhcnMsXG4gICAgfSxcblxuICAgICdkYXRhLXFhJzogY29udGV4dC5xYSxcbiAgfTtcblxuICByZXR1cm4gPFRhYmxlIHJlZj17cmVmfSB7Li4ucmVzdWx0UHJvcHN9IC8+O1xufSk7XG4iXX0= */")), p = /* @__PURE__ */ G("div", process.env.NODE_ENV === "production" ? {
+}), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC9zcmMvVGFibGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCcUMiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvZGF0YS1ncmlkL3NyYy9UYWJsZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCB7dXNlQ29udGV4dCwgdXNlTWVtb30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgYmFzZVRoZW1lLCB7Zm9yd2FyZFJlZn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuXG5pbXBvcnQge0RhdGFHcmlkQ29udGV4dH0gZnJvbSAnRGF0YUdyaWRDb250ZXh0JztcblxuaW1wb3J0IHR5cGUge1RhYmxlIGFzIFJlYWN0VGFibGVUYWJsZX0gZnJvbSAnQHRhbnN0YWNrL3JlYWN0LXRhYmxlJztcbmltcG9ydCB0eXBlIHtDU1NQcm9wZXJ0aWVzLCBGUkN9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtUYWJsZVByb3BzfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IFRhYmxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG4gIGJvcmRlci1yYWRpdXM6IDhweCA4cHggMCAwO1xuICBvdmVyZmxvdzogYXV0bztcblxuICAke2Jhc2VUaGVtZS5zY3JvbGx9XG5cbiAgJHtwcm9wcyA9PiAoe1xuICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3Byb3BzID0+IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzEwXX1gLFxuICAgIGJhY2tncm91bmRDb2xvcjogcHJvcHMudGhlbWUuY29sb3JzLndoaXRlLFxuICB9KX1cbmA7XG5cbmV4cG9ydCBjb25zdCBUYWJsZUZvb3RlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6IDhweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBib3JkZXItcmFkaXVzOiAwIDAgOHB4IDhweDtcbiAgZ2FwOiAxMnB4O1xuXG4gICR7cHJvcHMgPT4gKHtcbiAgICBib3JkZXI6IGAxcHggc29saWQgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsxMF19YCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy53aGl0ZSxcbiAgfSl9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udHJvbFBhbmVsID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogOHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogOHB4O1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuY29sb3JzLndoaXRlfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250cm9sUGFuZWxDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiA4cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQudGFibGVgXG4gIGJvcmRlci1jb2xsYXBzZTogc2VwYXJhdGU7XG4gIHRhYmxlLWxheW91dDogZml4ZWQ7XG4gIGJvcmRlci1zcGFjaW5nOiAwO1xuXG4gICZbZGF0YS1pcy1yZXNpemluZ10ge1xuICAgIGN1cnNvcjogY29sLXJlc2l6ZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRhYmxlOiBGUkM8SFRNTFRhYmxlRWxlbWVudCwgVGFibGVQcm9wcz4gPSBmb3J3YXJkUmVmKCh7aXNSZXNpemluZywgLi4ucmVzdH0sIHJlZikgPT4ge1xuICBjb25zdCByZXN1bHRQcm9wcyA9IHtcbiAgICAuLi5yZXN0LFxuXG4gICAgJ2RhdGEtaXMtcmVzaXppbmcnOiBpc1Jlc2l6aW5nID8gdHJ1ZSA6IHVuZGVmaW5lZCxcbiAgfTtcblxuICByZXR1cm4gPENvbnRhaW5lciByZWY9e3JlZn0gY2VsbFNwYWNpbmc9ezB9IGNlbGxQYWRkaW5nPXswfSB7Li4ucmVzdWx0UHJvcHN9PjwvQ29udGFpbmVyPjtcbn0pO1xuXG50eXBlIERhdGFHcmlkVGFibGVQcm9wcyA9IHt0YWJsZTogUmVhY3RUYWJsZVRhYmxlPHVua25vd24+fSAmIE9taXQ8VGFibGVQcm9wcywgJ2lzUmVzaXppbmcnPjtcblxuZXhwb3J0IGNvbnN0IERhdGFHcmlkVGFibGU6IEZSQzxIVE1MVGFibGVFbGVtZW50LCBEYXRhR3JpZFRhYmxlUHJvcHM+ID0gZm9yd2FyZFJlZigoe3RhYmxlLCAuLi5wcm9wc30sIHJlZikgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChEYXRhR3JpZENvbnRleHQpO1xuXG4gIGNvbnN0IGNvbHVtblNpemVWYXJzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgaGVhZGVycyA9IHRhYmxlLmdldEZsYXRIZWFkZXJzKCk7XG4gICAgY29uc3QgY29sU2l6ZXM6IENTU1Byb3BlcnRpZXMgPSB7fTtcblxuICAgIGZvciAoY29uc3QgaGVhZGVyIG9mIGhlYWRlcnMpIHtcbiAgICAgIGNvbFNpemVzW2AtLWhlYWRlci0ke2hlYWRlci5pZH0tc2l6ZWBdID0gaGVhZGVyLmdldFNpemUoKTtcbiAgICAgIGNvbFNpemVzW2AtLWNvbC0ke2hlYWRlci5jb2x1bW4uaWR9LXNpemVgXSA9IGhlYWRlci5jb2x1bW4uZ2V0U2l6ZSgpO1xuICAgIH1cblxuICAgIHJldHVybiBjb2xTaXplcztcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFt0YWJsZS5nZXRTdGF0ZSgpLmNvbHVtblNpemluZ0luZm8sIHRhYmxlLmdldFN0YXRlKCkuY29sdW1uU2l6aW5nXSk7XG5cbiAgY29uc3QgaXNSZXNpemluZyA9ICEhdGFibGUuZ2V0U3RhdGUoKS5jb2x1bW5TaXppbmdJbmZvLmlzUmVzaXppbmdDb2x1bW47XG5cbiAgY29uc3QgcmVzdWx0UHJvcHMgPSB7XG4gICAgLi4ucHJvcHMsXG5cbiAgICBpc1Jlc2l6aW5nLFxuXG4gICAgc3R5bGU6IHtcbiAgICAgIHdpZHRoOiB0YWJsZS5nZXRUb3RhbFNpemUoKSxcblxuICAgICAgLi4ucHJvcHMuc3R5bGUsXG4gICAgICAuLi5jb2x1bW5TaXplVmFycyxcbiAgICB9LFxuXG4gICAgJ2RhdGEtcWEnOiBjb250ZXh0LnFhLFxuICB9O1xuXG4gIHJldHVybiA8VGFibGUgcmVmPXtyZWZ9IHsuLi5yZXN1bHRQcm9wc30gLz47XG59KTtcbiJdfQ== */")), h = /* @__PURE__ */ G("div", process.env.NODE_ENV === "production" ? {
   target: "e1pm3kai2"
 } : {
   target: "e1pm3kai2",
   label: "ControlPanel"
-})("display:flex;padding:8px;align-items:center;justify-content:space-between;gap:8px;border-radius:8px;background-color:", (c) => c.theme.colors.white, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC9zcmMvVGFibGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDc0MiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvZGF0YS1ncmlkL3NyYy9UYWJsZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCB7dXNlQ29udGV4dCwgdXNlTWVtb30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgYmFzZVRoZW1lLCB7Zm9yd2FyZFJlZn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuXG5pbXBvcnQge0RhdGFHcmlkQ29udGV4dH0gZnJvbSAnRGF0YUdyaWRDb250ZXh0JztcblxuaW1wb3J0IHR5cGUge1RhYmxlIGFzIFJlYWN0VGFibGVUYWJsZX0gZnJvbSAnQHRhbnN0YWNrL3JlYWN0LXRhYmxlJztcbmltcG9ydCB0eXBlIHtDU1NQcm9wZXJ0aWVzLCBGUkN9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtUYWJsZVByb3BzfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IFRhYmxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICBib3JkZXItcmFkaXVzOiA4cHggOHB4IDAgMDtcbiAgb3ZlcmZsb3c6IGF1dG87XG5cbiAgJHtiYXNlVGhlbWUuc2Nyb2xsfVxuXG4gICR7cHJvcHMgPT4gKHtcbiAgICBib3JkZXI6IGAxcHggc29saWQgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsxMF19YCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy53aGl0ZSxcbiAgfSl9XG5gO1xuXG5leHBvcnQgY29uc3QgVGFibGVGb290ZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nOiA4cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYm9yZGVyLXJhZGl1czogMCAwIDhweCA4cHg7XG4gIGdhcDogMTJweDtcblxuICAke3Byb3BzID0+ICh7XG4gICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuY29sb3JzLmdyZXlbMTBdfWAsXG4gICAgYmFja2dyb3VuZENvbG9yOiBwcm9wcy50aGVtZS5jb2xvcnMud2hpdGUsXG4gIH0pfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xQYW5lbCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6IDhweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBnYXA6IDhweDtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmNvbG9ycy53aGl0ZX07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udHJvbFBhbmVsQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogOHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLnRhYmxlYFxuICBib3JkZXItY29sbGFwc2U6IHNlcGFyYXRlO1xuICB0YWJsZS1sYXlvdXQ6IGZpeGVkO1xuICBib3JkZXItc3BhY2luZzogMDtcblxuICAmW2RhdGEtaXMtcmVzaXppbmddIHtcbiAgICBjdXJzb3I6IGNvbC1yZXNpemU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUYWJsZTogRlJDPEhUTUxUYWJsZUVsZW1lbnQsIFRhYmxlUHJvcHM+ID0gZm9yd2FyZFJlZigoe2lzUmVzaXppbmcsIC4uLnJlc3R9LCByZWYpID0+IHtcbiAgY29uc3QgcmVzdWx0UHJvcHMgPSB7XG4gICAgLi4ucmVzdCxcblxuICAgICdkYXRhLWlzLXJlc2l6aW5nJzogaXNSZXNpemluZyA/IHRydWUgOiB1bmRlZmluZWQsXG4gIH07XG5cbiAgcmV0dXJuIDxDb250YWluZXIgcmVmPXtyZWZ9IGNlbGxTcGFjaW5nPXswfSBjZWxsUGFkZGluZz17MH0gey4uLnJlc3VsdFByb3BzfT48L0NvbnRhaW5lcj47XG59KTtcblxudHlwZSBEYXRhR3JpZFRhYmxlUHJvcHMgPSB7dGFibGU6IFJlYWN0VGFibGVUYWJsZTx1bmtub3duPn0gJiBPbWl0PFRhYmxlUHJvcHMsICdpc1Jlc2l6aW5nJz47XG5cbmV4cG9ydCBjb25zdCBEYXRhR3JpZFRhYmxlOiBGUkM8SFRNTFRhYmxlRWxlbWVudCwgRGF0YUdyaWRUYWJsZVByb3BzPiA9IGZvcndhcmRSZWYoKHt0YWJsZSwgLi4ucHJvcHN9LCByZWYpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZUNvbnRleHQoRGF0YUdyaWRDb250ZXh0KTtcblxuICBjb25zdCBjb2x1bW5TaXplVmFycyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IGhlYWRlcnMgPSB0YWJsZS5nZXRGbGF0SGVhZGVycygpO1xuICAgIGNvbnN0IGNvbFNpemVzOiBDU1NQcm9wZXJ0aWVzID0ge307XG5cbiAgICBmb3IgKGNvbnN0IGhlYWRlciBvZiBoZWFkZXJzKSB7XG4gICAgICBjb2xTaXplc1tgLS1oZWFkZXItJHtoZWFkZXIuaWR9LXNpemVgXSA9IGhlYWRlci5nZXRTaXplKCk7XG4gICAgICBjb2xTaXplc1tgLS1jb2wtJHtoZWFkZXIuY29sdW1uLmlkfS1zaXplYF0gPSBoZWFkZXIuY29sdW1uLmdldFNpemUoKTtcbiAgICB9XG5cbiAgICByZXR1cm4gY29sU2l6ZXM7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbdGFibGUuZ2V0U3RhdGUoKS5jb2x1bW5TaXppbmdJbmZvLCB0YWJsZS5nZXRTdGF0ZSgpLmNvbHVtblNpemluZ10pO1xuXG4gIGNvbnN0IGlzUmVzaXppbmcgPSAhIXRhYmxlLmdldFN0YXRlKCkuY29sdW1uU2l6aW5nSW5mby5pc1Jlc2l6aW5nQ29sdW1uO1xuXG4gIGNvbnN0IHJlc3VsdFByb3BzID0ge1xuICAgIC4uLnByb3BzLFxuXG4gICAgaXNSZXNpemluZyxcblxuICAgIHN0eWxlOiB7XG4gICAgICB3aWR0aDogdGFibGUuZ2V0VG90YWxTaXplKCksXG5cbiAgICAgIC4uLnByb3BzLnN0eWxlLFxuICAgICAgLi4uY29sdW1uU2l6ZVZhcnMsXG4gICAgfSxcblxuICAgICdkYXRhLXFhJzogY29udGV4dC5xYSxcbiAgfTtcblxuICByZXR1cm4gPFRhYmxlIHJlZj17cmVmfSB7Li4ucmVzdWx0UHJvcHN9IC8+O1xufSk7XG4iXX0= */")), y = /* @__PURE__ */ G("div", process.env.NODE_ENV === "production" ? {
+})("display:flex;padding:8px;align-items:center;justify-content:space-between;gap:8px;border-radius:8px;background-color:", (c) => c.theme.colors.white, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC9zcmMvVGFibGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDc0MiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvZGF0YS1ncmlkL3NyYy9UYWJsZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCB7dXNlQ29udGV4dCwgdXNlTWVtb30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgYmFzZVRoZW1lLCB7Zm9yd2FyZFJlZn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuXG5pbXBvcnQge0RhdGFHcmlkQ29udGV4dH0gZnJvbSAnRGF0YUdyaWRDb250ZXh0JztcblxuaW1wb3J0IHR5cGUge1RhYmxlIGFzIFJlYWN0VGFibGVUYWJsZX0gZnJvbSAnQHRhbnN0YWNrL3JlYWN0LXRhYmxlJztcbmltcG9ydCB0eXBlIHtDU1NQcm9wZXJ0aWVzLCBGUkN9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtUYWJsZVByb3BzfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IFRhYmxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG4gIGJvcmRlci1yYWRpdXM6IDhweCA4cHggMCAwO1xuICBvdmVyZmxvdzogYXV0bztcblxuICAke2Jhc2VUaGVtZS5zY3JvbGx9XG5cbiAgJHtwcm9wcyA9PiAoe1xuICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3Byb3BzID0+IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzEwXX1gLFxuICAgIGJhY2tncm91bmRDb2xvcjogcHJvcHMudGhlbWUuY29sb3JzLndoaXRlLFxuICB9KX1cbmA7XG5cbmV4cG9ydCBjb25zdCBUYWJsZUZvb3RlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6IDhweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBib3JkZXItcmFkaXVzOiAwIDAgOHB4IDhweDtcbiAgZ2FwOiAxMnB4O1xuXG4gICR7cHJvcHMgPT4gKHtcbiAgICBib3JkZXI6IGAxcHggc29saWQgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsxMF19YCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy53aGl0ZSxcbiAgfSl9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udHJvbFBhbmVsID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogOHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogOHB4O1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuY29sb3JzLndoaXRlfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250cm9sUGFuZWxDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiA4cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQudGFibGVgXG4gIGJvcmRlci1jb2xsYXBzZTogc2VwYXJhdGU7XG4gIHRhYmxlLWxheW91dDogZml4ZWQ7XG4gIGJvcmRlci1zcGFjaW5nOiAwO1xuXG4gICZbZGF0YS1pcy1yZXNpemluZ10ge1xuICAgIGN1cnNvcjogY29sLXJlc2l6ZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRhYmxlOiBGUkM8SFRNTFRhYmxlRWxlbWVudCwgVGFibGVQcm9wcz4gPSBmb3J3YXJkUmVmKCh7aXNSZXNpemluZywgLi4ucmVzdH0sIHJlZikgPT4ge1xuICBjb25zdCByZXN1bHRQcm9wcyA9IHtcbiAgICAuLi5yZXN0LFxuXG4gICAgJ2RhdGEtaXMtcmVzaXppbmcnOiBpc1Jlc2l6aW5nID8gdHJ1ZSA6IHVuZGVmaW5lZCxcbiAgfTtcblxuICByZXR1cm4gPENvbnRhaW5lciByZWY9e3JlZn0gY2VsbFNwYWNpbmc9ezB9IGNlbGxQYWRkaW5nPXswfSB7Li4ucmVzdWx0UHJvcHN9PjwvQ29udGFpbmVyPjtcbn0pO1xuXG50eXBlIERhdGFHcmlkVGFibGVQcm9wcyA9IHt0YWJsZTogUmVhY3RUYWJsZVRhYmxlPHVua25vd24+fSAmIE9taXQ8VGFibGVQcm9wcywgJ2lzUmVzaXppbmcnPjtcblxuZXhwb3J0IGNvbnN0IERhdGFHcmlkVGFibGU6IEZSQzxIVE1MVGFibGVFbGVtZW50LCBEYXRhR3JpZFRhYmxlUHJvcHM+ID0gZm9yd2FyZFJlZigoe3RhYmxlLCAuLi5wcm9wc30sIHJlZikgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChEYXRhR3JpZENvbnRleHQpO1xuXG4gIGNvbnN0IGNvbHVtblNpemVWYXJzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgaGVhZGVycyA9IHRhYmxlLmdldEZsYXRIZWFkZXJzKCk7XG4gICAgY29uc3QgY29sU2l6ZXM6IENTU1Byb3BlcnRpZXMgPSB7fTtcblxuICAgIGZvciAoY29uc3QgaGVhZGVyIG9mIGhlYWRlcnMpIHtcbiAgICAgIGNvbFNpemVzW2AtLWhlYWRlci0ke2hlYWRlci5pZH0tc2l6ZWBdID0gaGVhZGVyLmdldFNpemUoKTtcbiAgICAgIGNvbFNpemVzW2AtLWNvbC0ke2hlYWRlci5jb2x1bW4uaWR9LXNpemVgXSA9IGhlYWRlci5jb2x1bW4uZ2V0U2l6ZSgpO1xuICAgIH1cblxuICAgIHJldHVybiBjb2xTaXplcztcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFt0YWJsZS5nZXRTdGF0ZSgpLmNvbHVtblNpemluZ0luZm8sIHRhYmxlLmdldFN0YXRlKCkuY29sdW1uU2l6aW5nXSk7XG5cbiAgY29uc3QgaXNSZXNpemluZyA9ICEhdGFibGUuZ2V0U3RhdGUoKS5jb2x1bW5TaXppbmdJbmZvLmlzUmVzaXppbmdDb2x1bW47XG5cbiAgY29uc3QgcmVzdWx0UHJvcHMgPSB7XG4gICAgLi4ucHJvcHMsXG5cbiAgICBpc1Jlc2l6aW5nLFxuXG4gICAgc3R5bGU6IHtcbiAgICAgIHdpZHRoOiB0YWJsZS5nZXRUb3RhbFNpemUoKSxcblxuICAgICAgLi4ucHJvcHMuc3R5bGUsXG4gICAgICAuLi5jb2x1bW5TaXplVmFycyxcbiAgICB9LFxuXG4gICAgJ2RhdGEtcWEnOiBjb250ZXh0LnFhLFxuICB9O1xuXG4gIHJldHVybiA8VGFibGUgcmVmPXtyZWZ9IHsuLi5yZXN1bHRQcm9wc30gLz47XG59KTtcbiJdfQ== */")), N = /* @__PURE__ */ G("div", process.env.NODE_ENV === "production" ? {
   target: "e1pm3kai1"
 } : {
   target: "e1pm3kai1",
@@ -38,9 +38,9 @@ const N = /* @__PURE__ */ G("div", process.env.NODE_ENV === "production" ? {
   styles: "display:flex;gap:8px;align-items:center"
 } : {
   name: "197tvr9",
-  styles: "display:flex;gap:8px;align-items:center/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC9zcmMvVGFibGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9ENkMiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvZGF0YS1ncmlkL3NyYy9UYWJsZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCB7dXNlQ29udGV4dCwgdXNlTWVtb30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgYmFzZVRoZW1lLCB7Zm9yd2FyZFJlZn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuXG5pbXBvcnQge0RhdGFHcmlkQ29udGV4dH0gZnJvbSAnRGF0YUdyaWRDb250ZXh0JztcblxuaW1wb3J0IHR5cGUge1RhYmxlIGFzIFJlYWN0VGFibGVUYWJsZX0gZnJvbSAnQHRhbnN0YWNrL3JlYWN0LXRhYmxlJztcbmltcG9ydCB0eXBlIHtDU1NQcm9wZXJ0aWVzLCBGUkN9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtUYWJsZVByb3BzfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IFRhYmxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICBib3JkZXItcmFkaXVzOiA4cHggOHB4IDAgMDtcbiAgb3ZlcmZsb3c6IGF1dG87XG5cbiAgJHtiYXNlVGhlbWUuc2Nyb2xsfVxuXG4gICR7cHJvcHMgPT4gKHtcbiAgICBib3JkZXI6IGAxcHggc29saWQgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsxMF19YCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy53aGl0ZSxcbiAgfSl9XG5gO1xuXG5leHBvcnQgY29uc3QgVGFibGVGb290ZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nOiA4cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYm9yZGVyLXJhZGl1czogMCAwIDhweCA4cHg7XG4gIGdhcDogMTJweDtcblxuICAke3Byb3BzID0+ICh7XG4gICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuY29sb3JzLmdyZXlbMTBdfWAsXG4gICAgYmFja2dyb3VuZENvbG9yOiBwcm9wcy50aGVtZS5jb2xvcnMud2hpdGUsXG4gIH0pfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xQYW5lbCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6IDhweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBnYXA6IDhweDtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmNvbG9ycy53aGl0ZX07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udHJvbFBhbmVsQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogOHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLnRhYmxlYFxuICBib3JkZXItY29sbGFwc2U6IHNlcGFyYXRlO1xuICB0YWJsZS1sYXlvdXQ6IGZpeGVkO1xuICBib3JkZXItc3BhY2luZzogMDtcblxuICAmW2RhdGEtaXMtcmVzaXppbmddIHtcbiAgICBjdXJzb3I6IGNvbC1yZXNpemU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUYWJsZTogRlJDPEhUTUxUYWJsZUVsZW1lbnQsIFRhYmxlUHJvcHM+ID0gZm9yd2FyZFJlZigoe2lzUmVzaXppbmcsIC4uLnJlc3R9LCByZWYpID0+IHtcbiAgY29uc3QgcmVzdWx0UHJvcHMgPSB7XG4gICAgLi4ucmVzdCxcblxuICAgICdkYXRhLWlzLXJlc2l6aW5nJzogaXNSZXNpemluZyA/IHRydWUgOiB1bmRlZmluZWQsXG4gIH07XG5cbiAgcmV0dXJuIDxDb250YWluZXIgcmVmPXtyZWZ9IGNlbGxTcGFjaW5nPXswfSBjZWxsUGFkZGluZz17MH0gey4uLnJlc3VsdFByb3BzfT48L0NvbnRhaW5lcj47XG59KTtcblxudHlwZSBEYXRhR3JpZFRhYmxlUHJvcHMgPSB7dGFibGU6IFJlYWN0VGFibGVUYWJsZTx1bmtub3duPn0gJiBPbWl0PFRhYmxlUHJvcHMsICdpc1Jlc2l6aW5nJz47XG5cbmV4cG9ydCBjb25zdCBEYXRhR3JpZFRhYmxlOiBGUkM8SFRNTFRhYmxlRWxlbWVudCwgRGF0YUdyaWRUYWJsZVByb3BzPiA9IGZvcndhcmRSZWYoKHt0YWJsZSwgLi4ucHJvcHN9LCByZWYpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZUNvbnRleHQoRGF0YUdyaWRDb250ZXh0KTtcblxuICBjb25zdCBjb2x1bW5TaXplVmFycyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IGhlYWRlcnMgPSB0YWJsZS5nZXRGbGF0SGVhZGVycygpO1xuICAgIGNvbnN0IGNvbFNpemVzOiBDU1NQcm9wZXJ0aWVzID0ge307XG5cbiAgICBmb3IgKGNvbnN0IGhlYWRlciBvZiBoZWFkZXJzKSB7XG4gICAgICBjb2xTaXplc1tgLS1oZWFkZXItJHtoZWFkZXIuaWR9LXNpemVgXSA9IGhlYWRlci5nZXRTaXplKCk7XG4gICAgICBjb2xTaXplc1tgLS1jb2wtJHtoZWFkZXIuY29sdW1uLmlkfS1zaXplYF0gPSBoZWFkZXIuY29sdW1uLmdldFNpemUoKTtcbiAgICB9XG5cbiAgICByZXR1cm4gY29sU2l6ZXM7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbdGFibGUuZ2V0U3RhdGUoKS5jb2x1bW5TaXppbmdJbmZvLCB0YWJsZS5nZXRTdGF0ZSgpLmNvbHVtblNpemluZ10pO1xuXG4gIGNvbnN0IGlzUmVzaXppbmcgPSAhIXRhYmxlLmdldFN0YXRlKCkuY29sdW1uU2l6aW5nSW5mby5pc1Jlc2l6aW5nQ29sdW1uO1xuXG4gIGNvbnN0IHJlc3VsdFByb3BzID0ge1xuICAgIC4uLnByb3BzLFxuXG4gICAgaXNSZXNpemluZyxcblxuICAgIHN0eWxlOiB7XG4gICAgICB3aWR0aDogdGFibGUuZ2V0VG90YWxTaXplKCksXG5cbiAgICAgIC4uLnByb3BzLnN0eWxlLFxuICAgICAgLi4uY29sdW1uU2l6ZVZhcnMsXG4gICAgfSxcblxuICAgICdkYXRhLXFhJzogY29udGV4dC5xYSxcbiAgfTtcblxuICByZXR1cm4gPFRhYmxlIHJlZj17cmVmfSB7Li4ucmVzdWx0UHJvcHN9IC8+O1xufSk7XG4iXX0= */",
-  toString: u
-}), V = /* @__PURE__ */ G("table", process.env.NODE_ENV === "production" ? {
+  styles: "display:flex;gap:8px;align-items:center/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC9zcmMvVGFibGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFENkMiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvZGF0YS1ncmlkL3NyYy9UYWJsZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCB7dXNlQ29udGV4dCwgdXNlTWVtb30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgYmFzZVRoZW1lLCB7Zm9yd2FyZFJlZn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuXG5pbXBvcnQge0RhdGFHcmlkQ29udGV4dH0gZnJvbSAnRGF0YUdyaWRDb250ZXh0JztcblxuaW1wb3J0IHR5cGUge1RhYmxlIGFzIFJlYWN0VGFibGVUYWJsZX0gZnJvbSAnQHRhbnN0YWNrL3JlYWN0LXRhYmxlJztcbmltcG9ydCB0eXBlIHtDU1NQcm9wZXJ0aWVzLCBGUkN9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtUYWJsZVByb3BzfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IFRhYmxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG4gIGJvcmRlci1yYWRpdXM6IDhweCA4cHggMCAwO1xuICBvdmVyZmxvdzogYXV0bztcblxuICAke2Jhc2VUaGVtZS5zY3JvbGx9XG5cbiAgJHtwcm9wcyA9PiAoe1xuICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3Byb3BzID0+IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzEwXX1gLFxuICAgIGJhY2tncm91bmRDb2xvcjogcHJvcHMudGhlbWUuY29sb3JzLndoaXRlLFxuICB9KX1cbmA7XG5cbmV4cG9ydCBjb25zdCBUYWJsZUZvb3RlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6IDhweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBib3JkZXItcmFkaXVzOiAwIDAgOHB4IDhweDtcbiAgZ2FwOiAxMnB4O1xuXG4gICR7cHJvcHMgPT4gKHtcbiAgICBib3JkZXI6IGAxcHggc29saWQgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsxMF19YCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy53aGl0ZSxcbiAgfSl9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udHJvbFBhbmVsID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogOHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogOHB4O1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuY29sb3JzLndoaXRlfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250cm9sUGFuZWxDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiA4cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQudGFibGVgXG4gIGJvcmRlci1jb2xsYXBzZTogc2VwYXJhdGU7XG4gIHRhYmxlLWxheW91dDogZml4ZWQ7XG4gIGJvcmRlci1zcGFjaW5nOiAwO1xuXG4gICZbZGF0YS1pcy1yZXNpemluZ10ge1xuICAgIGN1cnNvcjogY29sLXJlc2l6ZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRhYmxlOiBGUkM8SFRNTFRhYmxlRWxlbWVudCwgVGFibGVQcm9wcz4gPSBmb3J3YXJkUmVmKCh7aXNSZXNpemluZywgLi4ucmVzdH0sIHJlZikgPT4ge1xuICBjb25zdCByZXN1bHRQcm9wcyA9IHtcbiAgICAuLi5yZXN0LFxuXG4gICAgJ2RhdGEtaXMtcmVzaXppbmcnOiBpc1Jlc2l6aW5nID8gdHJ1ZSA6IHVuZGVmaW5lZCxcbiAgfTtcblxuICByZXR1cm4gPENvbnRhaW5lciByZWY9e3JlZn0gY2VsbFNwYWNpbmc9ezB9IGNlbGxQYWRkaW5nPXswfSB7Li4ucmVzdWx0UHJvcHN9PjwvQ29udGFpbmVyPjtcbn0pO1xuXG50eXBlIERhdGFHcmlkVGFibGVQcm9wcyA9IHt0YWJsZTogUmVhY3RUYWJsZVRhYmxlPHVua25vd24+fSAmIE9taXQ8VGFibGVQcm9wcywgJ2lzUmVzaXppbmcnPjtcblxuZXhwb3J0IGNvbnN0IERhdGFHcmlkVGFibGU6IEZSQzxIVE1MVGFibGVFbGVtZW50LCBEYXRhR3JpZFRhYmxlUHJvcHM+ID0gZm9yd2FyZFJlZigoe3RhYmxlLCAuLi5wcm9wc30sIHJlZikgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChEYXRhR3JpZENvbnRleHQpO1xuXG4gIGNvbnN0IGNvbHVtblNpemVWYXJzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgaGVhZGVycyA9IHRhYmxlLmdldEZsYXRIZWFkZXJzKCk7XG4gICAgY29uc3QgY29sU2l6ZXM6IENTU1Byb3BlcnRpZXMgPSB7fTtcblxuICAgIGZvciAoY29uc3QgaGVhZGVyIG9mIGhlYWRlcnMpIHtcbiAgICAgIGNvbFNpemVzW2AtLWhlYWRlci0ke2hlYWRlci5pZH0tc2l6ZWBdID0gaGVhZGVyLmdldFNpemUoKTtcbiAgICAgIGNvbFNpemVzW2AtLWNvbC0ke2hlYWRlci5jb2x1bW4uaWR9LXNpemVgXSA9IGhlYWRlci5jb2x1bW4uZ2V0U2l6ZSgpO1xuICAgIH1cblxuICAgIHJldHVybiBjb2xTaXplcztcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFt0YWJsZS5nZXRTdGF0ZSgpLmNvbHVtblNpemluZ0luZm8sIHRhYmxlLmdldFN0YXRlKCkuY29sdW1uU2l6aW5nXSk7XG5cbiAgY29uc3QgaXNSZXNpemluZyA9ICEhdGFibGUuZ2V0U3RhdGUoKS5jb2x1bW5TaXppbmdJbmZvLmlzUmVzaXppbmdDb2x1bW47XG5cbiAgY29uc3QgcmVzdWx0UHJvcHMgPSB7XG4gICAgLi4ucHJvcHMsXG5cbiAgICBpc1Jlc2l6aW5nLFxuXG4gICAgc3R5bGU6IHtcbiAgICAgIHdpZHRoOiB0YWJsZS5nZXRUb3RhbFNpemUoKSxcblxuICAgICAgLi4ucHJvcHMuc3R5bGUsXG4gICAgICAuLi5jb2x1bW5TaXplVmFycyxcbiAgICB9LFxuXG4gICAgJ2RhdGEtcWEnOiBjb250ZXh0LnFhLFxuICB9O1xuXG4gIHJldHVybiA8VGFibGUgcmVmPXtyZWZ9IHsuLi5yZXN1bHRQcm9wc30gLz47XG59KTtcbiJdfQ== */",
+  toString: i
+}), B = /* @__PURE__ */ G("table", process.env.NODE_ENV === "production" ? {
   target: "e1pm3kai0"
 } : {
   target: "e1pm3kai0",
@@ -50,44 +50,44 @@ const N = /* @__PURE__ */ G("div", process.env.NODE_ENV === "production" ? {
   styles: "border-collapse:separate;table-layout:fixed;border-spacing:0;&[data-is-resizing]{cursor:col-resize;}"
 } : {
   name: "h1apq3",
-  styles: "border-collapse:separate;table-layout:fixed;border-spacing:0;&[data-is-resizing]{cursor:col-resize;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC9zcmMvVGFibGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBEOEIiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvZGF0YS1ncmlkL3NyYy9UYWJsZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCB7dXNlQ29udGV4dCwgdXNlTWVtb30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgYmFzZVRoZW1lLCB7Zm9yd2FyZFJlZn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuXG5pbXBvcnQge0RhdGFHcmlkQ29udGV4dH0gZnJvbSAnRGF0YUdyaWRDb250ZXh0JztcblxuaW1wb3J0IHR5cGUge1RhYmxlIGFzIFJlYWN0VGFibGVUYWJsZX0gZnJvbSAnQHRhbnN0YWNrL3JlYWN0LXRhYmxlJztcbmltcG9ydCB0eXBlIHtDU1NQcm9wZXJ0aWVzLCBGUkN9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtUYWJsZVByb3BzfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IFRhYmxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICBib3JkZXItcmFkaXVzOiA4cHggOHB4IDAgMDtcbiAgb3ZlcmZsb3c6IGF1dG87XG5cbiAgJHtiYXNlVGhlbWUuc2Nyb2xsfVxuXG4gICR7cHJvcHMgPT4gKHtcbiAgICBib3JkZXI6IGAxcHggc29saWQgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsxMF19YCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy53aGl0ZSxcbiAgfSl9XG5gO1xuXG5leHBvcnQgY29uc3QgVGFibGVGb290ZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nOiA4cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYm9yZGVyLXJhZGl1czogMCAwIDhweCA4cHg7XG4gIGdhcDogMTJweDtcblxuICAke3Byb3BzID0+ICh7XG4gICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuY29sb3JzLmdyZXlbMTBdfWAsXG4gICAgYmFja2dyb3VuZENvbG9yOiBwcm9wcy50aGVtZS5jb2xvcnMud2hpdGUsXG4gIH0pfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xQYW5lbCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6IDhweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBnYXA6IDhweDtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmNvbG9ycy53aGl0ZX07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udHJvbFBhbmVsQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogOHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLnRhYmxlYFxuICBib3JkZXItY29sbGFwc2U6IHNlcGFyYXRlO1xuICB0YWJsZS1sYXlvdXQ6IGZpeGVkO1xuICBib3JkZXItc3BhY2luZzogMDtcblxuICAmW2RhdGEtaXMtcmVzaXppbmddIHtcbiAgICBjdXJzb3I6IGNvbC1yZXNpemU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUYWJsZTogRlJDPEhUTUxUYWJsZUVsZW1lbnQsIFRhYmxlUHJvcHM+ID0gZm9yd2FyZFJlZigoe2lzUmVzaXppbmcsIC4uLnJlc3R9LCByZWYpID0+IHtcbiAgY29uc3QgcmVzdWx0UHJvcHMgPSB7XG4gICAgLi4ucmVzdCxcblxuICAgICdkYXRhLWlzLXJlc2l6aW5nJzogaXNSZXNpemluZyA/IHRydWUgOiB1bmRlZmluZWQsXG4gIH07XG5cbiAgcmV0dXJuIDxDb250YWluZXIgcmVmPXtyZWZ9IGNlbGxTcGFjaW5nPXswfSBjZWxsUGFkZGluZz17MH0gey4uLnJlc3VsdFByb3BzfT48L0NvbnRhaW5lcj47XG59KTtcblxudHlwZSBEYXRhR3JpZFRhYmxlUHJvcHMgPSB7dGFibGU6IFJlYWN0VGFibGVUYWJsZTx1bmtub3duPn0gJiBPbWl0PFRhYmxlUHJvcHMsICdpc1Jlc2l6aW5nJz47XG5cbmV4cG9ydCBjb25zdCBEYXRhR3JpZFRhYmxlOiBGUkM8SFRNTFRhYmxlRWxlbWVudCwgRGF0YUdyaWRUYWJsZVByb3BzPiA9IGZvcndhcmRSZWYoKHt0YWJsZSwgLi4ucHJvcHN9LCByZWYpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZUNvbnRleHQoRGF0YUdyaWRDb250ZXh0KTtcblxuICBjb25zdCBjb2x1bW5TaXplVmFycyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IGhlYWRlcnMgPSB0YWJsZS5nZXRGbGF0SGVhZGVycygpO1xuICAgIGNvbnN0IGNvbFNpemVzOiBDU1NQcm9wZXJ0aWVzID0ge307XG5cbiAgICBmb3IgKGNvbnN0IGhlYWRlciBvZiBoZWFkZXJzKSB7XG4gICAgICBjb2xTaXplc1tgLS1oZWFkZXItJHtoZWFkZXIuaWR9LXNpemVgXSA9IGhlYWRlci5nZXRTaXplKCk7XG4gICAgICBjb2xTaXplc1tgLS1jb2wtJHtoZWFkZXIuY29sdW1uLmlkfS1zaXplYF0gPSBoZWFkZXIuY29sdW1uLmdldFNpemUoKTtcbiAgICB9XG5cbiAgICByZXR1cm4gY29sU2l6ZXM7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbdGFibGUuZ2V0U3RhdGUoKS5jb2x1bW5TaXppbmdJbmZvLCB0YWJsZS5nZXRTdGF0ZSgpLmNvbHVtblNpemluZ10pO1xuXG4gIGNvbnN0IGlzUmVzaXppbmcgPSAhIXRhYmxlLmdldFN0YXRlKCkuY29sdW1uU2l6aW5nSW5mby5pc1Jlc2l6aW5nQ29sdW1uO1xuXG4gIGNvbnN0IHJlc3VsdFByb3BzID0ge1xuICAgIC4uLnByb3BzLFxuXG4gICAgaXNSZXNpemluZyxcblxuICAgIHN0eWxlOiB7XG4gICAgICB3aWR0aDogdGFibGUuZ2V0VG90YWxTaXplKCksXG5cbiAgICAgIC4uLnByb3BzLnN0eWxlLFxuICAgICAgLi4uY29sdW1uU2l6ZVZhcnMsXG4gICAgfSxcblxuICAgICdkYXRhLXFhJzogY29udGV4dC5xYSxcbiAgfTtcblxuICByZXR1cm4gPFRhYmxlIHJlZj17cmVmfSB7Li4ucmVzdWx0UHJvcHN9IC8+O1xufSk7XG4iXX0= */",
-  toString: u
-}), a = W(({
+  styles: "border-collapse:separate;table-layout:fixed;border-spacing:0;&[data-is-resizing]{cursor:col-resize;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC9zcmMvVGFibGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEOEIiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvZGF0YS1ncmlkL3NyYy9UYWJsZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCB7dXNlQ29udGV4dCwgdXNlTWVtb30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgYmFzZVRoZW1lLCB7Zm9yd2FyZFJlZn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuXG5pbXBvcnQge0RhdGFHcmlkQ29udGV4dH0gZnJvbSAnRGF0YUdyaWRDb250ZXh0JztcblxuaW1wb3J0IHR5cGUge1RhYmxlIGFzIFJlYWN0VGFibGVUYWJsZX0gZnJvbSAnQHRhbnN0YWNrL3JlYWN0LXRhYmxlJztcbmltcG9ydCB0eXBlIHtDU1NQcm9wZXJ0aWVzLCBGUkN9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtUYWJsZVByb3BzfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IFRhYmxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG4gIGJvcmRlci1yYWRpdXM6IDhweCA4cHggMCAwO1xuICBvdmVyZmxvdzogYXV0bztcblxuICAke2Jhc2VUaGVtZS5zY3JvbGx9XG5cbiAgJHtwcm9wcyA9PiAoe1xuICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3Byb3BzID0+IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzEwXX1gLFxuICAgIGJhY2tncm91bmRDb2xvcjogcHJvcHMudGhlbWUuY29sb3JzLndoaXRlLFxuICB9KX1cbmA7XG5cbmV4cG9ydCBjb25zdCBUYWJsZUZvb3RlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6IDhweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBib3JkZXItcmFkaXVzOiAwIDAgOHB4IDhweDtcbiAgZ2FwOiAxMnB4O1xuXG4gICR7cHJvcHMgPT4gKHtcbiAgICBib3JkZXI6IGAxcHggc29saWQgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsxMF19YCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy53aGl0ZSxcbiAgfSl9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udHJvbFBhbmVsID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogOHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogOHB4O1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuY29sb3JzLndoaXRlfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250cm9sUGFuZWxDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiA4cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQudGFibGVgXG4gIGJvcmRlci1jb2xsYXBzZTogc2VwYXJhdGU7XG4gIHRhYmxlLWxheW91dDogZml4ZWQ7XG4gIGJvcmRlci1zcGFjaW5nOiAwO1xuXG4gICZbZGF0YS1pcy1yZXNpemluZ10ge1xuICAgIGN1cnNvcjogY29sLXJlc2l6ZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRhYmxlOiBGUkM8SFRNTFRhYmxlRWxlbWVudCwgVGFibGVQcm9wcz4gPSBmb3J3YXJkUmVmKCh7aXNSZXNpemluZywgLi4ucmVzdH0sIHJlZikgPT4ge1xuICBjb25zdCByZXN1bHRQcm9wcyA9IHtcbiAgICAuLi5yZXN0LFxuXG4gICAgJ2RhdGEtaXMtcmVzaXppbmcnOiBpc1Jlc2l6aW5nID8gdHJ1ZSA6IHVuZGVmaW5lZCxcbiAgfTtcblxuICByZXR1cm4gPENvbnRhaW5lciByZWY9e3JlZn0gY2VsbFNwYWNpbmc9ezB9IGNlbGxQYWRkaW5nPXswfSB7Li4ucmVzdWx0UHJvcHN9PjwvQ29udGFpbmVyPjtcbn0pO1xuXG50eXBlIERhdGFHcmlkVGFibGVQcm9wcyA9IHt0YWJsZTogUmVhY3RUYWJsZVRhYmxlPHVua25vd24+fSAmIE9taXQ8VGFibGVQcm9wcywgJ2lzUmVzaXppbmcnPjtcblxuZXhwb3J0IGNvbnN0IERhdGFHcmlkVGFibGU6IEZSQzxIVE1MVGFibGVFbGVtZW50LCBEYXRhR3JpZFRhYmxlUHJvcHM+ID0gZm9yd2FyZFJlZigoe3RhYmxlLCAuLi5wcm9wc30sIHJlZikgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChEYXRhR3JpZENvbnRleHQpO1xuXG4gIGNvbnN0IGNvbHVtblNpemVWYXJzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgaGVhZGVycyA9IHRhYmxlLmdldEZsYXRIZWFkZXJzKCk7XG4gICAgY29uc3QgY29sU2l6ZXM6IENTU1Byb3BlcnRpZXMgPSB7fTtcblxuICAgIGZvciAoY29uc3QgaGVhZGVyIG9mIGhlYWRlcnMpIHtcbiAgICAgIGNvbFNpemVzW2AtLWhlYWRlci0ke2hlYWRlci5pZH0tc2l6ZWBdID0gaGVhZGVyLmdldFNpemUoKTtcbiAgICAgIGNvbFNpemVzW2AtLWNvbC0ke2hlYWRlci5jb2x1bW4uaWR9LXNpemVgXSA9IGhlYWRlci5jb2x1bW4uZ2V0U2l6ZSgpO1xuICAgIH1cblxuICAgIHJldHVybiBjb2xTaXplcztcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFt0YWJsZS5nZXRTdGF0ZSgpLmNvbHVtblNpemluZ0luZm8sIHRhYmxlLmdldFN0YXRlKCkuY29sdW1uU2l6aW5nXSk7XG5cbiAgY29uc3QgaXNSZXNpemluZyA9ICEhdGFibGUuZ2V0U3RhdGUoKS5jb2x1bW5TaXppbmdJbmZvLmlzUmVzaXppbmdDb2x1bW47XG5cbiAgY29uc3QgcmVzdWx0UHJvcHMgPSB7XG4gICAgLi4ucHJvcHMsXG5cbiAgICBpc1Jlc2l6aW5nLFxuXG4gICAgc3R5bGU6IHtcbiAgICAgIHdpZHRoOiB0YWJsZS5nZXRUb3RhbFNpemUoKSxcblxuICAgICAgLi4ucHJvcHMuc3R5bGUsXG4gICAgICAuLi5jb2x1bW5TaXplVmFycyxcbiAgICB9LFxuXG4gICAgJ2RhdGEtcWEnOiBjb250ZXh0LnFhLFxuICB9O1xuXG4gIHJldHVybiA8VGFibGUgcmVmPXtyZWZ9IHsuLi5yZXN1bHRQcm9wc30gLz47XG59KTtcbiJdfQ== */",
+  toString: i
+}), Y = m(({
   isResizing: c,
   ...b
-}, I) => {
-  const g = {
+}, g) => {
+  const Z = {
     ...b,
     "data-is-resizing": c ? !0 : void 0
   };
-  return /* @__PURE__ */ X(V, { ref: I, cellSpacing: 0, cellPadding: 0, ...g });
-}), h = W(({
+  return /* @__PURE__ */ X(B, { ref: g, cellSpacing: 0, cellPadding: 0, ...Z });
+}), z = m(({
   table: c,
   ...b
-}, I) => {
-  const g = B(x), d = C(() => {
-    const t = c.getFlatHeaders(), Z = {};
+}, g) => {
+  const Z = V(C), d = e(() => {
+    const t = c.getFlatHeaders(), I = {};
     for (const l of t)
-      Z[`--header-${l.id}-size`] = l.getSize(), Z[`--col-${l.column.id}-size`] = l.column.getSize();
-    return Z;
-  }, [c.getState().columnSizingInfo, c.getState().columnSizing]), m = !!c.getState().columnSizingInfo.isResizingColumn, i = {
+      I[`--header-${l.id}-size`] = l.getSize(), I[`--col-${l.column.id}-size`] = l.column.getSize();
+    return I;
+  }, [c.getState().columnSizingInfo, c.getState().columnSizing]), u = !!c.getState().columnSizingInfo.isResizingColumn, W = {
     ...b,
-    isResizing: m,
+    isResizing: u,
     style: {
       width: c.getTotalSize(),
       ...b.style,
       ...d
     },
-    "data-qa": g.qa
+    "data-qa": Z.qa
   };
-  return /* @__PURE__ */ X(a, { ref: I, ...i });
+  return /* @__PURE__ */ X(Y, { ref: g, ...W });
 });
 export {
-  p as ControlPanel,
-  y as ControlPanelContent,
-  h as DataGridTable,
-  a as Table,
-  H as TableFooter,
-  N as TableWrapper
+  h as ControlPanel,
+  N as ControlPanelContent,
+  z as DataGridTable,
+  Y as Table,
+  p as TableFooter,
+  H as TableWrapper
 };
 //# sourceMappingURL=index.es.js.map

package/dist/Table/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../src/Table/index.tsx"],"sourcesContent":["'use client';\n\nimport {useContext, useMemo} from 'react';\nimport styled from '@emotion/styled';\n\nimport baseTheme, {forwardRef} from '@join-x5/react-theme';\n\nimport {DataGridContext} from 'DataGridContext';\n\nimport type {Table as ReactTableTable} from '@tanstack/react-table';\nimport type {CSSProperties, FRC} from '@join-x5/react-theme';\nimport type {TableProps} from './types';\n\nexport const TableWrapper = styled.div`\n  width: 100%;\n  box-sizing: border-box;\n  border-collapse: collapse;\n  border-radius: 8px 8px 0 0;\n  overflow: auto;\n\n  ${baseTheme.scroll}\n\n  ${props => ({\n    border: `1px solid ${props => props.theme.colors.grey[10]}`,\n    backgroundColor: props.theme.colors.white,\n  })}\n`;\n\nexport const TableFooter = styled.div`\n  display: flex;\n  padding: 8px;\n  align-items: center;\n  justify-content: space-between;\n  border-radius: 0 0 8px 8px;\n  gap: 12px;\n\n  ${props => ({\n    border: `1px solid ${props => props.theme.colors.grey[10]}`,\n    backgroundColor: props.theme.colors.white,\n  })}\n`;\n\nexport const ControlPanel = styled.div`\n  display: flex;\n  padding: 8px;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  border-radius: 8px;\n  background-color: ${props => props.theme.colors.white};\n`;\n\nexport const ControlPanelContent = styled.div`\n  display: flex;\n  gap: 8px;\n  align-items: center;\n`;\n\nconst Container = styled.table`\n  border-collapse: separate;\n  table-layout: fixed;\n  border-spacing: 0;\n\n  &[data-is-resizing] {\n    cursor: col-resize;\n  }\n`;\n\nexport const Table: FRC<HTMLTableElement, TableProps> = forwardRef(({isResizing, ...rest}, ref) => {\n  const resultProps = {\n    ...rest,\n\n    'data-is-resizing': isResizing ? true : undefined,\n  };\n\n  return <Container ref={ref} cellSpacing={0} cellPadding={0} {...resultProps}></Container>;\n});\n\ntype DataGridTableProps = {table: ReactTableTable<unknown>} & Omit<TableProps, 'isResizing'>;\n\nexport const DataGridTable: FRC<HTMLTableElement, DataGridTableProps> = forwardRef(({table, ...props}, ref) => {\n  const context = useContext(DataGridContext);\n\n  const columnSizeVars = useMemo(() => {\n    const headers = table.getFlatHeaders();\n    const colSizes: CSSProperties = {};\n\n    for (const header of headers) {\n      colSizes[`--header-${header.id}-size`] = header.getSize();\n      colSizes[`--col-${header.column.id}-size`] = header.column.getSize();\n    }\n\n    return colSizes;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [table.getState().columnSizingInfo, table.getState().columnSizing]);\n\n  const isResizing = !!table.getState().columnSizingInfo.isResizingColumn;\n\n  const resultProps = {\n    ...props,\n\n    isResizing,\n\n    style: {\n      width: table.getTotalSize(),\n\n      ...props.style,\n      ...columnSizeVars,\n    },\n\n    'data-qa': context.qa,\n  };\n\n  return <Table ref={ref} {...resultProps} />;\n});\n"],"names":["isResizing","rest","undefined","table","colSizes","props","getTotalSize","style","columnSizeVars","qa"],"mappings":";;;;;;AAAa;AAAA;AAAA;AAaN;AAAkB;AAAA;AAAA;AAAA;AAAA;AASX;AAC+C;AAE3D;AAGsB;AAAA;AAAA;AAAA;AAAA;AAQV;AAC+C;AAE3D;AAGuB;AAAA;AAAA;AAAA;AAAA;AAUO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUqD;AAACA;AAAmB;AACtF;AAAoB;AACfC;AAEqCC;AAG1C;AACF;AAIoF;AAACC;AAAe;AAClG;AAGE;AAGA;AACEC;AAIF;AAAOA;AAMW;AACfC;AAEHL;AAEO;AACQM;AAEJC;AACNC;AAAAA;AAGcC;AAGrB;AACF;;;;;;;;;"}
+{"version":3,"file":"index.es.js","sources":["../../src/Table/index.tsx"],"sourcesContent":["'use client';\n\nimport {useContext, useMemo} from 'react';\nimport styled from '@emotion/styled';\n\nimport baseTheme, {forwardRef} from '@join-x5/react-theme';\n\nimport {DataGridContext} from 'DataGridContext';\n\nimport type {Table as ReactTableTable} from '@tanstack/react-table';\nimport type {CSSProperties, FRC} from '@join-x5/react-theme';\nimport type {TableProps} from './types';\n\nexport const TableWrapper = styled.div`\n  position: relative;\n  width: 100%;\n  box-sizing: border-box;\n  border-collapse: collapse;\n  border-radius: 8px 8px 0 0;\n  overflow: auto;\n\n  ${baseTheme.scroll}\n\n  ${props => ({\n    border: `1px solid ${props => props.theme.colors.grey[10]}`,\n    backgroundColor: props.theme.colors.white,\n  })}\n`;\n\nexport const TableFooter = styled.div`\n  display: flex;\n  padding: 8px;\n  align-items: center;\n  justify-content: space-between;\n  border-radius: 0 0 8px 8px;\n  gap: 12px;\n\n  ${props => ({\n    border: `1px solid ${props => props.theme.colors.grey[10]}`,\n    backgroundColor: props.theme.colors.white,\n  })}\n`;\n\nexport const ControlPanel = styled.div`\n  display: flex;\n  padding: 8px;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  border-radius: 8px;\n  background-color: ${props => props.theme.colors.white};\n`;\n\nexport const ControlPanelContent = styled.div`\n  display: flex;\n  gap: 8px;\n  align-items: center;\n`;\n\nconst Container = styled.table`\n  border-collapse: separate;\n  table-layout: fixed;\n  border-spacing: 0;\n\n  &[data-is-resizing] {\n    cursor: col-resize;\n  }\n`;\n\nexport const Table: FRC<HTMLTableElement, TableProps> = forwardRef(({isResizing, ...rest}, ref) => {\n  const resultProps = {\n    ...rest,\n\n    'data-is-resizing': isResizing ? true : undefined,\n  };\n\n  return <Container ref={ref} cellSpacing={0} cellPadding={0} {...resultProps}></Container>;\n});\n\ntype DataGridTableProps = {table: ReactTableTable<unknown>} & Omit<TableProps, 'isResizing'>;\n\nexport const DataGridTable: FRC<HTMLTableElement, DataGridTableProps> = forwardRef(({table, ...props}, ref) => {\n  const context = useContext(DataGridContext);\n\n  const columnSizeVars = useMemo(() => {\n    const headers = table.getFlatHeaders();\n    const colSizes: CSSProperties = {};\n\n    for (const header of headers) {\n      colSizes[`--header-${header.id}-size`] = header.getSize();\n      colSizes[`--col-${header.column.id}-size`] = header.column.getSize();\n    }\n\n    return colSizes;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [table.getState().columnSizingInfo, table.getState().columnSizing]);\n\n  const isResizing = !!table.getState().columnSizingInfo.isResizingColumn;\n\n  const resultProps = {\n    ...props,\n\n    isResizing,\n\n    style: {\n      width: table.getTotalSize(),\n\n      ...props.style,\n      ...columnSizeVars,\n    },\n\n    'data-qa': context.qa,\n  };\n\n  return <Table ref={ref} {...resultProps} />;\n});\n"],"names":["isResizing","rest","undefined","table","colSizes","props","getTotalSize","style","columnSizeVars","qa"],"mappings":";;;;;;AAAa;AAAA;AAAA;AAaN;AAAkB;AAAA;AAAA;AAAA;AAAA;AAUX;AAC+C;AAE3D;AAGsB;AAAA;AAAA;AAAA;AAAA;AAQV;AAC+C;AAE3D;AAGuB;AAAA;AAAA;AAAA;AAAA;AAUO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUqD;AAACA;AAAmB;AACtF;AAAoB;AACfC;AAEqCC;AAG1C;AACF;AAIoF;AAACC;AAAe;AAClG;AAGE;AAGA;AACEC;AAIF;AAAOA;AAMW;AACfC;AAEHL;AAEO;AACQM;AAEJC;AACNC;AAAAA;AAGcC;AAGrB;AACF;;;;;;;;;"}

package/dist/TableBody/DataGridTableBody.d.ts

@@ -0,0 +1,12 @@
+import { Table } from '@tanstack/react-table';
+import { DataGridProps } from 'types';
+import { TableBodyProps } from './types';
+export declare const TableBody: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {}>;
+type DataGridTableBodyProps = {
+    table: Table<unknown>;
+} & Pick<DataGridProps, 'components' | 'rowProps'> & TableBodyProps;
+export declare const getDataGridTableBody: (props: DataGridTableBodyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/TableBody/DataGridTableBody.es.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import s from "@emotion/styled/base";
+import { memo as m, useContext as I } from "react";
+import { DataGridContext as R } from "../DataGridContext.es.js";
+import { getDataGridTableRow as H } from "../TableRow/index.es.js";
+function J() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const Z = /* @__PURE__ */ s("tbody", process.env.NODE_ENV === "production" ? {
+  target: "e1trj7ug0"
+} : {
+  target: "e1trj7ug0",
+  label: "TableBody"
+})(process.env.NODE_ENV === "production" ? {
+  name: "bjn8wh",
+  styles: "position:relative"
+} : {
+  name: "bjn8wh",
+  styles: "position:relative/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC9zcmMvVGFibGVCb2R5L0RhdGFHcmlkVGFibGVCb2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZcUMiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvZGF0YS1ncmlkL3NyYy9UYWJsZUJvZHkvRGF0YUdyaWRUYWJsZUJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnO1xuXG5pbXBvcnQge21lbW8sIHVzZUNvbnRleHR9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHtEYXRhR3JpZENvbnRleHR9IGZyb20gJ0RhdGFHcmlkQ29udGV4dCc7XG5pbXBvcnQge2dldERhdGFHcmlkVGFibGVSb3d9IGZyb20gJ1RhYmxlUm93JztcblxuaW1wb3J0IHR5cGUge1RhYmxlfSBmcm9tICdAdGFuc3RhY2svcmVhY3QtdGFibGUnO1xuaW1wb3J0IHR5cGUge0RhdGFHcmlkUHJvcHN9IGZyb20gJ3R5cGVzJztcbmltcG9ydCB0eXBlIHtUYWJsZUJvZHlQcm9wc30gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBUYWJsZUJvZHkgPSBzdHlsZWQudGJvZHlgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbnR5cGUgRGF0YUdyaWRUYWJsZUJvZHlQcm9wcyA9IHtcbiAgdGFibGU6IFRhYmxlPHVua25vd24+O1xufSAmIFBpY2s8RGF0YUdyaWRQcm9wcywgJ2NvbXBvbmVudHMnIHwgJ3Jvd1Byb3BzJz4gJlxuICBUYWJsZUJvZHlQcm9wcztcblxuY29uc3QgRGF0YUdyaWRUYWJsZUJvZHk6IFJlYWN0LkZDPERhdGFHcmlkVGFibGVCb2R5UHJvcHM+ID0gcHJvcHMgPT4ge1xuICBjb25zdCB7dGFibGUsIGNvbXBvbmVudHMsIHJvd1Byb3BzLCAuLi5yZXN0fSA9IHByb3BzO1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChEYXRhR3JpZENvbnRleHQpO1xuICBjb25zdCByb3dzID0gdGFibGUuZ2V0Um93TW9kZWwoKS5yb3dzO1xuXG4gIGNvbnN0IGl0ZXJhdG9yID0gY29tcG9uZW50cz8ucm93ID8/IGdldERhdGFHcmlkVGFibGVSb3c7XG5cbiAgY29uc3QgY2hpbGQgPSByb3dzLm1hcChpdGVtID0+IHtcbiAgICBjb25zdCBpdGVtUHJvcHMgPSB0eXBlb2Ygcm93UHJvcHMgPT09ICdmdW5jdGlvbicgPyByb3dQcm9wcyhyb3dzW2l0ZW0uaW5kZXhdKSA6IHJvd1Byb3BzO1xuXG4gICAgcmV0dXJuIGl0ZXJhdG9yKGl0ZW0sIGl0ZW1Qcm9wcyk7XG4gIH0pO1xuXG4gIHJldHVybiAoXG4gICAgPFRhYmxlQm9keSBkYXRhLXFhPXtgJHtjb250ZXh0LnFhfS1ib2R5YH0gey4uLnJlc3R9PlxuICAgICAge2NoaWxkfVxuICAgIDwvVGFibGVCb2R5PlxuICApO1xufTtcblxuY29uc3QgTWVtb2l6ZWREYXRhR3JpZFRhYmxlQm9keSA9IG1lbW8oXG4gIERhdGFHcmlkVGFibGVCb2R5LFxuICAocHJldiwgbmV4dCkgPT4gcHJldi50YWJsZS5vcHRpb25zLmRhdGEgPT09IG5leHQudGFibGUub3B0aW9ucy5kYXRhXG4pO1xuXG5leHBvcnQgY29uc3QgZ2V0RGF0YUdyaWRUYWJsZUJvZHkgPSAocHJvcHM6IERhdGFHcmlkVGFibGVCb2R5UHJvcHMpID0+IHtcbiAgY29uc3QgaXNSZXNpemluZyA9IHByb3BzLnRhYmxlLmdldFN0YXRlKCkuY29sdW1uU2l6aW5nSW5mby5pc1Jlc2l6aW5nQ29sdW1uO1xuICBjb25zdCBDb21wb25lbnQgPSBpc1Jlc2l6aW5nID8gTWVtb2l6ZWREYXRhR3JpZFRhYmxlQm9keSA6IERhdGFHcmlkVGFibGVCb2R5O1xuXG4gIHJldHVybiA8Q29tcG9uZW50IHsuLi5wcm9wc30gLz47XG59O1xuIl19 */",
+  toString: J
+}), o = (c) => {
+  const {
+    table: t,
+    components: b,
+    rowProps: d,
+    ...i
+  } = c, n = I(R), l = t.getRowModel().rows, u = (b == null ? void 0 : b.row) ?? H, g = l.map((G) => {
+    const a = typeof d == "function" ? d(l[G.index]) : d;
+    return u(G, a);
+  });
+  return /* @__PURE__ */ e(Z, { "data-qa": `${n.qa}-body`, ...i, children: g });
+}, r = m(o, (c, t) => c.table.options.data === t.table.options.data), p = (c) => {
+  const b = c.table.getState().columnSizingInfo.isResizingColumn ? r : o;
+  return /* @__PURE__ */ e(b, { ...c });
+};
+export {
+  Z as TableBody,
+  p as getDataGridTableBody
+};
+//# sourceMappingURL=DataGridTableBody.es.js.map

package/dist/TableBody/DataGridTableBody.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridTableBody.es.js","sources":["../../src/TableBody/DataGridTableBody.tsx"],"sourcesContent":["'use client';\n\nimport {memo, useContext} from 'react';\nimport styled from '@emotion/styled';\n\nimport {DataGridContext} from 'DataGridContext';\nimport {getDataGridTableRow} from 'TableRow';\n\nimport type {Table} from '@tanstack/react-table';\nimport type {DataGridProps} from 'types';\nimport type {TableBodyProps} from './types';\n\nexport const TableBody = styled.tbody`\n  position: relative;\n`;\n\ntype DataGridTableBodyProps = {\n  table: Table<unknown>;\n} & Pick<DataGridProps, 'components' | 'rowProps'> &\n  TableBodyProps;\n\nconst DataGridTableBody: React.FC<DataGridTableBodyProps> = props => {\n  const {table, components, rowProps, ...rest} = props;\n  const context = useContext(DataGridContext);\n  const rows = table.getRowModel().rows;\n\n  const iterator = components?.row ?? getDataGridTableRow;\n\n  const child = rows.map(item => {\n    const itemProps = typeof rowProps === 'function' ? rowProps(rows[item.index]) : rowProps;\n\n    return iterator(item, itemProps);\n  });\n\n  return (\n    <TableBody data-qa={`${context.qa}-body`} {...rest}>\n      {child}\n    </TableBody>\n  );\n};\n\nconst MemoizedDataGridTableBody = memo(\n  DataGridTableBody,\n  (prev, next) => prev.table.options.data === next.table.options.data\n);\n\nexport const getDataGridTableBody = (props: DataGridTableBodyProps) => {\n  const isResizing = props.table.getState().columnSizingInfo.isResizingColumn;\n  const Component = isResizing ? MemoizedDataGridTableBody : DataGridTableBody;\n\n  return <Component {...props} />;\n};\n"],"names":["table","components","rowProps","rest"],"mappings":";;;;;;AAAa;AAAA;AAAA;AAYN;AAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUpB;AAAM;AAACA;AAAOC;AAAYC;AAAaC;AAOrC;AAEA;AAA+B;AAGjC;AAKF;AASE;AAEA;AACF;;;;;"}

package/dist/TableBody/DataGridTableBodyVirtual.d.ts

@@ -0,0 +1,2 @@
+import { DataGridTableBodyVirtualProps } from './hook';
+export declare const getDataGridTableBodyVirtual: (props: DataGridTableBodyVirtualProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/TableBody/DataGridTableBodyVirtual.es.js

@@ -0,0 +1,18 @@
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { memo as n } from "react";
+import { TableBody as r } from "./DataGridTableBody.es.js";
+import { useVirtualTableBody as s } from "./hook.es.js";
+const a = (o) => {
+  const {
+    containerProps: t,
+    child: i
+  } = s(o);
+  return /* @__PURE__ */ e(r, { ...t, children: i });
+}, l = n(a, (o, t) => o.table.options.data === t.table.options.data), p = (o) => {
+  const i = o.table.getState().columnSizingInfo.isResizingColumn ? l : a;
+  return /* @__PURE__ */ e(i, { ...o });
+};
+export {
+  p as getDataGridTableBodyVirtual
+};
+//# sourceMappingURL=DataGridTableBodyVirtual.es.js.map

package/dist/TableBody/DataGridTableBodyVirtual.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridTableBodyVirtual.es.js","sources":["../../src/TableBody/DataGridTableBodyVirtual.tsx"],"sourcesContent":["import {memo} from 'react';\n\nimport {TableBody} from './DataGridTableBody';\nimport {useVirtualTableBody} from './hook';\n\nimport type {DataGridTableBodyVirtualProps} from './hook';\n\nconst DataGridTableBody: React.FC<DataGridTableBodyVirtualProps> = props => {\n  const {containerProps, child} = useVirtualTableBody(props);\n  return <TableBody {...containerProps}>{child}</TableBody>;\n};\n\nconst MemoizedDataGridTableBody = memo(\n  DataGridTableBody,\n  (prev, next) => prev.table.options.data === next.table.options.data\n);\n\nexport const getDataGridTableBodyVirtual = (props: DataGridTableBodyVirtualProps) => {\n  const isResizing = props.table.getState().columnSizingInfo.isResizingColumn;\n  const Component = isResizing ? MemoizedDataGridTableBody : DataGridTableBody;\n\n  return <Component {...props} />;\n};\n"],"names":["DataGridTableBody","props","containerProps","child","useVirtualTableBody","jsx","TableBody","MemoizedDataGridTableBody","memo","prev","next","table","options","data","getDataGridTableBodyVirtual","Component","getState","columnSizingInfo","isResizingColumn"],"mappings":";;;;AAOA,MAAMA,IAA6DC,CAAAA,MAAS;AAC1E,QAAM;AAAA,IAACC,gBAAAA;AAAAA,IAAgBC,OAAAA;AAAAA,EAAAA,IAASC,EAAoBH,CAAK;AACzD,SAAO,gBAAAI,EAACC,GAAA,EAAU,GAAIJ,GAAiBC,UAAAA,GAAM;AAC/C,GAEMI,IAA4BC,EAChCR,GACA,CAACS,GAAMC,MAASD,EAAKE,MAAMC,QAAQC,SAASH,EAAKC,MAAMC,QAAQC,IACjE,GAEaC,IAA8BA,CAACb,MAAyC;AAEnF,QAAMc,IADad,EAAMU,MAAMK,SAAAA,EAAWC,iBAAiBC,mBAC5BX,IAA4BP;AAE3D,SAAO,gBAAAK,EAACU,GAAA,EAAU,GAAId,EAAAA,CAAM;AAC9B;"}