@join-x5/react-data-grid-settings 1.0.0-rc

package/dist/Area/index.d.ts

@@ -0,0 +1,11 @@
+import { ColumnArea, ColumnItemId, DataGridSettingsActiveItem, ItemsById } from '../types';
+type GetArea = {
+    columnIndex: number;
+    area: ColumnArea | `${ColumnArea}`;
+    itemIds: ColumnItemId[];
+    itemsById: ItemsById;
+    activeItem: DataGridSettingsActiveItem | undefined;
+    searchItems: ColumnItemId[];
+};
+export declare const getArea: ({ columnIndex, area, itemIds, itemsById, activeItem }: GetArea) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/Area/index.es.js

@@ -0,0 +1,140 @@
+import { jsx as b, jsxs as m } from "@emotion/react/jsx-runtime";
+import c from "@emotion/styled/base";
+import { useDroppable as B } from "@dnd-kit/core";
+import { Placement as J } from "@join-x5/react-theme";
+import { Tooltip as h } from "@join-x5/react";
+import { Items as x } from "../AreaItem/index.es.js";
+import { ColumnArea as d } from "../types.es.js";
+function Y() {
+  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 p = /* @__PURE__ */ c("div", process.env.NODE_ENV === "production" ? {
+  target: "e1ta6ao14"
+} : {
+  target: "e1ta6ao14",
+  label: "Container"
+})(process.env.NODE_ENV === "production" ? {
+  name: "ul69kf",
+  styles: "position:relative;min-height:32px"
+} : {
+  name: "ul69kf",
+  styles: "position:relative;min-height:32px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC1zZXR0aW5ncy9zcmMvQXJlYS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTRCIiwiZmlsZSI6Ii9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC1zZXR0aW5ncy9zcmMvQXJlYS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQge3VzZURyb3BwYWJsZX0gZnJvbSAnQGRuZC1raXQvY29yZSc7XG5cbmltcG9ydCB7UGxhY2VtZW50fSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQge1Rvb2x0aXB9IGZyb20gJ0Bqb2luLXg1L3JlYWN0JztcblxuaW1wb3J0IHtJdGVtc30gZnJvbSAnLi4vQXJlYUl0ZW0nO1xuaW1wb3J0IHtDb2x1bW5BcmVhfSBmcm9tICcuLi90eXBlcyc7XG5cbmltcG9ydCB0eXBlIHtDb2x1bW5JdGVtSWQsIERhdGFHcmlkU2V0dGluZ3NBY3RpdmVJdGVtLCBJdGVtc0J5SWR9IGZyb20gJy4uL3R5cGVzJztcblxuaW1wb3J0IHR5cGUge1Byb3BzV2l0aENoaWxkcmVufSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWluLWhlaWdodDogMzJweDtcbmA7XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBtaW4taGVpZ2h0OiAzMnB4O1xuYDtcblxuY29uc3QgSGVhZGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBwYWRkaW5nOiA2cHggOHB4O1xuICBib3JkZXItcmFkaXVzOiA4cHggOHB4IDAgMDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgei1pbmRleDogMTtcblxuICAkeyh7dGhlbWV9KSA9PiAoe1xuICAgIC4uLnRoZW1lLnR5cG9ncmFwaHkucDIsXG5cbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLndoaXRlLFxuICB9KX1cbmA7XG5cbmNvbnN0IFBsYWNlaG9sZGVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogOHB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgJHsoe3RoZW1lfSkgPT4gKHtcbiAgICAuLi50aGVtZS50eXBvZ3JhcGh5LnAyLFxuXG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5ncmV5WzYwXSxcbiAgfSl9XG5gO1xuXG5jb25zdCBGaXhlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8e2lzT3ZlcjogYm9vbGVhbn0+YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgOjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgICBib3JkZXItd2lkdGg6IDJweDtcbiAgICBib3JkZXItc3R5bGU6IGRhc2hlZDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuXG4gICR7KHt0aGVtZSwgaXNPdmVyfSkgPT4ge1xuICAgIHJldHVybiBgXG4gICAgICA6OmFmdGVyIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2lzT3ZlciA/IHRoZW1lLmNvbG9ycy5hY2NlbnRbODBdIDogdGhlbWUuY29sb3JzLmdyZXlbNjBdfTtcbiAgICAgIH1cblxuICAgICAgJHtIZWFkZXJ9IHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtpc092ZXIgPyB0aGVtZS5jb2xvcnMuYWNjZW50WzgwXSA6IHRoZW1lLmNvbG9ycy5ncmV5WzUwXX07XG4gICAgICB9XG5cbiAgICAgICR7UGxhY2Vob2xkZXJ9IHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtpc092ZXIgPyB0aGVtZS5jb2xvcnMuYWNjZW50WzEwXSA6IHVuZGVmaW5lZH07XG4gICAgICB9XG4gICAgYDtcbiAgfX1cbmA7XG5cbnR5cGUgQXJlYVByb3BzID0ge1xuICBpZDogc3RyaW5nO1xuICBhcmVhOiBDb2x1bW5BcmVhO1xuICBpc0VtcHR5OiBib29sZWFuO1xuICBpc092ZXJJdGVtczogYm9vbGVhbjtcbiAgaXNXaXRoSGVhZGVyOiBib29sZWFuO1xufSAmIFByb3BzV2l0aENoaWxkcmVuO1xuXG5jb25zdCBEZWZhdWx0QXJlYTogUmVhY3QuRkM8QXJlYVByb3BzPiA9ICh7Y2hpbGRyZW4sIGlkLCBhcmVhfSkgPT4ge1xuICBjb25zdCB7c2V0Tm9kZVJlZn0gPSB1c2VEcm9wcGFibGUoe2lkLCBkYXRhOiB7YXJlYX19KTtcblxuICByZXR1cm4gPENvbnRhaW5lciByZWY9e3NldE5vZGVSZWZ9PntjaGlsZHJlbn08L0NvbnRhaW5lcj47XG59O1xuXG5jb25zdCBGaXhlZEFyZWE6IFJlYWN0LkZDPEFyZWFQcm9wcz4gPSAoe2NoaWxkcmVuLCBpZCwgYXJlYSwgaXNFbXB0eSwgaXNPdmVySXRlbXMsIGlzV2l0aEhlYWRlcn0pID0+IHtcbiAgY29uc3Qge2lzT3Zlciwgc2V0Tm9kZVJlZn0gPSB1c2VEcm9wcGFibGUoe2lkLCBkYXRhOiB7YXJlYX19KTtcblxuICBpZiAoaXNFbXB0eSkge1xuICAgIGNvbnN0IHBsYWNlaG9sZGVyVGV4dCA9IGDQn9C10YDQtdGC0LDRidC40YLQtSDRgdGC0L7Qu9Cx0LXRhiDRgdGO0LTQsCwg0YfRgtC+0LHRi1xuICAgINC30LDQutGA0LXQv9C40YLRjCDQtdCz0L4gJHthcmVhID09PSBDb2x1bW5BcmVhLkZpeGVkTGVmdCA/ICfRgdC70LXQstCwJyA6ICfRgdC/0YDQsNCy0LAnfSDQvtGCINGC0LDQsdC70LjRhtGLYDtcblxuICAgIHJldHVybiAoXG4gICAgICA8Rml4ZWRDb250YWluZXIgcmVmPXtzZXROb2RlUmVmfSBpc092ZXI9e2lzT3ZlciB8fCBpc092ZXJJdGVtc30+XG4gICAgICAgIDxIZWFkZXIgaGlkZGVuPXshaXNXaXRoSGVhZGVyfT7QntCx0LvQsNGB0YLRjCDQtNC70Y8g0LfQsNC60YDQtdC/0LvQtdC90LjRjyDRgdGC0L7Qu9Cx0YbQsDwvSGVhZGVyPlxuICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICA8VG9vbHRpcCBwbGFjZW1lbnQ9e1BsYWNlbWVudC5SaWdodH0gY29udGVudD17cGxhY2Vob2xkZXJUZXh0fSB3aGl0ZVNwYWNlPVwicHJlLWxpbmVcIj5cbiAgICAgICAgICAgIDxQbGFjZWhvbGRlcj57cGxhY2Vob2xkZXJUZXh0fTwvUGxhY2Vob2xkZXI+XG4gICAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICA8L0NvbnRlbnQ+XG4gICAgICA8L0ZpeGVkQ29udGFpbmVyPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxGaXhlZENvbnRhaW5lciByZWY9e3NldE5vZGVSZWZ9IGlzT3Zlcj17aXNPdmVyIHx8IGlzT3Zlckl0ZW1zfT5cbiAgICAgIDxIZWFkZXIgaGlkZGVuPXshaXNXaXRoSGVhZGVyfT7QntCx0LvQsNGB0YLRjCDQtNC70Y8g0LfQsNC60YDQtdC/0LvQtdC90LjRjyDRgdGC0L7Qu9Cx0YbQsDwvSGVhZGVyPlxuICAgICAgPENvbnRlbnQ+e2NoaWxkcmVufTwvQ29udGVudD5cbiAgICA8L0ZpeGVkQ29udGFpbmVyPlxuICApO1xufTtcblxudHlwZSBHZXRBcmVhID0ge1xuICBjb2x1bW5JbmRleDogbnVtYmVyO1xuICBhcmVhOiBDb2x1bW5BcmVhO1xuICBpdGVtSWRzOiBDb2x1bW5JdGVtSWRbXTtcbiAgaXRlbXNCeUlkOiBJdGVtc0J5SWQ7XG4gIGFjdGl2ZUl0ZW06IERhdGFHcmlkU2V0dGluZ3NBY3RpdmVJdGVtIHwgdW5kZWZpbmVkO1xuICBzZWFyY2hJdGVtczogQ29sdW1uSXRlbUlkW107XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0QXJlYSA9ICh7Y29sdW1uSW5kZXgsIGFyZWEsIGl0ZW1JZHMsIGl0ZW1zQnlJZCwgYWN0aXZlSXRlbX06IEdldEFyZWEpID0+IHtcbiAgY29uc3QgQ29tcG9uZW50ID0gYXJlYSA9PT0gQ29sdW1uQXJlYS5EZWZhdWx0ID8gRGVmYXVsdEFyZWEgOiBGaXhlZEFyZWE7XG5cbiAgY29uc3QgaXNXaXRoSGVhZGVyID0gYXJlYSA9PT0gQ29sdW1uQXJlYS5GaXhlZExlZnQgJiYgY29sdW1uSW5kZXggPT09IDA7XG4gIGNvbnN0IGlzU2luZ2xlSXRlbUFjdGl2ZSA9IGl0ZW1JZHMubGVuZ3RoID09PSAxICYmIGl0ZW1JZHNbMF0gPT09IGFjdGl2ZUl0ZW0/LmlkO1xuICBjb25zdCBpc0ZpeGVkQXJlYSA9IGFyZWEgIT09IENvbHVtbkFyZWEuRGVmYXVsdDtcblxuICBjb25zdCBpc0VtcHR5ID0gaXRlbUlkcy5sZW5ndGggPT09IDAgfHwgKGlzU2luZ2xlSXRlbUFjdGl2ZSAmJiBpc0ZpeGVkQXJlYSk7XG4gIGNvbnN0IGlzT3Zlckl0ZW1zID0gaXRlbUlkcy5maW5kSW5kZXgoaXRlbUlkID0+IGl0ZW1zQnlJZC5nZXQoaXRlbUlkKT8uaWQgPT09IGFjdGl2ZUl0ZW0/Lm92ZXJJZCkgIT09IC0xO1xuXG4gIGNvbnN0IHByb3BzOiBBcmVhUHJvcHMgPSB7XG4gICAgYXJlYSxcbiAgICBpc0VtcHR5LFxuICAgIGlzT3Zlckl0ZW1zLFxuICAgIGlzV2l0aEhlYWRlcixcblxuICAgIGlkOiBgJHtjb2x1bW5JbmRleH1fJHthcmVhfWAsXG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8Q29tcG9uZW50IGtleT17cHJvcHMuaWR9IHsuLi5wcm9wc30+XG4gICAgICA8SXRlbXMgaXRlbUlkcz17aXRlbUlkc30gYWN0aXZlSXRlbT17YWN0aXZlSXRlbX0gLz5cbiAgICA8L0NvbXBvbmVudD5cbiAgKTtcbn07XG4iXX0= */",
+  toString: Y
+}), R = /* @__PURE__ */ c("div", process.env.NODE_ENV === "production" ? {
+  target: "e1ta6ao13"
+} : {
+  target: "e1ta6ao13",
+  label: "Content"
+})(process.env.NODE_ENV === "production" ? {
+  name: "u6kpdv",
+  styles: "min-height:32px"
+} : {
+  name: "u6kpdv",
+  styles: "min-height:32px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC1zZXR0aW5ncy9zcmMvQXJlYS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0IwQiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9kYXRhLWdyaWQtc2V0dGluZ3Mvc3JjL0FyZWEvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHt1c2VEcm9wcGFibGV9IGZyb20gJ0BkbmQta2l0L2NvcmUnO1xuXG5pbXBvcnQge1BsYWNlbWVudH0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuaW1wb3J0IHtUb29sdGlwfSBmcm9tICdAam9pbi14NS9yZWFjdCc7XG5cbmltcG9ydCB7SXRlbXN9IGZyb20gJy4uL0FyZWFJdGVtJztcbmltcG9ydCB7Q29sdW1uQXJlYX0gZnJvbSAnLi4vdHlwZXMnO1xuXG5pbXBvcnQgdHlwZSB7Q29sdW1uSXRlbUlkLCBEYXRhR3JpZFNldHRpbmdzQWN0aXZlSXRlbSwgSXRlbXNCeUlkfSBmcm9tICcuLi90eXBlcyc7XG5cbmltcG9ydCB0eXBlIHtQcm9wc1dpdGhDaGlsZHJlbn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1pbi1oZWlnaHQ6IDMycHg7XG5gO1xuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgbWluLWhlaWdodDogMzJweDtcbmA7XG5cbmNvbnN0IEhlYWRlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcGFkZGluZzogNnB4IDhweDtcbiAgYm9yZGVyLXJhZGl1czogOHB4IDhweCAwIDA7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIHotaW5kZXg6IDE7XG5cbiAgJHsoe3RoZW1lfSkgPT4gKHtcbiAgICAuLi50aGVtZS50eXBvZ3JhcGh5LnAyLFxuXG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy53aGl0ZSxcbiAgfSl9XG5gO1xuXG5jb25zdCBQbGFjZWhvbGRlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6IDhweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuXG4gICR7KHt0aGVtZX0pID0+ICh7XG4gICAgLi4udGhlbWUudHlwb2dyYXBoeS5wMixcblxuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuZ3JleVs2MF0sXG4gIH0pfVxuYDtcblxuY29uc3QgRml4ZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PHtpc092ZXI6IGJvb2xlYW59PmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gIDo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gICAgYm9yZGVyLXdpZHRoOiAycHg7XG4gICAgYm9yZGVyLXN0eWxlOiBkYXNoZWQ7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cblxuICAkeyh7dGhlbWUsIGlzT3Zlcn0pID0+IHtcbiAgICByZXR1cm4gYFxuICAgICAgOjphZnRlciB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtpc092ZXIgPyB0aGVtZS5jb2xvcnMuYWNjZW50WzgwXSA6IHRoZW1lLmNvbG9ycy5ncmV5WzYwXX07XG4gICAgICB9XG5cbiAgICAgICR7SGVhZGVyfSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7aXNPdmVyID8gdGhlbWUuY29sb3JzLmFjY2VudFs4MF0gOiB0aGVtZS5jb2xvcnMuZ3JleVs1MF19O1xuICAgICAgfVxuXG4gICAgICAke1BsYWNlaG9sZGVyfSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7aXNPdmVyID8gdGhlbWUuY29sb3JzLmFjY2VudFsxMF0gOiB1bmRlZmluZWR9O1xuICAgICAgfVxuICAgIGA7XG4gIH19XG5gO1xuXG50eXBlIEFyZWFQcm9wcyA9IHtcbiAgaWQ6IHN0cmluZztcbiAgYXJlYTogQ29sdW1uQXJlYTtcbiAgaXNFbXB0eTogYm9vbGVhbjtcbiAgaXNPdmVySXRlbXM6IGJvb2xlYW47XG4gIGlzV2l0aEhlYWRlcjogYm9vbGVhbjtcbn0gJiBQcm9wc1dpdGhDaGlsZHJlbjtcblxuY29uc3QgRGVmYXVsdEFyZWE6IFJlYWN0LkZDPEFyZWFQcm9wcz4gPSAoe2NoaWxkcmVuLCBpZCwgYXJlYX0pID0+IHtcbiAgY29uc3Qge3NldE5vZGVSZWZ9ID0gdXNlRHJvcHBhYmxlKHtpZCwgZGF0YToge2FyZWF9fSk7XG5cbiAgcmV0dXJuIDxDb250YWluZXIgcmVmPXtzZXROb2RlUmVmfT57Y2hpbGRyZW59PC9Db250YWluZXI+O1xufTtcblxuY29uc3QgRml4ZWRBcmVhOiBSZWFjdC5GQzxBcmVhUHJvcHM+ID0gKHtjaGlsZHJlbiwgaWQsIGFyZWEsIGlzRW1wdHksIGlzT3Zlckl0ZW1zLCBpc1dpdGhIZWFkZXJ9KSA9PiB7XG4gIGNvbnN0IHtpc092ZXIsIHNldE5vZGVSZWZ9ID0gdXNlRHJvcHBhYmxlKHtpZCwgZGF0YToge2FyZWF9fSk7XG5cbiAgaWYgKGlzRW1wdHkpIHtcbiAgICBjb25zdCBwbGFjZWhvbGRlclRleHQgPSBg0J/QtdGA0LXRgtCw0YnQuNGC0LUg0YHRgtC+0LvQsdC10YYg0YHRjtC00LAsINGH0YLQvtCx0YtcbiAgICDQt9Cw0LrRgNC10L/QuNGC0Ywg0LXQs9C+ICR7YXJlYSA9PT0gQ29sdW1uQXJlYS5GaXhlZExlZnQgPyAn0YHQu9C10LLQsCcgOiAn0YHQv9GA0LDQstCwJ30g0L7RgiDRgtCw0LHQu9C40YbRi2A7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEZpeGVkQ29udGFpbmVyIHJlZj17c2V0Tm9kZVJlZn0gaXNPdmVyPXtpc092ZXIgfHwgaXNPdmVySXRlbXN9PlxuICAgICAgICA8SGVhZGVyIGhpZGRlbj17IWlzV2l0aEhlYWRlcn0+0J7QsdC70LDRgdGC0Ywg0LTQu9GPINC30LDQutGA0LXQv9C70LXQvdC40Y8g0YHRgtC+0LvQsdGG0LA8L0hlYWRlcj5cbiAgICAgICAgPENvbnRlbnQ+XG4gICAgICAgICAgPFRvb2x0aXAgcGxhY2VtZW50PXtQbGFjZW1lbnQuUmlnaHR9IGNvbnRlbnQ9e3BsYWNlaG9sZGVyVGV4dH0gd2hpdGVTcGFjZT1cInByZS1saW5lXCI+XG4gICAgICAgICAgICA8UGxhY2Vob2xkZXI+e3BsYWNlaG9sZGVyVGV4dH08L1BsYWNlaG9sZGVyPlxuICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgPC9Db250ZW50PlxuICAgICAgPC9GaXhlZENvbnRhaW5lcj5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Rml4ZWRDb250YWluZXIgcmVmPXtzZXROb2RlUmVmfSBpc092ZXI9e2lzT3ZlciB8fCBpc092ZXJJdGVtc30+XG4gICAgICA8SGVhZGVyIGhpZGRlbj17IWlzV2l0aEhlYWRlcn0+0J7QsdC70LDRgdGC0Ywg0LTQu9GPINC30LDQutGA0LXQv9C70LXQvdC40Y8g0YHRgtC+0LvQsdGG0LA8L0hlYWRlcj5cbiAgICAgIDxDb250ZW50PntjaGlsZHJlbn08L0NvbnRlbnQ+XG4gICAgPC9GaXhlZENvbnRhaW5lcj5cbiAgKTtcbn07XG5cbnR5cGUgR2V0QXJlYSA9IHtcbiAgY29sdW1uSW5kZXg6IG51bWJlcjtcbiAgYXJlYTogQ29sdW1uQXJlYTtcbiAgaXRlbUlkczogQ29sdW1uSXRlbUlkW107XG4gIGl0ZW1zQnlJZDogSXRlbXNCeUlkO1xuICBhY3RpdmVJdGVtOiBEYXRhR3JpZFNldHRpbmdzQWN0aXZlSXRlbSB8IHVuZGVmaW5lZDtcbiAgc2VhcmNoSXRlbXM6IENvbHVtbkl0ZW1JZFtdO1xufTtcblxuZXhwb3J0IGNvbnN0IGdldEFyZWEgPSAoe2NvbHVtbkluZGV4LCBhcmVhLCBpdGVtSWRzLCBpdGVtc0J5SWQsIGFjdGl2ZUl0ZW19OiBHZXRBcmVhKSA9PiB7XG4gIGNvbnN0IENvbXBvbmVudCA9IGFyZWEgPT09IENvbHVtbkFyZWEuRGVmYXVsdCA/IERlZmF1bHRBcmVhIDogRml4ZWRBcmVhO1xuXG4gIGNvbnN0IGlzV2l0aEhlYWRlciA9IGFyZWEgPT09IENvbHVtbkFyZWEuRml4ZWRMZWZ0ICYmIGNvbHVtbkluZGV4ID09PSAwO1xuICBjb25zdCBpc1NpbmdsZUl0ZW1BY3RpdmUgPSBpdGVtSWRzLmxlbmd0aCA9PT0gMSAmJiBpdGVtSWRzWzBdID09PSBhY3RpdmVJdGVtPy5pZDtcbiAgY29uc3QgaXNGaXhlZEFyZWEgPSBhcmVhICE9PSBDb2x1bW5BcmVhLkRlZmF1bHQ7XG5cbiAgY29uc3QgaXNFbXB0eSA9IGl0ZW1JZHMubGVuZ3RoID09PSAwIHx8IChpc1NpbmdsZUl0ZW1BY3RpdmUgJiYgaXNGaXhlZEFyZWEpO1xuICBjb25zdCBpc092ZXJJdGVtcyA9IGl0ZW1JZHMuZmluZEluZGV4KGl0ZW1JZCA9PiBpdGVtc0J5SWQuZ2V0KGl0ZW1JZCk/LmlkID09PSBhY3RpdmVJdGVtPy5vdmVySWQpICE9PSAtMTtcblxuICBjb25zdCBwcm9wczogQXJlYVByb3BzID0ge1xuICAgIGFyZWEsXG4gICAgaXNFbXB0eSxcbiAgICBpc092ZXJJdGVtcyxcbiAgICBpc1dpdGhIZWFkZXIsXG5cbiAgICBpZDogYCR7Y29sdW1uSW5kZXh9XyR7YXJlYX1gLFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPENvbXBvbmVudCBrZXk9e3Byb3BzLmlkfSB7Li4ucHJvcHN9PlxuICAgICAgPEl0ZW1zIGl0ZW1JZHM9e2l0ZW1JZHN9IGFjdGl2ZUl0ZW09e2FjdGl2ZUl0ZW19IC8+XG4gICAgPC9Db21wb25lbnQ+XG4gICk7XG59O1xuIl19 */",
+  toString: Y
+}), t = /* @__PURE__ */ c("div", process.env.NODE_ENV === "production" ? {
+  target: "e1ta6ao12"
+} : {
+  target: "e1ta6ao12",
+  label: "Header"
+})("position:relative;padding:6px 8px;border-radius:8px 8px 0 0;text-align:center;user-select:none;z-index:1;", ({
+  theme: g
+}) => ({
+  ...g.typography.p2,
+  color: g.colors.white
+}), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC1zZXR0aW5ncy9zcmMvQXJlYS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0J5QiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9kYXRhLWdyaWQtc2V0dGluZ3Mvc3JjL0FyZWEvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHt1c2VEcm9wcGFibGV9IGZyb20gJ0BkbmQta2l0L2NvcmUnO1xuXG5pbXBvcnQge1BsYWNlbWVudH0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuaW1wb3J0IHtUb29sdGlwfSBmcm9tICdAam9pbi14NS9yZWFjdCc7XG5cbmltcG9ydCB7SXRlbXN9IGZyb20gJy4uL0FyZWFJdGVtJztcbmltcG9ydCB7Q29sdW1uQXJlYX0gZnJvbSAnLi4vdHlwZXMnO1xuXG5pbXBvcnQgdHlwZSB7Q29sdW1uSXRlbUlkLCBEYXRhR3JpZFNldHRpbmdzQWN0aXZlSXRlbSwgSXRlbXNCeUlkfSBmcm9tICcuLi90eXBlcyc7XG5cbmltcG9ydCB0eXBlIHtQcm9wc1dpdGhDaGlsZHJlbn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1pbi1oZWlnaHQ6IDMycHg7XG5gO1xuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgbWluLWhlaWdodDogMzJweDtcbmA7XG5cbmNvbnN0IEhlYWRlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcGFkZGluZzogNnB4IDhweDtcbiAgYm9yZGVyLXJhZGl1czogOHB4IDhweCAwIDA7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIHotaW5kZXg6IDE7XG5cbiAgJHsoe3RoZW1lfSkgPT4gKHtcbiAgICAuLi50aGVtZS50eXBvZ3JhcGh5LnAyLFxuXG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy53aGl0ZSxcbiAgfSl9XG5gO1xuXG5jb25zdCBQbGFjZWhvbGRlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6IDhweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuXG4gICR7KHt0aGVtZX0pID0+ICh7XG4gICAgLi4udGhlbWUudHlwb2dyYXBoeS5wMixcblxuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuZ3JleVs2MF0sXG4gIH0pfVxuYDtcblxuY29uc3QgRml4ZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PHtpc092ZXI6IGJvb2xlYW59PmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gIDo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gICAgYm9yZGVyLXdpZHRoOiAycHg7XG4gICAgYm9yZGVyLXN0eWxlOiBkYXNoZWQ7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cblxuICAkeyh7dGhlbWUsIGlzT3Zlcn0pID0+IHtcbiAgICByZXR1cm4gYFxuICAgICAgOjphZnRlciB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtpc092ZXIgPyB0aGVtZS5jb2xvcnMuYWNjZW50WzgwXSA6IHRoZW1lLmNvbG9ycy5ncmV5WzYwXX07XG4gICAgICB9XG5cbiAgICAgICR7SGVhZGVyfSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7aXNPdmVyID8gdGhlbWUuY29sb3JzLmFjY2VudFs4MF0gOiB0aGVtZS5jb2xvcnMuZ3JleVs1MF19O1xuICAgICAgfVxuXG4gICAgICAke1BsYWNlaG9sZGVyfSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7aXNPdmVyID8gdGhlbWUuY29sb3JzLmFjY2VudFsxMF0gOiB1bmRlZmluZWR9O1xuICAgICAgfVxuICAgIGA7XG4gIH19XG5gO1xuXG50eXBlIEFyZWFQcm9wcyA9IHtcbiAgaWQ6IHN0cmluZztcbiAgYXJlYTogQ29sdW1uQXJlYTtcbiAgaXNFbXB0eTogYm9vbGVhbjtcbiAgaXNPdmVySXRlbXM6IGJvb2xlYW47XG4gIGlzV2l0aEhlYWRlcjogYm9vbGVhbjtcbn0gJiBQcm9wc1dpdGhDaGlsZHJlbjtcblxuY29uc3QgRGVmYXVsdEFyZWE6IFJlYWN0LkZDPEFyZWFQcm9wcz4gPSAoe2NoaWxkcmVuLCBpZCwgYXJlYX0pID0+IHtcbiAgY29uc3Qge3NldE5vZGVSZWZ9ID0gdXNlRHJvcHBhYmxlKHtpZCwgZGF0YToge2FyZWF9fSk7XG5cbiAgcmV0dXJuIDxDb250YWluZXIgcmVmPXtzZXROb2RlUmVmfT57Y2hpbGRyZW59PC9Db250YWluZXI+O1xufTtcblxuY29uc3QgRml4ZWRBcmVhOiBSZWFjdC5GQzxBcmVhUHJvcHM+ID0gKHtjaGlsZHJlbiwgaWQsIGFyZWEsIGlzRW1wdHksIGlzT3Zlckl0ZW1zLCBpc1dpdGhIZWFkZXJ9KSA9PiB7XG4gIGNvbnN0IHtpc092ZXIsIHNldE5vZGVSZWZ9ID0gdXNlRHJvcHBhYmxlKHtpZCwgZGF0YToge2FyZWF9fSk7XG5cbiAgaWYgKGlzRW1wdHkpIHtcbiAgICBjb25zdCBwbGFjZWhvbGRlclRleHQgPSBg0J/QtdGA0LXRgtCw0YnQuNGC0LUg0YHRgtC+0LvQsdC10YYg0YHRjtC00LAsINGH0YLQvtCx0YtcbiAgICDQt9Cw0LrRgNC10L/QuNGC0Ywg0LXQs9C+ICR7YXJlYSA9PT0gQ29sdW1uQXJlYS5GaXhlZExlZnQgPyAn0YHQu9C10LLQsCcgOiAn0YHQv9GA0LDQstCwJ30g0L7RgiDRgtCw0LHQu9C40YbRi2A7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEZpeGVkQ29udGFpbmVyIHJlZj17c2V0Tm9kZVJlZn0gaXNPdmVyPXtpc092ZXIgfHwgaXNPdmVySXRlbXN9PlxuICAgICAgICA8SGVhZGVyIGhpZGRlbj17IWlzV2l0aEhlYWRlcn0+0J7QsdC70LDRgdGC0Ywg0LTQu9GPINC30LDQutGA0LXQv9C70LXQvdC40Y8g0YHRgtC+0LvQsdGG0LA8L0hlYWRlcj5cbiAgICAgICAgPENvbnRlbnQ+XG4gICAgICAgICAgPFRvb2x0aXAgcGxhY2VtZW50PXtQbGFjZW1lbnQuUmlnaHR9IGNvbnRlbnQ9e3BsYWNlaG9sZGVyVGV4dH0gd2hpdGVTcGFjZT1cInByZS1saW5lXCI+XG4gICAgICAgICAgICA8UGxhY2Vob2xkZXI+e3BsYWNlaG9sZGVyVGV4dH08L1BsYWNlaG9sZGVyPlxuICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgPC9Db250ZW50PlxuICAgICAgPC9GaXhlZENvbnRhaW5lcj5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Rml4ZWRDb250YWluZXIgcmVmPXtzZXROb2RlUmVmfSBpc092ZXI9e2lzT3ZlciB8fCBpc092ZXJJdGVtc30+XG4gICAgICA8SGVhZGVyIGhpZGRlbj17IWlzV2l0aEhlYWRlcn0+0J7QsdC70LDRgdGC0Ywg0LTQu9GPINC30LDQutGA0LXQv9C70LXQvdC40Y8g0YHRgtC+0LvQsdGG0LA8L0hlYWRlcj5cbiAgICAgIDxDb250ZW50PntjaGlsZHJlbn08L0NvbnRlbnQ+XG4gICAgPC9GaXhlZENvbnRhaW5lcj5cbiAgKTtcbn07XG5cbnR5cGUgR2V0QXJlYSA9IHtcbiAgY29sdW1uSW5kZXg6IG51bWJlcjtcbiAgYXJlYTogQ29sdW1uQXJlYTtcbiAgaXRlbUlkczogQ29sdW1uSXRlbUlkW107XG4gIGl0ZW1zQnlJZDogSXRlbXNCeUlkO1xuICBhY3RpdmVJdGVtOiBEYXRhR3JpZFNldHRpbmdzQWN0aXZlSXRlbSB8IHVuZGVmaW5lZDtcbiAgc2VhcmNoSXRlbXM6IENvbHVtbkl0ZW1JZFtdO1xufTtcblxuZXhwb3J0IGNvbnN0IGdldEFyZWEgPSAoe2NvbHVtbkluZGV4LCBhcmVhLCBpdGVtSWRzLCBpdGVtc0J5SWQsIGFjdGl2ZUl0ZW19OiBHZXRBcmVhKSA9PiB7XG4gIGNvbnN0IENvbXBvbmVudCA9IGFyZWEgPT09IENvbHVtbkFyZWEuRGVmYXVsdCA/IERlZmF1bHRBcmVhIDogRml4ZWRBcmVhO1xuXG4gIGNvbnN0IGlzV2l0aEhlYWRlciA9IGFyZWEgPT09IENvbHVtbkFyZWEuRml4ZWRMZWZ0ICYmIGNvbHVtbkluZGV4ID09PSAwO1xuICBjb25zdCBpc1NpbmdsZUl0ZW1BY3RpdmUgPSBpdGVtSWRzLmxlbmd0aCA9PT0gMSAmJiBpdGVtSWRzWzBdID09PSBhY3RpdmVJdGVtPy5pZDtcbiAgY29uc3QgaXNGaXhlZEFyZWEgPSBhcmVhICE9PSBDb2x1bW5BcmVhLkRlZmF1bHQ7XG5cbiAgY29uc3QgaXNFbXB0eSA9IGl0ZW1JZHMubGVuZ3RoID09PSAwIHx8IChpc1NpbmdsZUl0ZW1BY3RpdmUgJiYgaXNGaXhlZEFyZWEpO1xuICBjb25zdCBpc092ZXJJdGVtcyA9IGl0ZW1JZHMuZmluZEluZGV4KGl0ZW1JZCA9PiBpdGVtc0J5SWQuZ2V0KGl0ZW1JZCk/LmlkID09PSBhY3RpdmVJdGVtPy5vdmVySWQpICE9PSAtMTtcblxuICBjb25zdCBwcm9wczogQXJlYVByb3BzID0ge1xuICAgIGFyZWEsXG4gICAgaXNFbXB0eSxcbiAgICBpc092ZXJJdGVtcyxcbiAgICBpc1dpdGhIZWFkZXIsXG5cbiAgICBpZDogYCR7Y29sdW1uSW5kZXh9XyR7YXJlYX1gLFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPENvbXBvbmVudCBrZXk9e3Byb3BzLmlkfSB7Li4ucHJvcHN9PlxuICAgICAgPEl0ZW1zIGl0ZW1JZHM9e2l0ZW1JZHN9IGFjdGl2ZUl0ZW09e2FjdGl2ZUl0ZW19IC8+XG4gICAgPC9Db21wb25lbnQ+XG4gICk7XG59O1xuIl19 */")), a = /* @__PURE__ */ c("div", process.env.NODE_ENV === "production" ? {
+  target: "e1ta6ao11"
+} : {
+  target: "e1ta6ao11",
+  label: "Placeholder"
+})("padding:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;user-select:none;", ({
+  theme: g
+}) => ({
+  ...g.typography.p2,
+  color: g.colors.grey[60]
+}), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC1zZXR0aW5ncy9zcmMvQXJlYS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUM4QiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9kYXRhLWdyaWQtc2V0dGluZ3Mvc3JjL0FyZWEvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHt1c2VEcm9wcGFibGV9IGZyb20gJ0BkbmQta2l0L2NvcmUnO1xuXG5pbXBvcnQge1BsYWNlbWVudH0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuaW1wb3J0IHtUb29sdGlwfSBmcm9tICdAam9pbi14NS9yZWFjdCc7XG5cbmltcG9ydCB7SXRlbXN9IGZyb20gJy4uL0FyZWFJdGVtJztcbmltcG9ydCB7Q29sdW1uQXJlYX0gZnJvbSAnLi4vdHlwZXMnO1xuXG5pbXBvcnQgdHlwZSB7Q29sdW1uSXRlbUlkLCBEYXRhR3JpZFNldHRpbmdzQWN0aXZlSXRlbSwgSXRlbXNCeUlkfSBmcm9tICcuLi90eXBlcyc7XG5cbmltcG9ydCB0eXBlIHtQcm9wc1dpdGhDaGlsZHJlbn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1pbi1oZWlnaHQ6IDMycHg7XG5gO1xuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgbWluLWhlaWdodDogMzJweDtcbmA7XG5cbmNvbnN0IEhlYWRlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcGFkZGluZzogNnB4IDhweDtcbiAgYm9yZGVyLXJhZGl1czogOHB4IDhweCAwIDA7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIHotaW5kZXg6IDE7XG5cbiAgJHsoe3RoZW1lfSkgPT4gKHtcbiAgICAuLi50aGVtZS50eXBvZ3JhcGh5LnAyLFxuXG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy53aGl0ZSxcbiAgfSl9XG5gO1xuXG5jb25zdCBQbGFjZWhvbGRlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6IDhweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuXG4gICR7KHt0aGVtZX0pID0+ICh7XG4gICAgLi4udGhlbWUudHlwb2dyYXBoeS5wMixcblxuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuZ3JleVs2MF0sXG4gIH0pfVxuYDtcblxuY29uc3QgRml4ZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PHtpc092ZXI6IGJvb2xlYW59PmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gIDo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gICAgYm9yZGVyLXdpZHRoOiAycHg7XG4gICAgYm9yZGVyLXN0eWxlOiBkYXNoZWQ7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cblxuICAkeyh7dGhlbWUsIGlzT3Zlcn0pID0+IHtcbiAgICByZXR1cm4gYFxuICAgICAgOjphZnRlciB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtpc092ZXIgPyB0aGVtZS5jb2xvcnMuYWNjZW50WzgwXSA6IHRoZW1lLmNvbG9ycy5ncmV5WzYwXX07XG4gICAgICB9XG5cbiAgICAgICR7SGVhZGVyfSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7aXNPdmVyID8gdGhlbWUuY29sb3JzLmFjY2VudFs4MF0gOiB0aGVtZS5jb2xvcnMuZ3JleVs1MF19O1xuICAgICAgfVxuXG4gICAgICAke1BsYWNlaG9sZGVyfSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7aXNPdmVyID8gdGhlbWUuY29sb3JzLmFjY2VudFsxMF0gOiB1bmRlZmluZWR9O1xuICAgICAgfVxuICAgIGA7XG4gIH19XG5gO1xuXG50eXBlIEFyZWFQcm9wcyA9IHtcbiAgaWQ6IHN0cmluZztcbiAgYXJlYTogQ29sdW1uQXJlYTtcbiAgaXNFbXB0eTogYm9vbGVhbjtcbiAgaXNPdmVySXRlbXM6IGJvb2xlYW47XG4gIGlzV2l0aEhlYWRlcjogYm9vbGVhbjtcbn0gJiBQcm9wc1dpdGhDaGlsZHJlbjtcblxuY29uc3QgRGVmYXVsdEFyZWE6IFJlYWN0LkZDPEFyZWFQcm9wcz4gPSAoe2NoaWxkcmVuLCBpZCwgYXJlYX0pID0+IHtcbiAgY29uc3Qge3NldE5vZGVSZWZ9ID0gdXNlRHJvcHBhYmxlKHtpZCwgZGF0YToge2FyZWF9fSk7XG5cbiAgcmV0dXJuIDxDb250YWluZXIgcmVmPXtzZXROb2RlUmVmfT57Y2hpbGRyZW59PC9Db250YWluZXI+O1xufTtcblxuY29uc3QgRml4ZWRBcmVhOiBSZWFjdC5GQzxBcmVhUHJvcHM+ID0gKHtjaGlsZHJlbiwgaWQsIGFyZWEsIGlzRW1wdHksIGlzT3Zlckl0ZW1zLCBpc1dpdGhIZWFkZXJ9KSA9PiB7XG4gIGNvbnN0IHtpc092ZXIsIHNldE5vZGVSZWZ9ID0gdXNlRHJvcHBhYmxlKHtpZCwgZGF0YToge2FyZWF9fSk7XG5cbiAgaWYgKGlzRW1wdHkpIHtcbiAgICBjb25zdCBwbGFjZWhvbGRlclRleHQgPSBg0J/QtdGA0LXRgtCw0YnQuNGC0LUg0YHRgtC+0LvQsdC10YYg0YHRjtC00LAsINGH0YLQvtCx0YtcbiAgICDQt9Cw0LrRgNC10L/QuNGC0Ywg0LXQs9C+ICR7YXJlYSA9PT0gQ29sdW1uQXJlYS5GaXhlZExlZnQgPyAn0YHQu9C10LLQsCcgOiAn0YHQv9GA0LDQstCwJ30g0L7RgiDRgtCw0LHQu9C40YbRi2A7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEZpeGVkQ29udGFpbmVyIHJlZj17c2V0Tm9kZVJlZn0gaXNPdmVyPXtpc092ZXIgfHwgaXNPdmVySXRlbXN9PlxuICAgICAgICA8SGVhZGVyIGhpZGRlbj17IWlzV2l0aEhlYWRlcn0+0J7QsdC70LDRgdGC0Ywg0LTQu9GPINC30LDQutGA0LXQv9C70LXQvdC40Y8g0YHRgtC+0LvQsdGG0LA8L0hlYWRlcj5cbiAgICAgICAgPENvbnRlbnQ+XG4gICAgICAgICAgPFRvb2x0aXAgcGxhY2VtZW50PXtQbGFjZW1lbnQuUmlnaHR9IGNvbnRlbnQ9e3BsYWNlaG9sZGVyVGV4dH0gd2hpdGVTcGFjZT1cInByZS1saW5lXCI+XG4gICAgICAgICAgICA8UGxhY2Vob2xkZXI+e3BsYWNlaG9sZGVyVGV4dH08L1BsYWNlaG9sZGVyPlxuICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgPC9Db250ZW50PlxuICAgICAgPC9GaXhlZENvbnRhaW5lcj5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Rml4ZWRDb250YWluZXIgcmVmPXtzZXROb2RlUmVmfSBpc092ZXI9e2lzT3ZlciB8fCBpc092ZXJJdGVtc30+XG4gICAgICA8SGVhZGVyIGhpZGRlbj17IWlzV2l0aEhlYWRlcn0+0J7QsdC70LDRgdGC0Ywg0LTQu9GPINC30LDQutGA0LXQv9C70LXQvdC40Y8g0YHRgtC+0LvQsdGG0LA8L0hlYWRlcj5cbiAgICAgIDxDb250ZW50PntjaGlsZHJlbn08L0NvbnRlbnQ+XG4gICAgPC9GaXhlZENvbnRhaW5lcj5cbiAgKTtcbn07XG5cbnR5cGUgR2V0QXJlYSA9IHtcbiAgY29sdW1uSW5kZXg6IG51bWJlcjtcbiAgYXJlYTogQ29sdW1uQXJlYTtcbiAgaXRlbUlkczogQ29sdW1uSXRlbUlkW107XG4gIGl0ZW1zQnlJZDogSXRlbXNCeUlkO1xuICBhY3RpdmVJdGVtOiBEYXRhR3JpZFNldHRpbmdzQWN0aXZlSXRlbSB8IHVuZGVmaW5lZDtcbiAgc2VhcmNoSXRlbXM6IENvbHVtbkl0ZW1JZFtdO1xufTtcblxuZXhwb3J0IGNvbnN0IGdldEFyZWEgPSAoe2NvbHVtbkluZGV4LCBhcmVhLCBpdGVtSWRzLCBpdGVtc0J5SWQsIGFjdGl2ZUl0ZW19OiBHZXRBcmVhKSA9PiB7XG4gIGNvbnN0IENvbXBvbmVudCA9IGFyZWEgPT09IENvbHVtbkFyZWEuRGVmYXVsdCA/IERlZmF1bHRBcmVhIDogRml4ZWRBcmVhO1xuXG4gIGNvbnN0IGlzV2l0aEhlYWRlciA9IGFyZWEgPT09IENvbHVtbkFyZWEuRml4ZWRMZWZ0ICYmIGNvbHVtbkluZGV4ID09PSAwO1xuICBjb25zdCBpc1NpbmdsZUl0ZW1BY3RpdmUgPSBpdGVtSWRzLmxlbmd0aCA9PT0gMSAmJiBpdGVtSWRzWzBdID09PSBhY3RpdmVJdGVtPy5pZDtcbiAgY29uc3QgaXNGaXhlZEFyZWEgPSBhcmVhICE9PSBDb2x1bW5BcmVhLkRlZmF1bHQ7XG5cbiAgY29uc3QgaXNFbXB0eSA9IGl0ZW1JZHMubGVuZ3RoID09PSAwIHx8IChpc1NpbmdsZUl0ZW1BY3RpdmUgJiYgaXNGaXhlZEFyZWEpO1xuICBjb25zdCBpc092ZXJJdGVtcyA9IGl0ZW1JZHMuZmluZEluZGV4KGl0ZW1JZCA9PiBpdGVtc0J5SWQuZ2V0KGl0ZW1JZCk/LmlkID09PSBhY3RpdmVJdGVtPy5vdmVySWQpICE9PSAtMTtcblxuICBjb25zdCBwcm9wczogQXJlYVByb3BzID0ge1xuICAgIGFyZWEsXG4gICAgaXNFbXB0eSxcbiAgICBpc092ZXJJdGVtcyxcbiAgICBpc1dpdGhIZWFkZXIsXG5cbiAgICBpZDogYCR7Y29sdW1uSW5kZXh9XyR7YXJlYX1gLFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPENvbXBvbmVudCBrZXk9e3Byb3BzLmlkfSB7Li4ucHJvcHN9PlxuICAgICAgPEl0ZW1zIGl0ZW1JZHM9e2l0ZW1JZHN9IGFjdGl2ZUl0ZW09e2FjdGl2ZUl0ZW19IC8+XG4gICAgPC9Db21wb25lbnQ+XG4gICk7XG59O1xuIl19 */")), i = /* @__PURE__ */ c("div", process.env.NODE_ENV === "production" ? {
+  target: "e1ta6ao10"
+} : {
+  target: "e1ta6ao10",
+  label: "FixedContainer"
+})("position:relative;::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border-radius:8px;border-width:2px;border-style:dashed;pointer-events:none;}", ({
+  theme: g,
+  isOver: l
+}) => `
+      ::after {
+        border-color: ${l ? g.colors.accent[80] : g.colors.grey[60]};
+      }
+
+      ${t} {
+        background-color: ${l ? g.colors.accent[80] : g.colors.grey[50]};
+      }
+
+      ${a} {
+        background-color: ${l ? g.colors.accent[10] : void 0};
+      }
+    `, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC1zZXR0aW5ncy9zcmMvQXJlYS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbURvRCIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9kYXRhLWdyaWQtc2V0dGluZ3Mvc3JjL0FyZWEvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHt1c2VEcm9wcGFibGV9IGZyb20gJ0BkbmQta2l0L2NvcmUnO1xuXG5pbXBvcnQge1BsYWNlbWVudH0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuaW1wb3J0IHtUb29sdGlwfSBmcm9tICdAam9pbi14NS9yZWFjdCc7XG5cbmltcG9ydCB7SXRlbXN9IGZyb20gJy4uL0FyZWFJdGVtJztcbmltcG9ydCB7Q29sdW1uQXJlYX0gZnJvbSAnLi4vdHlwZXMnO1xuXG5pbXBvcnQgdHlwZSB7Q29sdW1uSXRlbUlkLCBEYXRhR3JpZFNldHRpbmdzQWN0aXZlSXRlbSwgSXRlbXNCeUlkfSBmcm9tICcuLi90eXBlcyc7XG5cbmltcG9ydCB0eXBlIHtQcm9wc1dpdGhDaGlsZHJlbn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1pbi1oZWlnaHQ6IDMycHg7XG5gO1xuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgbWluLWhlaWdodDogMzJweDtcbmA7XG5cbmNvbnN0IEhlYWRlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcGFkZGluZzogNnB4IDhweDtcbiAgYm9yZGVyLXJhZGl1czogOHB4IDhweCAwIDA7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIHotaW5kZXg6IDE7XG5cbiAgJHsoe3RoZW1lfSkgPT4gKHtcbiAgICAuLi50aGVtZS50eXBvZ3JhcGh5LnAyLFxuXG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy53aGl0ZSxcbiAgfSl9XG5gO1xuXG5jb25zdCBQbGFjZWhvbGRlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6IDhweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuXG4gICR7KHt0aGVtZX0pID0+ICh7XG4gICAgLi4udGhlbWUudHlwb2dyYXBoeS5wMixcblxuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuZ3JleVs2MF0sXG4gIH0pfVxuYDtcblxuY29uc3QgRml4ZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PHtpc092ZXI6IGJvb2xlYW59PmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gIDo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gICAgYm9yZGVyLXdpZHRoOiAycHg7XG4gICAgYm9yZGVyLXN0eWxlOiBkYXNoZWQ7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cblxuICAkeyh7dGhlbWUsIGlzT3Zlcn0pID0+IHtcbiAgICByZXR1cm4gYFxuICAgICAgOjphZnRlciB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtpc092ZXIgPyB0aGVtZS5jb2xvcnMuYWNjZW50WzgwXSA6IHRoZW1lLmNvbG9ycy5ncmV5WzYwXX07XG4gICAgICB9XG5cbiAgICAgICR7SGVhZGVyfSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7aXNPdmVyID8gdGhlbWUuY29sb3JzLmFjY2VudFs4MF0gOiB0aGVtZS5jb2xvcnMuZ3JleVs1MF19O1xuICAgICAgfVxuXG4gICAgICAke1BsYWNlaG9sZGVyfSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7aXNPdmVyID8gdGhlbWUuY29sb3JzLmFjY2VudFsxMF0gOiB1bmRlZmluZWR9O1xuICAgICAgfVxuICAgIGA7XG4gIH19XG5gO1xuXG50eXBlIEFyZWFQcm9wcyA9IHtcbiAgaWQ6IHN0cmluZztcbiAgYXJlYTogQ29sdW1uQXJlYTtcbiAgaXNFbXB0eTogYm9vbGVhbjtcbiAgaXNPdmVySXRlbXM6IGJvb2xlYW47XG4gIGlzV2l0aEhlYWRlcjogYm9vbGVhbjtcbn0gJiBQcm9wc1dpdGhDaGlsZHJlbjtcblxuY29uc3QgRGVmYXVsdEFyZWE6IFJlYWN0LkZDPEFyZWFQcm9wcz4gPSAoe2NoaWxkcmVuLCBpZCwgYXJlYX0pID0+IHtcbiAgY29uc3Qge3NldE5vZGVSZWZ9ID0gdXNlRHJvcHBhYmxlKHtpZCwgZGF0YToge2FyZWF9fSk7XG5cbiAgcmV0dXJuIDxDb250YWluZXIgcmVmPXtzZXROb2RlUmVmfT57Y2hpbGRyZW59PC9Db250YWluZXI+O1xufTtcblxuY29uc3QgRml4ZWRBcmVhOiBSZWFjdC5GQzxBcmVhUHJvcHM+ID0gKHtjaGlsZHJlbiwgaWQsIGFyZWEsIGlzRW1wdHksIGlzT3Zlckl0ZW1zLCBpc1dpdGhIZWFkZXJ9KSA9PiB7XG4gIGNvbnN0IHtpc092ZXIsIHNldE5vZGVSZWZ9ID0gdXNlRHJvcHBhYmxlKHtpZCwgZGF0YToge2FyZWF9fSk7XG5cbiAgaWYgKGlzRW1wdHkpIHtcbiAgICBjb25zdCBwbGFjZWhvbGRlclRleHQgPSBg0J/QtdGA0LXRgtCw0YnQuNGC0LUg0YHRgtC+0LvQsdC10YYg0YHRjtC00LAsINGH0YLQvtCx0YtcbiAgICDQt9Cw0LrRgNC10L/QuNGC0Ywg0LXQs9C+ICR7YXJlYSA9PT0gQ29sdW1uQXJlYS5GaXhlZExlZnQgPyAn0YHQu9C10LLQsCcgOiAn0YHQv9GA0LDQstCwJ30g0L7RgiDRgtCw0LHQu9C40YbRi2A7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEZpeGVkQ29udGFpbmVyIHJlZj17c2V0Tm9kZVJlZn0gaXNPdmVyPXtpc092ZXIgfHwgaXNPdmVySXRlbXN9PlxuICAgICAgICA8SGVhZGVyIGhpZGRlbj17IWlzV2l0aEhlYWRlcn0+0J7QsdC70LDRgdGC0Ywg0LTQu9GPINC30LDQutGA0LXQv9C70LXQvdC40Y8g0YHRgtC+0LvQsdGG0LA8L0hlYWRlcj5cbiAgICAgICAgPENvbnRlbnQ+XG4gICAgICAgICAgPFRvb2x0aXAgcGxhY2VtZW50PXtQbGFjZW1lbnQuUmlnaHR9IGNvbnRlbnQ9e3BsYWNlaG9sZGVyVGV4dH0gd2hpdGVTcGFjZT1cInByZS1saW5lXCI+XG4gICAgICAgICAgICA8UGxhY2Vob2xkZXI+e3BsYWNlaG9sZGVyVGV4dH08L1BsYWNlaG9sZGVyPlxuICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgPC9Db250ZW50PlxuICAgICAgPC9GaXhlZENvbnRhaW5lcj5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Rml4ZWRDb250YWluZXIgcmVmPXtzZXROb2RlUmVmfSBpc092ZXI9e2lzT3ZlciB8fCBpc092ZXJJdGVtc30+XG4gICAgICA8SGVhZGVyIGhpZGRlbj17IWlzV2l0aEhlYWRlcn0+0J7QsdC70LDRgdGC0Ywg0LTQu9GPINC30LDQutGA0LXQv9C70LXQvdC40Y8g0YHRgtC+0LvQsdGG0LA8L0hlYWRlcj5cbiAgICAgIDxDb250ZW50PntjaGlsZHJlbn08L0NvbnRlbnQ+XG4gICAgPC9GaXhlZENvbnRhaW5lcj5cbiAgKTtcbn07XG5cbnR5cGUgR2V0QXJlYSA9IHtcbiAgY29sdW1uSW5kZXg6IG51bWJlcjtcbiAgYXJlYTogQ29sdW1uQXJlYTtcbiAgaXRlbUlkczogQ29sdW1uSXRlbUlkW107XG4gIGl0ZW1zQnlJZDogSXRlbXNCeUlkO1xuICBhY3RpdmVJdGVtOiBEYXRhR3JpZFNldHRpbmdzQWN0aXZlSXRlbSB8IHVuZGVmaW5lZDtcbiAgc2VhcmNoSXRlbXM6IENvbHVtbkl0ZW1JZFtdO1xufTtcblxuZXhwb3J0IGNvbnN0IGdldEFyZWEgPSAoe2NvbHVtbkluZGV4LCBhcmVhLCBpdGVtSWRzLCBpdGVtc0J5SWQsIGFjdGl2ZUl0ZW19OiBHZXRBcmVhKSA9PiB7XG4gIGNvbnN0IENvbXBvbmVudCA9IGFyZWEgPT09IENvbHVtbkFyZWEuRGVmYXVsdCA/IERlZmF1bHRBcmVhIDogRml4ZWRBcmVhO1xuXG4gIGNvbnN0IGlzV2l0aEhlYWRlciA9IGFyZWEgPT09IENvbHVtbkFyZWEuRml4ZWRMZWZ0ICYmIGNvbHVtbkluZGV4ID09PSAwO1xuICBjb25zdCBpc1NpbmdsZUl0ZW1BY3RpdmUgPSBpdGVtSWRzLmxlbmd0aCA9PT0gMSAmJiBpdGVtSWRzWzBdID09PSBhY3RpdmVJdGVtPy5pZDtcbiAgY29uc3QgaXNGaXhlZEFyZWEgPSBhcmVhICE9PSBDb2x1bW5BcmVhLkRlZmF1bHQ7XG5cbiAgY29uc3QgaXNFbXB0eSA9IGl0ZW1JZHMubGVuZ3RoID09PSAwIHx8IChpc1NpbmdsZUl0ZW1BY3RpdmUgJiYgaXNGaXhlZEFyZWEpO1xuICBjb25zdCBpc092ZXJJdGVtcyA9IGl0ZW1JZHMuZmluZEluZGV4KGl0ZW1JZCA9PiBpdGVtc0J5SWQuZ2V0KGl0ZW1JZCk/LmlkID09PSBhY3RpdmVJdGVtPy5vdmVySWQpICE9PSAtMTtcblxuICBjb25zdCBwcm9wczogQXJlYVByb3BzID0ge1xuICAgIGFyZWEsXG4gICAgaXNFbXB0eSxcbiAgICBpc092ZXJJdGVtcyxcbiAgICBpc1dpdGhIZWFkZXIsXG5cbiAgICBpZDogYCR7Y29sdW1uSW5kZXh9XyR7YXJlYX1gLFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPENvbXBvbmVudCBrZXk9e3Byb3BzLmlkfSB7Li4ucHJvcHN9PlxuICAgICAgPEl0ZW1zIGl0ZW1JZHM9e2l0ZW1JZHN9IGFjdGl2ZUl0ZW09e2FjdGl2ZUl0ZW19IC8+XG4gICAgPC9Db21wb25lbnQ+XG4gICk7XG59O1xuIl19 */")), Q = ({
+  children: g,
+  id: l,
+  area: I
+}) => {
+  const {
+    setNodeRef: Z
+  } = B({
+    id: l,
+    data: {
+      area: I
+    }
+  });
+  return /* @__PURE__ */ b(p, { ref: Z, children: g });
+}, y = ({
+  children: g,
+  id: l,
+  area: I,
+  isEmpty: Z,
+  isOverItems: G,
+  isWithHeader: X
+}) => {
+  const {
+    isOver: C,
+    setNodeRef: W
+  } = B({
+    id: l,
+    data: {
+      area: I
+    }
+  });
+  if (Z) {
+    const A = `Перетащите столбец сюда, чтобы
+    закрепить его ${I === d.FixedLeft ? "слева" : "справа"} от таблицы`;
+    return /* @__PURE__ */ m(i, { ref: W, isOver: C || G, children: [
+      /* @__PURE__ */ b(t, { hidden: !X, children: "Область для закрепления столбца" }),
+      /* @__PURE__ */ b(R, { children: /* @__PURE__ */ b(h, { placement: J.Right, content: A, whiteSpace: "pre-line", children: /* @__PURE__ */ b(a, { children: A }) }) })
+    ] });
+  }
+  return /* @__PURE__ */ m(i, { ref: W, isOver: C || G, children: [
+    /* @__PURE__ */ b(t, { hidden: !X, children: "Область для закрепления столбца" }),
+    /* @__PURE__ */ b(R, { children: g })
+  ] });
+}, z = ({
+  columnIndex: g,
+  area: l,
+  itemIds: I,
+  itemsById: Z,
+  activeItem: G
+}) => {
+  const X = l === d.Default ? Q : y, C = l === d.FixedLeft && g === 0, W = I.length === 1 && I[0] === (G == null ? void 0 : G.id), A = l !== d.Default, H = I.length === 0 || W && A, n = I.findIndex((N) => {
+    var V;
+    return ((V = Z.get(N)) == null ? void 0 : V.id) === (G == null ? void 0 : G.overId);
+  }) !== -1, u = {
+    area: l,
+    isEmpty: H,
+    isOverItems: n,
+    isWithHeader: C,
+    id: `${g}_${l}`
+  };
+  return /* @__PURE__ */ b(X, { ...u, children: /* @__PURE__ */ b(x, { itemIds: I, activeItem: G }) }, u.id);
+};
+export {
+  z as getArea
+};
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../src/Area/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport {useDroppable} from '@dnd-kit/core';\n\nimport {Placement} from '@join-x5/react-theme';\nimport {Tooltip} from '@join-x5/react';\n\nimport {Items} from '../AreaItem';\nimport {ColumnArea} from '../types';\n\nimport type {ColumnItemId, DataGridSettingsActiveItem, ItemsById} from '../types';\n\nimport type {PropsWithChildren} from '@join-x5/react-theme';\n\nconst Container = styled.div`\n  position: relative;\n  min-height: 32px;\n`;\n\nconst Content = styled.div`\n  min-height: 32px;\n`;\n\nconst Header = styled.div`\n  position: relative;\n  padding: 6px 8px;\n  border-radius: 8px 8px 0 0;\n  text-align: center;\n  user-select: none;\n  z-index: 1;\n\n  ${({theme}) => ({\n    ...theme.typography.p2,\n\n    color: theme.colors.white,\n  })}\n`;\n\nconst Placeholder = styled.div`\n  padding: 8px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  user-select: none;\n\n  ${({theme}) => ({\n    ...theme.typography.p2,\n\n    color: theme.colors.grey[60],\n  })}\n`;\n\nconst FixedContainer = styled.div<{isOver: boolean}>`\n  position: relative;\n\n  ::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    border-radius: 8px;\n    border-width: 2px;\n    border-style: dashed;\n    pointer-events: none;\n  }\n\n  ${({theme, isOver}) => {\n    return `\n      ::after {\n        border-color: ${isOver ? theme.colors.accent[80] : theme.colors.grey[60]};\n      }\n\n      ${Header} {\n        background-color: ${isOver ? theme.colors.accent[80] : theme.colors.grey[50]};\n      }\n\n      ${Placeholder} {\n        background-color: ${isOver ? theme.colors.accent[10] : undefined};\n      }\n    `;\n  }}\n`;\n\ntype AreaProps = {\n  id: string;\n  area: ColumnArea;\n  isEmpty: boolean;\n  isOverItems: boolean;\n  isWithHeader: boolean;\n} & PropsWithChildren;\n\nconst DefaultArea: React.FC<AreaProps> = ({children, id, area}) => {\n  const {setNodeRef} = useDroppable({id, data: {area}});\n\n  return <Container ref={setNodeRef}>{children}</Container>;\n};\n\nconst FixedArea: React.FC<AreaProps> = ({children, id, area, isEmpty, isOverItems, isWithHeader}) => {\n  const {isOver, setNodeRef} = useDroppable({id, data: {area}});\n\n  if (isEmpty) {\n    const placeholderText = `Перетащите столбец сюда, чтобы\n    закрепить его ${area === ColumnArea.FixedLeft ? 'слева' : 'справа'} от таблицы`;\n\n    return (\n      <FixedContainer ref={setNodeRef} isOver={isOver || isOverItems}>\n        <Header hidden={!isWithHeader}>Область для закрепления столбца</Header>\n        <Content>\n          <Tooltip placement={Placement.Right} content={placeholderText} whiteSpace=\"pre-line\">\n            <Placeholder>{placeholderText}</Placeholder>\n          </Tooltip>\n        </Content>\n      </FixedContainer>\n    );\n  }\n\n  return (\n    <FixedContainer ref={setNodeRef} isOver={isOver || isOverItems}>\n      <Header hidden={!isWithHeader}>Область для закрепления столбца</Header>\n      <Content>{children}</Content>\n    </FixedContainer>\n  );\n};\n\ntype GetArea = {\n  columnIndex: number;\n  area: ColumnArea;\n  itemIds: ColumnItemId[];\n  itemsById: ItemsById;\n  activeItem: DataGridSettingsActiveItem | undefined;\n  searchItems: ColumnItemId[];\n};\n\nexport const getArea = ({columnIndex, area, itemIds, itemsById, activeItem}: GetArea) => {\n  const Component = area === ColumnArea.Default ? DefaultArea : FixedArea;\n\n  const isWithHeader = area === ColumnArea.FixedLeft && columnIndex === 0;\n  const isSingleItemActive = itemIds.length === 1 && itemIds[0] === activeItem?.id;\n  const isFixedArea = area !== ColumnArea.Default;\n\n  const isEmpty = itemIds.length === 0 || (isSingleItemActive && isFixedArea);\n  const isOverItems = itemIds.findIndex(itemId => itemsById.get(itemId)?.id === activeItem?.overId) !== -1;\n\n  const props: AreaProps = {\n    area,\n    isEmpty,\n    isOverItems,\n    isWithHeader,\n\n    id: `${columnIndex}_${area}`,\n  };\n\n  return (\n    <Component key={props.id} {...props}>\n      <Items itemIds={itemIds} activeItem={activeItem} />\n    </Component>\n  );\n};\n"],"names":["Container","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Content","Header","theme","typography","p2","color","colors","white","Placeholder","grey","FixedContainer","isOver","accent","undefined","DefaultArea","children","id","area","setNodeRef","useDroppable","data","jsx","FixedArea","isEmpty","isOverItems","isWithHeader","placeholderText","ColumnArea","FixedLeft","Tooltip","Placement","Right","getArea","columnIndex","itemIds","itemsById","activeItem","Component","Default","isSingleItemActive","length","isFixedArea","findIndex","itemId","get","overId","props","Items"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAAS,gBAAAC,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAAJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,UAAAC;AAAA,CAGd,GAEKC,IAAO,gBAAAV,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAAJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,UAAAC;AAAA,CAEZ,GAEKE,IAAM,gBAAAX,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAA,6GAQR,CAAC;AAAA,EAACO,OAAAA;AAAK,OAAO;AAAA,EACd,GAAGA,EAAMC,WAAWC;AAAAA,EAEpBC,OAAOH,EAAMI,OAAOC;AACtB,IAAEhB,OAAAA,QAAAC,IAAAC,aACH,eAAA,KAAA,s/LAAA,GAEKe,IAAW,gBAAAlB,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAA,2FAOb,CAAC;AAAA,EAACO,OAAAA;AAAK,OAAO;AAAA,EACd,GAAGA,EAAMC,WAAWC;AAAAA,EAEpBC,OAAOH,EAAMI,OAAOG,KAAK,EAAE;AAC7B,IAAElB,OAAAA,QAAAC,IAAAC,aACH,eAAA,KAAA,s/LAAA,GAEKiB,IAAc,gBAAApB,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAA,iMAiBhB,CAAC;AAAA,EAACO,OAAAA;AAAAA,EAAOS,QAAAA;AAAM,MACR;AAAA;AAAA,wBAEaA,IAAST,EAAMI,OAAOM,OAAO,EAAE,IAAIV,EAAMI,OAAOG,KAAK,EAAE,CAAC;AAAA;AAAA;AAAA,QAGxER,CAAM;AAAA,4BACcU,IAAST,EAAMI,OAAOM,OAAO,EAAE,IAAIV,EAAMI,OAAOG,KAAK,EAAE,CAAC;AAAA;AAAA;AAAA,QAG5ED,CAAW;AAAA,4BACSG,IAAST,EAAMI,OAAOM,OAAO,EAAE,IAAIC,MAAS;AAAA;AAAA,cAGrEtB,QAAAC,IAAAC,aACF,eAAA,KAAA,s/LAAA,GAUKqB,IAAmCA,CAAC;AAAA,EAACC,UAAAA;AAAAA,EAAUC,IAAAA;AAAAA,EAAIC,MAAAA;AAAI,MAAM;AAC3D,QAAA;AAAA,IAACC,YAAAA;AAAAA,MAAcC,EAAa;AAAA,IAACH,IAAAA;AAAAA,IAAII,MAAM;AAAA,MAACH,MAAAA;AAAAA,IAAAA;AAAAA,EAAI,CAAE;AAEpD,SAAQ,gBAAAI,EAAAhC,GAAA,EAAU,KAAK6B,GAAaH,UAAAA,EAAS,CAAA;AAC/C,GAEMO,IAAiCA,CAAC;AAAA,EAACP,UAAAA;AAAAA,EAAUC,IAAAA;AAAAA,EAAIC,MAAAA;AAAAA,EAAMM,SAAAA;AAAAA,EAASC,aAAAA;AAAAA,EAAaC,cAAAA;AAAY,MAAM;AAC7F,QAAA;AAAA,IAACd,QAAAA;AAAAA,IAAQO,YAAAA;AAAAA,MAAcC,EAAa;AAAA,IAACH,IAAAA;AAAAA,IAAII,MAAM;AAAA,MAACH,MAAAA;AAAAA,IAAAA;AAAAA,EAAI,CAAE;AAE5D,MAAIM,GAAS;AACX,UAAMG,IAAkB;AAAA,oBACRT,MAASU,EAAWC,YAAY,UAAU,QAAQ;AAElE,6BACGlB,GAAe,EAAA,KAAKQ,GAAY,QAAQP,KAAUa,GACjD,UAAA;AAAA,MAAA,gBAAAH,EAACpB,GAAO,EAAA,QAAQ,CAACwB,GAAc,UAA+B,mCAAA;AAAA,MAC7D,gBAAAJ,EAAArB,GAAA,EACC,UAAC,gBAAAqB,EAAAQ,GAAA,EAAQ,WAAWC,EAAUC,OAAO,SAASL,GAAiB,YAAW,YACxE,UAAA,gBAAAL,EAACb,GAAakB,EAAAA,UAAAA,GAAgB,GAChC,EACF,CAAA;AAAA,IAAA,GACF;AAAA,EAAA;AAIJ,2BACGhB,GAAe,EAAA,KAAKQ,GAAY,QAAQP,KAAUa,GACjD,UAAA;AAAA,IAAA,gBAAAH,EAACpB,GAAO,EAAA,QAAQ,CAACwB,GAAc,UAA+B,mCAAA;AAAA,IAC9D,gBAAAJ,EAACrB,KAASe,UAAAA,EAAS,CAAA;AAAA,EAAA,GACrB;AAEJ,GAWaiB,IAAUA,CAAC;AAAA,EAACC,aAAAA;AAAAA,EAAahB,MAAAA;AAAAA,EAAMiB,SAAAA;AAAAA,EAASC,WAAAA;AAAAA,EAAWC,YAAAA;AAAmB,MAAM;AACvF,QAAMC,IAAYpB,MAASU,EAAWW,UAAUxB,IAAcQ,GAExDG,IAAeR,MAASU,EAAWC,aAAaK,MAAgB,GAChEM,IAAqBL,EAAQM,WAAW,KAAKN,EAAQ,CAAC,OAAME,KAAAA,gBAAAA,EAAYpB,KACxEyB,IAAcxB,MAASU,EAAWW,SAElCf,IAAUW,EAAQM,WAAW,KAAMD,KAAsBE,GACzDjB,IAAcU,EAAQQ,UAAUC,CAAUR,MAAAA;;AAAAA,aAAAA,IAAAA,EAAUS,IAAID,CAAM,MAApBR,gBAAAA,EAAuBnB,SAAOoB,KAAAA,gBAAAA,EAAYS;AAAAA,GAAM,MAAM,IAEhGC,IAAmB;AAAA,IACvB7B,MAAAA;AAAAA,IACAM,SAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,cAAAA;AAAAA,IAEAT,IAAI,GAAGiB,CAAW,IAAIhB,CAAI;AAAA,EAC5B;AAGE,SAAA,gBAAAI,EAACgB,GAAyB,EAAA,GAAIS,GAC5B,UAAA,gBAAAzB,EAAC0B,KAAM,SAAAb,GAAkB,YAAAE,EAAA,CAAuB,EADlCU,GAAAA,EAAM9B,EAEtB;AAEJ;"}

package/dist/AreaItem/AreaItem.d.ts

@@ -0,0 +1,14 @@
+import { ColumnItem, ColumnItemId } from '../types';
+type AreaItemProps = {
+    id: ColumnItemId;
+    item: ColumnItem;
+    isActive: boolean;
+    isAbove: boolean;
+    isBelow: boolean;
+    isSearch: boolean;
+};
+export declare const AreaItem: React.FC<AreaItemProps>;
+export declare const ActiveItemOverlay: React.FC<{
+    item?: ColumnItem;
+}>;
+export {};

package/dist/AreaItem/AreaItem.es.js

@@ -0,0 +1,78 @@
+"use client";
+import { jsx as b } from "@emotion/react/jsx-runtime";
+import Z from "@emotion/styled/base";
+import { useEffect as V } from "react";
+import { DragOverlay as a } from "@dnd-kit/core";
+import { useSortable as e } from "@dnd-kit/sortable";
+import x from "@join-x5/react-theme";
+import { ColumnArea as Y } from "../types.es.js";
+import { ItemContent as W } from "./ItemContent.es.js";
+function B() {
+  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 G = /* @__PURE__ */ Z("div", process.env.NODE_ENV === "production" ? {
+  target: "e1ghuuz93"
+} : {
+  target: "e1ghuuz93",
+  label: "BaseContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "14eqsx",
+  styles: "position:relative;box-sizing:border-box;height:32px;padding:4px;border-radius:4px;transform-origin:0 0;touch-action:manipulation"
+} : {
+  name: "14eqsx",
+  styles: "position:relative;box-sizing:border-box;height:32px;padding:4px;border-radius:4px;transform-origin:0 0;touch-action:manipulation/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC1zZXR0aW5ncy9zcmMvQXJlYUl0ZW0vQXJlYUl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCZ0MiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvZGF0YS1ncmlkLXNldHRpbmdzL3NyYy9BcmVhSXRlbS9BcmVhSXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCB7dXNlRWZmZWN0fSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQge0RyYWdPdmVybGF5fSBmcm9tICdAZG5kLWtpdC9jb3JlJztcbmltcG9ydCB7dXNlU29ydGFibGV9IGZyb20gJ0BkbmQta2l0L3NvcnRhYmxlJztcblxuaW1wb3J0IGJhc2VUaGVtZSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5cbmltcG9ydCB7Q29sdW1uQXJlYX0gZnJvbSAnLi4vdHlwZXMnO1xuXG5pbXBvcnQge0l0ZW1Db250ZW50fSBmcm9tICcuL0l0ZW1Db250ZW50JztcblxuaW1wb3J0IHR5cGUge0NTU1Byb3BlcnRpZXN9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHtDb2x1bW5JdGVtLCBDb2x1bW5JdGVtSWR9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgQmFzZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgaGVpZ2h0OiAzMnB4O1xuICBwYWRkaW5nOiA0cHg7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgdHJhbnNmb3JtLW9yaWdpbjogMCAwO1xuICB0b3VjaC1hY3Rpb246IG1hbmlwdWxhdGlvbjtcbmA7XG5cbmNvbnN0IFBsYWNlaG9sZGVyID0gc3R5bGVkKEJhc2VDb250YWluZXIpYFxuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKHZhcigtLXR4LCAwKSwgdmFyKC0tdHksIDApLCAwKSBzY2FsZVgodmFyKC0tc3gsIDEpKSBzY2FsZVkodmFyKC0tc3ksIDEpKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsxMF19O1xuYDtcblxuY29uc3QgRHJhZ2dpbmcgPSBzdHlsZWQoQmFzZUNvbnRhaW5lcilgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuY29sb3JzLndoaXRlfTtcbiAgYm94LXNoYWRvdzogJHtiYXNlVGhlbWUuc2hhZG93cy5tZWRpdW19O1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChCYXNlQ29udGFpbmVyKWBcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCh2YXIoLS10eCwgMCksIHZhcigtLXR5LCAwKSwgMCkgc2NhbGVYKHZhcigtLXN4LCAxKSkgc2NhbGVZKHZhcigtLXN5LCAxKSk7XG5cbiAgOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzEwXX07XG4gIH1cblxuICA6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDJweDtcbiAgICBsZWZ0OiAwO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuY29sb3JzLmFjY2VudFs5MF19O1xuICB9XG5cbiAgJltkYXRhLWlzLWFib3ZlXTo6YWZ0ZXIge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHRvcDogMXB4O1xuICB9XG5cbiAgJltkYXRhLWlzLWJlbG93XTo6YWZ0ZXIge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJvdHRvbTogMDtcbiAgfVxuXG4gICZbZGF0YS1pcy1maXhlZF1bZGF0YS1pcy1hYm92ZV06Zmlyc3Qtb2YtdHlwZTo6YWZ0ZXIge1xuICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAxMHB4KTtcbiAgICB0b3A6IDJweDtcbiAgICBsZWZ0OiA1cHg7XG4gIH1cblxuICAmW2RhdGEtaXMtZml4ZWRdW2RhdGEtaXMtYmVsb3ddOmxhc3Qtb2YtdHlwZTo6YWZ0ZXIge1xuICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAxMHB4KTtcbiAgICBib3R0b206IDFweDtcbiAgICBsZWZ0OiA1cHg7XG4gIH1cblxuICAmW2RhdGEtaXMtc2VhcmNoXSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5jb2xvcnMuYWNjZW50WzEwXX07XG4gIH1cbmA7XG5cbnR5cGUgQXJlYUl0ZW1Qcm9wcyA9IHtcbiAgaWQ6IENvbHVtbkl0ZW1JZDtcbiAgaXRlbTogQ29sdW1uSXRlbTtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGlzQWJvdmU6IGJvb2xlYW47XG4gIGlzQmVsb3c6IGJvb2xlYW47XG4gIGlzU2VhcmNoOiBib29sZWFuO1xufTtcblxuZXhwb3J0IGNvbnN0IEFyZWFJdGVtOiBSZWFjdC5GQzxBcmVhSXRlbVByb3BzPiA9ICh7aWQsIGl0ZW0sIGlzQWN0aXZlLCBpc0Fib3ZlLCBpc0JlbG93LCBpc1NlYXJjaH0pID0+IHtcbiAgY29uc3Qge3NldE5vZGVSZWYsIHNldEFjdGl2YXRvck5vZGVSZWYsIGxpc3RlbmVycywgdHJhbnNmb3JtLCB0cmFuc2l0aW9ufSA9IHVzZVNvcnRhYmxlKHtpZH0pO1xuXG4gIGlmIChpc0FjdGl2ZSkge1xuICAgIHJldHVybiA8UGxhY2Vob2xkZXIgcmVmPXtzZXROb2RlUmVmfSAvPjtcbiAgfVxuXG4gIGNvbnN0IHN0eWxlOiBDU1NQcm9wZXJ0aWVzID0ge3RyYW5zaXRpb259O1xuXG4gIGlmICh0cmFuc2Zvcm0pIHtcbiAgICBzdHlsZVsnLS10eCddID0gYCR7TWF0aC5yb3VuZCh0cmFuc2Zvcm0ueCl9cHhgO1xuICAgIHN0eWxlWyctLXR5J10gPSBgJHtNYXRoLnJvdW5kKHRyYW5zZm9ybS55KX1weGA7XG4gICAgc3R5bGVbJy0tc3gnXSA9IGAke3RyYW5zZm9ybS5zY2FsZVh9YDtcbiAgICBzdHlsZVsnLS1zeSddID0gYCR7dHJhbnNmb3JtLnNjYWxlWX1gO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyXG4gICAgICByZWY9e3NldE5vZGVSZWZ9XG4gICAgICBzdHlsZT17c3R5bGV9XG4gICAgICBkYXRhLWlzLWZpeGVkPXtpdGVtLmFyZWEgIT09IENvbHVtbkFyZWEuRGVmYXVsdCB8fCB1bmRlZmluZWR9XG4gICAgICBkYXRhLWlzLWFib3ZlPXtpc0Fib3ZlIHx8IHVuZGVmaW5lZH1cbiAgICAgIGRhdGEtaXMtYmVsb3c9e2lzQmVsb3cgfHwgdW5kZWZpbmVkfVxuICAgICAgZGF0YS1pcy1zZWFyY2g9e2lzU2VhcmNoIHx8IHVuZGVmaW5lZH1cbiAgICA+XG4gICAgICA8SXRlbUNvbnRlbnQgaGFuZGxlUmVmPXtzZXRBY3RpdmF0b3JOb2RlUmVmfSBsaXN0ZW5lcnM9e2xpc3RlbmVyc30gaXRlbT17aXRlbX0gLz5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBBY3RpdmVJdGVtT3ZlcmxheTogUmVhY3QuRkM8e2l0ZW0/OiBDb2x1bW5JdGVtfT4gPSAoe2l0ZW19KSA9PiB7XG4gIGNvbnN0IGNoaWxkID0gIWl0ZW0gPyBudWxsIDogKFxuICAgIDxEcmFnZ2luZz5cbiAgICAgIDxJdGVtQ29udGVudCBpdGVtPXtpdGVtfSAvPlxuICAgIDwvRHJhZ2dpbmc+XG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWl0ZW0pIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB3aW5kb3cuZG9jdW1lbnQuYm9keS5zdHlsZS5jdXJzb3IgPSAnZ3JhYmJpbmcnO1xuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIHdpbmRvdy5kb2N1bWVudC5ib2R5LnN0eWxlLmN1cnNvciA9ICcnO1xuICAgIH07XG4gIH0sIFtpdGVtXSk7XG5cbiAgcmV0dXJuIDxEcmFnT3ZlcmxheT57Y2hpbGR9PC9EcmFnT3ZlcmxheT47XG59O1xuIl19 */",
+  toString: B
+}), J = /* @__PURE__ */ Z(G, process.env.NODE_ENV === "production" ? {
+  target: "e1ghuuz92"
+} : {
+  target: "e1ghuuz92",
+  label: "Placeholder"
+})("transform:translate3d(var(--tx, 0), var(--ty, 0), 0) scaleX(var(--sx, 1)) scaleY(var(--sy, 1));background-color:", (c) => c.theme.colors.grey[10], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC1zZXR0aW5ncy9zcmMvQXJlYUl0ZW0vQXJlYUl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCeUMiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvZGF0YS1ncmlkLXNldHRpbmdzL3NyYy9BcmVhSXRlbS9BcmVhSXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCB7dXNlRWZmZWN0fSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQge0RyYWdPdmVybGF5fSBmcm9tICdAZG5kLWtpdC9jb3JlJztcbmltcG9ydCB7dXNlU29ydGFibGV9IGZyb20gJ0BkbmQta2l0L3NvcnRhYmxlJztcblxuaW1wb3J0IGJhc2VUaGVtZSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5cbmltcG9ydCB7Q29sdW1uQXJlYX0gZnJvbSAnLi4vdHlwZXMnO1xuXG5pbXBvcnQge0l0ZW1Db250ZW50fSBmcm9tICcuL0l0ZW1Db250ZW50JztcblxuaW1wb3J0IHR5cGUge0NTU1Byb3BlcnRpZXN9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHtDb2x1bW5JdGVtLCBDb2x1bW5JdGVtSWR9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgQmFzZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgaGVpZ2h0OiAzMnB4O1xuICBwYWRkaW5nOiA0cHg7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgdHJhbnNmb3JtLW9yaWdpbjogMCAwO1xuICB0b3VjaC1hY3Rpb246IG1hbmlwdWxhdGlvbjtcbmA7XG5cbmNvbnN0IFBsYWNlaG9sZGVyID0gc3R5bGVkKEJhc2VDb250YWluZXIpYFxuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKHZhcigtLXR4LCAwKSwgdmFyKC0tdHksIDApLCAwKSBzY2FsZVgodmFyKC0tc3gsIDEpKSBzY2FsZVkodmFyKC0tc3ksIDEpKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsxMF19O1xuYDtcblxuY29uc3QgRHJhZ2dpbmcgPSBzdHlsZWQoQmFzZUNvbnRhaW5lcilgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuY29sb3JzLndoaXRlfTtcbiAgYm94LXNoYWRvdzogJHtiYXNlVGhlbWUuc2hhZG93cy5tZWRpdW19O1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChCYXNlQ29udGFpbmVyKWBcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCh2YXIoLS10eCwgMCksIHZhcigtLXR5LCAwKSwgMCkgc2NhbGVYKHZhcigtLXN4LCAxKSkgc2NhbGVZKHZhcigtLXN5LCAxKSk7XG5cbiAgOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzEwXX07XG4gIH1cblxuICA6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDJweDtcbiAgICBsZWZ0OiAwO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuY29sb3JzLmFjY2VudFs5MF19O1xuICB9XG5cbiAgJltkYXRhLWlzLWFib3ZlXTo6YWZ0ZXIge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHRvcDogMXB4O1xuICB9XG5cbiAgJltkYXRhLWlzLWJlbG93XTo6YWZ0ZXIge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJvdHRvbTogMDtcbiAgfVxuXG4gICZbZGF0YS1pcy1maXhlZF1bZGF0YS1pcy1hYm92ZV06Zmlyc3Qtb2YtdHlwZTo6YWZ0ZXIge1xuICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAxMHB4KTtcbiAgICB0b3A6IDJweDtcbiAgICBsZWZ0OiA1cHg7XG4gIH1cblxuICAmW2RhdGEtaXMtZml4ZWRdW2RhdGEtaXMtYmVsb3ddOmxhc3Qtb2YtdHlwZTo6YWZ0ZXIge1xuICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAxMHB4KTtcbiAgICBib3R0b206IDFweDtcbiAgICBsZWZ0OiA1cHg7XG4gIH1cblxuICAmW2RhdGEtaXMtc2VhcmNoXSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5jb2xvcnMuYWNjZW50WzEwXX07XG4gIH1cbmA7XG5cbnR5cGUgQXJlYUl0ZW1Qcm9wcyA9IHtcbiAgaWQ6IENvbHVtbkl0ZW1JZDtcbiAgaXRlbTogQ29sdW1uSXRlbTtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGlzQWJvdmU6IGJvb2xlYW47XG4gIGlzQmVsb3c6IGJvb2xlYW47XG4gIGlzU2VhcmNoOiBib29sZWFuO1xufTtcblxuZXhwb3J0IGNvbnN0IEFyZWFJdGVtOiBSZWFjdC5GQzxBcmVhSXRlbVByb3BzPiA9ICh7aWQsIGl0ZW0sIGlzQWN0aXZlLCBpc0Fib3ZlLCBpc0JlbG93LCBpc1NlYXJjaH0pID0+IHtcbiAgY29uc3Qge3NldE5vZGVSZWYsIHNldEFjdGl2YXRvck5vZGVSZWYsIGxpc3RlbmVycywgdHJhbnNmb3JtLCB0cmFuc2l0aW9ufSA9IHVzZVNvcnRhYmxlKHtpZH0pO1xuXG4gIGlmIChpc0FjdGl2ZSkge1xuICAgIHJldHVybiA8UGxhY2Vob2xkZXIgcmVmPXtzZXROb2RlUmVmfSAvPjtcbiAgfVxuXG4gIGNvbnN0IHN0eWxlOiBDU1NQcm9wZXJ0aWVzID0ge3RyYW5zaXRpb259O1xuXG4gIGlmICh0cmFuc2Zvcm0pIHtcbiAgICBzdHlsZVsnLS10eCddID0gYCR7TWF0aC5yb3VuZCh0cmFuc2Zvcm0ueCl9cHhgO1xuICAgIHN0eWxlWyctLXR5J10gPSBgJHtNYXRoLnJvdW5kKHRyYW5zZm9ybS55KX1weGA7XG4gICAgc3R5bGVbJy0tc3gnXSA9IGAke3RyYW5zZm9ybS5zY2FsZVh9YDtcbiAgICBzdHlsZVsnLS1zeSddID0gYCR7dHJhbnNmb3JtLnNjYWxlWX1gO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyXG4gICAgICByZWY9e3NldE5vZGVSZWZ9XG4gICAgICBzdHlsZT17c3R5bGV9XG4gICAgICBkYXRhLWlzLWZpeGVkPXtpdGVtLmFyZWEgIT09IENvbHVtbkFyZWEuRGVmYXVsdCB8fCB1bmRlZmluZWR9XG4gICAgICBkYXRhLWlzLWFib3ZlPXtpc0Fib3ZlIHx8IHVuZGVmaW5lZH1cbiAgICAgIGRhdGEtaXMtYmVsb3c9e2lzQmVsb3cgfHwgdW5kZWZpbmVkfVxuICAgICAgZGF0YS1pcy1zZWFyY2g9e2lzU2VhcmNoIHx8IHVuZGVmaW5lZH1cbiAgICA+XG4gICAgICA8SXRlbUNvbnRlbnQgaGFuZGxlUmVmPXtzZXRBY3RpdmF0b3JOb2RlUmVmfSBsaXN0ZW5lcnM9e2xpc3RlbmVyc30gaXRlbT17aXRlbX0gLz5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBBY3RpdmVJdGVtT3ZlcmxheTogUmVhY3QuRkM8e2l0ZW0/OiBDb2x1bW5JdGVtfT4gPSAoe2l0ZW19KSA9PiB7XG4gIGNvbnN0IGNoaWxkID0gIWl0ZW0gPyBudWxsIDogKFxuICAgIDxEcmFnZ2luZz5cbiAgICAgIDxJdGVtQ29udGVudCBpdGVtPXtpdGVtfSAvPlxuICAgIDwvRHJhZ2dpbmc+XG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWl0ZW0pIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB3aW5kb3cuZG9jdW1lbnQuYm9keS5zdHlsZS5jdXJzb3IgPSAnZ3JhYmJpbmcnO1xuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIHdpbmRvdy5kb2N1bWVudC5ib2R5LnN0eWxlLmN1cnNvciA9ICcnO1xuICAgIH07XG4gIH0sIFtpdGVtXSk7XG5cbiAgcmV0dXJuIDxEcmFnT3ZlcmxheT57Y2hpbGR9PC9EcmFnT3ZlcmxheT47XG59O1xuIl19 */")), R = /* @__PURE__ */ Z(G, process.env.NODE_ENV === "production" ? {
+  target: "e1ghuuz91"
+} : {
+  target: "e1ghuuz91",
+  label: "Dragging"
+})("background-color:", (c) => c.theme.colors.white, ";box-shadow:", x.shadows.medium, ";pointer-events:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC1zZXR0aW5ncy9zcmMvQXJlYUl0ZW0vQXJlYUl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCc0MiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvZGF0YS1ncmlkLXNldHRpbmdzL3NyYy9BcmVhSXRlbS9BcmVhSXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCB7dXNlRWZmZWN0fSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQge0RyYWdPdmVybGF5fSBmcm9tICdAZG5kLWtpdC9jb3JlJztcbmltcG9ydCB7dXNlU29ydGFibGV9IGZyb20gJ0BkbmQta2l0L3NvcnRhYmxlJztcblxuaW1wb3J0IGJhc2VUaGVtZSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5cbmltcG9ydCB7Q29sdW1uQXJlYX0gZnJvbSAnLi4vdHlwZXMnO1xuXG5pbXBvcnQge0l0ZW1Db250ZW50fSBmcm9tICcuL0l0ZW1Db250ZW50JztcblxuaW1wb3J0IHR5cGUge0NTU1Byb3BlcnRpZXN9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHtDb2x1bW5JdGVtLCBDb2x1bW5JdGVtSWR9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgQmFzZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgaGVpZ2h0OiAzMnB4O1xuICBwYWRkaW5nOiA0cHg7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgdHJhbnNmb3JtLW9yaWdpbjogMCAwO1xuICB0b3VjaC1hY3Rpb246IG1hbmlwdWxhdGlvbjtcbmA7XG5cbmNvbnN0IFBsYWNlaG9sZGVyID0gc3R5bGVkKEJhc2VDb250YWluZXIpYFxuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKHZhcigtLXR4LCAwKSwgdmFyKC0tdHksIDApLCAwKSBzY2FsZVgodmFyKC0tc3gsIDEpKSBzY2FsZVkodmFyKC0tc3ksIDEpKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsxMF19O1xuYDtcblxuY29uc3QgRHJhZ2dpbmcgPSBzdHlsZWQoQmFzZUNvbnRhaW5lcilgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuY29sb3JzLndoaXRlfTtcbiAgYm94LXNoYWRvdzogJHtiYXNlVGhlbWUuc2hhZG93cy5tZWRpdW19O1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChCYXNlQ29udGFpbmVyKWBcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCh2YXIoLS10eCwgMCksIHZhcigtLXR5LCAwKSwgMCkgc2NhbGVYKHZhcigtLXN4LCAxKSkgc2NhbGVZKHZhcigtLXN5LCAxKSk7XG5cbiAgOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzEwXX07XG4gIH1cblxuICA6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDJweDtcbiAgICBsZWZ0OiAwO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuY29sb3JzLmFjY2VudFs5MF19O1xuICB9XG5cbiAgJltkYXRhLWlzLWFib3ZlXTo6YWZ0ZXIge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHRvcDogMXB4O1xuICB9XG5cbiAgJltkYXRhLWlzLWJlbG93XTo6YWZ0ZXIge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJvdHRvbTogMDtcbiAgfVxuXG4gICZbZGF0YS1pcy1maXhlZF1bZGF0YS1pcy1hYm92ZV06Zmlyc3Qtb2YtdHlwZTo6YWZ0ZXIge1xuICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAxMHB4KTtcbiAgICB0b3A6IDJweDtcbiAgICBsZWZ0OiA1cHg7XG4gIH1cblxuICAmW2RhdGEtaXMtZml4ZWRdW2RhdGEtaXMtYmVsb3ddOmxhc3Qtb2YtdHlwZTo6YWZ0ZXIge1xuICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAxMHB4KTtcbiAgICBib3R0b206IDFweDtcbiAgICBsZWZ0OiA1cHg7XG4gIH1cblxuICAmW2RhdGEtaXMtc2VhcmNoXSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5jb2xvcnMuYWNjZW50WzEwXX07XG4gIH1cbmA7XG5cbnR5cGUgQXJlYUl0ZW1Qcm9wcyA9IHtcbiAgaWQ6IENvbHVtbkl0ZW1JZDtcbiAgaXRlbTogQ29sdW1uSXRlbTtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGlzQWJvdmU6IGJvb2xlYW47XG4gIGlzQmVsb3c6IGJvb2xlYW47XG4gIGlzU2VhcmNoOiBib29sZWFuO1xufTtcblxuZXhwb3J0IGNvbnN0IEFyZWFJdGVtOiBSZWFjdC5GQzxBcmVhSXRlbVByb3BzPiA9ICh7aWQsIGl0ZW0sIGlzQWN0aXZlLCBpc0Fib3ZlLCBpc0JlbG93LCBpc1NlYXJjaH0pID0+IHtcbiAgY29uc3Qge3NldE5vZGVSZWYsIHNldEFjdGl2YXRvck5vZGVSZWYsIGxpc3RlbmVycywgdHJhbnNmb3JtLCB0cmFuc2l0aW9ufSA9IHVzZVNvcnRhYmxlKHtpZH0pO1xuXG4gIGlmIChpc0FjdGl2ZSkge1xuICAgIHJldHVybiA8UGxhY2Vob2xkZXIgcmVmPXtzZXROb2RlUmVmfSAvPjtcbiAgfVxuXG4gIGNvbnN0IHN0eWxlOiBDU1NQcm9wZXJ0aWVzID0ge3RyYW5zaXRpb259O1xuXG4gIGlmICh0cmFuc2Zvcm0pIHtcbiAgICBzdHlsZVsnLS10eCddID0gYCR7TWF0aC5yb3VuZCh0cmFuc2Zvcm0ueCl9cHhgO1xuICAgIHN0eWxlWyctLXR5J10gPSBgJHtNYXRoLnJvdW5kKHRyYW5zZm9ybS55KX1weGA7XG4gICAgc3R5bGVbJy0tc3gnXSA9IGAke3RyYW5zZm9ybS5zY2FsZVh9YDtcbiAgICBzdHlsZVsnLS1zeSddID0gYCR7dHJhbnNmb3JtLnNjYWxlWX1gO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyXG4gICAgICByZWY9e3NldE5vZGVSZWZ9XG4gICAgICBzdHlsZT17c3R5bGV9XG4gICAgICBkYXRhLWlzLWZpeGVkPXtpdGVtLmFyZWEgIT09IENvbHVtbkFyZWEuRGVmYXVsdCB8fCB1bmRlZmluZWR9XG4gICAgICBkYXRhLWlzLWFib3ZlPXtpc0Fib3ZlIHx8IHVuZGVmaW5lZH1cbiAgICAgIGRhdGEtaXMtYmVsb3c9e2lzQmVsb3cgfHwgdW5kZWZpbmVkfVxuICAgICAgZGF0YS1pcy1zZWFyY2g9e2lzU2VhcmNoIHx8IHVuZGVmaW5lZH1cbiAgICA+XG4gICAgICA8SXRlbUNvbnRlbnQgaGFuZGxlUmVmPXtzZXRBY3RpdmF0b3JOb2RlUmVmfSBsaXN0ZW5lcnM9e2xpc3RlbmVyc30gaXRlbT17aXRlbX0gLz5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBBY3RpdmVJdGVtT3ZlcmxheTogUmVhY3QuRkM8e2l0ZW0/OiBDb2x1bW5JdGVtfT4gPSAoe2l0ZW19KSA9PiB7XG4gIGNvbnN0IGNoaWxkID0gIWl0ZW0gPyBudWxsIDogKFxuICAgIDxEcmFnZ2luZz5cbiAgICAgIDxJdGVtQ29udGVudCBpdGVtPXtpdGVtfSAvPlxuICAgIDwvRHJhZ2dpbmc+XG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWl0ZW0pIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB3aW5kb3cuZG9jdW1lbnQuYm9keS5zdHlsZS5jdXJzb3IgPSAnZ3JhYmJpbmcnO1xuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIHdpbmRvdy5kb2N1bWVudC5ib2R5LnN0eWxlLmN1cnNvciA9ICcnO1xuICAgIH07XG4gIH0sIFtpdGVtXSk7XG5cbiAgcmV0dXJuIDxEcmFnT3ZlcmxheT57Y2hpbGR9PC9EcmFnT3ZlcmxheT47XG59O1xuIl19 */")), H = /* @__PURE__ */ Z(G, process.env.NODE_ENV === "production" ? {
+  target: "e1ghuuz90"
+} : {
+  target: "e1ghuuz90",
+  label: "Container"
+})("transform:translate3d(var(--tx, 0), var(--ty, 0), 0) scaleX(var(--sx, 1)) scaleY(var(--sy, 1));:hover{background-color:", (c) => c.theme.colors.grey[10], ";}::after{content:'';position:absolute;display:none;width:100%;height:2px;left:0;background-color:", (c) => c.theme.colors.accent[90], ";}&[data-is-above]::after{display:block;top:1px;}&[data-is-below]::after{display:block;bottom:0;}&[data-is-fixed][data-is-above]:first-of-type::after{width:calc(100% - 10px);top:2px;left:5px;}&[data-is-fixed][data-is-below]:last-of-type::after{width:calc(100% - 10px);bottom:1px;left:5px;}&[data-is-search]{background-color:", (c) => c.theme.colors.accent[10], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC1zZXR0aW5ncy9zcmMvQXJlYUl0ZW0vQXJlYUl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDdUMiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvZGF0YS1ncmlkLXNldHRpbmdzL3NyYy9BcmVhSXRlbS9BcmVhSXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCB7dXNlRWZmZWN0fSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQge0RyYWdPdmVybGF5fSBmcm9tICdAZG5kLWtpdC9jb3JlJztcbmltcG9ydCB7dXNlU29ydGFibGV9IGZyb20gJ0BkbmQta2l0L3NvcnRhYmxlJztcblxuaW1wb3J0IGJhc2VUaGVtZSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5cbmltcG9ydCB7Q29sdW1uQXJlYX0gZnJvbSAnLi4vdHlwZXMnO1xuXG5pbXBvcnQge0l0ZW1Db250ZW50fSBmcm9tICcuL0l0ZW1Db250ZW50JztcblxuaW1wb3J0IHR5cGUge0NTU1Byb3BlcnRpZXN9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHtDb2x1bW5JdGVtLCBDb2x1bW5JdGVtSWR9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgQmFzZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgaGVpZ2h0OiAzMnB4O1xuICBwYWRkaW5nOiA0cHg7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgdHJhbnNmb3JtLW9yaWdpbjogMCAwO1xuICB0b3VjaC1hY3Rpb246IG1hbmlwdWxhdGlvbjtcbmA7XG5cbmNvbnN0IFBsYWNlaG9sZGVyID0gc3R5bGVkKEJhc2VDb250YWluZXIpYFxuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKHZhcigtLXR4LCAwKSwgdmFyKC0tdHksIDApLCAwKSBzY2FsZVgodmFyKC0tc3gsIDEpKSBzY2FsZVkodmFyKC0tc3ksIDEpKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsxMF19O1xuYDtcblxuY29uc3QgRHJhZ2dpbmcgPSBzdHlsZWQoQmFzZUNvbnRhaW5lcilgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuY29sb3JzLndoaXRlfTtcbiAgYm94LXNoYWRvdzogJHtiYXNlVGhlbWUuc2hhZG93cy5tZWRpdW19O1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChCYXNlQ29udGFpbmVyKWBcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCh2YXIoLS10eCwgMCksIHZhcigtLXR5LCAwKSwgMCkgc2NhbGVYKHZhcigtLXN4LCAxKSkgc2NhbGVZKHZhcigtLXN5LCAxKSk7XG5cbiAgOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzEwXX07XG4gIH1cblxuICA6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDJweDtcbiAgICBsZWZ0OiAwO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuY29sb3JzLmFjY2VudFs5MF19O1xuICB9XG5cbiAgJltkYXRhLWlzLWFib3ZlXTo6YWZ0ZXIge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHRvcDogMXB4O1xuICB9XG5cbiAgJltkYXRhLWlzLWJlbG93XTo6YWZ0ZXIge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJvdHRvbTogMDtcbiAgfVxuXG4gICZbZGF0YS1pcy1maXhlZF1bZGF0YS1pcy1hYm92ZV06Zmlyc3Qtb2YtdHlwZTo6YWZ0ZXIge1xuICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAxMHB4KTtcbiAgICB0b3A6IDJweDtcbiAgICBsZWZ0OiA1cHg7XG4gIH1cblxuICAmW2RhdGEtaXMtZml4ZWRdW2RhdGEtaXMtYmVsb3ddOmxhc3Qtb2YtdHlwZTo6YWZ0ZXIge1xuICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAxMHB4KTtcbiAgICBib3R0b206IDFweDtcbiAgICBsZWZ0OiA1cHg7XG4gIH1cblxuICAmW2RhdGEtaXMtc2VhcmNoXSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5jb2xvcnMuYWNjZW50WzEwXX07XG4gIH1cbmA7XG5cbnR5cGUgQXJlYUl0ZW1Qcm9wcyA9IHtcbiAgaWQ6IENvbHVtbkl0ZW1JZDtcbiAgaXRlbTogQ29sdW1uSXRlbTtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGlzQWJvdmU6IGJvb2xlYW47XG4gIGlzQmVsb3c6IGJvb2xlYW47XG4gIGlzU2VhcmNoOiBib29sZWFuO1xufTtcblxuZXhwb3J0IGNvbnN0IEFyZWFJdGVtOiBSZWFjdC5GQzxBcmVhSXRlbVByb3BzPiA9ICh7aWQsIGl0ZW0sIGlzQWN0aXZlLCBpc0Fib3ZlLCBpc0JlbG93LCBpc1NlYXJjaH0pID0+IHtcbiAgY29uc3Qge3NldE5vZGVSZWYsIHNldEFjdGl2YXRvck5vZGVSZWYsIGxpc3RlbmVycywgdHJhbnNmb3JtLCB0cmFuc2l0aW9ufSA9IHVzZVNvcnRhYmxlKHtpZH0pO1xuXG4gIGlmIChpc0FjdGl2ZSkge1xuICAgIHJldHVybiA8UGxhY2Vob2xkZXIgcmVmPXtzZXROb2RlUmVmfSAvPjtcbiAgfVxuXG4gIGNvbnN0IHN0eWxlOiBDU1NQcm9wZXJ0aWVzID0ge3RyYW5zaXRpb259O1xuXG4gIGlmICh0cmFuc2Zvcm0pIHtcbiAgICBzdHlsZVsnLS10eCddID0gYCR7TWF0aC5yb3VuZCh0cmFuc2Zvcm0ueCl9cHhgO1xuICAgIHN0eWxlWyctLXR5J10gPSBgJHtNYXRoLnJvdW5kKHRyYW5zZm9ybS55KX1weGA7XG4gICAgc3R5bGVbJy0tc3gnXSA9IGAke3RyYW5zZm9ybS5zY2FsZVh9YDtcbiAgICBzdHlsZVsnLS1zeSddID0gYCR7dHJhbnNmb3JtLnNjYWxlWX1gO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyXG4gICAgICByZWY9e3NldE5vZGVSZWZ9XG4gICAgICBzdHlsZT17c3R5bGV9XG4gICAgICBkYXRhLWlzLWZpeGVkPXtpdGVtLmFyZWEgIT09IENvbHVtbkFyZWEuRGVmYXVsdCB8fCB1bmRlZmluZWR9XG4gICAgICBkYXRhLWlzLWFib3ZlPXtpc0Fib3ZlIHx8IHVuZGVmaW5lZH1cbiAgICAgIGRhdGEtaXMtYmVsb3c9e2lzQmVsb3cgfHwgdW5kZWZpbmVkfVxuICAgICAgZGF0YS1pcy1zZWFyY2g9e2lzU2VhcmNoIHx8IHVuZGVmaW5lZH1cbiAgICA+XG4gICAgICA8SXRlbUNvbnRlbnQgaGFuZGxlUmVmPXtzZXRBY3RpdmF0b3JOb2RlUmVmfSBsaXN0ZW5lcnM9e2xpc3RlbmVyc30gaXRlbT17aXRlbX0gLz5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBBY3RpdmVJdGVtT3ZlcmxheTogUmVhY3QuRkM8e2l0ZW0/OiBDb2x1bW5JdGVtfT4gPSAoe2l0ZW19KSA9PiB7XG4gIGNvbnN0IGNoaWxkID0gIWl0ZW0gPyBudWxsIDogKFxuICAgIDxEcmFnZ2luZz5cbiAgICAgIDxJdGVtQ29udGVudCBpdGVtPXtpdGVtfSAvPlxuICAgIDwvRHJhZ2dpbmc+XG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWl0ZW0pIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB3aW5kb3cuZG9jdW1lbnQuYm9keS5zdHlsZS5jdXJzb3IgPSAnZ3JhYmJpbmcnO1xuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIHdpbmRvdy5kb2N1bWVudC5ib2R5LnN0eWxlLmN1cnNvciA9ICcnO1xuICAgIH07XG4gIH0sIFtpdGVtXSk7XG5cbiAgcmV0dXJuIDxEcmFnT3ZlcmxheT57Y2hpbGR9PC9EcmFnT3ZlcmxheT47XG59O1xuIl19 */")), z = ({
+  id: c,
+  item: l,
+  isActive: m,
+  isAbove: d,
+  isBelow: X,
+  isSearch: C
+}) => {
+  const {
+    setNodeRef: t,
+    setActivatorNodeRef: i,
+    listeners: A,
+    transform: I,
+    transition: u
+  } = e({
+    id: c
+  });
+  if (m)
+    return /* @__PURE__ */ b(J, { ref: t });
+  const g = {
+    transition: u
+  };
+  return I && (g["--tx"] = `${Math.round(I.x)}px`, g["--ty"] = `${Math.round(I.y)}px`, g["--sx"] = `${I.scaleX}`, g["--sy"] = `${I.scaleY}`), /* @__PURE__ */ b(H, { ref: t, style: g, "data-is-fixed": l.area !== Y.Default || void 0, "data-is-above": d || void 0, "data-is-below": X || void 0, "data-is-search": C || void 0, children: /* @__PURE__ */ b(W, { handleRef: i, listeners: A, item: l }) });
+}, L = ({
+  item: c
+}) => {
+  const l = c ? /* @__PURE__ */ b(R, { children: /* @__PURE__ */ b(W, { item: c }) }) : null;
+  return V(() => {
+    if (c)
+      return window.document.body.style.cursor = "grabbing", () => {
+        window.document.body.style.cursor = "";
+      };
+  }, [c]), /* @__PURE__ */ b(a, { children: l });
+};
+export {
+  L as ActiveItemOverlay,
+  z as AreaItem
+};
+//# sourceMappingURL=AreaItem.es.js.map

package/dist/AreaItem/AreaItem.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AreaItem.es.js","sources":["../../src/AreaItem/AreaItem.tsx"],"sourcesContent":["'use client';\n\nimport {useEffect} from 'react';\nimport styled from '@emotion/styled';\nimport {DragOverlay} from '@dnd-kit/core';\nimport {useSortable} from '@dnd-kit/sortable';\n\nimport baseTheme from '@join-x5/react-theme';\n\nimport {ColumnArea} from '../types';\n\nimport {ItemContent} from './ItemContent';\n\nimport type {CSSProperties} from 'react';\nimport type {ColumnItem, ColumnItemId} from '../types';\n\nconst BaseContainer = styled.div`\n  position: relative;\n  box-sizing: border-box;\n  height: 32px;\n  padding: 4px;\n  border-radius: 4px;\n  transform-origin: 0 0;\n  touch-action: manipulation;\n`;\n\nconst Placeholder = styled(BaseContainer)`\n  transform: translate3d(var(--tx, 0), var(--ty, 0), 0) scaleX(var(--sx, 1)) scaleY(var(--sy, 1));\n  background-color: ${props => props.theme.colors.grey[10]};\n`;\n\nconst Dragging = styled(BaseContainer)`\n  background-color: ${props => props.theme.colors.white};\n  box-shadow: ${baseTheme.shadows.medium};\n  pointer-events: none;\n`;\n\nconst Container = styled(BaseContainer)`\n  transform: translate3d(var(--tx, 0), var(--ty, 0), 0) scaleX(var(--sx, 1)) scaleY(var(--sy, 1));\n\n  :hover {\n    background-color: ${props => props.theme.colors.grey[10]};\n  }\n\n  ::after {\n    content: '';\n    position: absolute;\n    display: none;\n    width: 100%;\n    height: 2px;\n    left: 0;\n    background-color: ${props => props.theme.colors.accent[90]};\n  }\n\n  &[data-is-above]::after {\n    display: block;\n    top: 1px;\n  }\n\n  &[data-is-below]::after {\n    display: block;\n    bottom: 0;\n  }\n\n  &[data-is-fixed][data-is-above]:first-of-type::after {\n    width: calc(100% - 10px);\n    top: 2px;\n    left: 5px;\n  }\n\n  &[data-is-fixed][data-is-below]:last-of-type::after {\n    width: calc(100% - 10px);\n    bottom: 1px;\n    left: 5px;\n  }\n\n  &[data-is-search] {\n    background-color: ${props => props.theme.colors.accent[10]};\n  }\n`;\n\ntype AreaItemProps = {\n  id: ColumnItemId;\n  item: ColumnItem;\n  isActive: boolean;\n  isAbove: boolean;\n  isBelow: boolean;\n  isSearch: boolean;\n};\n\nexport const AreaItem: React.FC<AreaItemProps> = ({id, item, isActive, isAbove, isBelow, isSearch}) => {\n  const {setNodeRef, setActivatorNodeRef, listeners, transform, transition} = useSortable({id});\n\n  if (isActive) {\n    return <Placeholder ref={setNodeRef} />;\n  }\n\n  const style: CSSProperties = {transition};\n\n  if (transform) {\n    style['--tx'] = `${Math.round(transform.x)}px`;\n    style['--ty'] = `${Math.round(transform.y)}px`;\n    style['--sx'] = `${transform.scaleX}`;\n    style['--sy'] = `${transform.scaleY}`;\n  }\n\n  return (\n    <Container\n      ref={setNodeRef}\n      style={style}\n      data-is-fixed={item.area !== ColumnArea.Default || undefined}\n      data-is-above={isAbove || undefined}\n      data-is-below={isBelow || undefined}\n      data-is-search={isSearch || undefined}\n    >\n      <ItemContent handleRef={setActivatorNodeRef} listeners={listeners} item={item} />\n    </Container>\n  );\n};\n\nexport const ActiveItemOverlay: React.FC<{item?: ColumnItem}> = ({item}) => {\n  const child = !item ? null : (\n    <Dragging>\n      <ItemContent item={item} />\n    </Dragging>\n  );\n\n  useEffect(() => {\n    if (!item) {\n      return;\n    }\n\n    window.document.body.style.cursor = 'grabbing';\n\n    return () => {\n      window.document.body.style.cursor = '';\n    };\n  }, [item]);\n\n  return <DragOverlay>{child}</DragOverlay>;\n};\n"],"names":["id","item","isActive","isAbove","isBelow","setNodeRef","setActivatorNodeRef","listeners","transform","transition","child","useEffect","document"],"mappings":";;;;;;;;;AAAa;AAAA;AAAA;AAgBb;AAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUqB;AAAA;AAAA;AAAA;AAAA;AAKH;AAAA;AAAA;AAAA;AAAA;AAMC;AAAA;AAAA;AAAA;AAAA;AAqDY;AAACA;AAAIC;AAAMC;AAAUC;AAASC;AAAiB;AACzF;AAAA;AAACC;AAAYC;AAAqBC;AAAWC;AAAWC;AAA0B;AAACT;AAEzF;AACS;AAGT;AAA6B;AAACS;AAE9B;AAmBF;AAEiE;AAAK;AAC9DC;AAMNC;AACE;AAIOC;AAGEA;AAA6B;AACtC;AAIJ;;;;;"}

package/dist/AreaItem/Content.d.ts

@@ -0,0 +1,6 @@
+import { ColumnItem } from '../types';
+type ContentProps = {
+    item: ColumnItem;
+};
+export declare const Content: React.FC<ContentProps>;
+export {};

package/dist/AreaItem/Content.es.js

@@ -0,0 +1,26 @@
+import { jsx as b } from "@emotion/react/jsx-runtime";
+import Z from "@emotion/styled/base";
+import { useState as X, useRef as m, useEffect as g } from "react";
+import { Placement as i } from "@join-x5/react-theme";
+import { Tooltip as o } from "@join-x5/react";
+const G = /* @__PURE__ */ Z("div", process.env.NODE_ENV === "production" ? {
+  target: "ebxzgij0"
+} : {
+  target: "ebxzgij0",
+  label: "Container"
+})("flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;user-select:none;color:", (l) => l.theme.colors.grey[l.isVisible ? 100 : 40], ";", (l) => l.theme.typography.p1, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC1zZXR0aW5ncy9zcmMvQXJlYUl0ZW0vQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUTJEIiwiZmlsZSI6Ii9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC1zZXR0aW5ncy9zcmMvQXJlYUl0ZW0vQ29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge3VzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZX0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQge1BsYWNlbWVudH0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuaW1wb3J0IHtUb29sdGlwfSBmcm9tICdAam9pbi14NS9yZWFjdCc7XG5cbmltcG9ydCB0eXBlIHtDb2x1bW5JdGVtfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGljazxDb2x1bW5JdGVtLCAnaXNWaXNpYmxlJz4+YFxuICBmbGV4LWdyb3c6IDE7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuY29sb3JzLmdyZXlbcHJvcHMuaXNWaXNpYmxlID8gMTAwIDogNDBdfTtcblxuICAke3Byb3BzID0+IHByb3BzLnRoZW1lLnR5cG9ncmFwaHkucDF9XG5gO1xudHlwZSBDb250ZW50UHJvcHMgPSB7aXRlbTogQ29sdW1uSXRlbX07XG5cbmV4cG9ydCBjb25zdCBDb250ZW50OiBSZWFjdC5GQzxDb250ZW50UHJvcHM+ID0gKHtpdGVtOiB7bmFtZSwgdGl0bGUsIGlzVmlzaWJsZX19KSA9PiB7XG4gIGNvbnN0IFtpc092ZXJmbG93biwgc2V0SXNPdmVyZmxvd25dID0gdXNlU3RhdGU8Ym9vbGVhbj4oZmFsc2UpO1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTElucHV0RWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3Qgbm9Ub29sdGlwID0gIWlzT3ZlcmZsb3duID8gZmFsc2UgOiB1bmRlZmluZWQ7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIXJlZi5jdXJyZW50KSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgc2V0SXNPdmVyZmxvd24ocmVmLmN1cnJlbnQuc2Nyb2xsV2lkdGggPiByZWYuY3VycmVudC5jbGllbnRXaWR0aCk7XG4gIH0sIFtdKTtcblxuICByZXR1cm4gKFxuICAgIDxUb29sdGlwIGlzUG9ydGFsIHBsYWNlbWVudD17UGxhY2VtZW50LlRvcH0gaXNPcGVuPXtub1Rvb2x0aXB9IGNvbnRlbnQ9e25hbWV9PlxuICAgICAgPENvbnRhaW5lciByZWY9e3JlZn0gaXNWaXNpYmxlPXtpc1Zpc2libGV9PlxuICAgICAgICB7dGl0bGV9XG4gICAgICA8L0NvbnRhaW5lcj5cbiAgICA8L1Rvb2x0aXA+XG4gICk7XG59O1xuIl19 */")), r = ({
+  item: {
+    name: l,
+    title: t,
+    isVisible: e
+  }
+}) => {
+  const [d, n] = X(!1), c = m(null), I = d ? void 0 : !1;
+  return g(() => {
+    c.current && n(c.current.scrollWidth > c.current.clientWidth);
+  }, []), /* @__PURE__ */ b(o, { isPortal: !0, placement: i.Top, isOpen: I, content: l, children: /* @__PURE__ */ b(G, { ref: c, isVisible: e, children: t }) });
+};
+export {
+  r as Content
+};
+//# sourceMappingURL=Content.es.js.map

package/dist/AreaItem/Content.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.es.js","sources":["../../src/AreaItem/Content.tsx"],"sourcesContent":["import {useEffect, useRef, useState} from 'react';\nimport styled from '@emotion/styled';\n\nimport {Placement} from '@join-x5/react-theme';\nimport {Tooltip} from '@join-x5/react';\n\nimport type {ColumnItem} from '../types';\n\nconst Container = styled.div<Pick<ColumnItem, 'isVisible'>>`\n  flex-grow: 1;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  user-select: none;\n  color: ${props => props.theme.colors.grey[props.isVisible ? 100 : 40]};\n\n  ${props => props.theme.typography.p1}\n`;\ntype ContentProps = {item: ColumnItem};\n\nexport const Content: React.FC<ContentProps> = ({item: {name, title, isVisible}}) => {\n  const [isOverflown, setIsOverflown] = useState<boolean>(false);\n  const ref = useRef<HTMLInputElement>(null);\n\n  const noTooltip = !isOverflown ? false : undefined;\n\n  useEffect(() => {\n    if (!ref.current) {\n      return;\n    }\n\n    setIsOverflown(ref.current.scrollWidth > ref.current.clientWidth);\n  }, []);\n\n  return (\n    <Tooltip isPortal placement={Placement.Top} isOpen={noTooltip} content={name}>\n      <Container ref={ref} isVisible={isVisible}>\n        {title}\n      </Container>\n    </Tooltip>\n  );\n};\n"],"names":["Container","_styled","process","env","NODE_ENV","target","label","props","theme","colors","grey","isVisible","typography","p1","Content","item","name","title","isOverflown","setIsOverflown","useState","ref","useRef","noTooltip","undefined","useEffect","current","scrollWidth","clientWidth","Tooltip","Placement","Top","jsx"],"mappings":";;;;;AAQA,MAAMA,IAAS,gBAAAC,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAA,iGAMJC,CAAAA,MAASA,EAAMC,MAAMC,OAAOC,KAAKH,EAAMI,YAAY,MAAM,EAAE,GAAC,KAEnEJ,CAASA,MAAAA,EAAMC,MAAMI,WAAWC,WAAEX,QAAAC,IAAAC,aACrC,eAAA,KAAA,k8DAAA,GAGYU,IAAkCA,CAAC;AAAA,EAACC,MAAM;AAAA,IAACC,MAAAA;AAAAA,IAAMC,OAAAA;AAAAA,IAAON,WAAAA;AAAAA,EAAAA;AAAU,MAAM;AACnF,QAAM,CAACO,GAAaC,CAAc,IAAIC,EAAkB,EAAK,GACvDC,IAAMC,EAAyB,IAAI,GAEnCC,IAAaL,IAAsBM,SAAR;AAEjCC,SAAAA,EAAU,MAAM;AACV,IAACJ,EAAIK,WAITP,EAAeE,EAAIK,QAAQC,cAAcN,EAAIK,QAAQE,WAAW;AAAA,EAClE,GAAG,EAAE,qBAGFC,GAAQ,EAAA,UAAQ,IAAC,WAAWC,EAAUC,KAAK,QAAQR,GAAW,SAASP,GACtE,UAAC,gBAAAgB,EAAAhC,GAAA,EAAU,KAAAqB,GAAU,WAAAV,GAClBM,YACH,CAAA,GACF;AAEJ;"}

package/dist/AreaItem/Handle.d.ts

@@ -0,0 +1,4 @@
+import { ColumnItem } from '../types';
+type HandleProps = Pick<ColumnItem, 'isLocked'>;
+export declare const Handle: React.FC<HandleProps>;
+export {};

package/dist/AreaItem/Handle.es.js

@@ -0,0 +1,20 @@
+import { jsx as c } from "@emotion/react/jsx-runtime";
+import G from "@emotion/styled/base";
+import { SizeTokenValue as g, Placement as t } from "@join-x5/react-theme";
+import { DragIndicatorIcon as n } from "@join-x5/react-icons";
+import { Tooltip as e } from "@join-x5/react";
+const Z = /* @__PURE__ */ G("div", process.env.NODE_ENV === "production" ? {
+  target: "e16nfd0b0"
+} : {
+  target: "e16nfd0b0",
+  label: "HandleContainer"
+})("flex-grow:0;flex-shrink:0;width:16px;height:16px;color:", (l) => l.theme.colors.grey[l.isLocked ? 40 : 60], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC1zZXR0aW5ncy9zcmMvQXJlYUl0ZW0vSGFuZGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVK0MiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvZGF0YS1ncmlkLXNldHRpbmdzL3NyYy9BcmVhSXRlbS9IYW5kbGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQge1BsYWNlbWVudCwgU2l6ZVRva2VuVmFsdWV9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB7RHJhZ0luZGljYXRvckljb259IGZyb20gJ0Bqb2luLXg1L3JlYWN0LWljb25zJztcbmltcG9ydCB7VG9vbHRpcH0gZnJvbSAnQGpvaW4teDUvcmVhY3QnO1xuXG5pbXBvcnQgdHlwZSB7Q29sdW1uSXRlbX0gZnJvbSAnLi4vdHlwZXMnO1xuXG50eXBlIEhhbmRsZVByb3BzID0gUGljazxDb2x1bW5JdGVtLCAnaXNMb2NrZWQnPjtcblxuY29uc3QgSGFuZGxlQ29udGFpbmVyID0gc3R5bGVkLmRpdjxIYW5kbGVQcm9wcz5gXG4gIGZsZXgtZ3JvdzogMDtcbiAgZmxleC1zaHJpbms6IDA7XG4gIHdpZHRoOiAxNnB4O1xuICBoZWlnaHQ6IDE2cHg7XG5cbiAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuY29sb3JzLmdyZXlbcHJvcHMuaXNMb2NrZWQgPyA0MCA6IDYwXX07XG5gO1xuXG5leHBvcnQgY29uc3QgSGFuZGxlOiBSZWFjdC5GQzxIYW5kbGVQcm9wcz4gPSAoe2lzTG9ja2VkfSkgPT4ge1xuICBjb25zdCBjaGlsZCA9IChcbiAgICA8SGFuZGxlQ29udGFpbmVyIGlzTG9ja2VkPXtpc0xvY2tlZH0+XG4gICAgICA8RHJhZ0luZGljYXRvckljb24gc2l6ZT17U2l6ZVRva2VuVmFsdWUuU21hbGx9IC8+XG4gICAgPC9IYW5kbGVDb250YWluZXI+XG4gICk7XG5cbiAgaWYgKCFpc0xvY2tlZCkge1xuICAgIHJldHVybiBjaGlsZDtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFRvb2x0aXAgcGxhY2VtZW50PXtQbGFjZW1lbnQuVG9wfSBjb250ZW50PVwi0J3QtdC70YzQt9GPINC+0YLQutGA0LXQv9C40YLRjCDRgdGC0L7Qu9Cx0LXRhlwiPlxuICAgICAge2NoaWxkfVxuICAgIDwvVG9vbHRpcD5cbiAgKTtcbn07XG4iXX0= */")), u = ({
+  isLocked: l
+}) => {
+  const b = /* @__PURE__ */ c(Z, { isLocked: l, children: /* @__PURE__ */ c(n, { size: g.Small }) });
+  return l ? /* @__PURE__ */ c(e, { placement: t.Top, content: "Нельзя открепить столбец", children: b }) : b;
+};
+export {
+  u as Handle
+};
+//# sourceMappingURL=Handle.es.js.map

package/dist/AreaItem/Handle.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Handle.es.js","sources":["../../src/AreaItem/Handle.tsx"],"sourcesContent":["import styled from '@emotion/styled';\n\nimport {Placement, SizeTokenValue} from '@join-x5/react-theme';\nimport {DragIndicatorIcon} from '@join-x5/react-icons';\nimport {Tooltip} from '@join-x5/react';\n\nimport type {ColumnItem} from '../types';\n\ntype HandleProps = Pick<ColumnItem, 'isLocked'>;\n\nconst HandleContainer = styled.div<HandleProps>`\n  flex-grow: 0;\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n\n  color: ${props => props.theme.colors.grey[props.isLocked ? 40 : 60]};\n`;\n\nexport const Handle: React.FC<HandleProps> = ({isLocked}) => {\n  const child = (\n    <HandleContainer isLocked={isLocked}>\n      <DragIndicatorIcon size={SizeTokenValue.Small} />\n    </HandleContainer>\n  );\n\n  if (!isLocked) {\n    return child;\n  }\n\n  return (\n    <Tooltip placement={Placement.Top} content=\"Нельзя открепить столбец\">\n      {child}\n    </Tooltip>\n  );\n};\n"],"names":["HandleContainer","_styled","process","env","NODE_ENV","target","label","props","theme","colors","grey","isLocked","Handle","child","DragIndicatorIcon","SizeTokenValue","Small","Tooltip","Placement","Top"],"mappings":";;;;;AAUA,MAAMA,IAAe,gBAAAC,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAMVC,EAAAA,2DAAAA,CAAAA,MAASA,EAAMC,MAAMC,OAAOC,KAAKH,EAAMI,WAAW,KAAK,EAAE,GAAC,OAAAT,QAAAC,IAAAC,aACpE,eAAA,KAAA,8kDAAA,GAEYQ,IAAgCA,CAAC;AAAA,EAACD,UAAAA;AAAQ,MAAM;AACrDE,QAAAA,sBACHb,GAAgB,EAAA,UAAAW,GACf,4BAACG,GAAkB,EAAA,MAAMC,EAAeC,MAAAA,CAAM,EAChD,CAAA;AAGF,SAAKL,sBAKFM,GAAQ,EAAA,WAAWC,EAAUC,KAAK,SAAQ,4BACxCN,UACHA,GAAA,IANOA;AAQX;"}

package/dist/AreaItem/ItemContent.d.ts

@@ -0,0 +1,10 @@
+import { RefCallback } from 'react';
+import { DraggableSyntheticListeners } from '@dnd-kit/core';
+import { ColumnItem } from '../types';
+type ItemContentProps = {
+    item: ColumnItem;
+    listeners?: DraggableSyntheticListeners;
+    handleRef?: RefCallback<HTMLDivElement>;
+};
+export declare const ItemContent: import('react').NamedExoticComponent<ItemContentProps>;
+export {};

package/dist/AreaItem/ItemContent.es.js

@@ -0,0 +1,44 @@
+import { jsxs as e, jsx as l } from "@emotion/react/jsx-runtime";
+import G from "@emotion/styled/base";
+import { memo as o } from "react";
+import { Content as I } from "./Content.es.js";
+import { Handle as a } from "./Handle.es.js";
+import { Visibility as i } from "./Visibility.es.js";
+function u() {
+  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 b = /* @__PURE__ */ G("div", process.env.NODE_ENV === "production" ? {
+  target: "e14wup640"
+} : {
+  target: "e14wup640",
+  label: "Container"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1sq528o",
+  styles: "display:flex;flex-grow:1;overflow:hidden;align-items:center;justify-content:space-between;gap:4px"
+} : {
+  name: "1sq528o",
+  styles: "display:flex;flex-grow:1;overflow:hidden;align-items:center;justify-content:space-between;gap:4px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC1zZXR0aW5ncy9zcmMvQXJlYUl0ZW0vSXRlbUNvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVc0QiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9kYXRhLWdyaWQtc2V0dGluZ3Mvc3JjL0FyZWFJdGVtL0l0ZW1Db250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7bWVtb30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQge0NvbnRlbnR9IGZyb20gJy4vQ29udGVudCc7XG5pbXBvcnQge0hhbmRsZX0gZnJvbSAnLi9IYW5kbGUnO1xuaW1wb3J0IHtWaXNpYmlsaXR5fSBmcm9tICcuL1Zpc2liaWxpdHknO1xuXG5pbXBvcnQgdHlwZSB7UmVmQ2FsbGJhY2t9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHtEcmFnZ2FibGVTeW50aGV0aWNMaXN0ZW5lcnN9IGZyb20gJ0BkbmQta2l0L2NvcmUnO1xuaW1wb3J0IHR5cGUge0NvbHVtbkl0ZW19IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1ncm93OiAxO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogNHB4O1xuYDtcblxudHlwZSBJdGVtQ29udGVudFByb3BzID0ge1xuICBpdGVtOiBDb2x1bW5JdGVtO1xuICBsaXN0ZW5lcnM/OiBEcmFnZ2FibGVTeW50aGV0aWNMaXN0ZW5lcnM7XG4gIGhhbmRsZVJlZj86IFJlZkNhbGxiYWNrPEhUTUxEaXZFbGVtZW50Pjtcbn07XG5cbmV4cG9ydCBjb25zdCBJdGVtQ29udGVudCA9IG1lbW88SXRlbUNvbnRlbnRQcm9wcz4oKHtpdGVtLCBsaXN0ZW5lcnMsIGhhbmRsZVJlZn0pID0+IHtcbiAgY29uc3QgaGFuZGxlUHJvcHMgPSBpdGVtLmlzTG9ja2VkID8gdW5kZWZpbmVkIDogey4uLmxpc3RlbmVycywgc3R5bGU6IHtjdXJzb3I6ICdwb2ludGVyJ319O1xuXG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lcj5cbiAgICAgIDxWaXNpYmlsaXR5IGl0ZW09e2l0ZW19IC8+XG4gICAgICA8Q29udGFpbmVyIHJlZj17aGFuZGxlUmVmfSB7Li4uaGFuZGxlUHJvcHN9PlxuICAgICAgICA8Q29udGVudCBpdGVtPXtpdGVtfSAvPlxuICAgICAgICA8SGFuZGxlIGlzTG9ja2VkPXtpdGVtLmlzTG9ja2VkfSAvPlxuICAgICAgPC9Db250YWluZXI+XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59KTtcbiJdfQ== */",
+  toString: u
+}), V = o(({
+  item: t,
+  listeners: n,
+  handleRef: c
+}) => {
+  const d = t.isLocked ? void 0 : {
+    ...n,
+    style: {
+      cursor: "pointer"
+    }
+  };
+  return /* @__PURE__ */ e(b, { children: [
+    /* @__PURE__ */ l(i, { item: t }),
+    /* @__PURE__ */ e(b, { ref: c, ...d, children: [
+      /* @__PURE__ */ l(I, { item: t }),
+      /* @__PURE__ */ l(a, { isLocked: t.isLocked })
+    ] })
+  ] });
+});
+export {
+  V as ItemContent
+};
+//# sourceMappingURL=ItemContent.es.js.map

package/dist/AreaItem/ItemContent.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemContent.es.js","sources":["../../src/AreaItem/ItemContent.tsx"],"sourcesContent":["import {memo} from 'react';\nimport styled from '@emotion/styled';\n\nimport {Content} from './Content';\nimport {Handle} from './Handle';\nimport {Visibility} from './Visibility';\n\nimport type {RefCallback} from 'react';\nimport type {DraggableSyntheticListeners} from '@dnd-kit/core';\nimport type {ColumnItem} from '../types';\n\nconst Container = styled.div`\n  display: flex;\n  flex-grow: 1;\n  overflow: hidden;\n  align-items: center;\n  justify-content: space-between;\n  gap: 4px;\n`;\n\ntype ItemContentProps = {\n  item: ColumnItem;\n  listeners?: DraggableSyntheticListeners;\n  handleRef?: RefCallback<HTMLDivElement>;\n};\n\nexport const ItemContent = memo<ItemContentProps>(({item, listeners, handleRef}) => {\n  const handleProps = item.isLocked ? undefined : {...listeners, style: {cursor: 'pointer'}};\n\n  return (\n    <Container>\n      <Visibility item={item} />\n      <Container ref={handleRef} {...handleProps}>\n        <Content item={item} />\n        <Handle isLocked={item.isLocked} />\n      </Container>\n    </Container>\n  );\n});\n"],"names":["Container","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","ItemContent","memo","item","listeners","handleRef","handleProps","isLocked","undefined","style","cursor","jsx","Visibility","jsxs","Content","Handle"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAS,gBAAAC,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAAJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,UAAAC;AAAA,CAOd,GAQYC,IAAcC,EAAuB,CAAC;AAAA,EAACC,MAAAA;AAAAA,EAAMC,WAAAA;AAAAA,EAAWC,WAAAA;AAAS,MAAM;AAC5EC,QAAAA,IAAcH,EAAKI,WAAWC,SAAY;AAAA,IAAC,GAAGJ;AAAAA,IAAWK,OAAO;AAAA,MAACC,QAAQ;AAAA,IAAA;AAAA,EAAU;AAEzF,2BACGpB,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAqB,EAACC,KAAW,MAAAT,GAAW;AAAA,IACtB,gBAAAU,EAAAvB,GAAA,EAAU,KAAKe,GAAeC,GAAAA,GAC7B,UAAA;AAAA,MAAA,gBAAAK,EAACG,KAAQ,MAAAX,GAAW;AAAA,MACnB,gBAAAQ,EAAAI,GAAA,EAAO,UAAUZ,EAAKI,SAAS,CAAA;AAAA,IAAA,EAClC,CAAA;AAAA,EAAA,GACF;AAEJ,CAAC;"}

package/dist/AreaItem/Visibility.d.ts

@@ -0,0 +1,4 @@
+import { ColumnItem } from '../types';
+export declare const Visibility: React.FC<{
+    item: ColumnItem;
+}>;

package/dist/AreaItem/Visibility.es.js

@@ -0,0 +1,29 @@
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { useContext as f } from "react";
+import { Placement as V, SizeTokenValue as e } from "@join-x5/react-theme";
+import { VisibilityIcon as b, VisibilityOffIcon as u } from "@join-x5/react-icons";
+import { IconButton as I, ButtonVariant as d } from "@join-x5/react";
+import { DataGridSettingsContext as x } from "../DataGridSettingsContext.es.js";
+const B = (s) => {
+  const {
+    id: r,
+    isVisible: i,
+    isAlwaysVisible: t
+  } = s.item, {
+    items: l,
+    setItems: m
+  } = f(x), c = () => {
+    t || m(l.map((o) => o.id === r ? {
+      ...o,
+      isVisible: !i
+    } : o));
+  }, a = i ? b : u, p = {
+    placement: V.Top,
+    content: t ? "Нельзя скрыть" : i ? "Скрыть столбец" : "Показать столбец"
+  };
+  return /* @__PURE__ */ n(I, { tooltip: p, size: e.XSmall, variant: d.InnerInput, disabled: t, onClick: c, children: /* @__PURE__ */ n(a, { size: e.Small }) });
+};
+export {
+  B as Visibility
+};
+//# sourceMappingURL=Visibility.es.js.map

package/dist/AreaItem/Visibility.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Visibility.es.js","sources":["../../src/AreaItem/Visibility.tsx"],"sourcesContent":["import {useContext} from 'react';\n\nimport {Placement, SizeTokenValue} from '@join-x5/react-theme';\nimport {VisibilityIcon, VisibilityOffIcon} from '@join-x5/react-icons';\nimport {ButtonVariant, IconButton} from '@join-x5/react';\n\nimport {DataGridSettingsContext} from '../DataGridSettingsContext';\n\nimport type {MouseEventHandler} from 'react';\nimport type {ColumnItem} from '../types';\n\nexport const Visibility: React.FC<{item: ColumnItem}> = props => {\n  const {id, isVisible, isAlwaysVisible} = props.item;\n\n  const {items, setItems} = useContext(DataGridSettingsContext);\n\n  const toggleVisible: MouseEventHandler = () => {\n    if (isAlwaysVisible) {\n      return;\n    }\n\n    setItems(items.map(item => (item.id === id ? {...item, isVisible: !isVisible} : item)));\n  };\n\n  const Icon = isVisible ? VisibilityIcon : VisibilityOffIcon;\n\n  const tooltip = {\n    placement: Placement.Top,\n    content: isAlwaysVisible ? 'Нельзя скрыть' : isVisible ? 'Скрыть столбец' : 'Показать столбец',\n  };\n\n  return (\n    <IconButton\n      tooltip={tooltip}\n      size={SizeTokenValue.XSmall}\n      variant={ButtonVariant.InnerInput}\n      disabled={isAlwaysVisible}\n      onClick={toggleVisible}\n    >\n      <Icon size={SizeTokenValue.Small} />\n    </IconButton>\n  );\n};\n"],"names":["Visibility","props","id","isVisible","isAlwaysVisible","item","items","setItems","useContext","DataGridSettingsContext","toggleVisible","map","Icon","VisibilityIcon","VisibilityOffIcon","tooltip","placement","Placement","Top","content","IconButton","SizeTokenValue","XSmall","ButtonVariant","InnerInput","jsx","Small"],"mappings":";;;;;;AAWO,MAAMA,IAA2CC,CAASA,MAAA;AACzD,QAAA;AAAA,IAACC,IAAAA;AAAAA,IAAIC,WAAAA;AAAAA,IAAWC,iBAAAA;AAAAA,MAAmBH,EAAMI,MAEzC;AAAA,IAACC,OAAAA;AAAAA,IAAOC,UAAAA;AAAAA,EAAAA,IAAYC,EAAWC,CAAuB,GAEtDC,IAAmCA,MAAM;AAC7C,IAAIN,KAIJG,EAASD,EAAMK,IAAIN,CAASA,MAAAA,EAAKH,OAAOA,IAAK;AAAA,MAAC,GAAGG;AAAAA,MAAMF,WAAW,CAACA;AAAAA,IAAS,IAAIE,CAAK,CAAC;AAAA,EACxF,GAEMO,IAAOT,IAAYU,IAAiBC,GAEpCC,IAAU;AAAA,IACdC,WAAWC,EAAUC;AAAAA,IACrBC,SAASf,IAAkB,kBAAkBD,IAAY,mBAAmB;AAAA,EAC9E;AAEA,2BACGiB,GACC,EAAA,SAAAL,GACA,MAAMM,EAAeC,QACrB,SAASC,EAAcC,YACvB,UAAUpB,GACV,SAASM,GAET,UAAA,gBAAAe,EAACb,KAAK,MAAMS,EAAeK,MAAM,CAAA,GACnC;AAEJ;"}

package/dist/AreaItem/index.d.ts

@@ -0,0 +1,7 @@
+import { ColumnItemId, DataGridSettingsActiveItem } from '../types';
+type ItemsProps = {
+    itemIds: ColumnItemId[];
+    activeItem?: DataGridSettingsActiveItem;
+};
+export declare const Items: React.FC<ItemsProps>;
+export { ActiveItemOverlay } from './AreaItem';