@ultraviolet/ui 1.51.3 → 1.51.4

package/dist/components/List/ListContext.cjs

@@ -0,0 +1,136 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const React = require("react");
+const ListContext = React.createContext(void 0);
+const ListProvider = ({
+  children,
+  autoCollapse,
+  selectable,
+  expandButton,
+  onSelectedChange
+}) => {
+  const [expandedRowIds, setExpandedRowIds] = React.useState({});
+  const [selectedRowIds, setSelectedRowIds] = React.useState({});
+  const registerExpandableRow = React.useCallback((rowId) => {
+    setExpandedRowIds((current) => ({
+      ...current,
+      [rowId]: false
+    }));
+    return () => {
+      setExpandedRowIds((current) => {
+        const {
+          [rowId]: relatedId,
+          ...otherIds
+        } = current;
+        return otherIds;
+      });
+    };
+  }, []);
+  const registerSelectableRow = React.useCallback((rowId) => {
+    setSelectedRowIds((current) => ({
+      ...current,
+      [rowId]: false
+    }));
+    return () => {
+      setSelectedRowIds((current) => {
+        const {
+          [rowId]: relatedId,
+          ...otherIds
+        } = current;
+        return otherIds;
+      });
+    };
+  }, []);
+  const expandRow = React.useCallback((rowId) => {
+    setExpandedRowIds((current) => ({
+      ...autoCollapse ? {} : current,
+      [rowId]: true
+    }));
+  }, [autoCollapse]);
+  const collapseRow = React.useCallback((rowId) => {
+    setExpandedRowIds((current) => ({
+      ...current,
+      [rowId]: false
+    }));
+  }, []);
+  const allRowSelectValue = React.useMemo(() => {
+    const selectableRowCount = Object.keys(selectedRowIds).length;
+    if (!selectableRowCount) {
+      return false;
+    }
+    const selectedRowCount = Object.values(selectedRowIds).reduce((acc, isSelected) => acc + (isSelected ? 1 : 0), 0);
+    if (selectedRowCount === 0) {
+      return false;
+    }
+    if (selectableRowCount === selectedRowCount) {
+      return true;
+    }
+    return "indeterminate";
+  }, [selectedRowIds]);
+  const selectAll = React.useCallback(() => {
+    const newSelectedRowIds = Object.keys(selectedRowIds).reduce((acc, rowId) => ({
+      ...acc,
+      [rowId]: true
+    }), {});
+    setSelectedRowIds(newSelectedRowIds);
+    if (onSelectedChange) {
+      onSelectedChange(Object.keys(newSelectedRowIds).filter((row) => newSelectedRowIds[row]));
+    }
+  }, [onSelectedChange, selectedRowIds]);
+  const unselectAll = React.useCallback(() => {
+    const newSelectedRowIds = Object.keys(selectedRowIds).reduce((acc, rowId) => ({
+      ...acc,
+      [rowId]: false
+    }), {});
+    setSelectedRowIds(newSelectedRowIds);
+    if (onSelectedChange) {
+      onSelectedChange(Object.keys(newSelectedRowIds).filter((row) => newSelectedRowIds[row]));
+    }
+  }, [onSelectedChange, selectedRowIds]);
+  const selectRow = React.useCallback((rowId) => {
+    const newSelectedRowIds = {
+      ...selectedRowIds,
+      [rowId]: true
+    };
+    setSelectedRowIds(newSelectedRowIds);
+    if (onSelectedChange) {
+      onSelectedChange(Object.keys(newSelectedRowIds).filter((row) => newSelectedRowIds[row]));
+    }
+  }, [onSelectedChange, selectedRowIds]);
+  const unselectRow = React.useCallback((rowId) => {
+    const newSelectedRowIds = {
+      ...selectedRowIds,
+      [rowId]: false
+    };
+    setSelectedRowIds(newSelectedRowIds);
+    if (onSelectedChange) {
+      onSelectedChange(Object.keys(newSelectedRowIds).filter((row) => newSelectedRowIds[row]));
+    }
+  }, [onSelectedChange, selectedRowIds]);
+  const value = React.useMemo(() => ({
+    registerExpandableRow,
+    expandedRowIds,
+    expandRow,
+    collapseRow,
+    registerSelectableRow,
+    selectedRowIds,
+    selectRow,
+    unselectRow,
+    selectable,
+    selectAll,
+    unselectAll,
+    allRowSelectValue,
+    expandButton
+  }), [registerExpandableRow, expandedRowIds, expandRow, collapseRow, registerSelectableRow, selectedRowIds, selectRow, unselectRow, selectable, selectAll, unselectAll, allRowSelectValue, expandButton]);
+  return /* @__PURE__ */ jsxRuntime.jsx(ListContext.Provider, { value, children });
+};
+const useListContext = () => {
+  const context = React.useContext(ListContext);
+  if (!context) {
+    throw new Error("useListContext should be used inside a List component");
+  }
+  return context;
+};
+exports.ListProvider = ListProvider;
+exports.useListContext = useListContext;

package/dist/components/List/Row.cjs

@@ -0,0 +1,163 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const React = require("react");
+const index$2 = require("../Button/index.cjs");
+const index$1 = require("../Checkbox/index.cjs");
+const index = require("../Tooltip/index.cjs");
+const Cell = require("./Cell.cjs");
+const ListContext = require("./ListContext.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  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 ExpandableWrapper = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "ei4uyz12"
+} : {
+  target: "ei4uyz12",
+  label: "ExpandableWrapper"
+})("grid-column:1/-1;grid-column-start:1;border-top:1px solid ", ({
+  theme
+}) => theme.colors.neutral.border, ";margin:0 -", ({
+  theme
+}) => theme.space["2"], ";padding:", ({
+  theme
+}) => theme.space["2"], ";cursor:auto;background:", ({
+  theme
+}) => theme.colors.neutral.backgroundWeak, ";border-radius:0 0 ", ({
+  theme
+}) => theme.radii.default, " ", ({
+  theme
+}) => theme.radii.default, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvUm93LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVb0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTGlzdC9Sb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IEZvcndhcmRlZFJlZiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB0eXBlIHsgU0VOVElNRU5UUyB9IGZyb20gJy4uLy4uL3RoZW1lJ1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vQnV0dG9uJ1xuaW1wb3J0IHsgQ2hlY2tib3ggfSBmcm9tICcuLi9DaGVja2JveCdcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tICcuLi9Ub29sdGlwJ1xuaW1wb3J0IHsgQ2VsbCB9IGZyb20gJy4vQ2VsbCdcbmltcG9ydCB7IHVzZUxpc3RDb250ZXh0IH0gZnJvbSAnLi9MaXN0Q29udGV4dCdcblxuY29uc3QgRXhwYW5kYWJsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBncmlkLWNvbHVtbjogMSAvIC0xO1xuICBncmlkLWNvbHVtbi1zdGFydDogMTtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgbWFyZ2luOiAwIC0keyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICBjdXJzb3I6IGF1dG87XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9O1xuICBib3JkZXItcmFkaXVzOiAwIDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fVxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb3cgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnc2VudGltZW50J10uaW5jbHVkZXMocHJvcCksXG59KTx7XG4gIHNlbnRpbWVudDogKHR5cGVvZiBTRU5USU1FTlRTKVtudW1iZXJdXG59PmBcbiAgLyogTGlzdCBpdHNlbGYgYWxzbyBhcHBseSBzdHlsZSBhYm91dCBjb21tb24gdGVtcGxhdGluZyBiZXR3ZWVuIEhlYWRlclJvdyBhbmQgb3RoZXIgUm93cyAqL1xuXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICB0cmFuc2l0aW9uOlxuICAgIGJveC1zaGFkb3cgMjAwbXMgZWFzZSxcbiAgICBib3JkZXItY29sb3IgMjAwbXMgZWFzZTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kfTtcbiAgZm9udC1zaXplOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnR5cG9ncmFwaHkuYm9keVNtYWxsLmZvbnRTaXplfTtcbiAgY29sdW1uLWdhcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgcGFkZGluZzogMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuXG4gICZbcm9sZT0nYnV0dG9uIHJvdyddIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIH1cblxuICAkeyh7IHRoZW1lLCBzZW50aW1lbnQgfSkgPT5cbiAgICBgXG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzW3NlbnRpbWVudF0udGV4dH07XG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9yc1tzZW50aW1lbnRdLmJvcmRlcn07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnNbc2VudGltZW50XS5iYWNrZ3JvdW5kfTtcbiAgICAmIFtkYXRhLWV4cGFuZGFibGUtY29udGVudF0ge1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9yc1tzZW50aW1lbnRdLmJvcmRlcn07XG4gICAgfVxuXG4gICAgJHtcbiAgICAgIHNlbnRpbWVudCA9PT0gJ25ldXRyYWwnXG4gICAgICAgID8gYCY6aG92ZXIge1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9O1xuICAgICAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuc2hhZG93cy5ob3ZlclByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICAgIGBcbiAgICAgICAgOiAnJ1xuICAgIH1cbiAgYH1cblxuICAmW2RhdGEtaGlnaGxpZ2h0PSd0cnVlJ10ge1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9O1xuICAgIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2hhZG93cy5ob3ZlclByaW1hcnl9O1xuICB9XG5cbiAgJlthcmlhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyRGlzYWJsZWR9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZERpc2FibGVkfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0RGlzYWJsZWR9O1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkQ2hlY2tib3hDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuYFxuXG50eXBlIFJvd1Byb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIGlkOiBzdHJpbmdcbiAgZXhwYW5kYWJsZT86IFJlYWN0Tm9kZVxuICAvKipcbiAgICogUm93IGNhbm5vdCBiZSBzZWxlY3RlZCBpZiB0aGlzIHByb3AgaXMgcHJvdmlkZWQuIGJvb2xlYW4gdHJ1ZSBkaXNhYmxlZCBzZWxlY3Rpb24sIGEgc3RyaW5nIGRpc2FibGUgc2VsZWN0aW9uIGFuZCBhIHRvb2x0aXAgd2lsbCBiZSBkaXNwbGF5ZWQgb24gY2hlY2tib3ggaG92ZXIuXG4gICAqICovXG4gIHNlbGVjdERpc2FibGVkPzogYm9vbGVhbiB8IHN0cmluZ1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgc2VudGltZW50PzogKHR5cGVvZiBTRU5USU1FTlRTKVtudW1iZXJdXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBSb3cgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBpZCxcbiAgICAgIGV4cGFuZGFibGUsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIHNlbGVjdERpc2FibGVkLFxuICAgICAgc2VudGltZW50ID0gJ25ldXRyYWwnLFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RpZCxcbiAgICB9OiBSb3dQcm9wcyxcbiAgICByZWY6IEZvcndhcmRlZFJlZjxIVE1MRGl2RWxlbWVudD4sXG4gICkgPT4ge1xuICAgIGNvbnN0IHtcbiAgICAgIHNlbGVjdGFibGUsXG4gICAgICByZWdpc3RlckV4cGFuZGFibGVSb3csXG4gICAgICBleHBhbmRlZFJvd0lkcyxcbiAgICAgIGV4cGFuZFJvdyxcbiAgICAgIGNvbGxhcHNlUm93LFxuICAgICAgcmVnaXN0ZXJTZWxlY3RhYmxlUm93LFxuICAgICAgc2VsZWN0ZWRSb3dJZHMsXG4gICAgICBzZWxlY3RSb3csXG4gICAgICB1bnNlbGVjdFJvdyxcbiAgICAgIGV4cGFuZEJ1dHRvbixcbiAgICB9ID0gdXNlTGlzdENvbnRleHQoKVxuXG4gICAgY29uc3QgaXNTZWxlY3REaXNhYmxlZCA9XG4gICAgICBkaXNhYmxlZCB8fCAoc2VsZWN0RGlzYWJsZWQgIT09IHVuZGVmaW5lZCAmJiBzZWxlY3REaXNhYmxlZCAhPT0gZmFsc2UpXG5cbiAgICBjb25zdCBoYXNFeHBhbmRhYmxlID0gISFleHBhbmRhYmxlXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmIChoYXNFeHBhbmRhYmxlKSB7XG4gICAgICAgIGNvbnN0IHVucmVnaXN0ZXJDYWxsYmFjayA9IHJlZ2lzdGVyRXhwYW5kYWJsZVJvdyhpZClcblxuICAgICAgICByZXR1cm4gdW5yZWdpc3RlckNhbGxiYWNrXG4gICAgICB9XG5cbiAgICAgIHJldHVybiB1bmRlZmluZWRcbiAgICB9LCBbaWQsIGhhc0V4cGFuZGFibGUsIHJlZ2lzdGVyRXhwYW5kYWJsZVJvd10pXG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKCFpc1NlbGVjdERpc2FibGVkKSB7XG4gICAgICAgIGNvbnN0IHVucmVnaXN0ZXJDYWxsYmFjayA9IHJlZ2lzdGVyU2VsZWN0YWJsZVJvdyhpZClcblxuICAgICAgICByZXR1cm4gdW5yZWdpc3RlckNhbGxiYWNrXG4gICAgICB9XG5cbiAgICAgIHJldHVybiB1bmRlZmluZWRcbiAgICB9LCBbaWQsIHJlZ2lzdGVyU2VsZWN0YWJsZVJvdywgaXNTZWxlY3REaXNhYmxlZF0pXG5cbiAgICBjb25zdCB0b2dnbGVSb3dFeHBhbmQgPSAoKSA9PiB7XG4gICAgICBpZiAoZXhwYW5kZWRSb3dJZHNbaWRdKSB7XG4gICAgICAgIGNvbGxhcHNlUm93KGlkKVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgZXhwYW5kUm93KGlkKVxuICAgICAgfVxuICAgIH1cblxuICAgIGNvbnN0IGNhbkNsaWNrUm93VG9FeHBhbmQgPSAhZGlzYWJsZWQgJiYgISFleHBhbmRhYmxlICYmICFleHBhbmRCdXR0b25cblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkUm93XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgcm9sZT17Y2FuQ2xpY2tSb3dUb0V4cGFuZCA/ICdidXR0b24gcm93JyA6ICdyb3cnfVxuICAgICAgICBvbkNsaWNrPXtjYW5DbGlja1Jvd1RvRXhwYW5kID8gdG9nZ2xlUm93RXhwYW5kIDogdW5kZWZpbmVkfVxuICAgICAgICBvbktleURvd249e1xuICAgICAgICAgIGNhbkNsaWNrUm93VG9FeHBhbmRcbiAgICAgICAgICAgID8gZXZlbnQgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChldmVudC5rZXkgPT09ICcgJykge1xuICAgICAgICAgICAgICAgICAgdG9nZ2xlUm93RXhwYW5kKClcbiAgICAgICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDogdW5kZWZpbmVkXG4gICAgICAgIH1cbiAgICAgICAgdGFiSW5kZXg9e2NhbkNsaWNrUm93VG9FeHBhbmQgPyAwIDogLTF9XG4gICAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgICBhcmlhLWRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgYXJpYS1leHBhbmRlZD17ZXhwYW5kYWJsZSA/IGV4cGFuZGVkUm93SWRzW2lkXSA6IHVuZGVmaW5lZH1cbiAgICAgICAgZGF0YS1oaWdobGlnaHQ9eyEhc2VsZWN0ZWRSb3dJZHNbaWRdfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RpZH1cbiAgICAgID5cbiAgICAgICAge3NlbGVjdGFibGUgPyAoXG4gICAgICAgICAgPENlbGwgcHJldmVudENsaWNrPXtjYW5DbGlja1Jvd1RvRXhwYW5kfT5cbiAgICAgICAgICAgIDxTdHlsZWRDaGVja2JveENvbnRhaW5lcj5cbiAgICAgICAgICAgICAgPFRvb2x0aXBcbiAgICAgICAgICAgICAgICB0ZXh0PXtcbiAgICAgICAgICAgICAgICAgIHR5cGVvZiBzZWxlY3REaXNhYmxlZCA9PT0gJ3N0cmluZydcbiAgICAgICAgICAgICAgICAgICAgPyBzZWxlY3REaXNhYmxlZFxuICAgICAgICAgICAgICAgICAgICA6IHVuZGVmaW5lZFxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxDaGVja2JveFxuICAgICAgICAgICAgICAgICAgbmFtZT1cImxpc3Qtc2VsZWN0LWNoZWNrYm94XCJcbiAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJzZWxlY3RcIlxuICAgICAgICAgICAgICAgICAgY2hlY2tlZD17c2VsZWN0ZWRSb3dJZHNbaWRdfVxuICAgICAgICAgICAgICAgICAgdmFsdWU9e2lkfVxuICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKHNlbGVjdGVkUm93SWRzW2lkXSkge1xuICAgICAgICAgICAgICAgICAgICAgIHVuc2VsZWN0Um93KGlkKVxuICAgICAgICAgICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICAgIHNlbGVjdFJvdyhpZClcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXtpc1NlbGVjdERpc2FibGVkfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgIDwvU3R5bGVkQ2hlY2tib3hDb250YWluZXI+XG4gICAgICAgICAgPC9DZWxsPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAge2V4cGFuZEJ1dHRvbiA/IChcbiAgICAgICAgICA8Q2VsbCBwcmV2ZW50Q2xpY2s+XG4gICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZCB8fCAhZXhwYW5kYWJsZX1cbiAgICAgICAgICAgICAgaWNvbj17ZXhwYW5kZWRSb3dJZHNbaWRdID8gJ2Fycm93LXVwJyA6ICdhcnJvdy1kb3duJ31cbiAgICAgICAgICAgICAgb25DbGljaz17dG9nZ2xlUm93RXhwYW5kfVxuICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9DZWxsPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgICB7ZXhwYW5kYWJsZSAmJiBleHBhbmRlZFJvd0lkc1tpZF0gPyAoXG4gICAgICAgICAgPEV4cGFuZGFibGVXcmFwcGVyXG4gICAgICAgICAgICBkYXRhLWV4cGFuZGFibGUtY29udGVudFxuICAgICAgICAgICAgb25DbGljaz17XG4gICAgICAgICAgICAgIGNhbkNsaWNrUm93VG9FeHBhbmRcbiAgICAgICAgICAgICAgICA/IGUgPT4ge1xuICAgICAgICAgICAgICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpXG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgOiB1bmRlZmluZWRcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIG9uS2V5RG93bj17XG4gICAgICAgICAgICAgIGNhbkNsaWNrUm93VG9FeHBhbmRcbiAgICAgICAgICAgICAgICA/IGUgPT4ge1xuICAgICAgICAgICAgICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpXG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgOiB1bmRlZmluZWRcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7ZXhwYW5kYWJsZX1cbiAgICAgICAgICA8L0V4cGFuZGFibGVXcmFwcGVyPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvU3R5bGVkUm93PlxuICAgIClcbiAgfSxcbilcbiJdfQ== */"));
+const StyledRow = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["sentiment"].includes(prop),
+  target: "ei4uyz11"
+} : {
+  shouldForwardProp: (prop) => !["sentiment"].includes(prop),
+  target: "ei4uyz11",
+  label: "StyledRow"
+})("position:relative;border:1px solid ", ({
+  theme
+}) => theme.colors.neutral.border, ";border-radius:", ({
+  theme
+}) => theme.radii.default, ";transition:box-shadow 200ms ease,border-color 200ms ease;box-shadow:none;background-color:", ({
+  theme
+}) => theme.colors.neutral.background, ";font-size:", ({
+  theme
+}) => theme.typography.bodySmall.fontSize, ";column-gap:", ({
+  theme
+}) => theme.space["2"], ";padding:0 ", ({
+  theme
+}) => theme.space["2"], ";&[role='button row']{cursor:pointer;}", ({
+  theme,
+  sentiment
+}) => `
+    color: ${theme.colors[sentiment].text};
+    border-color: ${theme.colors[sentiment].border};
+    background-color: ${theme.colors[sentiment].background};
+    & [data-expandable-content] {
+      border-color: ${theme.colors[sentiment].border};
+    }
+
+    ${sentiment === "neutral" ? `&:hover {
+          border-color: ${theme.colors.primary.border};
+          box-shadow: ${theme.shadows.hoverPrimary};
+        }
+        ` : ""}
+  `, " &[data-highlight='true']{border-color:", ({
+  theme
+}) => theme.colors.primary.border, ";box-shadow:", ({
+  theme
+}) => theme.shadows.hoverPrimary, ";}&[aria-disabled='true']{border:1px solid ", ({
+  theme
+}) => theme.colors.neutral.borderDisabled, ";background-color:", ({
+  theme
+}) => theme.colors.neutral.backgroundDisabled, ";color:", ({
+  theme
+}) => theme.colors.neutral.textDisabled, ";cursor:not-allowed;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvUm93LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQkUiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTGlzdC9Sb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IEZvcndhcmRlZFJlZiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB0eXBlIHsgU0VOVElNRU5UUyB9IGZyb20gJy4uLy4uL3RoZW1lJ1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vQnV0dG9uJ1xuaW1wb3J0IHsgQ2hlY2tib3ggfSBmcm9tICcuLi9DaGVja2JveCdcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tICcuLi9Ub29sdGlwJ1xuaW1wb3J0IHsgQ2VsbCB9IGZyb20gJy4vQ2VsbCdcbmltcG9ydCB7IHVzZUxpc3RDb250ZXh0IH0gZnJvbSAnLi9MaXN0Q29udGV4dCdcblxuY29uc3QgRXhwYW5kYWJsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBncmlkLWNvbHVtbjogMSAvIC0xO1xuICBncmlkLWNvbHVtbi1zdGFydDogMTtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgbWFyZ2luOiAwIC0keyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICBjdXJzb3I6IGF1dG87XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9O1xuICBib3JkZXItcmFkaXVzOiAwIDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fVxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb3cgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnc2VudGltZW50J10uaW5jbHVkZXMocHJvcCksXG59KTx7XG4gIHNlbnRpbWVudDogKHR5cGVvZiBTRU5USU1FTlRTKVtudW1iZXJdXG59PmBcbiAgLyogTGlzdCBpdHNlbGYgYWxzbyBhcHBseSBzdHlsZSBhYm91dCBjb21tb24gdGVtcGxhdGluZyBiZXR3ZWVuIEhlYWRlclJvdyBhbmQgb3RoZXIgUm93cyAqL1xuXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICB0cmFuc2l0aW9uOlxuICAgIGJveC1zaGFkb3cgMjAwbXMgZWFzZSxcbiAgICBib3JkZXItY29sb3IgMjAwbXMgZWFzZTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kfTtcbiAgZm9udC1zaXplOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnR5cG9ncmFwaHkuYm9keVNtYWxsLmZvbnRTaXplfTtcbiAgY29sdW1uLWdhcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgcGFkZGluZzogMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuXG4gICZbcm9sZT0nYnV0dG9uIHJvdyddIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIH1cblxuICAkeyh7IHRoZW1lLCBzZW50aW1lbnQgfSkgPT5cbiAgICBgXG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzW3NlbnRpbWVudF0udGV4dH07XG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9yc1tzZW50aW1lbnRdLmJvcmRlcn07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnNbc2VudGltZW50XS5iYWNrZ3JvdW5kfTtcbiAgICAmIFtkYXRhLWV4cGFuZGFibGUtY29udGVudF0ge1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9yc1tzZW50aW1lbnRdLmJvcmRlcn07XG4gICAgfVxuXG4gICAgJHtcbiAgICAgIHNlbnRpbWVudCA9PT0gJ25ldXRyYWwnXG4gICAgICAgID8gYCY6aG92ZXIge1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9O1xuICAgICAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuc2hhZG93cy5ob3ZlclByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICAgIGBcbiAgICAgICAgOiAnJ1xuICAgIH1cbiAgYH1cblxuICAmW2RhdGEtaGlnaGxpZ2h0PSd0cnVlJ10ge1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9O1xuICAgIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2hhZG93cy5ob3ZlclByaW1hcnl9O1xuICB9XG5cbiAgJlthcmlhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyRGlzYWJsZWR9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZERpc2FibGVkfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0RGlzYWJsZWR9O1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkQ2hlY2tib3hDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuYFxuXG50eXBlIFJvd1Byb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIGlkOiBzdHJpbmdcbiAgZXhwYW5kYWJsZT86IFJlYWN0Tm9kZVxuICAvKipcbiAgICogUm93IGNhbm5vdCBiZSBzZWxlY3RlZCBpZiB0aGlzIHByb3AgaXMgcHJvdmlkZWQuIGJvb2xlYW4gdHJ1ZSBkaXNhYmxlZCBzZWxlY3Rpb24sIGEgc3RyaW5nIGRpc2FibGUgc2VsZWN0aW9uIGFuZCBhIHRvb2x0aXAgd2lsbCBiZSBkaXNwbGF5ZWQgb24gY2hlY2tib3ggaG92ZXIuXG4gICAqICovXG4gIHNlbGVjdERpc2FibGVkPzogYm9vbGVhbiB8IHN0cmluZ1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgc2VudGltZW50PzogKHR5cGVvZiBTRU5USU1FTlRTKVtudW1iZXJdXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBSb3cgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBpZCxcbiAgICAgIGV4cGFuZGFibGUsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIHNlbGVjdERpc2FibGVkLFxuICAgICAgc2VudGltZW50ID0gJ25ldXRyYWwnLFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RpZCxcbiAgICB9OiBSb3dQcm9wcyxcbiAgICByZWY6IEZvcndhcmRlZFJlZjxIVE1MRGl2RWxlbWVudD4sXG4gICkgPT4ge1xuICAgIGNvbnN0IHtcbiAgICAgIHNlbGVjdGFibGUsXG4gICAgICByZWdpc3RlckV4cGFuZGFibGVSb3csXG4gICAgICBleHBhbmRlZFJvd0lkcyxcbiAgICAgIGV4cGFuZFJvdyxcbiAgICAgIGNvbGxhcHNlUm93LFxuICAgICAgcmVnaXN0ZXJTZWxlY3RhYmxlUm93LFxuICAgICAgc2VsZWN0ZWRSb3dJZHMsXG4gICAgICBzZWxlY3RSb3csXG4gICAgICB1bnNlbGVjdFJvdyxcbiAgICAgIGV4cGFuZEJ1dHRvbixcbiAgICB9ID0gdXNlTGlzdENvbnRleHQoKVxuXG4gICAgY29uc3QgaXNTZWxlY3REaXNhYmxlZCA9XG4gICAgICBkaXNhYmxlZCB8fCAoc2VsZWN0RGlzYWJsZWQgIT09IHVuZGVmaW5lZCAmJiBzZWxlY3REaXNhYmxlZCAhPT0gZmFsc2UpXG5cbiAgICBjb25zdCBoYXNFeHBhbmRhYmxlID0gISFleHBhbmRhYmxlXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmIChoYXNFeHBhbmRhYmxlKSB7XG4gICAgICAgIGNvbnN0IHVucmVnaXN0ZXJDYWxsYmFjayA9IHJlZ2lzdGVyRXhwYW5kYWJsZVJvdyhpZClcblxuICAgICAgICByZXR1cm4gdW5yZWdpc3RlckNhbGxiYWNrXG4gICAgICB9XG5cbiAgICAgIHJldHVybiB1bmRlZmluZWRcbiAgICB9LCBbaWQsIGhhc0V4cGFuZGFibGUsIHJlZ2lzdGVyRXhwYW5kYWJsZVJvd10pXG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKCFpc1NlbGVjdERpc2FibGVkKSB7XG4gICAgICAgIGNvbnN0IHVucmVnaXN0ZXJDYWxsYmFjayA9IHJlZ2lzdGVyU2VsZWN0YWJsZVJvdyhpZClcblxuICAgICAgICByZXR1cm4gdW5yZWdpc3RlckNhbGxiYWNrXG4gICAgICB9XG5cbiAgICAgIHJldHVybiB1bmRlZmluZWRcbiAgICB9LCBbaWQsIHJlZ2lzdGVyU2VsZWN0YWJsZVJvdywgaXNTZWxlY3REaXNhYmxlZF0pXG5cbiAgICBjb25zdCB0b2dnbGVSb3dFeHBhbmQgPSAoKSA9PiB7XG4gICAgICBpZiAoZXhwYW5kZWRSb3dJZHNbaWRdKSB7XG4gICAgICAgIGNvbGxhcHNlUm93KGlkKVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgZXhwYW5kUm93KGlkKVxuICAgICAgfVxuICAgIH1cblxuICAgIGNvbnN0IGNhbkNsaWNrUm93VG9FeHBhbmQgPSAhZGlzYWJsZWQgJiYgISFleHBhbmRhYmxlICYmICFleHBhbmRCdXR0b25cblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkUm93XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgcm9sZT17Y2FuQ2xpY2tSb3dUb0V4cGFuZCA/ICdidXR0b24gcm93JyA6ICdyb3cnfVxuICAgICAgICBvbkNsaWNrPXtjYW5DbGlja1Jvd1RvRXhwYW5kID8gdG9nZ2xlUm93RXhwYW5kIDogdW5kZWZpbmVkfVxuICAgICAgICBvbktleURvd249e1xuICAgICAgICAgIGNhbkNsaWNrUm93VG9FeHBhbmRcbiAgICAgICAgICAgID8gZXZlbnQgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChldmVudC5rZXkgPT09ICcgJykge1xuICAgICAgICAgICAgICAgICAgdG9nZ2xlUm93RXhwYW5kKClcbiAgICAgICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDogdW5kZWZpbmVkXG4gICAgICAgIH1cbiAgICAgICAgdGFiSW5kZXg9e2NhbkNsaWNrUm93VG9FeHBhbmQgPyAwIDogLTF9XG4gICAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgICBhcmlhLWRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgYXJpYS1leHBhbmRlZD17ZXhwYW5kYWJsZSA/IGV4cGFuZGVkUm93SWRzW2lkXSA6IHVuZGVmaW5lZH1cbiAgICAgICAgZGF0YS1oaWdobGlnaHQ9eyEhc2VsZWN0ZWRSb3dJZHNbaWRdfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RpZH1cbiAgICAgID5cbiAgICAgICAge3NlbGVjdGFibGUgPyAoXG4gICAgICAgICAgPENlbGwgcHJldmVudENsaWNrPXtjYW5DbGlja1Jvd1RvRXhwYW5kfT5cbiAgICAgICAgICAgIDxTdHlsZWRDaGVja2JveENvbnRhaW5lcj5cbiAgICAgICAgICAgICAgPFRvb2x0aXBcbiAgICAgICAgICAgICAgICB0ZXh0PXtcbiAgICAgICAgICAgICAgICAgIHR5cGVvZiBzZWxlY3REaXNhYmxlZCA9PT0gJ3N0cmluZydcbiAgICAgICAgICAgICAgICAgICAgPyBzZWxlY3REaXNhYmxlZFxuICAgICAgICAgICAgICAgICAgICA6IHVuZGVmaW5lZFxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxDaGVja2JveFxuICAgICAgICAgICAgICAgICAgbmFtZT1cImxpc3Qtc2VsZWN0LWNoZWNrYm94XCJcbiAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJzZWxlY3RcIlxuICAgICAgICAgICAgICAgICAgY2hlY2tlZD17c2VsZWN0ZWRSb3dJZHNbaWRdfVxuICAgICAgICAgICAgICAgICAgdmFsdWU9e2lkfVxuICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKHNlbGVjdGVkUm93SWRzW2lkXSkge1xuICAgICAgICAgICAgICAgICAgICAgIHVuc2VsZWN0Um93KGlkKVxuICAgICAgICAgICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICAgIHNlbGVjdFJvdyhpZClcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXtpc1NlbGVjdERpc2FibGVkfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgIDwvU3R5bGVkQ2hlY2tib3hDb250YWluZXI+XG4gICAgICAgICAgPC9DZWxsPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAge2V4cGFuZEJ1dHRvbiA/IChcbiAgICAgICAgICA8Q2VsbCBwcmV2ZW50Q2xpY2s+XG4gICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZCB8fCAhZXhwYW5kYWJsZX1cbiAgICAgICAgICAgICAgaWNvbj17ZXhwYW5kZWRSb3dJZHNbaWRdID8gJ2Fycm93LXVwJyA6ICdhcnJvdy1kb3duJ31cbiAgICAgICAgICAgICAgb25DbGljaz17dG9nZ2xlUm93RXhwYW5kfVxuICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9DZWxsPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgICB7ZXhwYW5kYWJsZSAmJiBleHBhbmRlZFJvd0lkc1tpZF0gPyAoXG4gICAgICAgICAgPEV4cGFuZGFibGVXcmFwcGVyXG4gICAgICAgICAgICBkYXRhLWV4cGFuZGFibGUtY29udGVudFxuICAgICAgICAgICAgb25DbGljaz17XG4gICAgICAgICAgICAgIGNhbkNsaWNrUm93VG9FeHBhbmRcbiAgICAgICAgICAgICAgICA/IGUgPT4ge1xuICAgICAgICAgICAgICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpXG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgOiB1bmRlZmluZWRcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIG9uS2V5RG93bj17XG4gICAgICAgICAgICAgIGNhbkNsaWNrUm93VG9FeHBhbmRcbiAgICAgICAgICAgICAgICA/IGUgPT4ge1xuICAgICAgICAgICAgICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpXG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgOiB1bmRlZmluZWRcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7ZXhwYW5kYWJsZX1cbiAgICAgICAgICA8L0V4cGFuZGFibGVXcmFwcGVyPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvU3R5bGVkUm93PlxuICAgIClcbiAgfSxcbilcbiJdfQ== */"));
+const StyledCheckboxContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "ei4uyz10"
+} : {
+  target: "ei4uyz10",
+  label: "StyledCheckboxContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "zjik7",
+  styles: "display:flex"
+} : {
+  name: "zjik7",
+  styles: "display:flex",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvUm93LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RTBDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvUm93LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBGb3J3YXJkZWRSZWYsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgZm9yd2FyZFJlZiwgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IFNFTlRJTUVOVFMgfSBmcm9tICcuLi8uLi90aGVtZSdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL0J1dHRvbidcbmltcG9ydCB7IENoZWNrYm94IH0gZnJvbSAnLi4vQ2hlY2tib3gnXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcbmltcG9ydCB7IENlbGwgfSBmcm9tICcuL0NlbGwnXG5pbXBvcnQgeyB1c2VMaXN0Q29udGV4dCB9IGZyb20gJy4vTGlzdENvbnRleHQnXG5cbmNvbnN0IEV4cGFuZGFibGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZ3JpZC1jb2x1bW46IDEgLyAtMTtcbiAgZ3JpZC1jb2x1bW4tc3RhcnQ6IDE7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcn07XG4gIG1hcmdpbjogMCAtJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgY3Vyc29yOiBhdXRvO1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogMCAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH1cbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkUm93ID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3NlbnRpbWVudCddLmluY2x1ZGVzKHByb3ApLFxufSk8e1xuICBzZW50aW1lbnQ6ICh0eXBlb2YgU0VOVElNRU5UUylbbnVtYmVyXVxufT5gXG4gIC8qIExpc3QgaXRzZWxmIGFsc28gYXBwbHkgc3R5bGUgYWJvdXQgY29tbW9uIHRlbXBsYXRpbmcgYmV0d2VlbiBIZWFkZXJSb3cgYW5kIG90aGVyIFJvd3MgKi9cblxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgdHJhbnNpdGlvbjpcbiAgICBib3gtc2hhZG93IDIwMG1zIGVhc2UsXG4gICAgYm9yZGVyLWNvbG9yIDIwMG1zIGVhc2U7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZH07XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHlTbWFsbC5mb250U2l6ZX07XG4gIGNvbHVtbi1nYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcblxuICAmW3JvbGU9J2J1dHRvbiByb3cnXSB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5cbiAgJHsoeyB0aGVtZSwgc2VudGltZW50IH0pID0+XG4gICAgYFxuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9yc1tzZW50aW1lbnRdLnRleHR9O1xuICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnNbc2VudGltZW50XS5ib3JkZXJ9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzW3NlbnRpbWVudF0uYmFja2dyb3VuZH07XG4gICAgJiBbZGF0YS1leHBhbmRhYmxlLWNvbnRlbnRdIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnNbc2VudGltZW50XS5ib3JkZXJ9O1xuICAgIH1cblxuICAgICR7XG4gICAgICBzZW50aW1lbnQgPT09ICduZXV0cmFsJ1xuICAgICAgICA/IGAmOmhvdmVyIHtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyfTtcbiAgICAgICAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3MuaG92ZXJQcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgICBgXG4gICAgICAgIDogJydcbiAgICB9XG4gIGB9XG5cbiAgJltkYXRhLWhpZ2hsaWdodD0ndHJ1ZSddIHtcbiAgICBib3JkZXItY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyfTtcbiAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNoYWRvd3MuaG92ZXJQcmltYXJ5fTtcbiAgfVxuXG4gICZbYXJpYS1kaXNhYmxlZD0ndHJ1ZSddIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlckRpc2FibGVkfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmREaXNhYmxlZH07XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dERpc2FibGVkfTtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZENoZWNrYm94Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbmBcblxudHlwZSBSb3dQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBpZDogc3RyaW5nXG4gIGV4cGFuZGFibGU/OiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIFJvdyBjYW5ub3QgYmUgc2VsZWN0ZWQgaWYgdGhpcyBwcm9wIGlzIHByb3ZpZGVkLiBib29sZWFuIHRydWUgZGlzYWJsZWQgc2VsZWN0aW9uLCBhIHN0cmluZyBkaXNhYmxlIHNlbGVjdGlvbiBhbmQgYSB0b29sdGlwIHdpbGwgYmUgZGlzcGxheWVkIG9uIGNoZWNrYm94IGhvdmVyLlxuICAgKiAqL1xuICBzZWxlY3REaXNhYmxlZD86IGJvb2xlYW4gfCBzdHJpbmdcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIHNlbnRpbWVudD86ICh0eXBlb2YgU0VOVElNRU5UUylbbnVtYmVyXVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgUm93ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaWQsXG4gICAgICBleHBhbmRhYmxlLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICBzZWxlY3REaXNhYmxlZCxcbiAgICAgIHNlbnRpbWVudCA9ICduZXV0cmFsJyxcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0aWQsXG4gICAgfTogUm93UHJvcHMsXG4gICAgcmVmOiBGb3J3YXJkZWRSZWY8SFRNTERpdkVsZW1lbnQ+LFxuICApID0+IHtcbiAgICBjb25zdCB7XG4gICAgICBzZWxlY3RhYmxlLFxuICAgICAgcmVnaXN0ZXJFeHBhbmRhYmxlUm93LFxuICAgICAgZXhwYW5kZWRSb3dJZHMsXG4gICAgICBleHBhbmRSb3csXG4gICAgICBjb2xsYXBzZVJvdyxcbiAgICAgIHJlZ2lzdGVyU2VsZWN0YWJsZVJvdyxcbiAgICAgIHNlbGVjdGVkUm93SWRzLFxuICAgICAgc2VsZWN0Um93LFxuICAgICAgdW5zZWxlY3RSb3csXG4gICAgICBleHBhbmRCdXR0b24sXG4gICAgfSA9IHVzZUxpc3RDb250ZXh0KClcblxuICAgIGNvbnN0IGlzU2VsZWN0RGlzYWJsZWQgPVxuICAgICAgZGlzYWJsZWQgfHwgKHNlbGVjdERpc2FibGVkICE9PSB1bmRlZmluZWQgJiYgc2VsZWN0RGlzYWJsZWQgIT09IGZhbHNlKVxuXG4gICAgY29uc3QgaGFzRXhwYW5kYWJsZSA9ICEhZXhwYW5kYWJsZVxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBpZiAoaGFzRXhwYW5kYWJsZSkge1xuICAgICAgICBjb25zdCB1bnJlZ2lzdGVyQ2FsbGJhY2sgPSByZWdpc3RlckV4cGFuZGFibGVSb3coaWQpXG5cbiAgICAgICAgcmV0dXJuIHVucmVnaXN0ZXJDYWxsYmFja1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gdW5kZWZpbmVkXG4gICAgfSwgW2lkLCBoYXNFeHBhbmRhYmxlLCByZWdpc3RlckV4cGFuZGFibGVSb3ddKVxuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmICghaXNTZWxlY3REaXNhYmxlZCkge1xuICAgICAgICBjb25zdCB1bnJlZ2lzdGVyQ2FsbGJhY2sgPSByZWdpc3RlclNlbGVjdGFibGVSb3coaWQpXG5cbiAgICAgICAgcmV0dXJuIHVucmVnaXN0ZXJDYWxsYmFja1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gdW5kZWZpbmVkXG4gICAgfSwgW2lkLCByZWdpc3RlclNlbGVjdGFibGVSb3csIGlzU2VsZWN0RGlzYWJsZWRdKVxuXG4gICAgY29uc3QgdG9nZ2xlUm93RXhwYW5kID0gKCkgPT4ge1xuICAgICAgaWYgKGV4cGFuZGVkUm93SWRzW2lkXSkge1xuICAgICAgICBjb2xsYXBzZVJvdyhpZClcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGV4cGFuZFJvdyhpZClcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdCBjYW5DbGlja1Jvd1RvRXhwYW5kID0gIWRpc2FibGVkICYmICEhZXhwYW5kYWJsZSAmJiAhZXhwYW5kQnV0dG9uXG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFJvd1xuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHJvbGU9e2NhbkNsaWNrUm93VG9FeHBhbmQgPyAnYnV0dG9uIHJvdycgOiAncm93J31cbiAgICAgICAgb25DbGljaz17Y2FuQ2xpY2tSb3dUb0V4cGFuZCA/IHRvZ2dsZVJvd0V4cGFuZCA6IHVuZGVmaW5lZH1cbiAgICAgICAgb25LZXlEb3duPXtcbiAgICAgICAgICBjYW5DbGlja1Jvd1RvRXhwYW5kXG4gICAgICAgICAgICA/IGV2ZW50ID0+IHtcbiAgICAgICAgICAgICAgICBpZiAoZXZlbnQua2V5ID09PSAnICcpIHtcbiAgICAgICAgICAgICAgICAgIHRvZ2dsZVJvd0V4cGFuZCgpXG4gICAgICAgICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZFxuICAgICAgICB9XG4gICAgICAgIHRhYkluZGV4PXtjYW5DbGlja1Jvd1RvRXhwYW5kID8gMCA6IC0xfVxuICAgICAgICBzZW50aW1lbnQ9e3NlbnRpbWVudH1cbiAgICAgICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGFyaWEtZXhwYW5kZWQ9e2V4cGFuZGFibGUgPyBleHBhbmRlZFJvd0lkc1tpZF0gOiB1bmRlZmluZWR9XG4gICAgICAgIGRhdGEtaGlnaGxpZ2h0PXshIXNlbGVjdGVkUm93SWRzW2lkXX1cbiAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0aWR9XG4gICAgICA+XG4gICAgICAgIHtzZWxlY3RhYmxlID8gKFxuICAgICAgICAgIDxDZWxsIHByZXZlbnRDbGljaz17Y2FuQ2xpY2tSb3dUb0V4cGFuZH0+XG4gICAgICAgICAgICA8U3R5bGVkQ2hlY2tib3hDb250YWluZXI+XG4gICAgICAgICAgICAgIDxUb29sdGlwXG4gICAgICAgICAgICAgICAgdGV4dD17XG4gICAgICAgICAgICAgICAgICB0eXBlb2Ygc2VsZWN0RGlzYWJsZWQgPT09ICdzdHJpbmcnXG4gICAgICAgICAgICAgICAgICAgID8gc2VsZWN0RGlzYWJsZWRcbiAgICAgICAgICAgICAgICAgICAgOiB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8Q2hlY2tib3hcbiAgICAgICAgICAgICAgICAgIG5hbWU9XCJsaXN0LXNlbGVjdC1jaGVja2JveFwiXG4gICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPVwic2VsZWN0XCJcbiAgICAgICAgICAgICAgICAgIGNoZWNrZWQ9e3NlbGVjdGVkUm93SWRzW2lkXX1cbiAgICAgICAgICAgICAgICAgIHZhbHVlPXtpZH1cbiAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGlmIChzZWxlY3RlZFJvd0lkc1tpZF0pIHtcbiAgICAgICAgICAgICAgICAgICAgICB1bnNlbGVjdFJvdyhpZClcbiAgICAgICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgICBzZWxlY3RSb3coaWQpXG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICBkaXNhYmxlZD17aXNTZWxlY3REaXNhYmxlZH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICA8L1N0eWxlZENoZWNrYm94Q29udGFpbmVyPlxuICAgICAgICAgIDwvQ2VsbD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHtleHBhbmRCdXR0b24gPyAoXG4gICAgICAgICAgPENlbGwgcHJldmVudENsaWNrPlxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWQgfHwgIWV4cGFuZGFibGV9XG4gICAgICAgICAgICAgIGljb249e2V4cGFuZGVkUm93SWRzW2lkXSA/ICdhcnJvdy11cCcgOiAnYXJyb3ctZG93bid9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9e3RvZ2dsZVJvd0V4cGFuZH1cbiAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQ2VsbD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAge2V4cGFuZGFibGUgJiYgZXhwYW5kZWRSb3dJZHNbaWRdID8gKFxuICAgICAgICAgIDxFeHBhbmRhYmxlV3JhcHBlclxuICAgICAgICAgICAgZGF0YS1leHBhbmRhYmxlLWNvbnRlbnRcbiAgICAgICAgICAgIG9uQ2xpY2s9e1xuICAgICAgICAgICAgICBjYW5DbGlja1Jvd1RvRXhwYW5kXG4gICAgICAgICAgICAgICAgPyBlID0+IHtcbiAgICAgICAgICAgICAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKVxuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIDogdW5kZWZpbmVkXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBvbktleURvd249e1xuICAgICAgICAgICAgICBjYW5DbGlja1Jvd1RvRXhwYW5kXG4gICAgICAgICAgICAgICAgPyBlID0+IHtcbiAgICAgICAgICAgICAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKVxuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIDogdW5kZWZpbmVkXG4gICAgICAgICAgICB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2V4cGFuZGFibGV9XG4gICAgICAgICAgPC9FeHBhbmRhYmxlV3JhcHBlcj5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L1N0eWxlZFJvdz5cbiAgICApXG4gIH0sXG4pXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const Row = React.forwardRef(({
+  children,
+  id,
+  expandable,
+  disabled,
+  selectDisabled,
+  sentiment = "neutral",
+  className,
+  "data-testid": dataTestid
+}, ref) => {
+  const {
+    selectable,
+    registerExpandableRow,
+    expandedRowIds,
+    expandRow,
+    collapseRow,
+    registerSelectableRow,
+    selectedRowIds,
+    selectRow,
+    unselectRow,
+    expandButton
+  } = ListContext.useListContext();
+  const isSelectDisabled = disabled || selectDisabled !== void 0 && selectDisabled !== false;
+  const hasExpandable = !!expandable;
+  React.useEffect(() => {
+    if (hasExpandable) {
+      const unregisterCallback = registerExpandableRow(id);
+      return unregisterCallback;
+    }
+    return void 0;
+  }, [id, hasExpandable, registerExpandableRow]);
+  React.useEffect(() => {
+    if (!isSelectDisabled) {
+      const unregisterCallback = registerSelectableRow(id);
+      return unregisterCallback;
+    }
+    return void 0;
+  }, [id, registerSelectableRow, isSelectDisabled]);
+  const toggleRowExpand = () => {
+    if (expandedRowIds[id]) {
+      collapseRow(id);
+    } else {
+      expandRow(id);
+    }
+  };
+  const canClickRowToExpand = !disabled && !!expandable && !expandButton;
+  return /* @__PURE__ */ jsxRuntime.jsxs(StyledRow, { className, ref, role: canClickRowToExpand ? "button row" : "row", onClick: canClickRowToExpand ? toggleRowExpand : void 0, onKeyDown: canClickRowToExpand ? (event) => {
+    if (event.key === " ") {
+      toggleRowExpand();
+      event.preventDefault();
+    }
+  } : void 0, tabIndex: canClickRowToExpand ? 0 : -1, sentiment, "aria-disabled": disabled, "aria-expanded": expandable ? expandedRowIds[id] : void 0, "data-highlight": !!selectedRowIds[id], "data-testid": dataTestid, children: [
+    selectable ? /* @__PURE__ */ jsxRuntime.jsx(Cell.Cell, { preventClick: canClickRowToExpand, children: /* @__PURE__ */ jsxRuntime.jsx(StyledCheckboxContainer, { children: /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { text: typeof selectDisabled === "string" ? selectDisabled : void 0, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Checkbox, { name: "list-select-checkbox", "aria-label": "select", checked: selectedRowIds[id], value: id, onChange: () => {
+      if (selectedRowIds[id]) {
+        unselectRow(id);
+      } else {
+        selectRow(id);
+      }
+    }, disabled: isSelectDisabled }) }) }) }) : null,
+    expandButton ? /* @__PURE__ */ jsxRuntime.jsx(Cell.Cell, { preventClick: true, children: /* @__PURE__ */ jsxRuntime.jsx(index$2.Button, { disabled: disabled || !expandable, icon: expandedRowIds[id] ? "arrow-up" : "arrow-down", onClick: toggleRowExpand, size: "small", sentiment: "neutral", variant: "ghost" }) }) : null,
+    children,
+    expandable && expandedRowIds[id] ? /* @__PURE__ */ jsxRuntime.jsx(ExpandableWrapper, { "data-expandable-content": true, onClick: canClickRowToExpand ? (e) => {
+      e.stopPropagation();
+    } : void 0, onKeyDown: canClickRowToExpand ? (e) => {
+      e.stopPropagation();
+    } : void 0, children: expandable }) : null
+  ] });
+});
+exports.Row = Row;
+exports.StyledRow = StyledRow;

package/dist/components/List/SelectBar.cjs

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const React = require("react");
+const index = require("../ActionBar/index.cjs");
+const ListContext = require("./ListContext.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  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 StyledActionBar = /* @__PURE__ */ _styled__default.default(index.ActionBar, process.env.NODE_ENV === "production" ? {
+  target: "eo69e461"
+} : {
+  target: "eo69e461",
+  label: "StyledActionBar"
+})("display:flex;align-items:center;padding:0 ", ({
+  theme
+}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvU2VsZWN0QmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNeUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTGlzdC9TZWxlY3RCYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQWN0aW9uQmFyIH0gZnJvbSAnLi4vQWN0aW9uQmFyJ1xuaW1wb3J0IHsgdXNlTGlzdENvbnRleHQgfSBmcm9tICcuL0xpc3RDb250ZXh0J1xuXG5jb25zdCBTdHlsZWRBY3Rpb25CYXIgPSBzdHlsZWQoQWN0aW9uQmFyKWBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG5jb25zdCBGbGV4RGl2ID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbmBcblxudHlwZSBTZWxlY3RCYXJQcm9wczxUPiA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuOiAocDogeyBzZWxlY3RlZEl0ZW1zOiBUW107IHVuc2VsZWN0QWxsOiAoKSA9PiB2b2lkIH0pID0+IFJlYWN0Tm9kZVxuICBkYXRhOiBUW11cbiAgLyoqXG4gICAqIFRoZSBpZEtleSBvZiBlYWNoIGRhdGEgZW50cnlcbiAgICogKi9cbiAgaWRLZXk6IGtleW9mIFRcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIFNlbGVjdEJhcjxUPih7XG4gIGNoaWxkcmVuLFxuICBkYXRhLFxuICBpZEtleSxcbiAgY2xhc3NOYW1lLFxufTogU2VsZWN0QmFyUHJvcHM8VD4pIHtcbiAgY29uc3QgeyBzZWxlY3RlZFJvd0lkcywgdW5zZWxlY3RBbGwgfSA9IHVzZUxpc3RDb250ZXh0KClcblxuICBjb25zdCBzZWxlY3RlZEl0ZW1zID0gdXNlTWVtbyhcbiAgICAoKSA9PiBkYXRhLmZpbHRlcihpdGVtID0+IHNlbGVjdGVkUm93SWRzW2l0ZW1baWRLZXldIGFzIHN0cmluZ10pLFxuICAgIFtkYXRhLCBpZEtleSwgc2VsZWN0ZWRSb3dJZHNdLFxuICApXG5cbiAgaWYgKHNlbGVjdGVkSXRlbXMubGVuZ3RoID09PSAwKSB7XG4gICAgcmV0dXJuIG51bGxcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEFjdGlvbkJhciBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICA8RmxleERpdj5cbiAgICAgICAge2NoaWxkcmVuKHtcbiAgICAgICAgICBzZWxlY3RlZEl0ZW1zLFxuICAgICAgICAgIHVuc2VsZWN0QWxsLFxuICAgICAgICB9KX1cbiAgICAgIDwvRmxleERpdj5cbiAgICA8L1N0eWxlZEFjdGlvbkJhcj5cbiAgKVxufVxuIl19 */"));
+const FlexDiv = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "eo69e460"
+} : {
+  target: "eo69e460",
+  label: "FlexDiv"
+})(process.env.NODE_ENV === "production" ? {
+  name: "82a6rk",
+  styles: "flex:1"
+} : {
+  name: "82a6rk",
+  styles: "flex:1",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvU2VsZWN0QmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTGlzdC9TZWxlY3RCYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQWN0aW9uQmFyIH0gZnJvbSAnLi4vQWN0aW9uQmFyJ1xuaW1wb3J0IHsgdXNlTGlzdENvbnRleHQgfSBmcm9tICcuL0xpc3RDb250ZXh0J1xuXG5jb25zdCBTdHlsZWRBY3Rpb25CYXIgPSBzdHlsZWQoQWN0aW9uQmFyKWBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG5jb25zdCBGbGV4RGl2ID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbmBcblxudHlwZSBTZWxlY3RCYXJQcm9wczxUPiA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuOiAocDogeyBzZWxlY3RlZEl0ZW1zOiBUW107IHVuc2VsZWN0QWxsOiAoKSA9PiB2b2lkIH0pID0+IFJlYWN0Tm9kZVxuICBkYXRhOiBUW11cbiAgLyoqXG4gICAqIFRoZSBpZEtleSBvZiBlYWNoIGRhdGEgZW50cnlcbiAgICogKi9cbiAgaWRLZXk6IGtleW9mIFRcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIFNlbGVjdEJhcjxUPih7XG4gIGNoaWxkcmVuLFxuICBkYXRhLFxuICBpZEtleSxcbiAgY2xhc3NOYW1lLFxufTogU2VsZWN0QmFyUHJvcHM8VD4pIHtcbiAgY29uc3QgeyBzZWxlY3RlZFJvd0lkcywgdW5zZWxlY3RBbGwgfSA9IHVzZUxpc3RDb250ZXh0KClcblxuICBjb25zdCBzZWxlY3RlZEl0ZW1zID0gdXNlTWVtbyhcbiAgICAoKSA9PiBkYXRhLmZpbHRlcihpdGVtID0+IHNlbGVjdGVkUm93SWRzW2l0ZW1baWRLZXldIGFzIHN0cmluZ10pLFxuICAgIFtkYXRhLCBpZEtleSwgc2VsZWN0ZWRSb3dJZHNdLFxuICApXG5cbiAgaWYgKHNlbGVjdGVkSXRlbXMubGVuZ3RoID09PSAwKSB7XG4gICAgcmV0dXJuIG51bGxcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEFjdGlvbkJhciBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICA8RmxleERpdj5cbiAgICAgICAge2NoaWxkcmVuKHtcbiAgICAgICAgICBzZWxlY3RlZEl0ZW1zLFxuICAgICAgICAgIHVuc2VsZWN0QWxsLFxuICAgICAgICB9KX1cbiAgICAgIDwvRmxleERpdj5cbiAgICA8L1N0eWxlZEFjdGlvbkJhcj5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+function SelectBar({
+  children,
+  data,
+  idKey,
+  className
+}) {
+  const {
+    selectedRowIds,
+    unselectAll
+  } = ListContext.useListContext();
+  const selectedItems = React.useMemo(() => data.filter((item) => selectedRowIds[item[idKey]]), [data, idKey, selectedRowIds]);
+  if (selectedItems.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledActionBar, { className, children: /* @__PURE__ */ jsxRuntime.jsx(FlexDiv, { children: children({
+    selectedItems,
+    unselectAll
+  }) }) });
+}
+exports.SelectBar = SelectBar;

package/dist/components/List/SkeletonRows.cjs

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const index = require("../Skeleton/index.cjs");
+const Cell = require("./Cell.cjs");
+const Row = require("./Row.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  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 StyledLoadingRow = /* @__PURE__ */ _styled__default.default(Row.StyledRow, process.env.NODE_ENV === "production" ? {
+  target: "efawmbb1"
+} : {
+  target: "efawmbb1",
+  label: "StyledLoadingRow"
+})(process.env.NODE_ENV === "production" ? {
+  name: "g8zzui",
+  styles: "cursor:progress"
+} : {
+  name: "g8zzui",
+  styles: "cursor:progress",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvU2tlbGV0b25Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLMEMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTGlzdC9Ta2VsZXRvblJvd3MudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTa2VsZXRvbiB9IGZyb20gJy4uL1NrZWxldG9uJ1xuaW1wb3J0IHsgQ2VsbCB9IGZyb20gJy4vQ2VsbCdcbmltcG9ydCB7IFN0eWxlZFJvdyB9IGZyb20gJy4vUm93J1xuXG5jb25zdCBTdHlsZWRMb2FkaW5nUm93ID0gc3R5bGVkKFN0eWxlZFJvdylgXG4gIGN1cnNvcjogcHJvZ3Jlc3M7XG5gXG5cbmNvbnN0IFN0eWxlZFNrZWxldG9uID0gc3R5bGVkKFNrZWxldG9uKWBcbiAgd2lkdGg6IDgwJTtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuYFxuXG50eXBlIExpc3RMb2FkaW5nU2tlbGV0b25Qcm9wcyA9IHtcbiAgc2VsZWN0YWJsZTogYm9vbGVhblxuICByb3dzOiBudW1iZXJcbiAgY29sczogbnVtYmVyXG59XG5cbmV4cG9ydCBjb25zdCBTa2VsZXRvblJvd3MgPSAoe1xuICBzZWxlY3RhYmxlLFxuICByb3dzLFxuICBjb2xzLFxufTogTGlzdExvYWRpbmdTa2VsZXRvblByb3BzKSA9PiB7XG4gIGNvbnN0IHJvd0FycmF5ID0gQXJyYXkuZnJvbSh7IGxlbmd0aDogcm93cyB9LCAoXywgaW5kZXgpID0+IGluZGV4KVxuICBjb25zdCBjb2xBcnJheSA9IEFycmF5LmZyb20oeyBsZW5ndGg6IGNvbHMgfSwgKF8sIGluZGV4KSA9PiBpbmRleClcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7cm93QXJyYXkubWFwKGluZGV4ID0+IChcbiAgICAgICAgPFN0eWxlZExvYWRpbmdSb3dcbiAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICByb2xlPVwicm93XCJcbiAgICAgICAgICBpZD17YHNrZWxldG9uLSR7aW5kZXh9YH1cbiAgICAgICAgICBrZXk9e2luZGV4fVxuICAgICAgICA+XG4gICAgICAgICAge3NlbGVjdGFibGUgPyA8ZGl2IC8+IDogbnVsbH1cbiAgICAgICAgICB7Y29sQXJyYXkubWFwKGNvbHVtbkluZGV4ID0+IChcbiAgICAgICAgICAgIDxDZWxsIGtleT17Y29sdW1uSW5kZXh9PlxuICAgICAgICAgICAgICA8U3R5bGVkU2tlbGV0b24gdmFyaWFudD1cImxpbmVcIiAvPlxuICAgICAgICAgICAgPC9DZWxsPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L1N0eWxlZExvYWRpbmdSb3c+XG4gICAgICApKX1cbiAgICA8Lz5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledSkeleton = /* @__PURE__ */ _styled__default.default(index.Skeleton, process.env.NODE_ENV === "production" ? {
+  target: "efawmbb0"
+} : {
+  target: "efawmbb0",
+  label: "StyledSkeleton"
+})(process.env.NODE_ENV === "production" ? {
+  name: "bet25o",
+  styles: "width:80%;max-width:100%"
+} : {
+  name: "bet25o",
+  styles: "width:80%;max-width:100%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvU2tlbGV0b25Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTdUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTGlzdC9Ta2VsZXRvblJvd3MudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTa2VsZXRvbiB9IGZyb20gJy4uL1NrZWxldG9uJ1xuaW1wb3J0IHsgQ2VsbCB9IGZyb20gJy4vQ2VsbCdcbmltcG9ydCB7IFN0eWxlZFJvdyB9IGZyb20gJy4vUm93J1xuXG5jb25zdCBTdHlsZWRMb2FkaW5nUm93ID0gc3R5bGVkKFN0eWxlZFJvdylgXG4gIGN1cnNvcjogcHJvZ3Jlc3M7XG5gXG5cbmNvbnN0IFN0eWxlZFNrZWxldG9uID0gc3R5bGVkKFNrZWxldG9uKWBcbiAgd2lkdGg6IDgwJTtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuYFxuXG50eXBlIExpc3RMb2FkaW5nU2tlbGV0b25Qcm9wcyA9IHtcbiAgc2VsZWN0YWJsZTogYm9vbGVhblxuICByb3dzOiBudW1iZXJcbiAgY29sczogbnVtYmVyXG59XG5cbmV4cG9ydCBjb25zdCBTa2VsZXRvblJvd3MgPSAoe1xuICBzZWxlY3RhYmxlLFxuICByb3dzLFxuICBjb2xzLFxufTogTGlzdExvYWRpbmdTa2VsZXRvblByb3BzKSA9PiB7XG4gIGNvbnN0IHJvd0FycmF5ID0gQXJyYXkuZnJvbSh7IGxlbmd0aDogcm93cyB9LCAoXywgaW5kZXgpID0+IGluZGV4KVxuICBjb25zdCBjb2xBcnJheSA9IEFycmF5LmZyb20oeyBsZW5ndGg6IGNvbHMgfSwgKF8sIGluZGV4KSA9PiBpbmRleClcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7cm93QXJyYXkubWFwKGluZGV4ID0+IChcbiAgICAgICAgPFN0eWxlZExvYWRpbmdSb3dcbiAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICByb2xlPVwicm93XCJcbiAgICAgICAgICBpZD17YHNrZWxldG9uLSR7aW5kZXh9YH1cbiAgICAgICAgICBrZXk9e2luZGV4fVxuICAgICAgICA+XG4gICAgICAgICAge3NlbGVjdGFibGUgPyA8ZGl2IC8+IDogbnVsbH1cbiAgICAgICAgICB7Y29sQXJyYXkubWFwKGNvbHVtbkluZGV4ID0+IChcbiAgICAgICAgICAgIDxDZWxsIGtleT17Y29sdW1uSW5kZXh9PlxuICAgICAgICAgICAgICA8U3R5bGVkU2tlbGV0b24gdmFyaWFudD1cImxpbmVcIiAvPlxuICAgICAgICAgICAgPC9DZWxsPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L1N0eWxlZExvYWRpbmdSb3c+XG4gICAgICApKX1cbiAgICA8Lz5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const SkeletonRows = ({
+  selectable,
+  rows,
+  cols
+}) => {
+  const rowArray = Array.from({
+    length: rows
+  }, (_, index2) => index2);
+  const colArray = Array.from({
+    length: cols
+  }, (_, index2) => index2);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: rowArray.map((index2) => /* @__PURE__ */ jsxRuntime.jsxs(StyledLoadingRow, { sentiment: "neutral", role: "row", id: `skeleton-${index2}`, children: [
+    selectable ? /* @__PURE__ */ jsxRuntime.jsx("div", {}) : null,
+    colArray.map((columnIndex) => /* @__PURE__ */ jsxRuntime.jsx(Cell.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(StyledSkeleton, { variant: "line" }) }, columnIndex))
+  ] }, index2)) });
+};
+exports.SkeletonRows = SkeletonRows;

package/dist/components/List/constants.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const SELECTABLE_CHECKBOX_SIZE = 24;
+const EXPANDABLE_COLUMN_SIZE = 24;
+exports.EXPANDABLE_COLUMN_SIZE = EXPANDABLE_COLUMN_SIZE;
+exports.SELECTABLE_CHECKBOX_SIZE = SELECTABLE_CHECKBOX_SIZE;

package/dist/components/List/index.cjs

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const React = require("react");
+const Body = require("./Body.cjs");
+const Cell = require("./Cell.cjs");
+const HeaderCell = require("./HeaderCell.cjs");
+const HeaderRow = require("./HeaderRow.cjs");
+const ListContext = require("./ListContext.cjs");
+const Row = require("./Row.cjs");
+const SelectBar = require("./SelectBar.cjs");
+const SkeletonRows = require("./SkeletonRows.cjs");
+const constants = require("./constants.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+const StyledList = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["template"].includes(prop),
+  target: "ef5qi0"
+} : {
+  shouldForwardProp: (prop) => !["template"].includes(prop),
+  target: "ef5qi0",
+  label: "StyledList"
+})("display:flex;flex-flow:column nowrap;width:100%;gap:", ({
+  theme
+}) => theme.space["1"], ";[role='row'],[role='button row']{display:grid;width:100%;grid-template-columns:", ({
+  template
+}) => template, ";align-items:center;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCd0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTGlzdC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHtcbiAgQ29tcG9uZW50UHJvcHMsXG4gIERpc3BhdGNoLFxuICBGb3J3YXJkZWRSZWYsXG4gIFJlYWN0Tm9kZSxcbiAgU2V0U3RhdGVBY3Rpb24sXG59IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQm9keSB9IGZyb20gJy4vQm9keSdcbmltcG9ydCB7IENlbGwgfSBmcm9tICcuL0NlbGwnXG5pbXBvcnQgeyBIZWFkZXJDZWxsIH0gZnJvbSAnLi9IZWFkZXJDZWxsJ1xuaW1wb3J0IHsgSGVhZGVyUm93IH0gZnJvbSAnLi9IZWFkZXJSb3cnXG5pbXBvcnQgeyBMaXN0UHJvdmlkZXIsIHVzZUxpc3RDb250ZXh0IH0gZnJvbSAnLi9MaXN0Q29udGV4dCdcbmltcG9ydCB7IFJvdyB9IGZyb20gJy4vUm93J1xuaW1wb3J0IHsgU2VsZWN0QmFyIH0gZnJvbSAnLi9TZWxlY3RCYXInXG5pbXBvcnQgeyBTa2VsZXRvblJvd3MgfSBmcm9tICcuL1NrZWxldG9uUm93cydcbmltcG9ydCB7IEVYUEFOREFCTEVfQ09MVU1OX1NJWkUsIFNFTEVDVEFCTEVfQ0hFQ0tCT1hfU0laRSB9IGZyb20gJy4vY29uc3RhbnRzJ1xuXG5jb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3RlbXBsYXRlJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IHRlbXBsYXRlOiBzdHJpbmcgfT5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZmxvdzogY29sdW1uIG5vd3JhcDtcbiAgd2lkdGg6IDEwMCU7XG4gIGdhcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcblxuICBbcm9sZT0ncm93J10sXG4gIFtyb2xlPSdidXR0b24gcm93J10ge1xuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAkeyh7IHRlbXBsYXRlIH0pID0+IHRlbXBsYXRlfTtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5gXG5cbnR5cGUgQ29sdW1uUHJvcHMgPSBQaWNrPFxuICBDb21wb25lbnRQcm9wczx0eXBlb2YgSGVhZGVyQ2VsbD4sXG4gICdpc09yZGVyZWQnIHwgJ29uT3JkZXInIHwgJ29yZGVyRGlyZWN0aW9uJ1xuPiAmIHtcbiAgbGFiZWw/OiBzdHJpbmdcbiAgd2lkdGg/OiBzdHJpbmdcbiAgaW5mbz86IHN0cmluZ1xufVxuXG50eXBlIExpc3RQcm9wcyA9IHtcbiAgZXhwYW5kYWJsZT86IGJvb2xlYW5cbiAgc2VsZWN0YWJsZT86IGJvb2xlYW5cbiAgY29sdW1uczogQ29sdW1uUHJvcHNbXVxuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBTZXQgaXQgdG8gdHJ1ZSBpZiB5b3Ugd2FudCB0byBkaXNwbGF5IGEgcGxhY2Vob2xkZXIgZHVyaW5nIGxvYWRpbmdcbiAgICogKi9cbiAgbG9hZGluZz86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEF1dG8gY29sbGFwc2UgaXMgY29sbGFwc2luZyBleHBhbmRhYmxlIHJvdyB3aGVuIGFub3RoZXIgaXMgZXhwYW5kaW5nXG4gICAqICovXG4gIGF1dG9Db2xsYXBzZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEFjdGlvbiB3aGVuIHNlbGVjdGlvbiBjaGFuZ2VzIChnZXQgdGhlIGxpc3Qgb2Ygc2VsZWN0ZWQgcm93cylcbiAgICovXG4gIG9uU2VsZWN0ZWRDaGFuZ2U/OiBEaXNwYXRjaDxTZXRTdGF0ZUFjdGlvbjxzdHJpbmdbXT4+XG59XG5cbmNvbnN0IEJhc2VMaXN0ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGV4cGFuZGFibGUgPSBmYWxzZSxcbiAgICAgIHNlbGVjdGFibGUgPSBmYWxzZSxcbiAgICAgIGNvbHVtbnMsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIGxvYWRpbmcsXG4gICAgICBhdXRvQ29sbGFwc2UgPSBmYWxzZSxcbiAgICAgIG9uU2VsZWN0ZWRDaGFuZ2UsXG4gICAgfTogTGlzdFByb3BzLFxuICAgIHJlZjogRm9yd2FyZGVkUmVmPEhUTUxEaXZFbGVtZW50PixcbiAgKSA9PiB7XG4gICAgY29uc3QgY29tcHV0ZVRlbXBsYXRlID0gYCR7XG4gICAgICBzZWxlY3RhYmxlID8gYCR7U0VMRUNUQUJMRV9DSEVDS0JPWF9TSVpFfXB4IGAgOiAnJ1xuICAgIH0ke1xuICAgICAgZXhwYW5kYWJsZSA/IGAke0VYUEFOREFCTEVfQ09MVU1OX1NJWkV9cHggYCA6ICcnXG4gICAgfSR7Y29sdW1ucy5tYXAoKHsgd2lkdGggfSkgPT4gd2lkdGggPz8gJ21pbm1heCgwLCAxZnIpJykuam9pbignICcpfWBcblxuICAgIHJldHVybiAoXG4gICAgICA8TGlzdFByb3ZpZGVyXG4gICAgICAgIHNlbGVjdGFibGU9e3NlbGVjdGFibGV9XG4gICAgICAgIGV4cGFuZEJ1dHRvbj17ZXhwYW5kYWJsZX1cbiAgICAgICAgYXV0b0NvbGxhcHNlPXthdXRvQ29sbGFwc2V9XG4gICAgICAgIG9uU2VsZWN0ZWRDaGFuZ2U9e29uU2VsZWN0ZWRDaGFuZ2V9XG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRMaXN0IHJlZj17cmVmfSByb2xlPVwiZ3JpZFwiIHRlbXBsYXRlPXtjb21wdXRlVGVtcGxhdGV9PlxuICAgICAgICAgIDxIZWFkZXJSb3cgaGFzU2VsZWN0QWxsQ29sdW1uPXtzZWxlY3RhYmxlfT5cbiAgICAgICAgICAgIHtjb2x1bW5zLm1hcCgoY29sdW1uLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICA8SGVhZGVyQ2VsbFxuICAgICAgICAgICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9uby1hcnJheS1pbmRleC1rZXlcbiAgICAgICAgICAgICAgICBrZXk9e2BoZWFkZXItY29sdW1uLSR7aW5kZXh9YH1cbiAgICAgICAgICAgICAgICBpc09yZGVyZWQ9e2NvbHVtbi5pc09yZGVyZWR9XG4gICAgICAgICAgICAgICAgb3JkZXJEaXJlY3Rpb249e2NvbHVtbi5vcmRlckRpcmVjdGlvbn1cbiAgICAgICAgICAgICAgICBvbk9yZGVyPXtjb2x1bW4ub25PcmRlcn1cbiAgICAgICAgICAgICAgICBpbmZvPXtjb2x1bW4uaW5mb31cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtjb2x1bW4ubGFiZWx9XG4gICAgICAgICAgICAgIDwvSGVhZGVyQ2VsbD5cbiAgICAgICAgICAgICkpfVxuICAgICAgICAgIDwvSGVhZGVyUm93PlxuICAgICAgICAgIDxCb2R5PlxuICAgICAgICAgICAge2xvYWRpbmcgPyAoXG4gICAgICAgICAgICAgIDxTa2VsZXRvblJvd3NcbiAgICAgICAgICAgICAgICBzZWxlY3RhYmxlPXtzZWxlY3RhYmxlfVxuICAgICAgICAgICAgICAgIHJvd3M9ezV9XG4gICAgICAgICAgICAgICAgY29scz17Y29sdW1ucy5sZW5ndGh9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICBjaGlsZHJlblxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0JvZHk+XG4gICAgICAgIDwvU3R5bGVkTGlzdD5cbiAgICAgIDwvTGlzdFByb3ZpZGVyPlxuICAgIClcbiAgfSxcbilcblxuLyoqXG4gKiBMaXN0IGlzIGEgY29tcG9uZW50IHRoYXQgZGlzcGxheXMgYSBsaXN0IG9mIGl0ZW1zIGJhc2VkIG9uIHRoZSBjb2x1bW5zIHlvdSBwcm92aWRlIGFuZCB0aGUgZGF0YSB5b3UgcGFzcy5cbiAqL1xuZXhwb3J0IGNvbnN0IExpc3QgPSBPYmplY3QuYXNzaWduKEJhc2VMaXN0LCB7XG4gIFJvdyxcbiAgQ2VsbCxcbiAgU2VsZWN0QmFyLFxuICB1c2VMaXN0Q29udGV4dCxcbn0pXG4iXX0= */"));
+const BaseList = React.forwardRef(({
+  expandable = false,
+  selectable = false,
+  columns,
+  children,
+  loading,
+  autoCollapse = false,
+  onSelectedChange
+}, ref) => {
+  const computeTemplate = `${selectable ? `${constants.SELECTABLE_CHECKBOX_SIZE}px ` : ""}${expandable ? `${constants.EXPANDABLE_COLUMN_SIZE}px ` : ""}${columns.map(({
+    width
+  }) => width ?? "minmax(0, 1fr)").join(" ")}`;
+  return /* @__PURE__ */ jsxRuntime.jsx(ListContext.ListProvider, { selectable, expandButton: expandable, autoCollapse, onSelectedChange, children: /* @__PURE__ */ jsxRuntime.jsxs(StyledList, { ref, role: "grid", template: computeTemplate, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(HeaderRow.HeaderRow, { hasSelectAllColumn: selectable, children: columns.map((column, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      HeaderCell.HeaderCell,
+      {
+        isOrdered: column.isOrdered,
+        orderDirection: column.orderDirection,
+        onOrder: column.onOrder,
+        info: column.info,
+        children: column.label
+      },
+      `header-column-${index}`
+    )) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Body.Body, { children: loading ? /* @__PURE__ */ jsxRuntime.jsx(SkeletonRows.SkeletonRows, { selectable, rows: 5, cols: columns.length }) : children })
+  ] }) });
+});
+const List = Object.assign(BaseList, {
+  Row: Row.Row,
+  Cell: Cell.Cell,
+  SelectBar: SelectBar.SelectBar,
+  useListContext: ListContext.useListContext
+});
+exports.List = List;