@join-x5/react-data-grid 1.1.1-nightly → 1.1.2-nightly

package/dist/TableHeadCell/index.es.js

@@ -0,0 +1,146 @@
+"use client";
+import { jsxs as B, jsx as Z } from "@emotion/react/jsx-runtime";
+import A from "@emotion/styled/base";
+import { useState as D, useContext as z } from "react";
+import { flexRender as w } from "@tanstack/react-table";
+import { SizeTokenValue as l, forwardRef as Q, useRefMerge as O } from "@join-x5/react-theme";
+import { ColumnArea as d } from "@join-x5/react-data-grid-settings";
+import { DataGridContext as j } from "../DataGridContext.es.js";
+import { areaProps as r } from "../TableCell/hook.es.js";
+import { TableHeadCellVariant as i } from "./types.es.js";
+function t() {
+  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 E = /* @__PURE__ */ A("div", process.env.NODE_ENV === "production" ? {
+  target: "e1rrcx343"
+} : {
+  target: "e1rrcx343",
+  label: "TableHeadCellResizer"
+})("display:flex;position:absolute;align-items:center;justify-content:center;top:0;right:-5px;width:10px;height:100%;cursor:col-resize;z-index:1;::before{content:'';display:block;width:3px;height:24px;border-radius:8px;user-select:none;pointer-events:none;opacity:0;background-color:", (g) => g.theme.colors.accent[80], ";}&[data-resizing]::before{opacity:1;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC9zcmMvVGFibGVIZWFkQ2VsbC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0I4QyIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9kYXRhLWdyaWQvc3JjL1RhYmxlSGVhZENlbGwvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnO1xuXG5pbXBvcnQge3VzZUNvbnRleHQsIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQge2ZsZXhSZW5kZXJ9IGZyb20gJ0B0YW5zdGFjay9yZWFjdC10YWJsZSc7XG5cbmltcG9ydCB7Zm9yd2FyZFJlZiwgU2l6ZVRva2VuVmFsdWUsIHVzZVJlZk1lcmdlfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQge0NvbHVtbkFyZWF9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LWRhdGEtZ3JpZC1zZXR0aW5ncyc7XG5cbmltcG9ydCB7RGF0YUdyaWRDb250ZXh0fSBmcm9tICdEYXRhR3JpZENvbnRleHQnO1xuXG5pbXBvcnQge2FyZWFQcm9wc30gZnJvbSAnVGFibGVDZWxsL2hvb2snO1xuXG5pbXBvcnQge1RhYmxlSGVhZENlbGxWYXJpYW50fSBmcm9tICcuL3R5cGVzJztcblxuaW1wb3J0IHR5cGUge0tleWJvYXJkRXZlbnRIYW5kbGVyLCBNb3VzZUV2ZW50SGFuZGxlcn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUge0hlYWRlcn0gZnJvbSAnQHRhbnN0YWNrL3JlYWN0LXRhYmxlJztcbmltcG9ydCB0eXBlIHtGUkN9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtUYWJsZUhlYWRDZWxsUHJvcHN9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkQ2VsbFJlc2l6ZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB0b3A6IDA7XG4gIHJpZ2h0OiAtNXB4O1xuICB3aWR0aDogMTBweDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBjdXJzb3I6IGNvbC1yZXNpemU7XG4gIHotaW5kZXg6IDE7XG5cbiAgOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHdpZHRoOiAzcHg7XG4gICAgaGVpZ2h0OiAyNHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBvcGFjaXR5OiAwO1xuXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5jb2xvcnMuYWNjZW50WzgwXX07XG4gIH1cblxuICAmW2RhdGEtcmVzaXppbmddOjpiZWZvcmUge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmNvbnN0IENlbGwgPSBzdHlsZWQudGhgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAke3Byb3BzID0+ICh7XG4gICAgY29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzEwMF0sXG4gICAgYmFja2dyb3VuZENvbG9yOiBwcm9wcy50aGVtZS5jb2xvcnMud2hpdGUsXG5cbiAgICAnLS1ib3JkZXItY29sb3InOiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsxMF0sXG4gIH0pfTtcblxuICAmW2RhdGEtJHtTaXplVG9rZW5WYWx1ZS5MYXJnZS50b0xvY2FsZUxvd2VyQ2FzZSgpfV0ge1xuICAgIHBhZGRpbmc6IDEycHg7XG4gICAgbWluLWhlaWdodDogNDRweDtcblxuICAgICZbZGF0YS0ke1RhYmxlSGVhZENlbGxWYXJpYW50LkNoZWNrYm94LnRvTG9jYWxlTG93ZXJDYXNlKCl9XSB7XG4gICAgICBwYWRkaW5nOiAxNHB4IDEycHg7XG5cbiAgICAgICZbZGF0YS1oYXMtZW5kLWFkb3JubWVudF0ge1xuICAgICAgICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50eXBvZ3JhcGh5Lmg0fVxuICB9XG5cbiAgJltkYXRhLSR7U2l6ZVRva2VuVmFsdWUuTWVkaXVtLnRvTG9jYWxlTG93ZXJDYXNlKCl9XSB7XG4gICAgcGFkZGluZzogMTJweDtcbiAgICBtaW4taGVpZ2h0OiA0MHB4O1xuXG4gICAgJltkYXRhLSR7VGFibGVIZWFkQ2VsbFZhcmlhbnQuQ2hlY2tib3gudG9Mb2NhbGVMb3dlckNhc2UoKX1dIHtcbiAgICAgIHBhZGRpbmc6IDEycHg7XG5cbiAgICAgICZbZGF0YS1oYXMtZW5kLWFkb3JubWVudF0ge1xuICAgICAgICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50eXBvZ3JhcGh5Lmg1fVxuICB9XG5cbiAgJltkYXRhLSR7U2l6ZVRva2VuVmFsdWUuU21hbGwudG9Mb2NhbGVMb3dlckNhc2UoKX1dIHtcbiAgICBwYWRkaW5nOiA4cHg7XG4gICAgbWluLWhlaWdodDogMzJweDtcblxuICAgICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudHlwb2dyYXBoeS5oNX1cbiAgfVxuXG4gICZbZGF0YS1zaGFkb3dlZF0ge1xuICAgIGZpbHRlcjogZHJvcC1zaGFkb3coOHB4IDBweCA4cHggcmdiYSg4MCwgODYsIDk0LCAwLjA4KSk7XG5cbiAgICAmOjpiZWZvcmUge1xuICAgICAgYm9yZGVyLWJvdHRvbS13aWR0aDogMDtcbiAgICB9XG4gIH1cblxuICAmW2RhdGEtJHtDb2x1bW5BcmVhLkZpeGVkTGVmdC50b0xvY2FsZUxvd2VyQ2FzZSgpfV0ge1xuICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgei1pbmRleDogMTtcblxuICAgICZbZGF0YS1zaGFkb3dlZF1bZGF0YS1sYXN0LWZpeGVkXSB7XG4gICAgICBmaWx0ZXI6IGRyb3Atc2hhZG93KDhweCAwcHggOHB4IHJnYmEoODAsIDg2LCA5NCwgMC4wOCkpO1xuICAgIH1cbiAgfVxuXG4gICZbZGF0YS0ke0NvbHVtbkFyZWEuRml4ZWRSaWdodC50b0xvY2FsZUxvd2VyQ2FzZSgpfV0ge1xuICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgei1pbmRleDogMTtcblxuICAgICZbZGF0YS1zaGFkb3dlZF1bZGF0YS1sYXN0LWZpeGVkXSB7XG4gICAgICBmaWx0ZXI6IGRyb3Atc2hhZG93KC04cHggMHB4IDhweCByZ2JhKDgwLCA4NiwgOTQsIDAuMDgpKTtcbiAgICB9XG4gIH1cblxuICA6aG92ZXIge1xuICAgICR7cHJvcHMgPT4gKHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogcHJvcHMudGhlbWUuY29sb3JzLmdyZXlbMTBdLFxuXG4gICAgICAnLS1ib3JkZXItY29sb3InOiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsyMF0sXG4gICAgfSl9XG4gIH1cblxuICAmW2RhdGEtaGFzLWFjdGl2ZV0ge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgICZbZGF0YS1hY3RpdmVdLFxuICAgIDphY3RpdmUge1xuICAgICAgJHtwcm9wcyA9PiAoe1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzMwXSxcblxuICAgICAgICAnLS1ib3JkZXItY29sb3InOiAndHJhbnNwYXJlbnQnLFxuICAgICAgfSl9XG4gICAgfVxuICB9XG5cbiAgOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5cbiAgJltkYXRhLWRpc2FibGVkXSB7XG4gICAgOmhvdmVyIHtcbiAgICAgICR7cHJvcHMgPT4gKHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsxMF0sXG5cbiAgICAgICAgJy0tYm9yZGVyLWNvbG9yJzogcHJvcHMudGhlbWUuY29sb3JzLmdyZXlbMjBdLFxuICAgICAgfSl9XG4gICAgfVxuXG4gICAgJHtwcm9wcyA9PiAoe1xuICAgICAgY29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzQwXSxcbiAgICB9KX1cbiAgfVxuXG4gIDo6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgYm9yZGVyLXdpZHRoOiAwIDAgMnB4IDA7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICBib3JkZXItY29sb3I6IHZhcigtLWJvcmRlci1jb2xvcik7XG4gIH1cblxuICA6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICB0b3A6IGNhbGMoNTAlIC0gOHB4KTtcbiAgICByaWdodDogMDtcbiAgICB3aWR0aDogMnB4O1xuICAgIGhlaWdodDogMTZweDtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ib3JkZXItY29sb3IsIHRyYW5zcGFyZW50KTtcbiAgfVxuXG4gICZbZGF0YS1ib3JkZXJlZF0ge1xuICAgIDo6YmVmb3JlIHtcbiAgICAgIGJvcmRlci13aWR0aDogMCAxcHggMnB4IDA7XG4gICAgfVxuXG4gICAgOmxhc3Qtb2YtdHlwZTo6YmVmb3JlIHtcbiAgICAgIGJvcmRlci13aWR0aDogMCAwIDJweCAwO1xuICAgIH1cblxuICAgIDo6YWZ0ZXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cblxuICA6bGFzdC1vZi10eXBlOjphZnRlciB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBnYXA6IDhweDtcbmA7XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkQ2VsbDogRlJDPEhUTUxUYWJsZUNlbGxFbGVtZW50LCBUYWJsZUhlYWRDZWxsUHJvcHM+ID0gZm9yd2FyZFJlZigocHJvcHMsIGJhc2VSZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGNoaWxkcmVuLFxuXG4gICAgaXNEaXNhYmxlZCxcbiAgICBpc0FjdGl2ZSxcbiAgICBpc0JvcmRlcmVkLFxuICAgIGlzTGFzdEZpeGVkLFxuICAgIGlzU2hhZG93ZWQsXG5cbiAgICB3cml0aW5nTW9kZSxcbiAgICB2ZXJ0aWNhbEFsaWduID0gJ3RvcCcsXG4gICAgdGV4dEFsaWduID0gJ2xlZnQnLFxuICAgIHVzZXJTZWxlY3QgPSAnbm9uZScsXG5cbiAgICBzdGFydEFkb3JubWVudCxcbiAgICBlbmRBZG9ybm1lbnQsXG4gICAgcmVzaXplcixcbiAgICBkcm9wZG93bjogRHJvcGRvd24sXG5cbiAgICB2YXJpYW50ID0gVGFibGVIZWFkQ2VsbFZhcmlhbnQuRGVmYXVsdCxcbiAgICBzaXplID0gU2l6ZVRva2VuVmFsdWUuTWVkaXVtLFxuICAgIGNvbHVtbkFyZWEgPSBDb2x1bW5BcmVhLkRlZmF1bHQsXG5cbiAgICAuLi5yZXN0XG4gIH0gPSBwcm9wcztcblxuICBjb25zdCByZWYgPSB1c2VSZWZNZXJnZShiYXNlUmVmKTtcbiAgY29uc3QgW2lzRHJvcGRvd25PcGVuLCBzZXRJc0Ryb3Bkb3duT3Blbl0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG5cbiAgY29uc3Qgb25LZXlEb3duOiBLZXlib2FyZEV2ZW50SGFuZGxlcjxIVE1MVGFibGVDZWxsRWxlbWVudD4gPSBlID0+IHtcbiAgICBpZiAoZS5jb2RlID09PSAnRXNjYXBlJykge1xuICAgICAgZS5jdXJyZW50VGFyZ2V0LmJsdXIoKTtcbiAgICB9XG5cbiAgICBpZiAoZS5jb2RlID09PSAnRW50ZXInIHx8IGUuY29kZSA9PT0gJ051bXBhZEVudGVyJykge1xuICAgICAgZS5jdXJyZW50VGFyZ2V0LmNsaWNrKCk7XG4gICAgfVxuXG4gICAgcHJvcHMub25LZXlEb3duPy4oZSk7XG4gIH07XG5cbiAgY29uc3Qgb25DbGljazogTW91c2VFdmVudEhhbmRsZXI8SFRNTFRhYmxlQ2VsbEVsZW1lbnQ+ID0gZSA9PiB7XG4gICAgaWYgKERyb3Bkb3duICYmICFpc0Ryb3Bkb3duT3Blbikge1xuICAgICAgc2V0SXNEcm9wZG93bk9wZW4odHJ1ZSk7XG4gICAgfVxuXG4gICAgcHJvcHMub25DbGljaz8uKGUpO1xuICB9O1xuXG4gIGNvbnN0IGRyb3Bkb3duID0gRHJvcGRvd24gPyA8RHJvcGRvd24gdGFyZ2V0UmVmPXtyZWZ9IGlzT3Blbj17aXNEcm9wZG93bk9wZW59IHNldElzT3Blbj17c2V0SXNEcm9wZG93bk9wZW59IC8+IDogbnVsbDtcbiAgY29uc3QgaGFzQWN0aXZlID0gISFwcm9wcy5vbkNsaWNrIHx8ICEhRHJvcGRvd24gfHwgISFpc0FjdGl2ZTtcblxuICBjb25zdCBjZWxsUHJvcHMgPSB7XG4gICAgLi4ucmVzdCxcblxuICAgIG9uQ2xpY2ssXG4gICAgb25LZXlEb3duLFxuXG4gICAgc3R5bGU6IHtcbiAgICAgIHZlcnRpY2FsQWxpZ24sXG4gICAgICB0ZXh0QWxpZ24sXG4gICAgICB3cml0aW5nTW9kZSxcbiAgICAgIHVzZXJTZWxlY3QsXG5cbiAgICAgIC4uLnByb3BzLnN0eWxlLFxuICAgIH0sXG5cbiAgICAnZGF0YS1jZWxsJzogdHJ1ZSxcbiAgICAnZGF0YS1kaXNhYmxlZCc6IGlzRGlzYWJsZWQgPyB0cnVlIDogdW5kZWZpbmVkLFxuICAgICdkYXRhLWFjdGl2ZSc6IGlzQWN0aXZlIHx8IGlzRHJvcGRvd25PcGVuID8gdHJ1ZSA6IHVuZGVmaW5lZCxcbiAgICAnZGF0YS1ib3JkZXJlZCc6IGlzQm9yZGVyZWQgPyB0cnVlIDogdW5kZWZpbmVkLFxuICAgICdkYXRhLXNoYWRvd2VkJzogaXNTaGFkb3dlZCA/IHRydWUgOiB1bmRlZmluZWQsXG4gICAgJ2RhdGEtaGFzLWFjdGl2ZSc6IGhhc0FjdGl2ZSA/IHRydWUgOiB1bmRlZmluZWQsXG4gICAgJ2RhdGEtaGFzLWVuZC1hZG9ybm1lbnQnOiBlbmRBZG9ybm1lbnQgPyB0cnVlIDogdW5kZWZpbmVkLFxuICAgICdkYXRhLWxhc3QtZml4ZWQnOiBpc0xhc3RGaXhlZCA/IHRydWUgOiB1bmRlZmluZWQsXG5cbiAgICBbYGRhdGEtJHtzaXplLnRvTG93ZXJDYXNlKCl9YF06IHRydWUsXG4gICAgW2BkYXRhLSR7dmFyaWFudC50b0xvd2VyQ2FzZSgpfWBdOiB0cnVlLFxuICAgIFtgZGF0YS0ke2NvbHVtbkFyZWEudG9Mb3dlckNhc2UoKX1gXTogdHJ1ZSxcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxDZWxsIHJlZj17cmVmfSB0YWJJbmRleD17MH0gey4uLmNlbGxQcm9wc30+XG4gICAgICA8Q29udGFpbmVyPlxuICAgICAgICB7c3RhcnRBZG9ybm1lbnR9XG4gICAgICAgIDxDb250ZW50PntjaGlsZHJlbn08L0NvbnRlbnQ+XG4gICAgICAgIHtlbmRBZG9ybm1lbnR9XG4gICAgICA8L0NvbnRhaW5lcj5cbiAgICAgIHtyZXNpemVyfVxuICAgICAge2Ryb3Bkb3dufVxuICAgIDwvQ2VsbD5cbiAgKTtcbn0pO1xuXG50eXBlIERhdGFHcmlkVGFibGVIZWFkQ2VsbFByb3BzID0ge1xuICBoZWFkZXI6IEhlYWRlcjx1bmtub3duLCB1bmtub3duPjtcbn07XG5cbmV4cG9ydCBjb25zdCBEYXRhR3JpZFRhYmxlSGVhZENlbGw6IFJlYWN0LkZDPERhdGFHcmlkVGFibGVIZWFkQ2VsbFByb3BzPiA9ICh7aGVhZGVyfSkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChEYXRhR3JpZENvbnRleHQpO1xuXG4gIGNvbnN0IHJlc2l6ZXIgPSAoKCkgPT4ge1xuICAgIGlmIChoZWFkZXIuY29sdW1uLmdldENhblJlc2l6ZSgpID09PSBmYWxzZSkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxUYWJsZUhlYWRDZWxsUmVzaXplclxuICAgICAgICBvbkRvdWJsZUNsaWNrPXsoKSA9PiBoZWFkZXIuY29sdW1uLnJlc2V0U2l6ZSgpfVxuICAgICAgICBvbk1vdXNlRG93bj17aGVhZGVyLmdldFJlc2l6ZUhhbmRsZXIoKX1cbiAgICAgICAgb25Ub3VjaFN0YXJ0PXtoZWFkZXIuZ2V0UmVzaXplSGFuZGxlcigpfVxuICAgICAgICBkYXRhLXJlc2l6aW5nPXtoZWFkZXIuY29sdW1uLmdldElzUmVzaXppbmcoKSA/IHRydWUgOiB1bmRlZmluZWR9XG4gICAgICAvPlxuICAgICk7XG4gIH0pKCk7XG5cbiAgY29uc3QgY29udGVudCA9IGhlYWRlci5pc1BsYWNlaG9sZGVyID8gbnVsbCA6IGZsZXhSZW5kZXIoaGVhZGVyLmNvbHVtbi5jb2x1bW5EZWYuaGVhZGVyLCBoZWFkZXIuZ2V0Q29udGV4dCgpKTtcblxuICBjb25zdCByZXN1bHRQcm9wczogVGFibGVIZWFkQ2VsbFByb3BzID0ge1xuICAgIHJlc2l6ZXIsXG5cbiAgICBxYTogY29udGV4dC5xYSxcbiAgICBpc0JvcmRlcmVkOiBjb250ZXh0LmlzQm9yZGVyZWQsXG4gICAgaXNTaGFkb3dlZDogY29udGV4dC5pc1NoYWRvd2VkLFxuICAgIHNpemU6IGNvbnRleHQuc2l6ZSxcbiAgICB2ZXJ0aWNhbEFsaWduOiBjb250ZXh0LnZlcnRpY2FsQWxpZ24sXG5cbiAgICBjb2xTcGFuOiBoZWFkZXIuY29sU3BhbixcbiAgICByb3dTcGFuOiBoZWFkZXIucm93U3BhbixcblxuICAgIHN0eWxlOiB7XG4gICAgICB3aWR0aDogYGNhbGModmFyKC0taGVhZGVyLSR7aGVhZGVyPy5pZH0tc2l6ZSkgKiAxcHgpYCxcbiAgICB9LFxuICB9O1xuXG4gIGFyZWFQcm9wcyhoZWFkZXIuY29sdW1uLCByZXN1bHRQcm9wcyk7XG5cbiAgaWYgKGNvbnRleHQuaGVhZENlbGxQcm9wcykge1xuICAgIE9iamVjdC5hc3NpZ24oXG4gICAgICByZXN1bHRQcm9wcyxcbiAgICAgIGNvbnRleHQuaGVhZENlbGxQcm9wcyBpbnN0YW5jZW9mIEZ1bmN0aW9uID8gY29udGV4dC5oZWFkQ2VsbFByb3BzKGhlYWRlcikgOiBjb250ZXh0LmhlYWRDZWxsUHJvcHNcbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8VGFibGVIZWFkQ2VsbCBrZXk9e2hlYWRlci5pZH0gey4uLnJlc3VsdFByb3BzfT5cbiAgICAgIHtjb250ZW50fVxuICAgIDwvVGFibGVIZWFkQ2VsbD5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXREYXRhR3JpZFRhYmxlSGVhZENlbGwgPSAoaGVhZGVyOiBEYXRhR3JpZFRhYmxlSGVhZENlbGxQcm9wc1snaGVhZGVyJ10pID0+IHtcbiAgcmV0dXJuIDxEYXRhR3JpZFRhYmxlSGVhZENlbGwga2V5PXtoZWFkZXIuaWR9IGhlYWRlcj17aGVhZGVyfSAvPjtcbn07XG5cbmV4cG9ydCAqIGZyb20gJy4vdHlwZXMnO1xuIl19 */")), U = /* @__PURE__ */ A("th", process.env.NODE_ENV === "production" ? {
+  target: "e1rrcx342"
+} : {
+  target: "e1rrcx342",
+  label: "Cell"
+})("position:relative;box-sizing:border-box;", (g) => ({
+  color: g.theme.colors.grey[100],
+  backgroundColor: g.theme.colors.white,
+  "--border-color": g.theme.colors.grey[10]
+}), ";&[data-", l.Large.toLocaleLowerCase(), "]{padding:12px;min-height:44px;", (g) => g.theme.typography.h4, ";&[data-", i.Checkbox.toLocaleLowerCase(), "]{padding:14px 12px;&[data-has-end-adornment]{padding-right:8px;}}}&[data-", l.Medium.toLocaleLowerCase(), "]{padding:12px;min-height:40px;", (g) => g.theme.typography.h5, ";&[data-", i.Checkbox.toLocaleLowerCase(), "]{padding:12px;&[data-has-end-adornment]{padding-right:8px;}}}&[data-", l.Small.toLocaleLowerCase(), "]{padding:8px;min-height:32px;", (g) => g.theme.typography.h5, ";}&[data-shadowed]{filter:drop-shadow(8px 0px 8px rgba(80, 86, 94, 0.08));&::before{border-bottom-width:0;}}&[data-", d.FixedLeft.toLocaleLowerCase(), "]{position:sticky;z-index:1;&[data-shadowed][data-last-fixed]{filter:drop-shadow(8px 0px 8px rgba(80, 86, 94, 0.08));}}&[data-", d.FixedRight.toLocaleLowerCase(), "]{position:sticky;z-index:1;&[data-shadowed][data-last-fixed]{filter:drop-shadow(-8px 0px 8px rgba(80, 86, 94, 0.08));}}:hover{", (g) => ({
+  backgroundColor: g.theme.colors.grey[10],
+  "--border-color": g.theme.colors.grey[20]
+}), ";}&[data-has-active]{cursor:pointer;&[data-active],:active{", (g) => ({
+  backgroundColor: g.theme.colors.grey[30],
+  "--border-color": "transparent"
+}), ";}}:focus{outline:none;}&[data-disabled]{", (g) => ({
+  color: g.theme.colors.grey[40]
+}), ";:hover{", (g) => ({
+  backgroundColor: g.theme.colors.grey[10],
+  "--border-color": g.theme.colors.grey[20]
+}), ";}}::before{content:'';display:block;position:absolute;box-sizing:border-box;top:0;left:0;width:100%;height:100%;user-select:none;pointer-events:none;border-width:0 0 2px 0;border-style:solid;border-color:var(--border-color);}::after{content:'';display:block;position:absolute;box-sizing:border-box;top:calc(50% - 8px);right:0;width:2px;height:16px;user-select:none;pointer-events:none;background-color:var(--border-color, transparent);}&[data-bordered]{::before{border-width:0 1px 2px 0;}:last-of-type::before{border-width:0 0 2px 0;}::after{display:none;}}:last-of-type::after{display:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC9zcmMvVGFibGVIZWFkQ2VsbC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0RzQiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9kYXRhLWdyaWQvc3JjL1RhYmxlSGVhZENlbGwvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnO1xuXG5pbXBvcnQge3VzZUNvbnRleHQsIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQge2ZsZXhSZW5kZXJ9IGZyb20gJ0B0YW5zdGFjay9yZWFjdC10YWJsZSc7XG5cbmltcG9ydCB7Zm9yd2FyZFJlZiwgU2l6ZVRva2VuVmFsdWUsIHVzZVJlZk1lcmdlfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQge0NvbHVtbkFyZWF9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LWRhdGEtZ3JpZC1zZXR0aW5ncyc7XG5cbmltcG9ydCB7RGF0YUdyaWRDb250ZXh0fSBmcm9tICdEYXRhR3JpZENvbnRleHQnO1xuXG5pbXBvcnQge2FyZWFQcm9wc30gZnJvbSAnVGFibGVDZWxsL2hvb2snO1xuXG5pbXBvcnQge1RhYmxlSGVhZENlbGxWYXJpYW50fSBmcm9tICcuL3R5cGVzJztcblxuaW1wb3J0IHR5cGUge0tleWJvYXJkRXZlbnRIYW5kbGVyLCBNb3VzZUV2ZW50SGFuZGxlcn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUge0hlYWRlcn0gZnJvbSAnQHRhbnN0YWNrL3JlYWN0LXRhYmxlJztcbmltcG9ydCB0eXBlIHtGUkN9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtUYWJsZUhlYWRDZWxsUHJvcHN9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkQ2VsbFJlc2l6ZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB0b3A6IDA7XG4gIHJpZ2h0OiAtNXB4O1xuICB3aWR0aDogMTBweDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBjdXJzb3I6IGNvbC1yZXNpemU7XG4gIHotaW5kZXg6IDE7XG5cbiAgOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHdpZHRoOiAzcHg7XG4gICAgaGVpZ2h0OiAyNHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBvcGFjaXR5OiAwO1xuXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5jb2xvcnMuYWNjZW50WzgwXX07XG4gIH1cblxuICAmW2RhdGEtcmVzaXppbmddOjpiZWZvcmUge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmNvbnN0IENlbGwgPSBzdHlsZWQudGhgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAke3Byb3BzID0+ICh7XG4gICAgY29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzEwMF0sXG4gICAgYmFja2dyb3VuZENvbG9yOiBwcm9wcy50aGVtZS5jb2xvcnMud2hpdGUsXG5cbiAgICAnLS1ib3JkZXItY29sb3InOiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsxMF0sXG4gIH0pfTtcblxuICAmW2RhdGEtJHtTaXplVG9rZW5WYWx1ZS5MYXJnZS50b0xvY2FsZUxvd2VyQ2FzZSgpfV0ge1xuICAgIHBhZGRpbmc6IDEycHg7XG4gICAgbWluLWhlaWdodDogNDRweDtcblxuICAgICZbZGF0YS0ke1RhYmxlSGVhZENlbGxWYXJpYW50LkNoZWNrYm94LnRvTG9jYWxlTG93ZXJDYXNlKCl9XSB7XG4gICAgICBwYWRkaW5nOiAxNHB4IDEycHg7XG5cbiAgICAgICZbZGF0YS1oYXMtZW5kLWFkb3JubWVudF0ge1xuICAgICAgICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50eXBvZ3JhcGh5Lmg0fVxuICB9XG5cbiAgJltkYXRhLSR7U2l6ZVRva2VuVmFsdWUuTWVkaXVtLnRvTG9jYWxlTG93ZXJDYXNlKCl9XSB7XG4gICAgcGFkZGluZzogMTJweDtcbiAgICBtaW4taGVpZ2h0OiA0MHB4O1xuXG4gICAgJltkYXRhLSR7VGFibGVIZWFkQ2VsbFZhcmlhbnQuQ2hlY2tib3gudG9Mb2NhbGVMb3dlckNhc2UoKX1dIHtcbiAgICAgIHBhZGRpbmc6IDEycHg7XG5cbiAgICAgICZbZGF0YS1oYXMtZW5kLWFkb3JubWVudF0ge1xuICAgICAgICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50eXBvZ3JhcGh5Lmg1fVxuICB9XG5cbiAgJltkYXRhLSR7U2l6ZVRva2VuVmFsdWUuU21hbGwudG9Mb2NhbGVMb3dlckNhc2UoKX1dIHtcbiAgICBwYWRkaW5nOiA4cHg7XG4gICAgbWluLWhlaWdodDogMzJweDtcblxuICAgICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudHlwb2dyYXBoeS5oNX1cbiAgfVxuXG4gICZbZGF0YS1zaGFkb3dlZF0ge1xuICAgIGZpbHRlcjogZHJvcC1zaGFkb3coOHB4IDBweCA4cHggcmdiYSg4MCwgODYsIDk0LCAwLjA4KSk7XG5cbiAgICAmOjpiZWZvcmUge1xuICAgICAgYm9yZGVyLWJvdHRvbS13aWR0aDogMDtcbiAgICB9XG4gIH1cblxuICAmW2RhdGEtJHtDb2x1bW5BcmVhLkZpeGVkTGVmdC50b0xvY2FsZUxvd2VyQ2FzZSgpfV0ge1xuICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgei1pbmRleDogMTtcblxuICAgICZbZGF0YS1zaGFkb3dlZF1bZGF0YS1sYXN0LWZpeGVkXSB7XG4gICAgICBmaWx0ZXI6IGRyb3Atc2hhZG93KDhweCAwcHggOHB4IHJnYmEoODAsIDg2LCA5NCwgMC4wOCkpO1xuICAgIH1cbiAgfVxuXG4gICZbZGF0YS0ke0NvbHVtbkFyZWEuRml4ZWRSaWdodC50b0xvY2FsZUxvd2VyQ2FzZSgpfV0ge1xuICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgei1pbmRleDogMTtcblxuICAgICZbZGF0YS1zaGFkb3dlZF1bZGF0YS1sYXN0LWZpeGVkXSB7XG4gICAgICBmaWx0ZXI6IGRyb3Atc2hhZG93KC04cHggMHB4IDhweCByZ2JhKDgwLCA4NiwgOTQsIDAuMDgpKTtcbiAgICB9XG4gIH1cblxuICA6aG92ZXIge1xuICAgICR7cHJvcHMgPT4gKHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogcHJvcHMudGhlbWUuY29sb3JzLmdyZXlbMTBdLFxuXG4gICAgICAnLS1ib3JkZXItY29sb3InOiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsyMF0sXG4gICAgfSl9XG4gIH1cblxuICAmW2RhdGEtaGFzLWFjdGl2ZV0ge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgICZbZGF0YS1hY3RpdmVdLFxuICAgIDphY3RpdmUge1xuICAgICAgJHtwcm9wcyA9PiAoe1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzMwXSxcblxuICAgICAgICAnLS1ib3JkZXItY29sb3InOiAndHJhbnNwYXJlbnQnLFxuICAgICAgfSl9XG4gICAgfVxuICB9XG5cbiAgOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5cbiAgJltkYXRhLWRpc2FibGVkXSB7XG4gICAgOmhvdmVyIHtcbiAgICAgICR7cHJvcHMgPT4gKHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsxMF0sXG5cbiAgICAgICAgJy0tYm9yZGVyLWNvbG9yJzogcHJvcHMudGhlbWUuY29sb3JzLmdyZXlbMjBdLFxuICAgICAgfSl9XG4gICAgfVxuXG4gICAgJHtwcm9wcyA9PiAoe1xuICAgICAgY29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzQwXSxcbiAgICB9KX1cbiAgfVxuXG4gIDo6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgYm9yZGVyLXdpZHRoOiAwIDAgMnB4IDA7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICBib3JkZXItY29sb3I6IHZhcigtLWJvcmRlci1jb2xvcik7XG4gIH1cblxuICA6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICB0b3A6IGNhbGMoNTAlIC0gOHB4KTtcbiAgICByaWdodDogMDtcbiAgICB3aWR0aDogMnB4O1xuICAgIGhlaWdodDogMTZweDtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ib3JkZXItY29sb3IsIHRyYW5zcGFyZW50KTtcbiAgfVxuXG4gICZbZGF0YS1ib3JkZXJlZF0ge1xuICAgIDo6YmVmb3JlIHtcbiAgICAgIGJvcmRlci13aWR0aDogMCAxcHggMnB4IDA7XG4gICAgfVxuXG4gICAgOmxhc3Qtb2YtdHlwZTo6YmVmb3JlIHtcbiAgICAgIGJvcmRlci13aWR0aDogMCAwIDJweCAwO1xuICAgIH1cblxuICAgIDo6YWZ0ZXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cblxuICA6bGFzdC1vZi10eXBlOjphZnRlciB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBnYXA6IDhweDtcbmA7XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkQ2VsbDogRlJDPEhUTUxUYWJsZUNlbGxFbGVtZW50LCBUYWJsZUhlYWRDZWxsUHJvcHM+ID0gZm9yd2FyZFJlZigocHJvcHMsIGJhc2VSZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGNoaWxkcmVuLFxuXG4gICAgaXNEaXNhYmxlZCxcbiAgICBpc0FjdGl2ZSxcbiAgICBpc0JvcmRlcmVkLFxuICAgIGlzTGFzdEZpeGVkLFxuICAgIGlzU2hhZG93ZWQsXG5cbiAgICB3cml0aW5nTW9kZSxcbiAgICB2ZXJ0aWNhbEFsaWduID0gJ3RvcCcsXG4gICAgdGV4dEFsaWduID0gJ2xlZnQnLFxuICAgIHVzZXJTZWxlY3QgPSAnbm9uZScsXG5cbiAgICBzdGFydEFkb3JubWVudCxcbiAgICBlbmRBZG9ybm1lbnQsXG4gICAgcmVzaXplcixcbiAgICBkcm9wZG93bjogRHJvcGRvd24sXG5cbiAgICB2YXJpYW50ID0gVGFibGVIZWFkQ2VsbFZhcmlhbnQuRGVmYXVsdCxcbiAgICBzaXplID0gU2l6ZVRva2VuVmFsdWUuTWVkaXVtLFxuICAgIGNvbHVtbkFyZWEgPSBDb2x1bW5BcmVhLkRlZmF1bHQsXG5cbiAgICAuLi5yZXN0XG4gIH0gPSBwcm9wcztcblxuICBjb25zdCByZWYgPSB1c2VSZWZNZXJnZShiYXNlUmVmKTtcbiAgY29uc3QgW2lzRHJvcGRvd25PcGVuLCBzZXRJc0Ryb3Bkb3duT3Blbl0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG5cbiAgY29uc3Qgb25LZXlEb3duOiBLZXlib2FyZEV2ZW50SGFuZGxlcjxIVE1MVGFibGVDZWxsRWxlbWVudD4gPSBlID0+IHtcbiAgICBpZiAoZS5jb2RlID09PSAnRXNjYXBlJykge1xuICAgICAgZS5jdXJyZW50VGFyZ2V0LmJsdXIoKTtcbiAgICB9XG5cbiAgICBpZiAoZS5jb2RlID09PSAnRW50ZXInIHx8IGUuY29kZSA9PT0gJ051bXBhZEVudGVyJykge1xuICAgICAgZS5jdXJyZW50VGFyZ2V0LmNsaWNrKCk7XG4gICAgfVxuXG4gICAgcHJvcHMub25LZXlEb3duPy4oZSk7XG4gIH07XG5cbiAgY29uc3Qgb25DbGljazogTW91c2VFdmVudEhhbmRsZXI8SFRNTFRhYmxlQ2VsbEVsZW1lbnQ+ID0gZSA9PiB7XG4gICAgaWYgKERyb3Bkb3duICYmICFpc0Ryb3Bkb3duT3Blbikge1xuICAgICAgc2V0SXNEcm9wZG93bk9wZW4odHJ1ZSk7XG4gICAgfVxuXG4gICAgcHJvcHMub25DbGljaz8uKGUpO1xuICB9O1xuXG4gIGNvbnN0IGRyb3Bkb3duID0gRHJvcGRvd24gPyA8RHJvcGRvd24gdGFyZ2V0UmVmPXtyZWZ9IGlzT3Blbj17aXNEcm9wZG93bk9wZW59IHNldElzT3Blbj17c2V0SXNEcm9wZG93bk9wZW59IC8+IDogbnVsbDtcbiAgY29uc3QgaGFzQWN0aXZlID0gISFwcm9wcy5vbkNsaWNrIHx8ICEhRHJvcGRvd24gfHwgISFpc0FjdGl2ZTtcblxuICBjb25zdCBjZWxsUHJvcHMgPSB7XG4gICAgLi4ucmVzdCxcblxuICAgIG9uQ2xpY2ssXG4gICAgb25LZXlEb3duLFxuXG4gICAgc3R5bGU6IHtcbiAgICAgIHZlcnRpY2FsQWxpZ24sXG4gICAgICB0ZXh0QWxpZ24sXG4gICAgICB3cml0aW5nTW9kZSxcbiAgICAgIHVzZXJTZWxlY3QsXG5cbiAgICAgIC4uLnByb3BzLnN0eWxlLFxuICAgIH0sXG5cbiAgICAnZGF0YS1jZWxsJzogdHJ1ZSxcbiAgICAnZGF0YS1kaXNhYmxlZCc6IGlzRGlzYWJsZWQgPyB0cnVlIDogdW5kZWZpbmVkLFxuICAgICdkYXRhLWFjdGl2ZSc6IGlzQWN0aXZlIHx8IGlzRHJvcGRvd25PcGVuID8gdHJ1ZSA6IHVuZGVmaW5lZCxcbiAgICAnZGF0YS1ib3JkZXJlZCc6IGlzQm9yZGVyZWQgPyB0cnVlIDogdW5kZWZpbmVkLFxuICAgICdkYXRhLXNoYWRvd2VkJzogaXNTaGFkb3dlZCA/IHRydWUgOiB1bmRlZmluZWQsXG4gICAgJ2RhdGEtaGFzLWFjdGl2ZSc6IGhhc0FjdGl2ZSA/IHRydWUgOiB1bmRlZmluZWQsXG4gICAgJ2RhdGEtaGFzLWVuZC1hZG9ybm1lbnQnOiBlbmRBZG9ybm1lbnQgPyB0cnVlIDogdW5kZWZpbmVkLFxuICAgICdkYXRhLWxhc3QtZml4ZWQnOiBpc0xhc3RGaXhlZCA/IHRydWUgOiB1bmRlZmluZWQsXG5cbiAgICBbYGRhdGEtJHtzaXplLnRvTG93ZXJDYXNlKCl9YF06IHRydWUsXG4gICAgW2BkYXRhLSR7dmFyaWFudC50b0xvd2VyQ2FzZSgpfWBdOiB0cnVlLFxuICAgIFtgZGF0YS0ke2NvbHVtbkFyZWEudG9Mb3dlckNhc2UoKX1gXTogdHJ1ZSxcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxDZWxsIHJlZj17cmVmfSB0YWJJbmRleD17MH0gey4uLmNlbGxQcm9wc30+XG4gICAgICA8Q29udGFpbmVyPlxuICAgICAgICB7c3RhcnRBZG9ybm1lbnR9XG4gICAgICAgIDxDb250ZW50PntjaGlsZHJlbn08L0NvbnRlbnQ+XG4gICAgICAgIHtlbmRBZG9ybm1lbnR9XG4gICAgICA8L0NvbnRhaW5lcj5cbiAgICAgIHtyZXNpemVyfVxuICAgICAge2Ryb3Bkb3dufVxuICAgIDwvQ2VsbD5cbiAgKTtcbn0pO1xuXG50eXBlIERhdGFHcmlkVGFibGVIZWFkQ2VsbFByb3BzID0ge1xuICBoZWFkZXI6IEhlYWRlcjx1bmtub3duLCB1bmtub3duPjtcbn07XG5cbmV4cG9ydCBjb25zdCBEYXRhR3JpZFRhYmxlSGVhZENlbGw6IFJlYWN0LkZDPERhdGFHcmlkVGFibGVIZWFkQ2VsbFByb3BzPiA9ICh7aGVhZGVyfSkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChEYXRhR3JpZENvbnRleHQpO1xuXG4gIGNvbnN0IHJlc2l6ZXIgPSAoKCkgPT4ge1xuICAgIGlmIChoZWFkZXIuY29sdW1uLmdldENhblJlc2l6ZSgpID09PSBmYWxzZSkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxUYWJsZUhlYWRDZWxsUmVzaXplclxuICAgICAgICBvbkRvdWJsZUNsaWNrPXsoKSA9PiBoZWFkZXIuY29sdW1uLnJlc2V0U2l6ZSgpfVxuICAgICAgICBvbk1vdXNlRG93bj17aGVhZGVyLmdldFJlc2l6ZUhhbmRsZXIoKX1cbiAgICAgICAgb25Ub3VjaFN0YXJ0PXtoZWFkZXIuZ2V0UmVzaXplSGFuZGxlcigpfVxuICAgICAgICBkYXRhLXJlc2l6aW5nPXtoZWFkZXIuY29sdW1uLmdldElzUmVzaXppbmcoKSA/IHRydWUgOiB1bmRlZmluZWR9XG4gICAgICAvPlxuICAgICk7XG4gIH0pKCk7XG5cbiAgY29uc3QgY29udGVudCA9IGhlYWRlci5pc1BsYWNlaG9sZGVyID8gbnVsbCA6IGZsZXhSZW5kZXIoaGVhZGVyLmNvbHVtbi5jb2x1bW5EZWYuaGVhZGVyLCBoZWFkZXIuZ2V0Q29udGV4dCgpKTtcblxuICBjb25zdCByZXN1bHRQcm9wczogVGFibGVIZWFkQ2VsbFByb3BzID0ge1xuICAgIHJlc2l6ZXIsXG5cbiAgICBxYTogY29udGV4dC5xYSxcbiAgICBpc0JvcmRlcmVkOiBjb250ZXh0LmlzQm9yZGVyZWQsXG4gICAgaXNTaGFkb3dlZDogY29udGV4dC5pc1NoYWRvd2VkLFxuICAgIHNpemU6IGNvbnRleHQuc2l6ZSxcbiAgICB2ZXJ0aWNhbEFsaWduOiBjb250ZXh0LnZlcnRpY2FsQWxpZ24sXG5cbiAgICBjb2xTcGFuOiBoZWFkZXIuY29sU3BhbixcbiAgICByb3dTcGFuOiBoZWFkZXIucm93U3BhbixcblxuICAgIHN0eWxlOiB7XG4gICAgICB3aWR0aDogYGNhbGModmFyKC0taGVhZGVyLSR7aGVhZGVyPy5pZH0tc2l6ZSkgKiAxcHgpYCxcbiAgICB9LFxuICB9O1xuXG4gIGFyZWFQcm9wcyhoZWFkZXIuY29sdW1uLCByZXN1bHRQcm9wcyk7XG5cbiAgaWYgKGNvbnRleHQuaGVhZENlbGxQcm9wcykge1xuICAgIE9iamVjdC5hc3NpZ24oXG4gICAgICByZXN1bHRQcm9wcyxcbiAgICAgIGNvbnRleHQuaGVhZENlbGxQcm9wcyBpbnN0YW5jZW9mIEZ1bmN0aW9uID8gY29udGV4dC5oZWFkQ2VsbFByb3BzKGhlYWRlcikgOiBjb250ZXh0LmhlYWRDZWxsUHJvcHNcbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8VGFibGVIZWFkQ2VsbCBrZXk9e2hlYWRlci5pZH0gey4uLnJlc3VsdFByb3BzfT5cbiAgICAgIHtjb250ZW50fVxuICAgIDwvVGFibGVIZWFkQ2VsbD5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXREYXRhR3JpZFRhYmxlSGVhZENlbGwgPSAoaGVhZGVyOiBEYXRhR3JpZFRhYmxlSGVhZENlbGxQcm9wc1snaGVhZGVyJ10pID0+IHtcbiAgcmV0dXJuIDxEYXRhR3JpZFRhYmxlSGVhZENlbGwga2V5PXtoZWFkZXIuaWR9IGhlYWRlcj17aGVhZGVyfSAvPjtcbn07XG5cbmV4cG9ydCAqIGZyb20gJy4vdHlwZXMnO1xuIl19 */")), T = /* @__PURE__ */ A("div", process.env.NODE_ENV === "production" ? {
+  target: "e1rrcx341"
+} : {
+  target: "e1rrcx341",
+  label: "Container"
+})(process.env.NODE_ENV === "production" ? {
+  name: "15dbgh0",
+  styles: "display:flex;position:relative;box-sizing:border-box;gap:8px"
+} : {
+  name: "15dbgh0",
+  styles: "display:flex;position:relative;box-sizing:border-box;gap:8px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC9zcmMvVGFibGVIZWFkQ2VsbC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb040QiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9kYXRhLWdyaWQvc3JjL1RhYmxlSGVhZENlbGwvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnO1xuXG5pbXBvcnQge3VzZUNvbnRleHQsIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQge2ZsZXhSZW5kZXJ9IGZyb20gJ0B0YW5zdGFjay9yZWFjdC10YWJsZSc7XG5cbmltcG9ydCB7Zm9yd2FyZFJlZiwgU2l6ZVRva2VuVmFsdWUsIHVzZVJlZk1lcmdlfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQge0NvbHVtbkFyZWF9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LWRhdGEtZ3JpZC1zZXR0aW5ncyc7XG5cbmltcG9ydCB7RGF0YUdyaWRDb250ZXh0fSBmcm9tICdEYXRhR3JpZENvbnRleHQnO1xuXG5pbXBvcnQge2FyZWFQcm9wc30gZnJvbSAnVGFibGVDZWxsL2hvb2snO1xuXG5pbXBvcnQge1RhYmxlSGVhZENlbGxWYXJpYW50fSBmcm9tICcuL3R5cGVzJztcblxuaW1wb3J0IHR5cGUge0tleWJvYXJkRXZlbnRIYW5kbGVyLCBNb3VzZUV2ZW50SGFuZGxlcn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUge0hlYWRlcn0gZnJvbSAnQHRhbnN0YWNrL3JlYWN0LXRhYmxlJztcbmltcG9ydCB0eXBlIHtGUkN9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtUYWJsZUhlYWRDZWxsUHJvcHN9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkQ2VsbFJlc2l6ZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB0b3A6IDA7XG4gIHJpZ2h0OiAtNXB4O1xuICB3aWR0aDogMTBweDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBjdXJzb3I6IGNvbC1yZXNpemU7XG4gIHotaW5kZXg6IDE7XG5cbiAgOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHdpZHRoOiAzcHg7XG4gICAgaGVpZ2h0OiAyNHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBvcGFjaXR5OiAwO1xuXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5jb2xvcnMuYWNjZW50WzgwXX07XG4gIH1cblxuICAmW2RhdGEtcmVzaXppbmddOjpiZWZvcmUge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmNvbnN0IENlbGwgPSBzdHlsZWQudGhgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAke3Byb3BzID0+ICh7XG4gICAgY29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzEwMF0sXG4gICAgYmFja2dyb3VuZENvbG9yOiBwcm9wcy50aGVtZS5jb2xvcnMud2hpdGUsXG5cbiAgICAnLS1ib3JkZXItY29sb3InOiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsxMF0sXG4gIH0pfTtcblxuICAmW2RhdGEtJHtTaXplVG9rZW5WYWx1ZS5MYXJnZS50b0xvY2FsZUxvd2VyQ2FzZSgpfV0ge1xuICAgIHBhZGRpbmc6IDEycHg7XG4gICAgbWluLWhlaWdodDogNDRweDtcblxuICAgICZbZGF0YS0ke1RhYmxlSGVhZENlbGxWYXJpYW50LkNoZWNrYm94LnRvTG9jYWxlTG93ZXJDYXNlKCl9XSB7XG4gICAgICBwYWRkaW5nOiAxNHB4IDEycHg7XG5cbiAgICAgICZbZGF0YS1oYXMtZW5kLWFkb3JubWVudF0ge1xuICAgICAgICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50eXBvZ3JhcGh5Lmg0fVxuICB9XG5cbiAgJltkYXRhLSR7U2l6ZVRva2VuVmFsdWUuTWVkaXVtLnRvTG9jYWxlTG93ZXJDYXNlKCl9XSB7XG4gICAgcGFkZGluZzogMTJweDtcbiAgICBtaW4taGVpZ2h0OiA0MHB4O1xuXG4gICAgJltkYXRhLSR7VGFibGVIZWFkQ2VsbFZhcmlhbnQuQ2hlY2tib3gudG9Mb2NhbGVMb3dlckNhc2UoKX1dIHtcbiAgICAgIHBhZGRpbmc6IDEycHg7XG5cbiAgICAgICZbZGF0YS1oYXMtZW5kLWFkb3JubWVudF0ge1xuICAgICAgICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50eXBvZ3JhcGh5Lmg1fVxuICB9XG5cbiAgJltkYXRhLSR7U2l6ZVRva2VuVmFsdWUuU21hbGwudG9Mb2NhbGVMb3dlckNhc2UoKX1dIHtcbiAgICBwYWRkaW5nOiA4cHg7XG4gICAgbWluLWhlaWdodDogMzJweDtcblxuICAgICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudHlwb2dyYXBoeS5oNX1cbiAgfVxuXG4gICZbZGF0YS1zaGFkb3dlZF0ge1xuICAgIGZpbHRlcjogZHJvcC1zaGFkb3coOHB4IDBweCA4cHggcmdiYSg4MCwgODYsIDk0LCAwLjA4KSk7XG5cbiAgICAmOjpiZWZvcmUge1xuICAgICAgYm9yZGVyLWJvdHRvbS13aWR0aDogMDtcbiAgICB9XG4gIH1cblxuICAmW2RhdGEtJHtDb2x1bW5BcmVhLkZpeGVkTGVmdC50b0xvY2FsZUxvd2VyQ2FzZSgpfV0ge1xuICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgei1pbmRleDogMTtcblxuICAgICZbZGF0YS1zaGFkb3dlZF1bZGF0YS1sYXN0LWZpeGVkXSB7XG4gICAgICBmaWx0ZXI6IGRyb3Atc2hhZG93KDhweCAwcHggOHB4IHJnYmEoODAsIDg2LCA5NCwgMC4wOCkpO1xuICAgIH1cbiAgfVxuXG4gICZbZGF0YS0ke0NvbHVtbkFyZWEuRml4ZWRSaWdodC50b0xvY2FsZUxvd2VyQ2FzZSgpfV0ge1xuICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgei1pbmRleDogMTtcblxuICAgICZbZGF0YS1zaGFkb3dlZF1bZGF0YS1sYXN0LWZpeGVkXSB7XG4gICAgICBmaWx0ZXI6IGRyb3Atc2hhZG93KC04cHggMHB4IDhweCByZ2JhKDgwLCA4NiwgOTQsIDAuMDgpKTtcbiAgICB9XG4gIH1cblxuICA6aG92ZXIge1xuICAgICR7cHJvcHMgPT4gKHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogcHJvcHMudGhlbWUuY29sb3JzLmdyZXlbMTBdLFxuXG4gICAgICAnLS1ib3JkZXItY29sb3InOiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsyMF0sXG4gICAgfSl9XG4gIH1cblxuICAmW2RhdGEtaGFzLWFjdGl2ZV0ge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgICZbZGF0YS1hY3RpdmVdLFxuICAgIDphY3RpdmUge1xuICAgICAgJHtwcm9wcyA9PiAoe1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzMwXSxcblxuICAgICAgICAnLS1ib3JkZXItY29sb3InOiAndHJhbnNwYXJlbnQnLFxuICAgICAgfSl9XG4gICAgfVxuICB9XG5cbiAgOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5cbiAgJltkYXRhLWRpc2FibGVkXSB7XG4gICAgOmhvdmVyIHtcbiAgICAgICR7cHJvcHMgPT4gKHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsxMF0sXG5cbiAgICAgICAgJy0tYm9yZGVyLWNvbG9yJzogcHJvcHMudGhlbWUuY29sb3JzLmdyZXlbMjBdLFxuICAgICAgfSl9XG4gICAgfVxuXG4gICAgJHtwcm9wcyA9PiAoe1xuICAgICAgY29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzQwXSxcbiAgICB9KX1cbiAgfVxuXG4gIDo6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgYm9yZGVyLXdpZHRoOiAwIDAgMnB4IDA7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICBib3JkZXItY29sb3I6IHZhcigtLWJvcmRlci1jb2xvcik7XG4gIH1cblxuICA6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICB0b3A6IGNhbGMoNTAlIC0gOHB4KTtcbiAgICByaWdodDogMDtcbiAgICB3aWR0aDogMnB4O1xuICAgIGhlaWdodDogMTZweDtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ib3JkZXItY29sb3IsIHRyYW5zcGFyZW50KTtcbiAgfVxuXG4gICZbZGF0YS1ib3JkZXJlZF0ge1xuICAgIDo6YmVmb3JlIHtcbiAgICAgIGJvcmRlci13aWR0aDogMCAxcHggMnB4IDA7XG4gICAgfVxuXG4gICAgOmxhc3Qtb2YtdHlwZTo6YmVmb3JlIHtcbiAgICAgIGJvcmRlci13aWR0aDogMCAwIDJweCAwO1xuICAgIH1cblxuICAgIDo6YWZ0ZXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cblxuICA6bGFzdC1vZi10eXBlOjphZnRlciB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBnYXA6IDhweDtcbmA7XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkQ2VsbDogRlJDPEhUTUxUYWJsZUNlbGxFbGVtZW50LCBUYWJsZUhlYWRDZWxsUHJvcHM+ID0gZm9yd2FyZFJlZigocHJvcHMsIGJhc2VSZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGNoaWxkcmVuLFxuXG4gICAgaXNEaXNhYmxlZCxcbiAgICBpc0FjdGl2ZSxcbiAgICBpc0JvcmRlcmVkLFxuICAgIGlzTGFzdEZpeGVkLFxuICAgIGlzU2hhZG93ZWQsXG5cbiAgICB3cml0aW5nTW9kZSxcbiAgICB2ZXJ0aWNhbEFsaWduID0gJ3RvcCcsXG4gICAgdGV4dEFsaWduID0gJ2xlZnQnLFxuICAgIHVzZXJTZWxlY3QgPSAnbm9uZScsXG5cbiAgICBzdGFydEFkb3JubWVudCxcbiAgICBlbmRBZG9ybm1lbnQsXG4gICAgcmVzaXplcixcbiAgICBkcm9wZG93bjogRHJvcGRvd24sXG5cbiAgICB2YXJpYW50ID0gVGFibGVIZWFkQ2VsbFZhcmlhbnQuRGVmYXVsdCxcbiAgICBzaXplID0gU2l6ZVRva2VuVmFsdWUuTWVkaXVtLFxuICAgIGNvbHVtbkFyZWEgPSBDb2x1bW5BcmVhLkRlZmF1bHQsXG5cbiAgICAuLi5yZXN0XG4gIH0gPSBwcm9wcztcblxuICBjb25zdCByZWYgPSB1c2VSZWZNZXJnZShiYXNlUmVmKTtcbiAgY29uc3QgW2lzRHJvcGRvd25PcGVuLCBzZXRJc0Ryb3Bkb3duT3Blbl0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG5cbiAgY29uc3Qgb25LZXlEb3duOiBLZXlib2FyZEV2ZW50SGFuZGxlcjxIVE1MVGFibGVDZWxsRWxlbWVudD4gPSBlID0+IHtcbiAgICBpZiAoZS5jb2RlID09PSAnRXNjYXBlJykge1xuICAgICAgZS5jdXJyZW50VGFyZ2V0LmJsdXIoKTtcbiAgICB9XG5cbiAgICBpZiAoZS5jb2RlID09PSAnRW50ZXInIHx8IGUuY29kZSA9PT0gJ051bXBhZEVudGVyJykge1xuICAgICAgZS5jdXJyZW50VGFyZ2V0LmNsaWNrKCk7XG4gICAgfVxuXG4gICAgcHJvcHMub25LZXlEb3duPy4oZSk7XG4gIH07XG5cbiAgY29uc3Qgb25DbGljazogTW91c2VFdmVudEhhbmRsZXI8SFRNTFRhYmxlQ2VsbEVsZW1lbnQ+ID0gZSA9PiB7XG4gICAgaWYgKERyb3Bkb3duICYmICFpc0Ryb3Bkb3duT3Blbikge1xuICAgICAgc2V0SXNEcm9wZG93bk9wZW4odHJ1ZSk7XG4gICAgfVxuXG4gICAgcHJvcHMub25DbGljaz8uKGUpO1xuICB9O1xuXG4gIGNvbnN0IGRyb3Bkb3duID0gRHJvcGRvd24gPyA8RHJvcGRvd24gdGFyZ2V0UmVmPXtyZWZ9IGlzT3Blbj17aXNEcm9wZG93bk9wZW59IHNldElzT3Blbj17c2V0SXNEcm9wZG93bk9wZW59IC8+IDogbnVsbDtcbiAgY29uc3QgaGFzQWN0aXZlID0gISFwcm9wcy5vbkNsaWNrIHx8ICEhRHJvcGRvd24gfHwgISFpc0FjdGl2ZTtcblxuICBjb25zdCBjZWxsUHJvcHMgPSB7XG4gICAgLi4ucmVzdCxcblxuICAgIG9uQ2xpY2ssXG4gICAgb25LZXlEb3duLFxuXG4gICAgc3R5bGU6IHtcbiAgICAgIHZlcnRpY2FsQWxpZ24sXG4gICAgICB0ZXh0QWxpZ24sXG4gICAgICB3cml0aW5nTW9kZSxcbiAgICAgIHVzZXJTZWxlY3QsXG5cbiAgICAgIC4uLnByb3BzLnN0eWxlLFxuICAgIH0sXG5cbiAgICAnZGF0YS1jZWxsJzogdHJ1ZSxcbiAgICAnZGF0YS1kaXNhYmxlZCc6IGlzRGlzYWJsZWQgPyB0cnVlIDogdW5kZWZpbmVkLFxuICAgICdkYXRhLWFjdGl2ZSc6IGlzQWN0aXZlIHx8IGlzRHJvcGRvd25PcGVuID8gdHJ1ZSA6IHVuZGVmaW5lZCxcbiAgICAnZGF0YS1ib3JkZXJlZCc6IGlzQm9yZGVyZWQgPyB0cnVlIDogdW5kZWZpbmVkLFxuICAgICdkYXRhLXNoYWRvd2VkJzogaXNTaGFkb3dlZCA/IHRydWUgOiB1bmRlZmluZWQsXG4gICAgJ2RhdGEtaGFzLWFjdGl2ZSc6IGhhc0FjdGl2ZSA/IHRydWUgOiB1bmRlZmluZWQsXG4gICAgJ2RhdGEtaGFzLWVuZC1hZG9ybm1lbnQnOiBlbmRBZG9ybm1lbnQgPyB0cnVlIDogdW5kZWZpbmVkLFxuICAgICdkYXRhLWxhc3QtZml4ZWQnOiBpc0xhc3RGaXhlZCA/IHRydWUgOiB1bmRlZmluZWQsXG5cbiAgICBbYGRhdGEtJHtzaXplLnRvTG93ZXJDYXNlKCl9YF06IHRydWUsXG4gICAgW2BkYXRhLSR7dmFyaWFudC50b0xvd2VyQ2FzZSgpfWBdOiB0cnVlLFxuICAgIFtgZGF0YS0ke2NvbHVtbkFyZWEudG9Mb3dlckNhc2UoKX1gXTogdHJ1ZSxcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxDZWxsIHJlZj17cmVmfSB0YWJJbmRleD17MH0gey4uLmNlbGxQcm9wc30+XG4gICAgICA8Q29udGFpbmVyPlxuICAgICAgICB7c3RhcnRBZG9ybm1lbnR9XG4gICAgICAgIDxDb250ZW50PntjaGlsZHJlbn08L0NvbnRlbnQ+XG4gICAgICAgIHtlbmRBZG9ybm1lbnR9XG4gICAgICA8L0NvbnRhaW5lcj5cbiAgICAgIHtyZXNpemVyfVxuICAgICAge2Ryb3Bkb3dufVxuICAgIDwvQ2VsbD5cbiAgKTtcbn0pO1xuXG50eXBlIERhdGFHcmlkVGFibGVIZWFkQ2VsbFByb3BzID0ge1xuICBoZWFkZXI6IEhlYWRlcjx1bmtub3duLCB1bmtub3duPjtcbn07XG5cbmV4cG9ydCBjb25zdCBEYXRhR3JpZFRhYmxlSGVhZENlbGw6IFJlYWN0LkZDPERhdGFHcmlkVGFibGVIZWFkQ2VsbFByb3BzPiA9ICh7aGVhZGVyfSkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChEYXRhR3JpZENvbnRleHQpO1xuXG4gIGNvbnN0IHJlc2l6ZXIgPSAoKCkgPT4ge1xuICAgIGlmIChoZWFkZXIuY29sdW1uLmdldENhblJlc2l6ZSgpID09PSBmYWxzZSkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxUYWJsZUhlYWRDZWxsUmVzaXplclxuICAgICAgICBvbkRvdWJsZUNsaWNrPXsoKSA9PiBoZWFkZXIuY29sdW1uLnJlc2V0U2l6ZSgpfVxuICAgICAgICBvbk1vdXNlRG93bj17aGVhZGVyLmdldFJlc2l6ZUhhbmRsZXIoKX1cbiAgICAgICAgb25Ub3VjaFN0YXJ0PXtoZWFkZXIuZ2V0UmVzaXplSGFuZGxlcigpfVxuICAgICAgICBkYXRhLXJlc2l6aW5nPXtoZWFkZXIuY29sdW1uLmdldElzUmVzaXppbmcoKSA/IHRydWUgOiB1bmRlZmluZWR9XG4gICAgICAvPlxuICAgICk7XG4gIH0pKCk7XG5cbiAgY29uc3QgY29udGVudCA9IGhlYWRlci5pc1BsYWNlaG9sZGVyID8gbnVsbCA6IGZsZXhSZW5kZXIoaGVhZGVyLmNvbHVtbi5jb2x1bW5EZWYuaGVhZGVyLCBoZWFkZXIuZ2V0Q29udGV4dCgpKTtcblxuICBjb25zdCByZXN1bHRQcm9wczogVGFibGVIZWFkQ2VsbFByb3BzID0ge1xuICAgIHJlc2l6ZXIsXG5cbiAgICBxYTogY29udGV4dC5xYSxcbiAgICBpc0JvcmRlcmVkOiBjb250ZXh0LmlzQm9yZGVyZWQsXG4gICAgaXNTaGFkb3dlZDogY29udGV4dC5pc1NoYWRvd2VkLFxuICAgIHNpemU6IGNvbnRleHQuc2l6ZSxcbiAgICB2ZXJ0aWNhbEFsaWduOiBjb250ZXh0LnZlcnRpY2FsQWxpZ24sXG5cbiAgICBjb2xTcGFuOiBoZWFkZXIuY29sU3BhbixcbiAgICByb3dTcGFuOiBoZWFkZXIucm93U3BhbixcblxuICAgIHN0eWxlOiB7XG4gICAgICB3aWR0aDogYGNhbGModmFyKC0taGVhZGVyLSR7aGVhZGVyPy5pZH0tc2l6ZSkgKiAxcHgpYCxcbiAgICB9LFxuICB9O1xuXG4gIGFyZWFQcm9wcyhoZWFkZXIuY29sdW1uLCByZXN1bHRQcm9wcyk7XG5cbiAgaWYgKGNvbnRleHQuaGVhZENlbGxQcm9wcykge1xuICAgIE9iamVjdC5hc3NpZ24oXG4gICAgICByZXN1bHRQcm9wcyxcbiAgICAgIGNvbnRleHQuaGVhZENlbGxQcm9wcyBpbnN0YW5jZW9mIEZ1bmN0aW9uID8gY29udGV4dC5oZWFkQ2VsbFByb3BzKGhlYWRlcikgOiBjb250ZXh0LmhlYWRDZWxsUHJvcHNcbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8VGFibGVIZWFkQ2VsbCBrZXk9e2hlYWRlci5pZH0gey4uLnJlc3VsdFByb3BzfT5cbiAgICAgIHtjb250ZW50fVxuICAgIDwvVGFibGVIZWFkQ2VsbD5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXREYXRhR3JpZFRhYmxlSGVhZENlbGwgPSAoaGVhZGVyOiBEYXRhR3JpZFRhYmxlSGVhZENlbGxQcm9wc1snaGVhZGVyJ10pID0+IHtcbiAgcmV0dXJuIDxEYXRhR3JpZFRhYmxlSGVhZENlbGwga2V5PXtoZWFkZXIuaWR9IGhlYWRlcj17aGVhZGVyfSAvPjtcbn07XG5cbmV4cG9ydCAqIGZyb20gJy4vdHlwZXMnO1xuIl19 */",
+  toString: t
+}), M = /* @__PURE__ */ A("div", process.env.NODE_ENV === "production" ? {
+  target: "e1rrcx340"
+} : {
+  target: "e1rrcx340",
+  label: "Content"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1ff36h2",
+  styles: "flex-grow:1"
+} : {
+  name: "1ff36h2",
+  styles: "flex-grow:1/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC9zcmMvVGFibGVIZWFkQ2VsbC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMk4wQiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9kYXRhLWdyaWQvc3JjL1RhYmxlSGVhZENlbGwvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnO1xuXG5pbXBvcnQge3VzZUNvbnRleHQsIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQge2ZsZXhSZW5kZXJ9IGZyb20gJ0B0YW5zdGFjay9yZWFjdC10YWJsZSc7XG5cbmltcG9ydCB7Zm9yd2FyZFJlZiwgU2l6ZVRva2VuVmFsdWUsIHVzZVJlZk1lcmdlfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQge0NvbHVtbkFyZWF9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LWRhdGEtZ3JpZC1zZXR0aW5ncyc7XG5cbmltcG9ydCB7RGF0YUdyaWRDb250ZXh0fSBmcm9tICdEYXRhR3JpZENvbnRleHQnO1xuXG5pbXBvcnQge2FyZWFQcm9wc30gZnJvbSAnVGFibGVDZWxsL2hvb2snO1xuXG5pbXBvcnQge1RhYmxlSGVhZENlbGxWYXJpYW50fSBmcm9tICcuL3R5cGVzJztcblxuaW1wb3J0IHR5cGUge0tleWJvYXJkRXZlbnRIYW5kbGVyLCBNb3VzZUV2ZW50SGFuZGxlcn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUge0hlYWRlcn0gZnJvbSAnQHRhbnN0YWNrL3JlYWN0LXRhYmxlJztcbmltcG9ydCB0eXBlIHtGUkN9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtUYWJsZUhlYWRDZWxsUHJvcHN9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkQ2VsbFJlc2l6ZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB0b3A6IDA7XG4gIHJpZ2h0OiAtNXB4O1xuICB3aWR0aDogMTBweDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBjdXJzb3I6IGNvbC1yZXNpemU7XG4gIHotaW5kZXg6IDE7XG5cbiAgOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHdpZHRoOiAzcHg7XG4gICAgaGVpZ2h0OiAyNHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBvcGFjaXR5OiAwO1xuXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5jb2xvcnMuYWNjZW50WzgwXX07XG4gIH1cblxuICAmW2RhdGEtcmVzaXppbmddOjpiZWZvcmUge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmNvbnN0IENlbGwgPSBzdHlsZWQudGhgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAke3Byb3BzID0+ICh7XG4gICAgY29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzEwMF0sXG4gICAgYmFja2dyb3VuZENvbG9yOiBwcm9wcy50aGVtZS5jb2xvcnMud2hpdGUsXG5cbiAgICAnLS1ib3JkZXItY29sb3InOiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsxMF0sXG4gIH0pfTtcblxuICAmW2RhdGEtJHtTaXplVG9rZW5WYWx1ZS5MYXJnZS50b0xvY2FsZUxvd2VyQ2FzZSgpfV0ge1xuICAgIHBhZGRpbmc6IDEycHg7XG4gICAgbWluLWhlaWdodDogNDRweDtcblxuICAgICZbZGF0YS0ke1RhYmxlSGVhZENlbGxWYXJpYW50LkNoZWNrYm94LnRvTG9jYWxlTG93ZXJDYXNlKCl9XSB7XG4gICAgICBwYWRkaW5nOiAxNHB4IDEycHg7XG5cbiAgICAgICZbZGF0YS1oYXMtZW5kLWFkb3JubWVudF0ge1xuICAgICAgICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50eXBvZ3JhcGh5Lmg0fVxuICB9XG5cbiAgJltkYXRhLSR7U2l6ZVRva2VuVmFsdWUuTWVkaXVtLnRvTG9jYWxlTG93ZXJDYXNlKCl9XSB7XG4gICAgcGFkZGluZzogMTJweDtcbiAgICBtaW4taGVpZ2h0OiA0MHB4O1xuXG4gICAgJltkYXRhLSR7VGFibGVIZWFkQ2VsbFZhcmlhbnQuQ2hlY2tib3gudG9Mb2NhbGVMb3dlckNhc2UoKX1dIHtcbiAgICAgIHBhZGRpbmc6IDEycHg7XG5cbiAgICAgICZbZGF0YS1oYXMtZW5kLWFkb3JubWVudF0ge1xuICAgICAgICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50eXBvZ3JhcGh5Lmg1fVxuICB9XG5cbiAgJltkYXRhLSR7U2l6ZVRva2VuVmFsdWUuU21hbGwudG9Mb2NhbGVMb3dlckNhc2UoKX1dIHtcbiAgICBwYWRkaW5nOiA4cHg7XG4gICAgbWluLWhlaWdodDogMzJweDtcblxuICAgICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudHlwb2dyYXBoeS5oNX1cbiAgfVxuXG4gICZbZGF0YS1zaGFkb3dlZF0ge1xuICAgIGZpbHRlcjogZHJvcC1zaGFkb3coOHB4IDBweCA4cHggcmdiYSg4MCwgODYsIDk0LCAwLjA4KSk7XG5cbiAgICAmOjpiZWZvcmUge1xuICAgICAgYm9yZGVyLWJvdHRvbS13aWR0aDogMDtcbiAgICB9XG4gIH1cblxuICAmW2RhdGEtJHtDb2x1bW5BcmVhLkZpeGVkTGVmdC50b0xvY2FsZUxvd2VyQ2FzZSgpfV0ge1xuICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgei1pbmRleDogMTtcblxuICAgICZbZGF0YS1zaGFkb3dlZF1bZGF0YS1sYXN0LWZpeGVkXSB7XG4gICAgICBmaWx0ZXI6IGRyb3Atc2hhZG93KDhweCAwcHggOHB4IHJnYmEoODAsIDg2LCA5NCwgMC4wOCkpO1xuICAgIH1cbiAgfVxuXG4gICZbZGF0YS0ke0NvbHVtbkFyZWEuRml4ZWRSaWdodC50b0xvY2FsZUxvd2VyQ2FzZSgpfV0ge1xuICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgei1pbmRleDogMTtcblxuICAgICZbZGF0YS1zaGFkb3dlZF1bZGF0YS1sYXN0LWZpeGVkXSB7XG4gICAgICBmaWx0ZXI6IGRyb3Atc2hhZG93KC04cHggMHB4IDhweCByZ2JhKDgwLCA4NiwgOTQsIDAuMDgpKTtcbiAgICB9XG4gIH1cblxuICA6aG92ZXIge1xuICAgICR7cHJvcHMgPT4gKHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogcHJvcHMudGhlbWUuY29sb3JzLmdyZXlbMTBdLFxuXG4gICAgICAnLS1ib3JkZXItY29sb3InOiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsyMF0sXG4gICAgfSl9XG4gIH1cblxuICAmW2RhdGEtaGFzLWFjdGl2ZV0ge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgICZbZGF0YS1hY3RpdmVdLFxuICAgIDphY3RpdmUge1xuICAgICAgJHtwcm9wcyA9PiAoe1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzMwXSxcblxuICAgICAgICAnLS1ib3JkZXItY29sb3InOiAndHJhbnNwYXJlbnQnLFxuICAgICAgfSl9XG4gICAgfVxuICB9XG5cbiAgOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5cbiAgJltkYXRhLWRpc2FibGVkXSB7XG4gICAgOmhvdmVyIHtcbiAgICAgICR7cHJvcHMgPT4gKHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsxMF0sXG5cbiAgICAgICAgJy0tYm9yZGVyLWNvbG9yJzogcHJvcHMudGhlbWUuY29sb3JzLmdyZXlbMjBdLFxuICAgICAgfSl9XG4gICAgfVxuXG4gICAgJHtwcm9wcyA9PiAoe1xuICAgICAgY29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzQwXSxcbiAgICB9KX1cbiAgfVxuXG4gIDo6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgYm9yZGVyLXdpZHRoOiAwIDAgMnB4IDA7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICBib3JkZXItY29sb3I6IHZhcigtLWJvcmRlci1jb2xvcik7XG4gIH1cblxuICA6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICB0b3A6IGNhbGMoNTAlIC0gOHB4KTtcbiAgICByaWdodDogMDtcbiAgICB3aWR0aDogMnB4O1xuICAgIGhlaWdodDogMTZweDtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ib3JkZXItY29sb3IsIHRyYW5zcGFyZW50KTtcbiAgfVxuXG4gICZbZGF0YS1ib3JkZXJlZF0ge1xuICAgIDo6YmVmb3JlIHtcbiAgICAgIGJvcmRlci13aWR0aDogMCAxcHggMnB4IDA7XG4gICAgfVxuXG4gICAgOmxhc3Qtb2YtdHlwZTo6YmVmb3JlIHtcbiAgICAgIGJvcmRlci13aWR0aDogMCAwIDJweCAwO1xuICAgIH1cblxuICAgIDo6YWZ0ZXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cblxuICA6bGFzdC1vZi10eXBlOjphZnRlciB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBnYXA6IDhweDtcbmA7XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkQ2VsbDogRlJDPEhUTUxUYWJsZUNlbGxFbGVtZW50LCBUYWJsZUhlYWRDZWxsUHJvcHM+ID0gZm9yd2FyZFJlZigocHJvcHMsIGJhc2VSZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGNoaWxkcmVuLFxuXG4gICAgaXNEaXNhYmxlZCxcbiAgICBpc0FjdGl2ZSxcbiAgICBpc0JvcmRlcmVkLFxuICAgIGlzTGFzdEZpeGVkLFxuICAgIGlzU2hhZG93ZWQsXG5cbiAgICB3cml0aW5nTW9kZSxcbiAgICB2ZXJ0aWNhbEFsaWduID0gJ3RvcCcsXG4gICAgdGV4dEFsaWduID0gJ2xlZnQnLFxuICAgIHVzZXJTZWxlY3QgPSAnbm9uZScsXG5cbiAgICBzdGFydEFkb3JubWVudCxcbiAgICBlbmRBZG9ybm1lbnQsXG4gICAgcmVzaXplcixcbiAgICBkcm9wZG93bjogRHJvcGRvd24sXG5cbiAgICB2YXJpYW50ID0gVGFibGVIZWFkQ2VsbFZhcmlhbnQuRGVmYXVsdCxcbiAgICBzaXplID0gU2l6ZVRva2VuVmFsdWUuTWVkaXVtLFxuICAgIGNvbHVtbkFyZWEgPSBDb2x1bW5BcmVhLkRlZmF1bHQsXG5cbiAgICAuLi5yZXN0XG4gIH0gPSBwcm9wcztcblxuICBjb25zdCByZWYgPSB1c2VSZWZNZXJnZShiYXNlUmVmKTtcbiAgY29uc3QgW2lzRHJvcGRvd25PcGVuLCBzZXRJc0Ryb3Bkb3duT3Blbl0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG5cbiAgY29uc3Qgb25LZXlEb3duOiBLZXlib2FyZEV2ZW50SGFuZGxlcjxIVE1MVGFibGVDZWxsRWxlbWVudD4gPSBlID0+IHtcbiAgICBpZiAoZS5jb2RlID09PSAnRXNjYXBlJykge1xuICAgICAgZS5jdXJyZW50VGFyZ2V0LmJsdXIoKTtcbiAgICB9XG5cbiAgICBpZiAoZS5jb2RlID09PSAnRW50ZXInIHx8IGUuY29kZSA9PT0gJ051bXBhZEVudGVyJykge1xuICAgICAgZS5jdXJyZW50VGFyZ2V0LmNsaWNrKCk7XG4gICAgfVxuXG4gICAgcHJvcHMub25LZXlEb3duPy4oZSk7XG4gIH07XG5cbiAgY29uc3Qgb25DbGljazogTW91c2VFdmVudEhhbmRsZXI8SFRNTFRhYmxlQ2VsbEVsZW1lbnQ+ID0gZSA9PiB7XG4gICAgaWYgKERyb3Bkb3duICYmICFpc0Ryb3Bkb3duT3Blbikge1xuICAgICAgc2V0SXNEcm9wZG93bk9wZW4odHJ1ZSk7XG4gICAgfVxuXG4gICAgcHJvcHMub25DbGljaz8uKGUpO1xuICB9O1xuXG4gIGNvbnN0IGRyb3Bkb3duID0gRHJvcGRvd24gPyA8RHJvcGRvd24gdGFyZ2V0UmVmPXtyZWZ9IGlzT3Blbj17aXNEcm9wZG93bk9wZW59IHNldElzT3Blbj17c2V0SXNEcm9wZG93bk9wZW59IC8+IDogbnVsbDtcbiAgY29uc3QgaGFzQWN0aXZlID0gISFwcm9wcy5vbkNsaWNrIHx8ICEhRHJvcGRvd24gfHwgISFpc0FjdGl2ZTtcblxuICBjb25zdCBjZWxsUHJvcHMgPSB7XG4gICAgLi4ucmVzdCxcblxuICAgIG9uQ2xpY2ssXG4gICAgb25LZXlEb3duLFxuXG4gICAgc3R5bGU6IHtcbiAgICAgIHZlcnRpY2FsQWxpZ24sXG4gICAgICB0ZXh0QWxpZ24sXG4gICAgICB3cml0aW5nTW9kZSxcbiAgICAgIHVzZXJTZWxlY3QsXG5cbiAgICAgIC4uLnByb3BzLnN0eWxlLFxuICAgIH0sXG5cbiAgICAnZGF0YS1jZWxsJzogdHJ1ZSxcbiAgICAnZGF0YS1kaXNhYmxlZCc6IGlzRGlzYWJsZWQgPyB0cnVlIDogdW5kZWZpbmVkLFxuICAgICdkYXRhLWFjdGl2ZSc6IGlzQWN0aXZlIHx8IGlzRHJvcGRvd25PcGVuID8gdHJ1ZSA6IHVuZGVmaW5lZCxcbiAgICAnZGF0YS1ib3JkZXJlZCc6IGlzQm9yZGVyZWQgPyB0cnVlIDogdW5kZWZpbmVkLFxuICAgICdkYXRhLXNoYWRvd2VkJzogaXNTaGFkb3dlZCA/IHRydWUgOiB1bmRlZmluZWQsXG4gICAgJ2RhdGEtaGFzLWFjdGl2ZSc6IGhhc0FjdGl2ZSA/IHRydWUgOiB1bmRlZmluZWQsXG4gICAgJ2RhdGEtaGFzLWVuZC1hZG9ybm1lbnQnOiBlbmRBZG9ybm1lbnQgPyB0cnVlIDogdW5kZWZpbmVkLFxuICAgICdkYXRhLWxhc3QtZml4ZWQnOiBpc0xhc3RGaXhlZCA/IHRydWUgOiB1bmRlZmluZWQsXG5cbiAgICBbYGRhdGEtJHtzaXplLnRvTG93ZXJDYXNlKCl9YF06IHRydWUsXG4gICAgW2BkYXRhLSR7dmFyaWFudC50b0xvd2VyQ2FzZSgpfWBdOiB0cnVlLFxuICAgIFtgZGF0YS0ke2NvbHVtbkFyZWEudG9Mb3dlckNhc2UoKX1gXTogdHJ1ZSxcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxDZWxsIHJlZj17cmVmfSB0YWJJbmRleD17MH0gey4uLmNlbGxQcm9wc30+XG4gICAgICA8Q29udGFpbmVyPlxuICAgICAgICB7c3RhcnRBZG9ybm1lbnR9XG4gICAgICAgIDxDb250ZW50PntjaGlsZHJlbn08L0NvbnRlbnQ+XG4gICAgICAgIHtlbmRBZG9ybm1lbnR9XG4gICAgICA8L0NvbnRhaW5lcj5cbiAgICAgIHtyZXNpemVyfVxuICAgICAge2Ryb3Bkb3dufVxuICAgIDwvQ2VsbD5cbiAgKTtcbn0pO1xuXG50eXBlIERhdGFHcmlkVGFibGVIZWFkQ2VsbFByb3BzID0ge1xuICBoZWFkZXI6IEhlYWRlcjx1bmtub3duLCB1bmtub3duPjtcbn07XG5cbmV4cG9ydCBjb25zdCBEYXRhR3JpZFRhYmxlSGVhZENlbGw6IFJlYWN0LkZDPERhdGFHcmlkVGFibGVIZWFkQ2VsbFByb3BzPiA9ICh7aGVhZGVyfSkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChEYXRhR3JpZENvbnRleHQpO1xuXG4gIGNvbnN0IHJlc2l6ZXIgPSAoKCkgPT4ge1xuICAgIGlmIChoZWFkZXIuY29sdW1uLmdldENhblJlc2l6ZSgpID09PSBmYWxzZSkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxUYWJsZUhlYWRDZWxsUmVzaXplclxuICAgICAgICBvbkRvdWJsZUNsaWNrPXsoKSA9PiBoZWFkZXIuY29sdW1uLnJlc2V0U2l6ZSgpfVxuICAgICAgICBvbk1vdXNlRG93bj17aGVhZGVyLmdldFJlc2l6ZUhhbmRsZXIoKX1cbiAgICAgICAgb25Ub3VjaFN0YXJ0PXtoZWFkZXIuZ2V0UmVzaXplSGFuZGxlcigpfVxuICAgICAgICBkYXRhLXJlc2l6aW5nPXtoZWFkZXIuY29sdW1uLmdldElzUmVzaXppbmcoKSA/IHRydWUgOiB1bmRlZmluZWR9XG4gICAgICAvPlxuICAgICk7XG4gIH0pKCk7XG5cbiAgY29uc3QgY29udGVudCA9IGhlYWRlci5pc1BsYWNlaG9sZGVyID8gbnVsbCA6IGZsZXhSZW5kZXIoaGVhZGVyLmNvbHVtbi5jb2x1bW5EZWYuaGVhZGVyLCBoZWFkZXIuZ2V0Q29udGV4dCgpKTtcblxuICBjb25zdCByZXN1bHRQcm9wczogVGFibGVIZWFkQ2VsbFByb3BzID0ge1xuICAgIHJlc2l6ZXIsXG5cbiAgICBxYTogY29udGV4dC5xYSxcbiAgICBpc0JvcmRlcmVkOiBjb250ZXh0LmlzQm9yZGVyZWQsXG4gICAgaXNTaGFkb3dlZDogY29udGV4dC5pc1NoYWRvd2VkLFxuICAgIHNpemU6IGNvbnRleHQuc2l6ZSxcbiAgICB2ZXJ0aWNhbEFsaWduOiBjb250ZXh0LnZlcnRpY2FsQWxpZ24sXG5cbiAgICBjb2xTcGFuOiBoZWFkZXIuY29sU3BhbixcbiAgICByb3dTcGFuOiBoZWFkZXIucm93U3BhbixcblxuICAgIHN0eWxlOiB7XG4gICAgICB3aWR0aDogYGNhbGModmFyKC0taGVhZGVyLSR7aGVhZGVyPy5pZH0tc2l6ZSkgKiAxcHgpYCxcbiAgICB9LFxuICB9O1xuXG4gIGFyZWFQcm9wcyhoZWFkZXIuY29sdW1uLCByZXN1bHRQcm9wcyk7XG5cbiAgaWYgKGNvbnRleHQuaGVhZENlbGxQcm9wcykge1xuICAgIE9iamVjdC5hc3NpZ24oXG4gICAgICByZXN1bHRQcm9wcyxcbiAgICAgIGNvbnRleHQuaGVhZENlbGxQcm9wcyBpbnN0YW5jZW9mIEZ1bmN0aW9uID8gY29udGV4dC5oZWFkQ2VsbFByb3BzKGhlYWRlcikgOiBjb250ZXh0LmhlYWRDZWxsUHJvcHNcbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8VGFibGVIZWFkQ2VsbCBrZXk9e2hlYWRlci5pZH0gey4uLnJlc3VsdFByb3BzfT5cbiAgICAgIHtjb250ZW50fVxuICAgIDwvVGFibGVIZWFkQ2VsbD5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXREYXRhR3JpZFRhYmxlSGVhZENlbGwgPSAoaGVhZGVyOiBEYXRhR3JpZFRhYmxlSGVhZENlbGxQcm9wc1snaGVhZGVyJ10pID0+IHtcbiAgcmV0dXJuIDxEYXRhR3JpZFRhYmxlSGVhZENlbGwga2V5PXtoZWFkZXIuaWR9IGhlYWRlcj17aGVhZGVyfSAvPjtcbn07XG5cbmV4cG9ydCAqIGZyb20gJy4vdHlwZXMnO1xuIl19 */",
+  toString: t
+}), f = Q((g, I) => {
+  const {
+    children: X,
+    isDisabled: u,
+    isActive: c,
+    isBordered: a,
+    isLastFixed: R,
+    isShadowed: e,
+    writingMode: Y,
+    verticalAlign: n = "top",
+    textAlign: y = "left",
+    userSelect: o = "none",
+    startAdornment: F,
+    endAdornment: V,
+    resizer: h,
+    dropdown: C,
+    variant: J = i.Default,
+    size: H = l.Medium,
+    columnArea: s = d.Default,
+    ...k
+  } = g, x = O(I), [W, m] = D(!1), N = (b) => {
+    var G;
+    b.code === "Escape" && b.currentTarget.blur(), (b.code === "Enter" || b.code === "NumpadEnter") && b.currentTarget.click(), (G = g.onKeyDown) == null || G.call(g, b);
+  }, p = (b) => {
+    var G;
+    C && !W && m(!0), (G = g.onClick) == null || G.call(g, b);
+  }, v = C ? /* @__PURE__ */ Z(C, { targetRef: x, isOpen: W, setIsOpen: m }) : null, S = !!g.onClick || !!C || !!c, L = {
+    ...k,
+    onClick: p,
+    onKeyDown: N,
+    style: {
+      verticalAlign: n,
+      textAlign: y,
+      writingMode: Y,
+      userSelect: o,
+      ...g.style
+    },
+    "data-cell": !0,
+    "data-disabled": u ? !0 : void 0,
+    "data-active": c || W ? !0 : void 0,
+    "data-bordered": a ? !0 : void 0,
+    "data-shadowed": e ? !0 : void 0,
+    "data-has-active": S ? !0 : void 0,
+    "data-has-end-adornment": V ? !0 : void 0,
+    "data-last-fixed": R ? !0 : void 0,
+    [`data-${H.toLowerCase()}`]: !0,
+    [`data-${J.toLowerCase()}`]: !0,
+    [`data-${s.toLowerCase()}`]: !0
+  };
+  return /* @__PURE__ */ B(U, { ref: x, tabIndex: 0, ...L, children: [
+    /* @__PURE__ */ B(T, { children: [
+      F,
+      /* @__PURE__ */ Z(M, { children: X }),
+      V
+    ] }),
+    h,
+    v
+  ] });
+}), P = ({
+  header: g
+}) => {
+  const I = z(j), X = g.column.getCanResize() === !1 ? null : /* @__PURE__ */ Z(E, { onDoubleClick: () => g.column.resetSize(), onMouseDown: g.getResizeHandler(), onTouchStart: g.getResizeHandler(), "data-resizing": g.column.getIsResizing() ? !0 : void 0 }), u = g.isPlaceholder ? null : w(g.column.columnDef.header, g.getContext()), c = {
+    resizer: X,
+    qa: I.qa,
+    isBordered: I.isBordered,
+    isShadowed: I.isShadowed,
+    size: I.size,
+    verticalAlign: I.verticalAlign,
+    colSpan: g.colSpan,
+    rowSpan: g.rowSpan,
+    style: {
+      width: `calc(var(--header-${g == null ? void 0 : g.id}-size) * 1px)`
+    }
+  };
+  return r(g.column, c), I.headCellProps && Object.assign(c, I.headCellProps instanceof Function ? I.headCellProps(g) : I.headCellProps), /* @__PURE__ */ Z(f, { ...c, children: u }, g.id);
+}, Zg = (g) => /* @__PURE__ */ Z(P, { header: g }, g.id);
+export {
+  P as DataGridTableHeadCell,
+  f as TableHeadCell,
+  E as TableHeadCellResizer,
+  i as TableHeadCellVariant,
+  Zg as getDataGridTableHeadCell
+};
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../src/TableHeadCell/index.tsx"],"sourcesContent":["'use client';\n\nimport {useContext, useState} from 'react';\nimport styled from '@emotion/styled';\nimport {flexRender} from '@tanstack/react-table';\n\nimport {forwardRef, SizeTokenValue, useRefMerge} from '@join-x5/react-theme';\nimport {ColumnArea} from '@join-x5/react-data-grid-settings';\n\nimport {DataGridContext} from 'DataGridContext';\n\nimport {areaProps} from 'TableCell/hook';\n\nimport {TableHeadCellVariant} from './types';\n\nimport type {KeyboardEventHandler, MouseEventHandler} from 'react';\nimport type {Header} from '@tanstack/react-table';\nimport type {FRC} from '@join-x5/react-theme';\nimport type {TableHeadCellProps} from './types';\n\nexport const TableHeadCellResizer = styled.div`\n  display: flex;\n  position: absolute;\n  align-items: center;\n  justify-content: center;\n  top: 0;\n  right: -5px;\n  width: 10px;\n  height: 100%;\n  cursor: col-resize;\n  z-index: 1;\n\n  ::before {\n    content: '';\n    display: block;\n    width: 3px;\n    height: 24px;\n    border-radius: 8px;\n    user-select: none;\n    pointer-events: none;\n    opacity: 0;\n\n    background-color: ${props => props.theme.colors.accent[80]};\n  }\n\n  &[data-resizing]::before {\n    opacity: 1;\n  }\n`;\n\nconst Cell = styled.th`\n  position: relative;\n  box-sizing: border-box;\n\n  ${props => ({\n    color: props.theme.colors.grey[100],\n    backgroundColor: props.theme.colors.white,\n\n    '--border-color': props.theme.colors.grey[10],\n  })};\n\n  &[data-${SizeTokenValue.Large.toLocaleLowerCase()}] {\n    padding: 12px;\n    min-height: 44px;\n\n    &[data-${TableHeadCellVariant.Checkbox.toLocaleLowerCase()}] {\n      padding: 14px 12px;\n\n      &[data-has-end-adornment] {\n        padding-right: 8px;\n      }\n    }\n\n    ${props => props.theme.typography.h4}\n  }\n\n  &[data-${SizeTokenValue.Medium.toLocaleLowerCase()}] {\n    padding: 12px;\n    min-height: 40px;\n\n    &[data-${TableHeadCellVariant.Checkbox.toLocaleLowerCase()}] {\n      padding: 12px;\n\n      &[data-has-end-adornment] {\n        padding-right: 8px;\n      }\n    }\n\n    ${props => props.theme.typography.h5}\n  }\n\n  &[data-${SizeTokenValue.Small.toLocaleLowerCase()}] {\n    padding: 8px;\n    min-height: 32px;\n\n    ${props => props.theme.typography.h5}\n  }\n\n  &[data-shadowed] {\n    filter: drop-shadow(8px 0px 8px rgba(80, 86, 94, 0.08));\n\n    &::before {\n      border-bottom-width: 0;\n    }\n  }\n\n  &[data-${ColumnArea.FixedLeft.toLocaleLowerCase()}] {\n    position: sticky;\n    z-index: 1;\n\n    &[data-shadowed][data-last-fixed] {\n      filter: drop-shadow(8px 0px 8px rgba(80, 86, 94, 0.08));\n    }\n  }\n\n  &[data-${ColumnArea.FixedRight.toLocaleLowerCase()}] {\n    position: sticky;\n    z-index: 1;\n\n    &[data-shadowed][data-last-fixed] {\n      filter: drop-shadow(-8px 0px 8px rgba(80, 86, 94, 0.08));\n    }\n  }\n\n  :hover {\n    ${props => ({\n      backgroundColor: props.theme.colors.grey[10],\n\n      '--border-color': props.theme.colors.grey[20],\n    })}\n  }\n\n  &[data-has-active] {\n    cursor: pointer;\n\n    &[data-active],\n    :active {\n      ${props => ({\n        backgroundColor: props.theme.colors.grey[30],\n\n        '--border-color': 'transparent',\n      })}\n    }\n  }\n\n  :focus {\n    outline: none;\n  }\n\n  &[data-disabled] {\n    :hover {\n      ${props => ({\n        backgroundColor: props.theme.colors.grey[10],\n\n        '--border-color': props.theme.colors.grey[20],\n      })}\n    }\n\n    ${props => ({\n      color: props.theme.colors.grey[40],\n    })}\n  }\n\n  ::before {\n    content: '';\n    display: block;\n    position: absolute;\n    box-sizing: border-box;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    user-select: none;\n    pointer-events: none;\n    border-width: 0 0 2px 0;\n    border-style: solid;\n    border-color: var(--border-color);\n  }\n\n  ::after {\n    content: '';\n    display: block;\n    position: absolute;\n    box-sizing: border-box;\n    top: calc(50% - 8px);\n    right: 0;\n    width: 2px;\n    height: 16px;\n    user-select: none;\n    pointer-events: none;\n    background-color: var(--border-color, transparent);\n  }\n\n  &[data-bordered] {\n    ::before {\n      border-width: 0 1px 2px 0;\n    }\n\n    :last-of-type::before {\n      border-width: 0 0 2px 0;\n    }\n\n    ::after {\n      display: none;\n    }\n  }\n\n  :last-of-type::after {\n    display: none;\n  }\n`;\n\nconst Container = styled.div`\n  display: flex;\n  position: relative;\n  box-sizing: border-box;\n  gap: 8px;\n`;\n\nconst Content = styled.div`\n  flex-grow: 1;\n`;\n\nexport const TableHeadCell: FRC<HTMLTableCellElement, TableHeadCellProps> = forwardRef((props, baseRef) => {\n  const {\n    children,\n\n    isDisabled,\n    isActive,\n    isBordered,\n    isLastFixed,\n    isShadowed,\n\n    writingMode,\n    verticalAlign = 'top',\n    textAlign = 'left',\n    userSelect = 'none',\n\n    startAdornment,\n    endAdornment,\n    resizer,\n    dropdown: Dropdown,\n\n    variant = TableHeadCellVariant.Default,\n    size = SizeTokenValue.Medium,\n    columnArea = ColumnArea.Default,\n\n    ...rest\n  } = props;\n\n  const ref = useRefMerge(baseRef);\n  const [isDropdownOpen, setIsDropdownOpen] = useState<boolean>(false);\n\n  const onKeyDown: KeyboardEventHandler<HTMLTableCellElement> = e => {\n    if (e.code === 'Escape') {\n      e.currentTarget.blur();\n    }\n\n    if (e.code === 'Enter' || e.code === 'NumpadEnter') {\n      e.currentTarget.click();\n    }\n\n    props.onKeyDown?.(e);\n  };\n\n  const onClick: MouseEventHandler<HTMLTableCellElement> = e => {\n    if (Dropdown && !isDropdownOpen) {\n      setIsDropdownOpen(true);\n    }\n\n    props.onClick?.(e);\n  };\n\n  const dropdown = Dropdown ? <Dropdown targetRef={ref} isOpen={isDropdownOpen} setIsOpen={setIsDropdownOpen} /> : null;\n  const hasActive = !!props.onClick || !!Dropdown || !!isActive;\n\n  const cellProps = {\n    ...rest,\n\n    onClick,\n    onKeyDown,\n\n    style: {\n      verticalAlign,\n      textAlign,\n      writingMode,\n      userSelect,\n\n      ...props.style,\n    },\n\n    'data-cell': true,\n    'data-disabled': isDisabled ? true : undefined,\n    'data-active': isActive || isDropdownOpen ? true : undefined,\n    'data-bordered': isBordered ? true : undefined,\n    'data-shadowed': isShadowed ? true : undefined,\n    'data-has-active': hasActive ? true : undefined,\n    'data-has-end-adornment': endAdornment ? true : undefined,\n    'data-last-fixed': isLastFixed ? true : undefined,\n\n    [`data-${size.toLowerCase()}`]: true,\n    [`data-${variant.toLowerCase()}`]: true,\n    [`data-${columnArea.toLowerCase()}`]: true,\n  };\n\n  return (\n    <Cell ref={ref} tabIndex={0} {...cellProps}>\n      <Container>\n        {startAdornment}\n        <Content>{children}</Content>\n        {endAdornment}\n      </Container>\n      {resizer}\n      {dropdown}\n    </Cell>\n  );\n});\n\ntype DataGridTableHeadCellProps = {\n  header: Header<unknown, unknown>;\n};\n\nexport const DataGridTableHeadCell: React.FC<DataGridTableHeadCellProps> = ({header}) => {\n  const context = useContext(DataGridContext);\n\n  const resizer = (() => {\n    if (header.column.getCanResize() === false) {\n      return null;\n    }\n\n    return (\n      <TableHeadCellResizer\n        onDoubleClick={() => header.column.resetSize()}\n        onMouseDown={header.getResizeHandler()}\n        onTouchStart={header.getResizeHandler()}\n        data-resizing={header.column.getIsResizing() ? true : undefined}\n      />\n    );\n  })();\n\n  const content = header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext());\n\n  const resultProps: TableHeadCellProps = {\n    resizer,\n\n    qa: context.qa,\n    isBordered: context.isBordered,\n    isShadowed: context.isShadowed,\n    size: context.size,\n    verticalAlign: context.verticalAlign,\n\n    colSpan: header.colSpan,\n    rowSpan: header.rowSpan,\n\n    style: {\n      width: `calc(var(--header-${header?.id}-size) * 1px)`,\n    },\n  };\n\n  areaProps(header.column, resultProps);\n\n  if (context.headCellProps) {\n    Object.assign(\n      resultProps,\n      context.headCellProps instanceof Function ? context.headCellProps(header) : context.headCellProps\n    );\n  }\n\n  return (\n    <TableHeadCell key={header.id} {...resultProps}>\n      {content}\n    </TableHeadCell>\n  );\n};\n\nexport const getDataGridTableHeadCell = (header: DataGridTableHeadCellProps['header']) => {\n  return <DataGridTableHeadCell key={header.id} header={header} />;\n};\n\nexport * from './types';\n"],"names":["white","children","isDisabled","isActive","isBordered","isLastFixed","isShadowed","writingMode","startAdornment","endAdornment","resizer","Dropdown","Default","Medium","rest","e","onClick","onKeyDown","verticalAlign","textAlign","userSelect","style","undefined","dropdown","context","qa","size","colSpan","rowSpan","header"],"mappings":";;;;;;;;;;AAAa;AAAA;AAAA;AAoBN;AAA0B;AAAA;AAAA;AAAA;AAAA;AA8BvB;AAAA;AAAA;AAAA;AAAA;AAII;AACwB;AACEA;AAGtC;AAkEc;AACiC;AAG7C;AAQc;AACiC;AAG7C;AAiBU;AAEZ;AATc;AACiC;AAG7C;AAyDS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKL;AAAA;AACJC;AAEAC;AACAC;AACAC;AACAC;AACAC;AAEAC;AACgB;AACJ;AACC;AAEbC;AACAC;AACAC;AACUC;AAEqBC;AACTC;AACED;AAErBE;;AAOCC;AAQcA;;AAIdJ;AAIYI;AAMA;AACbD;AAEHE;AACAC;AAEO;AACLC;AACAC;AACAZ;AACAa;AAESC;AACX;AAEa;AACwBC;AACcA;AACdA;AACAA;AACCA;AACUA;AACRA;AAER;AACG;AACG;AAGxC;AAEI;AACGd;AAAAA;AACkB;AAClBC;AACH;AACCC;AACAa;AAGP;AAM4E;AAAO;AAC3EC;AAmBkC;AACtCd;AAEYe;AACQrB;AACAE;AACNoB;AACSR;AAEPS;AACAC;AAET;AACiC;AAAA;AAIhCC;AAcZ;;;;;;;;"}

package/dist/TableHeadCell/types.d.ts

@@ -0,0 +1,37 @@
+import { SizeTokenValue, CSSProperties, QA } from '@join-x5/react-theme';
+import { ColumnArea } from '@join-x5/react-data-grid-settings';
+import { ReactNode, ThHTMLAttributes } from 'react';
+import { DropdownProps } from '@join-x5/react';
+export declare enum TableHeadCellVariant {
+    Default = "default",
+    Checkbox = "checkbox"
+}
+export type TableHeadCellProps = {
+    /** Размер */
+    size?: SizeTokenValue | `${SizeTokenValue}`;
+    /** Вариант */
+    variant?: TableHeadCellVariant | `${TableHeadCellVariant}`;
+    /** Установка состояния "Отключен" */
+    isDisabled?: boolean;
+    /** Установка состояния "Активен" */
+    isActive?: boolean;
+    /** С границей */
+    isBordered?: boolean;
+    /** Показывать тень вместо границы, в закрепленных столбцах и шапке */
+    isShadowed?: boolean;
+    /** Расположение колонки */
+    columnArea?: ColumnArea;
+    /** Последняя закрепленная колонка
+     *
+     * Добавляет тень в зависимости от `columnArea`
+     */
+    isLastFixed?: boolean;
+    /** Иконка | Контент слева */
+    startAdornment?: ReactNode;
+    /** Иконка | Контент справа */
+    endAdornment?: ReactNode;
+    /** Контрол смены размера */
+    resizer?: ReactNode;
+    /** Контент дропдауна */
+    dropdown?: React.FC<DropdownProps>;
+} & QA & Pick<CSSProperties, 'verticalAlign' | 'textAlign' | 'writingMode' | 'userSelect'> & ThHTMLAttributes<HTMLTableCellElement>;

package/dist/TableHeadCell/types.es.js

@@ -0,0 +1,5 @@
+var e = /* @__PURE__ */ ((c) => (c.Default = "default", c.Checkbox = "checkbox", c))(e || {});
+export {
+  e as TableHeadCellVariant
+};
+//# sourceMappingURL=types.es.js.map

package/dist/TableHeadCell/types.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.es.js","sources":["../../src/TableHeadCell/types.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/consistent-type-imports\nimport {SizeTokenValue} from '@join-x5/react-theme';\n// eslint-disable-next-line @typescript-eslint/consistent-type-imports\nimport {ColumnArea} from '@join-x5/react-data-grid-settings';\n\nimport type {ReactNode, ThHTMLAttributes} from 'react';\nimport type {CSSProperties, QA} from '@join-x5/react-theme';\nimport type {DropdownProps} from '@join-x5/react';\n\nexport enum TableHeadCellVariant {\n  Default = 'default',\n  Checkbox = 'checkbox',\n}\n\nexport type TableHeadCellProps = {\n  /** Размер */\n  size?: SizeTokenValue;\n\n  /** Вариант */\n  variant?: TableHeadCellVariant;\n\n  /** Установка состояния \"Отключен\" */\n  isDisabled?: boolean;\n  /** Установка состояния \"Активен\" */\n  isActive?: boolean;\n  /** С границей */\n  isBordered?: boolean;\n  /** Показывать тень вместо границы, в закрепленных столбцах и шапке */\n  isShadowed?: boolean;\n\n  /** Расположение колонки */\n  columnArea?: ColumnArea;\n  /** Последняя закрепленная колонка\n   *\n   * Добавляет тень в зависимости от `columnArea`\n   */\n  isLastFixed?: boolean;\n\n  /** Иконка | Контент слева */\n  startAdornment?: ReactNode;\n  /** Иконка | Контент справа */\n  endAdornment?: ReactNode;\n\n  /** Контрол смены размера */\n  resizer?: ReactNode;\n\n  /** Контент дропдауна */\n  dropdown?: React.FC<DropdownProps>;\n} & QA &\n  Pick<CSSProperties, 'verticalAlign' | 'textAlign' | 'writingMode' | 'userSelect'> &\n  ThHTMLAttributes<HTMLTableCellElement>;\n"],"names":["TableHeadCellVariant","Default","Checkbox"],"mappings":"AASYA,IAAAA,sBAAAA,OACVC,EAAAA,UAAU,WACVC,EAAAA,WAAW,YAFDF,IAAAA,KAAAA,CAAAA,CAAAA;"}

package/dist/TableHeadRow/index.d.ts

@@ -0,0 +1,3 @@
+import { FRC } from '@join-x5/react-theme';
+import { TableHeadRowProps } from './types';
+export declare const TableHeadRow: FRC<HTMLTableRowElement, TableHeadRowProps>;

package/dist/TableHeadRow/index.es.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as c } from "@emotion/react/jsx-runtime";
+import l from "@emotion/styled/base";
+import { forwardRef as t } from "@join-x5/react-theme";
+const n = /* @__PURE__ */ l("tr", process.env.NODE_ENV === "production" ? {
+  target: "evhjk970"
+} : {
+  target: "evhjk970",
+  label: "Container"
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC9zcmMvVGFibGVIZWFkUm93L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTMkIiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvZGF0YS1ncmlkL3NyYy9UYWJsZUhlYWRSb3cvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnO1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7Zm9yd2FyZFJlZn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuXG5pbXBvcnQgdHlwZSB7RlJDfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQgdHlwZSB7VGFibGVIZWFkUm93UHJvcHN9IGZyb20gJy4vdHlwZXMnO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQudHJgYDtcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZFJvdzogRlJDPEhUTUxUYWJsZVJvd0VsZW1lbnQsIFRhYmxlSGVhZFJvd1Byb3BzPiA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgcmV0dXJuIDxDb250YWluZXIgcmVmPXtyZWZ9IHsuLi5wcm9wc30gLz47XG59KTtcbiJdfQ== */"), e = t((Z, b) => /* @__PURE__ */ c(n, { ref: b, ...Z }));
+export {
+  e as TableHeadRow
+};
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../src/TableHeadRow/index.tsx"],"sourcesContent":["'use client';\n\nimport styled from '@emotion/styled';\n\nimport {forwardRef} from '@join-x5/react-theme';\n\nimport type {FRC} from '@join-x5/react-theme';\nimport type {TableHeadRowProps} from './types';\n\nconst Container = styled.tr``;\n\nexport const TableHeadRow: FRC<HTMLTableRowElement, TableHeadRowProps> = forwardRef((props, ref) => {\n  return <Container ref={ref} {...props} />;\n});\n"],"names":[],"mappings":";;;;AASA;AAAe;AAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/TableHeadRow/types.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from 'react';
+export type TableHeadRowProps = HTMLAttributes<HTMLTableRowElement>;

package/dist/TableInputCell/button.d.ts

@@ -0,0 +1,8 @@
+import { FRC, PropsWithChildren } from '@join-x5/react-theme';
+import { DataGridTableCellProps, TableCellProps } from '../TableCell';
+type DefaultAny = any;
+type TButtonCell = FRC<HTMLTableCellElement, TableCellProps>;
+export declare const ButtonCell: TButtonCell;
+export type DataGridButtonCellProps<T = DefaultAny, V = DefaultAny> = DataGridTableCellProps<T, V> & PropsWithChildren;
+export declare const DataGridButtonCell: FRC<HTMLTableCellElement, DataGridButtonCellProps>;
+export {};

package/dist/TableInputCell/button.es.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { SizeTokenValue as e, forwardRef as a } from "@join-x5/react-theme";
+import { TableCell as m } from "../TableCell/index.es.js";
+import { useDataGridInputCell as s } from "./hook.es.js";
+const d = {
+  [e.XXSmall]: 4,
+  [e.XSmall]: 4,
+  [e.Small]: 4,
+  [e.Medium]: 8,
+  [e.Large]: 6,
+  [e.XLarge]: 6
+}, c = a((l, r) => {
+  const {
+    padding: t = d[l.size ?? e.Medium],
+    ...o
+  } = l;
+  return /* @__PURE__ */ n(m, { ref: r, padding: t, ...o });
+}), C = a((l, r) => {
+  const {
+    cell: t,
+    children: o
+  } = l, i = s(t);
+  return /* @__PURE__ */ n(c, { ref: r, ...i, children: o });
+});
+export {
+  c as ButtonCell,
+  C as DataGridButtonCell
+};
+//# sourceMappingURL=button.es.js.map

package/dist/TableInputCell/button.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.es.js","sources":["../../src/TableInputCell/button.tsx"],"sourcesContent":["'use client';\n\nimport {forwardRef, SizeTokenValue} from '@join-x5/react-theme';\n\nimport {TableCell} from '../TableCell';\n\nimport {useDataGridInputCell} from './hook';\n\nimport type {FRC, PropsWithChildren, CSSProperties} from '@join-x5/react-theme';\nimport type {DataGridTableCellProps, TableCellProps} from '../TableCell';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DefaultAny = any;\n\ntype TButtonCell = FRC<HTMLTableCellElement, TableCellProps>;\n\nconst sizePadding: Record<SizeTokenValue, CSSProperties['padding']> = {\n  [SizeTokenValue.XXSmall]: 4,\n  [SizeTokenValue.XSmall]: 4,\n  [SizeTokenValue.Small]: 4,\n  [SizeTokenValue.Medium]: 8,\n  [SizeTokenValue.Large]: 6,\n  [SizeTokenValue.XLarge]: 6,\n};\n\nexport const ButtonCell: TButtonCell = forwardRef((props, ref) => {\n  const {padding = sizePadding[props.size ?? SizeTokenValue.Medium], ...rest} = props;\n\n  return <TableCell ref={ref} padding={padding} {...rest} />;\n});\n\nexport type DataGridButtonCellProps<T = DefaultAny, V = DefaultAny> = DataGridTableCellProps<T, V> & PropsWithChildren;\n\nexport const DataGridButtonCell: FRC<HTMLTableCellElement, DataGridButtonCellProps> = forwardRef((props, ref) => {\n  const {cell, children} = props;\n\n  const cellProps = useDataGridInputCell(cell);\n\n  return (\n    <ButtonCell ref={ref} {...cellProps}>\n      {children}\n    </ButtonCell>\n  );\n});\n"],"names":["rest","cell","children"],"mappings":";;;;;AAgBA;AAAsE;AAC1C;AACD;AACD;AACC;AACD;AAE1B;AAGQ;AAAA;AAA0D;AAAMA;AAEtE;AACF;AAKQ;AAAA;AAACC;AAAMC;AAIb;AAKF;;;;;"}

package/dist/TableInputCell/checkbox.d.ts

@@ -0,0 +1,11 @@
+import { FRC } from '@join-x5/react-theme';
+import { CheckboxProps } from '@join-x5/react';
+import { DataGridTableCellProps, TableCellProps } from '../TableCell';
+type DefaultAny = any;
+type TCheckboxCell = FRC<HTMLTableCellElement, {
+    inputProps: CheckboxProps;
+} & Omit<TableCellProps, 'value' | 'onChange'>>;
+export declare const CheckboxCell: TCheckboxCell;
+export type DataGridCheckboxCellProps<T = DefaultAny, V = DefaultAny> = CheckboxProps & DataGridTableCellProps<T, V>;
+export declare const DataGridCheckboxCell: FRC<HTMLTableCellElement, DataGridCheckboxCellProps>;
+export {};

package/dist/TableInputCell/checkbox.es.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as a } from "@emotion/react/jsx-runtime";
+import { SizeTokenValue as e, forwardRef as n } from "@join-x5/react-theme";
+import { Checkbox as s } from "@join-x5/react";
+import { TableCell as d } from "../TableCell/index.es.js";
+import { useDataGridInputCell as m } from "./hook.es.js";
+const c = {
+  [e.XXSmall]: 8,
+  [e.XSmall]: 8,
+  [e.Small]: 8,
+  [e.Medium]: 12,
+  [e.Large]: 14,
+  [e.XLarge]: 14
+}, p = n((r, t) => {
+  const {
+    inputProps: o,
+    padding: l = c[r.size ?? e.Medium],
+    ...i
+  } = r;
+  return /* @__PURE__ */ a(d, { ref: t, padding: l, ...i, children: /* @__PURE__ */ a(s, { "data-action": !0, tabIndex: -1, disabled: r.isDisabled, ...o }) });
+}), g = n((r, t) => {
+  const {
+    cell: o,
+    ...l
+  } = r, i = m(o);
+  return /* @__PURE__ */ a(p, { ref: t, ...i, inputProps: l });
+});
+export {
+  p as CheckboxCell,
+  g as DataGridCheckboxCell
+};
+//# sourceMappingURL=checkbox.es.js.map

package/dist/TableInputCell/checkbox.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.es.js","sources":["../../src/TableInputCell/checkbox.tsx"],"sourcesContent":["'use client';\n\nimport {forwardRef, SizeTokenValue} from '@join-x5/react-theme';\nimport {Checkbox} from '@join-x5/react';\n\nimport {TableCell} from '../TableCell';\n\nimport {useDataGridInputCell} from './hook';\n\nimport type {FRC} from '@join-x5/react-theme';\nimport type {CheckboxProps} from '@join-x5/react';\nimport type {DataGridTableCellProps, TableCellProps} from '../TableCell';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DefaultAny = any;\n\ntype TCheckboxCell = FRC<\n  HTMLTableCellElement,\n  {\n    inputProps: CheckboxProps;\n  } & Omit<TableCellProps, 'value' | 'onChange'>\n>;\n\nconst sizePadding: Record<SizeTokenValue, number> = {\n  [SizeTokenValue.XXSmall]: 8,\n  [SizeTokenValue.XSmall]: 8,\n  [SizeTokenValue.Small]: 8,\n  [SizeTokenValue.Medium]: 12,\n  [SizeTokenValue.Large]: 14,\n  [SizeTokenValue.XLarge]: 14,\n};\n\nexport const CheckboxCell: TCheckboxCell = forwardRef((props, ref) => {\n  const {inputProps, padding = sizePadding[props.size ?? SizeTokenValue.Medium], ...rest} = props;\n\n  return (\n    <TableCell ref={ref} padding={padding} {...rest}>\n      <Checkbox data-action tabIndex={-1} disabled={props.isDisabled} {...inputProps} />\n    </TableCell>\n  );\n});\n\nexport type DataGridCheckboxCellProps<T = DefaultAny, V = DefaultAny> = CheckboxProps & DataGridTableCellProps<T, V>;\n\nexport const DataGridCheckboxCell: FRC<HTMLTableCellElement, DataGridCheckboxCellProps> = forwardRef((props, ref) => {\n  const {cell, ...rest} = props;\n\n  const cellProps = useDataGridInputCell(cell);\n\n  const inputProps = rest as CheckboxProps;\n\n  return <CheckboxCell ref={ref} {...cellProps} inputProps={inputProps} />;\n});\n"],"names":["inputProps","rest","cell"],"mappings":";;;;;;AAuBA;AAAoD;AACxB;AACD;AACD;AACC;AACD;AAE1B;AAGQ;AAAA;AAACA;AAAqE;AAAMC;AAElF;AAKF;AAKQ;AAAA;AAACC;AAASD;AAMhB;AACF;;;;;"}

package/dist/TableInputCell/date.d.ts

@@ -0,0 +1,18 @@
+import { Cell as ReactTableCell } from '@tanstack/react-table';
+import { FRC } from '@join-x5/react-theme';
+import { DataGridTableCellProps, TableCellProps } from '../TableCell';
+import { ColumnDefTemplate } from './types';
+import { CalendarValue, DatepickerProps } from '@join-x5/react';
+type DefaultAny = any;
+type TDateCell = FRC<HTMLTableCellElement, {
+    inputProps: DatepickerProps;
+} & Omit<TableCellProps, 'value' | 'onChange'>>;
+export declare const DateCell: TDateCell;
+export type DataGridDateCellProps<T = DefaultAny, V = DefaultAny> = {
+    getValue: (cell: ReactTableCell<T, V>) => CalendarValue;
+    onChange: (cell: ReactTableCell<T, V>, newValue: CalendarValue) => void;
+} & Omit<DatepickerProps, 'value' | 'onChange'> & DataGridTableCellProps<T, V>;
+export declare const DataGridDateCell: FRC<HTMLTableCellElement, DataGridDateCellProps>;
+export type GetDataGridDateCellArgs<T = DefaultAny, V = DefaultAny> = Omit<DataGridDateCellProps<T, V>, 'cell'>;
+export declare const getDataGridDateCell: <T, V>(args: GetDataGridDateCellArgs<T, V>) => ColumnDefTemplate<T, V>;
+export {};

package/dist/TableInputCell/date.es.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as a } from "@emotion/react/jsx-runtime";
+import { forwardRef as C } from "@join-x5/react-theme";
+import { Datepicker as f } from "@join-x5/react";
+import { TableCell as v } from "../TableCell/index.es.js";
+import { useDataGridInputCell as b } from "./hook.es.js";
+const o = C(({
+  inputProps: c,
+  ...e
+}, l) => {
+  const d = (i) => {
+    var t;
+    (t = e.setIsActive) == null || t.call(e, i);
+  };
+  return /* @__PURE__ */ a(v, { ref: l, padding: 0, ...e, onKeyDown: (i) => {
+    var n, m;
+    (n = e.onKeyDown) == null || n.call(e, i);
+    const t = i.code === "Enter" || i.code === "NumpadEnter";
+    !e.isDisabled && !e.isActive && t && ((m = e.setIsActive) == null || m.call(e, !0));
+  }, onClick: (i) => {
+    var t, n;
+    (t = e.onClick) == null || t.call(e, i), !e.isDisabled && !e.isActive && ((n = e.setIsActive) == null || n.call(e, !0));
+  }, children: /* @__PURE__ */ a(f, { isTable: !0, size: e.size, disabled: e.isDisabled, isOpen: e.isActive, setIsOpen: d, ...c }) });
+}), s = C((c, e) => {
+  const {
+    cell: l,
+    getValue: d,
+    onChange: D,
+    ...u
+  } = c, i = b(l), t = u;
+  return t.value = d(l), t.onChange = (n) => D(l, n), /* @__PURE__ */ a(o, { ref: e, ...i, inputProps: t });
+}), h = (c) => ({
+  cell: e
+}) => /* @__PURE__ */ a(s, { cell: e, ...c }, e.id);
+export {
+  s as DataGridDateCell,
+  o as DateCell,
+  h as getDataGridDateCell
+};
+//# sourceMappingURL=date.es.js.map

package/dist/TableInputCell/date.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.es.js","sources":["../../src/TableInputCell/date.tsx"],"sourcesContent":["'use client';\n\nimport {forwardRef} from '@join-x5/react-theme';\nimport {Datepicker} from '@join-x5/react';\n\nimport {TableCell} from '../TableCell';\n\nimport {useDataGridInputCell} from './hook';\n\nimport type {KeyboardEventHandler, MouseEventHandler} from 'react';\nimport type {Cell as ReactTableCell} from '@tanstack/react-table';\nimport type {FRC} from '@join-x5/react-theme';\nimport type {DataGridTableCellProps, TableCellProps} from '../TableCell';\nimport type {ColumnDefTemplate} from './types';\nimport type {CalendarValue, DatepickerProps} from '@join-x5/react';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DefaultAny = any;\n\ntype TDateCell = FRC<\n  HTMLTableCellElement,\n  {\n    inputProps: DatepickerProps;\n  } & Omit<TableCellProps, 'value' | 'onChange'>\n>;\n\nexport const DateCell: TDateCell = forwardRef(({inputProps, ...props}, ref) => {\n  const setIsOpen: DatepickerProps['setIsOpen'] = newIsOpen => {\n    props.setIsActive?.(newIsOpen);\n  };\n\n  const onClick: MouseEventHandler<HTMLTableCellElement> = e => {\n    props.onClick?.(e);\n\n    if (!props.isDisabled && !props.isActive) {\n      props.setIsActive?.(true);\n    }\n  };\n\n  const onKeyDown: KeyboardEventHandler<HTMLTableCellElement> = e => {\n    props.onKeyDown?.(e);\n\n    const isEnterCode = e.code === 'Enter' || e.code === 'NumpadEnter';\n\n    if (!props.isDisabled && !props.isActive && isEnterCode) {\n      props.setIsActive?.(true);\n    }\n  };\n\n  return (\n    <TableCell ref={ref} padding={0} {...props} onKeyDown={onKeyDown} onClick={onClick}>\n      <Datepicker\n        isTable\n        size={props.size}\n        disabled={props.isDisabled}\n        isOpen={props.isActive}\n        setIsOpen={setIsOpen}\n        {...inputProps}\n      />\n    </TableCell>\n  );\n});\n\nexport type DataGridDateCellProps<T = DefaultAny, V = DefaultAny> = {\n  getValue: (cell: ReactTableCell<T, V>) => CalendarValue;\n  onChange: (cell: ReactTableCell<T, V>, newValue: CalendarValue) => void;\n} & Omit<DatepickerProps, 'value' | 'onChange'> &\n  DataGridTableCellProps<T, V>;\n\nexport const DataGridDateCell: FRC<HTMLTableCellElement, DataGridDateCellProps> = forwardRef((props, ref) => {\n  const {cell, getValue, onChange, ...rest} = props;\n\n  const cellProps = useDataGridInputCell(cell);\n\n  const inputProps = rest as DatepickerProps;\n  inputProps.value = getValue(cell);\n  inputProps.onChange = newValue => onChange(cell, newValue);\n\n  return <DateCell ref={ref} {...cellProps} inputProps={inputProps} />;\n});\n\nexport type GetDataGridDateCellArgs<T = DefaultAny, V = DefaultAny> = Omit<DataGridDateCellProps<T, V>, 'cell'>;\n\nexport const getDataGridDateCell = <T, V>(args: GetDataGridDateCellArgs<T, V>): ColumnDefTemplate<T, V> => {\n  return ({cell}) => <DataGridDateCell key={cell.id} cell={cell} {...args} />;\n};\n"],"names":["DateCell","inputProps","props","newIsOpen","cell","getValue","onChange","rest","value"],"mappings":";;;;;;AA0BaA;AAAkC;AAACC;AAAoB;AAClE;;AACEC;AAAoBC;AAsBpB;;AAVAD;AAEA;AAEA;AACsB;;AAbtBA;AAGsB;AA0B1B;AASQ;AAAA;AAACE;AAAMC;AAAUC;AAAaC;AAKzBC;AAIb;AAKU;AAACJ;;;;;;"}

package/dist/TableInputCell/dropdown.d.ts

@@ -0,0 +1,19 @@
+import { ChangeEvent } from 'react';
+import { Cell as ReactTableCell } from '@tanstack/react-table';
+import { FRC } from '@join-x5/react-theme';
+import { SelectOption, SelectProps } from '@join-x5/react';
+import { DataGridTableCellProps, TableCellProps } from '../TableCell';
+import { ColumnDefTemplate } from './types';
+type DefaultAny = any;
+type TDropdownCell = FRC<HTMLTableCellElement, {
+    inputProps: SelectProps;
+} & Omit<TableCellProps, 'value' | 'onChange'>>;
+export declare const DropdownCell: TDropdownCell;
+export type DataGridDropdownCellProps<T = DefaultAny, V = DefaultAny, O = unknown> = {
+    getValue: (cell: ReactTableCell<T, V>) => SelectProps['value'];
+    onChange: (cell: ReactTableCell<T, V>, newValue: SelectProps['value'], option?: SelectOption<O>, event?: ChangeEvent<HTMLInputElement>) => void;
+} & Omit<SelectProps, 'value' | 'onChange'> & DataGridTableCellProps<T, V>;
+export declare const DataGridDropdownCell: FRC<HTMLTableCellElement, DataGridDropdownCellProps>;
+export type GetDataGridDropdownCellArgs<T = DefaultAny, V = DefaultAny> = Omit<DataGridDropdownCellProps<T, V>, 'cell'>;
+export declare const getDataGridDropdownCell: <T, V>(args: GetDataGridDropdownCellArgs<T, V>) => ColumnDefTemplate<T, V>;
+export {};

package/dist/TableInputCell/dropdown.es.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as d } from "@emotion/react/jsx-runtime";
+import { forwardRef as m } from "@join-x5/react-theme";
+import { Select as C } from "@join-x5/react";
+import { TableCell as f } from "../TableCell/index.es.js";
+import { useDataGridInputCell as v } from "./hook.es.js";
+const w = m(({
+  inputProps: l,
+  ...e
+}, c) => {
+  const a = (i) => {
+    var t;
+    (t = e.setIsActive) == null || t.call(e, i);
+  };
+  return /* @__PURE__ */ d(f, { ref: c, padding: 0, ...e, onKeyDown: (i) => {
+    var n, D;
+    (n = e.onKeyDown) == null || n.call(e, i);
+    const t = i.code === "Enter" || i.code === "NumpadEnter";
+    !e.isDisabled && !e.isActive && t && ((D = e.setIsActive) == null || D.call(e, !0));
+  }, onClick: (i) => {
+    var t, n;
+    (t = e.onClick) == null || t.call(e, i), !e.isDisabled && !e.isActive && ((n = e.setIsActive) == null || n.call(e, !0));
+  }, children: /* @__PURE__ */ d(C, { isTable: !0, size: e.size, disabled: e.isDisabled, isOpen: e.isActive, setIsOpen: a, ...l }) });
+}), b = m((l, e) => {
+  const {
+    cell: c,
+    getValue: a,
+    onChange: o,
+    ...u
+  } = l, i = v(c), t = u;
+  return t.value = a(c), t.onChange = (...n) => o(c, ...n), /* @__PURE__ */ d(w, { ref: e, ...i, inputProps: t });
+}), k = (l) => ({
+  cell: e
+}) => /* @__PURE__ */ d(b, { cell: e, ...l }, e.id);
+export {
+  b as DataGridDropdownCell,
+  w as DropdownCell,
+  k as getDataGridDropdownCell
+};
+//# sourceMappingURL=dropdown.es.js.map

package/dist/TableInputCell/dropdown.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.es.js","sources":["../../src/TableInputCell/dropdown.tsx"],"sourcesContent":["'use client';\n\nimport {forwardRef} from '@join-x5/react-theme';\nimport {Select} from '@join-x5/react';\n\nimport {TableCell} from '../TableCell';\n\nimport {useDataGridInputCell} from './hook';\n\nimport type {ChangeEvent, KeyboardEventHandler, MouseEventHandler} from 'react';\nimport type {Cell as ReactTableCell} from '@tanstack/react-table';\nimport type {FRC} from '@join-x5/react-theme';\nimport type {DatepickerProps, SelectOption, SelectProps} from '@join-x5/react';\nimport type {DataGridTableCellProps, TableCellProps} from '../TableCell';\nimport type {ColumnDefTemplate} from './types';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DefaultAny = any;\n\ntype TDropdownCell = FRC<\n  HTMLTableCellElement,\n  {\n    inputProps: SelectProps;\n  } & Omit<TableCellProps, 'value' | 'onChange'>\n>;\n\nexport const DropdownCell: TDropdownCell = forwardRef(({inputProps, ...props}, ref) => {\n  const setIsOpen: DatepickerProps['setIsOpen'] = newIsOpen => {\n    props.setIsActive?.(newIsOpen);\n  };\n\n  const onClick: MouseEventHandler<HTMLTableCellElement> = e => {\n    props.onClick?.(e);\n\n    if (!props.isDisabled && !props.isActive) {\n      props.setIsActive?.(true);\n    }\n  };\n\n  const onKeyDown: KeyboardEventHandler<HTMLTableCellElement> = e => {\n    props.onKeyDown?.(e);\n\n    const isEnterCode = e.code === 'Enter' || e.code === 'NumpadEnter';\n\n    if (!props.isDisabled && !props.isActive && isEnterCode) {\n      props.setIsActive?.(true);\n    }\n  };\n\n  return (\n    <TableCell ref={ref} padding={0} {...props} onKeyDown={onKeyDown} onClick={onClick}>\n      <Select\n        isTable\n        size={props.size}\n        disabled={props.isDisabled}\n        isOpen={props.isActive}\n        setIsOpen={setIsOpen}\n        {...inputProps}\n      />\n    </TableCell>\n  );\n});\n\nexport type DataGridDropdownCellProps<T = DefaultAny, V = DefaultAny, O = unknown> = {\n  getValue: (cell: ReactTableCell<T, V>) => SelectProps['value'];\n  onChange: (\n    cell: ReactTableCell<T, V>,\n    newValue: SelectProps['value'],\n    option?: SelectOption<O>,\n    event?: ChangeEvent<HTMLInputElement>\n  ) => void;\n} & Omit<SelectProps, 'value' | 'onChange'> &\n  DataGridTableCellProps<T, V>;\n\nexport const DataGridDropdownCell: FRC<HTMLTableCellElement, DataGridDropdownCellProps> = forwardRef((props, ref) => {\n  const {cell, getValue, onChange, ...rest} = props;\n\n  const cellProps = useDataGridInputCell(cell);\n\n  const inputProps = rest as SelectProps;\n  inputProps.value = getValue(cell);\n  inputProps.onChange = (...args) => onChange(cell, ...args);\n\n  return <DropdownCell ref={ref} {...cellProps} inputProps={inputProps} />;\n});\n\nexport type GetDataGridDropdownCellArgs<T = DefaultAny, V = DefaultAny> = Omit<DataGridDropdownCellProps<T, V>, 'cell'>;\n\nexport const getDataGridDropdownCell = <T, V>(args: GetDataGridDropdownCellArgs<T, V>): ColumnDefTemplate<T, V> => {\n  return ({cell}) => <DataGridDropdownCell key={cell.id} cell={cell} {...args} />;\n};\n"],"names":["DropdownCell","inputProps","props","newIsOpen","cell","getValue","onChange","rest","value"],"mappings":";;;;;;AA0BaA;AAA0C;AAACC;AAAoB;AAC1E;;AACEC;AAAoBC;AAsBpB;;AAVAD;AAEA;AAEA;AACsB;;AAbtBA;AAGsB;AA0B1B;AAcQ;AAAA;AAACE;AAAMC;AAAUC;AAAaC;AAKzBC;AAIb;AAKU;AAACJ;;;;;;"}

package/dist/TableInputCell/expanding.d.ts

@@ -0,0 +1,11 @@
+import { FRC, PropsWithChildren } from '@join-x5/react-theme';
+import { DataGridTableCellProps, TableCellProps } from '../TableCell';
+type DefaultAny = any;
+type TExpandingCell = FRC<HTMLTableCellElement, {
+    depth: number;
+    isParent?: boolean;
+} & TableCellProps>;
+export declare const ExpandingCell: TExpandingCell;
+export type DataGridExpandingCellProps<T = DefaultAny, V = DefaultAny> = DataGridTableCellProps<T, V> & PropsWithChildren;
+export declare const DataGridExpandingCell: FRC<HTMLTableCellElement, DataGridExpandingCellProps>;
+export {};