@wrdagency/blockout 1.0.5 → 1.0.6

package/dist/components/data-view/parts/filters/index.js

@@ -1,6 +1,6 @@
 import { Chip as i } from "./chip.js";
 import { List as t } from "./list.js";
-import '../../../../assets/index14.css';const s = Object.assign(t, {
+import '../../../../assets/index15.css';const s = Object.assign(t, {
   List: t,
   Chip: i
 });

package/dist/components/data-view/parts/filters/list.js

@@ -1,102 +1,68 @@
-import { jsxs as h, jsx as p } from "react/jsx-runtime";
-import { cn as u } from "../../../../utils/css.js";
-import { noop as V } from "../../../../utils/noop.js";
-import * as t from "react";
-import { useState as E } from "react";
-import { w as f } from "../../../../SSRBase.es-BUXS72ra.js";
-import { Menu as A } from "../../../menu/index.js";
-import { Chip as M } from "./chip.js";
-const Z = /* @__PURE__ */ new Map([
-  [
-    "bold",
-    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M228,128a12,12,0,0,1-12,12H140v76a12,12,0,0,1-24,0V140H40a12,12,0,0,1,0-24h76V40a12,12,0,0,1,24,0v76h76A12,12,0,0,1,228,128Z" }))
-  ],
-  [
-    "duotone",
-    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
-      "path",
-      {
-        d: "M216,56V200a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V56A16,16,0,0,1,56,40H200A16,16,0,0,1,216,56Z",
-        opacity: "0.2"
-      }
-    ), /* @__PURE__ */ t.createElement("path", { d: "M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z" }))
-  ],
-  [
-    "fill",
-    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM184,136H136v48a8,8,0,0,1-16,0V136H72a8,8,0,0,1,0-16h48V72a8,8,0,0,1,16,0v48h48a8,8,0,0,1,0,16Z" }))
-  ],
-  [
-    "light",
-    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M222,128a6,6,0,0,1-6,6H134v82a6,6,0,0,1-12,0V134H40a6,6,0,0,1,0-12h82V40a6,6,0,0,1,12,0v82h82A6,6,0,0,1,222,128Z" }))
-  ],
-  [
-    "regular",
-    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z" }))
-  ],
-  [
-    "thin",
-    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M220,128a4,4,0,0,1-4,4H132v84a4,4,0,0,1-8,0V132H40a4,4,0,0,1,0-8h84V40a4,4,0,0,1,8,0v84h84A4,4,0,0,1,220,128Z" }))
-  ]
-]), i = t.forwardRef((m, n) => /* @__PURE__ */ t.createElement(f, { ref: n, ...m, weights: Z }));
-i.displayName = "PlusIcon";
-const k = ({
-  className: m,
+import { jsxs as p, jsx as s } from "react/jsx-runtime";
+import { cn as f } from "../../../../utils/css.js";
+import { noop as u } from "../../../../utils/noop.js";
+import { e as v } from "../../../../Plus.es-DJ5SuqNv.js";
+import { useState as y } from "react";
+import { Menu as b } from "../../../menu/index.js";
+import { Chip as O } from "./chip.js";
+const q = ({
+  className: a,
   filters: n = [],
-  onChangeValue: r = V,
-  fields: c = []
+  onChangeValue: l = u,
+  fields: m = []
 }) => {
-  const [s, o] = E(-1), d = (e) => {
-    r(n.filter((a) => a.field !== e));
-  }, v = (e, a) => {
-    r([
+  const [r, i] = y(-1), c = (e) => {
+    l(n.filter((t) => t.field !== e));
+  }, d = (e, t) => {
+    l([
       ...n.slice(0, e),
-      a,
+      t,
       ...n.slice(e + 1)
     ]);
-  }, g = (e) => {
-    o(n.length);
-    const a = e.elements.length ? e.elements[0].value : "";
-    r([
+  }, h = (e) => {
+    i(n.length);
+    const t = e.elements.length ? e.elements[0].value : "";
+    l([
       ...n,
       {
-        value: a,
+        value: t,
         field: e.id,
         type: e.filtering.types[0].id
       }
     ]);
-  }, H = (e, a) => {
-    o(a ? e : -1);
+  }, g = (e, t) => {
+    i(t ? e : -1);
   };
-  return /* @__PURE__ */ h("div", { className: u("component-filter-list", m), children: [
-    n.map((e, a) => /* @__PURE__ */ p(
-      M,
+  return /* @__PURE__ */ p("div", { className: f("component-filter-list", a), children: [
+    n.map((e, t) => /* @__PURE__ */ s(
+      O,
       {
-        open: s === a,
-        setOpen: (l) => H(a, l),
-        field: c.find((l) => e.field === l.id),
+        open: r === t,
+        setOpen: (o) => g(t, o),
+        field: m.find((o) => e.field === o.id),
         value: e,
-        onChangeValue: (l) => v(a, l),
-        onDelete: () => d(e.field)
+        onChangeValue: (o) => d(t, o),
+        onDelete: () => c(e.field)
       },
-      a
+      t
     )),
-    /* @__PURE__ */ h(
-      A,
+    /* @__PURE__ */ p(
+      b,
       {
         variant: "quiet",
         size: "small",
-        items: c.filter(
+        items: m.filter(
           (e) => e.filtering.filterable && e.filtering.types.length > 0
         ).map((e) => ({
           label: e.display.label,
           type: "action",
           onClick: () => {
-            g(e);
+            h(e);
           },
-          checked: n.some((a) => a.field === e.id)
+          checked: n.some((t) => t.field === e.id)
         })),
         children: [
-          /* @__PURE__ */ p(i, {}),
+          /* @__PURE__ */ s(v, {}),
           n.length === 0 && "Add Filter"
         ]
       }
@@ -104,5 +70,5 @@ const k = ({
   ] });
 };
 export {
-  k as List
+  q as List
 };

package/dist/components/data-view/parts/footer/actions.js

@@ -5,8 +5,8 @@ import * as c from "react";
 import { useMemo as b } from "react";
 import { p as F } from "../../../../IconBase.es-rM5tt24D.js";
 import { a as A } from "../../../../DotsThreeVertical.es-uadrGk3y.js";
-import '../../../../assets/style24.css';import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style17.css';import '../../../../assets/style16.css';import '../../../../assets/styles5.css';import '../../../../assets/style18.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style12.css';import '../../../../assets/style11.css';import '../../../../assets/style9.css';import '../../../../assets/styles.css';import '../../../../assets/style7.css';import '../../../../assets/style6.css';import '../../../../assets/style5.css';import '../../../../assets/style4.css';import '../../../../assets/style3.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';import '../../../../assets/style10.css';import '../../../../assets/style8.css';import '../../../../assets/styles2.css';/* empty css                          */
-import "../../../../style-C7eFpUVU.js";
+import '../../../../assets/style26.css';import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style19.css';import '../../../../assets/style18.css';import '../../../../assets/style17.css';import '../../../../assets/styles5.css';import '../../../../assets/style16.css';import '../../../../assets/style20.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style12.css';import '../../../../assets/style11.css';import '../../../../assets/style9.css';import '../../../../assets/styles.css';import '../../../../assets/style7.css';import '../../../../assets/style6.css';import '../../../../assets/style5.css';import '../../../../assets/style4.css';import '../../../../assets/style3.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';import '../../../../assets/style10.css';import '../../../../assets/style8.css';import '../../../../assets/styles2.css';/* empty css                          */
+import "../../../../style-CWAa57kN.js";
 /* empty css                         */
 /* empty css                         */
 /* empty css                         */
@@ -23,7 +23,7 @@ import "../../../../primitives/symbol/index.js";
 /* empty css                         */
 import "../../../controls/date-control/component.js";
 /* empty css                         */
-import "../../../../sortable.esm-De3H-_AA.js";
+import "../../../../sortable.esm-BuV7eW2H.js";
 /* empty css                         */
 /* empty css                               */
 import "../../../toolbar/index.js";
@@ -32,14 +32,16 @@ import "../../../toolbar/index.js";
 /* empty css                         */
 import "../../../../types/date.js";
 /* empty css                         */
-import "../../../../style-tA0yiKCL.js";
+import "../../../../match-sorter.esm-MNVE8H_6.js";
+/* empty css                         */
 import "../../../../options-Cfoqhxw2.js";
 /* empty css                          */
 /* empty css                         */
 /* empty css                         */
+/* empty css                         */
 /* empty css                          */
 /* empty css                          */
-import { R as w } from "../../../../index-Bj4Ga50P.js";
+import { R as w } from "../../../../index-DpV0obFX.js";
 import "../../slots/group/context.js";
 import "../../slots/item/context.js";
 import "../../slots/property/context.js";
@@ -47,7 +49,7 @@ import "../../slots/property/context.js";
 import "../../../tag/index.js";
 const h = c.forwardRef((m, e) => /* @__PURE__ */ c.createElement(F, { ref: e, ...m, weights: A }));
 h.displayName = "DotsThreeVerticalIcon";
-const hr = ({}) => {
+const yr = ({}) => {
   const { items: m, primaryKey: e, selection: i, actions: o } = w.use(), s = i && i.count() > 1, l = i && i.count() === 1, g = b(
     () => o.filter((r) => r.variant === "primary").filter(
       (r) => s && !!r.bulkFn || l && !!r.singleFn
@@ -101,5 +103,5 @@ const hr = ({}) => {
     ] });
 };
 export {
-  hr as Actions
+  yr as Actions
 };

package/dist/components/data-view/parts/footer/index.js

@@ -1,8 +1,8 @@
 import { jsxs as e, jsx as t } from "react/jsx-runtime";
 import { Pagination as a } from "../../../pagination/index.js";
 import "react";
-import '../../../../assets/style24.css';import '../../../../assets/style19.css';import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style17.css';import '../../../../assets/style16.css';import '../../../../assets/styles5.css';import '../../../../assets/style18.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style12.css';import '../../../../assets/style11.css';import '../../../../assets/style9.css';import '../../../../assets/styles.css';import '../../../../assets/style7.css';import '../../../../assets/style6.css';import '../../../../assets/style5.css';import '../../../../assets/style4.css';import '../../../../assets/style3.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';import '../../../../assets/style10.css';import '../../../../assets/style8.css';import '../../../../assets/styles2.css';import '../../../../assets/index15.css';/* empty css                          */
-import "../../../../style-C7eFpUVU.js";
+import '../../../../assets/style26.css';import '../../../../assets/style21.css';import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style19.css';import '../../../../assets/style18.css';import '../../../../assets/style17.css';import '../../../../assets/styles5.css';import '../../../../assets/style16.css';import '../../../../assets/style20.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style12.css';import '../../../../assets/style11.css';import '../../../../assets/style9.css';import '../../../../assets/styles.css';import '../../../../assets/style7.css';import '../../../../assets/style6.css';import '../../../../assets/style5.css';import '../../../../assets/style4.css';import '../../../../assets/style3.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';import '../../../../assets/style10.css';import '../../../../assets/style8.css';import '../../../../assets/styles2.css';import '../../../../assets/index16.css';/* empty css                          */
+import "../../../../style-CWAa57kN.js";
 /* empty css                         */
 /* empty css                         */
 /* empty css                         */
@@ -20,7 +20,7 @@ import "../../../../primitives/symbol/index.js";
 import "../../../button/index.js";
 import "../../../controls/date-control/component.js";
 /* empty css                         */
-import "../../../../sortable.esm-De3H-_AA.js";
+import "../../../../sortable.esm-BuV7eW2H.js";
 /* empty css                         */
 /* empty css                               */
 import "../../../toolbar/index.js";
@@ -29,14 +29,16 @@ import "../../../toolbar/index.js";
 /* empty css                         */
 import "../../../../types/date.js";
 /* empty css                         */
-import "../../../../style-tA0yiKCL.js";
+import "../../../../match-sorter.esm-MNVE8H_6.js";
+/* empty css                         */
 import "../../../../options-Cfoqhxw2.js";
 /* empty css                          */
 /* empty css                         */
 /* empty css                         */
+/* empty css                         */
 /* empty css                          */
 /* empty css                          */
-import { R as n } from "../../../../index-Bj4Ga50P.js";
+import { R as n } from "../../../../index-DpV0obFX.js";
 import "../../slots/group/context.js";
 /* empty css                         */
 import "../../slots/item/context.js";
@@ -45,7 +47,7 @@ import "../../slots/property/context.js";
 import "../../../tag/index.js";
 import { Actions as s } from "./actions.js";
 import { Selection as g } from "./selection.js";
-const po = ({}) => {
+const eo = ({}) => {
   const { view: o, items: r, setView: i } = n.use(), p = (m) => {
     i({ ...o, page: m });
   };
@@ -65,5 +67,5 @@ const po = ({}) => {
   ] });
 };
 export {
-  po as Footer
+  eo as Footer
 };

package/dist/components/data-view/parts/footer/selection.js

@@ -1,7 +1,7 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import "react";
-import '../../../../assets/style24.css';import '../../../../assets/style19.css';import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style17.css';import '../../../../assets/style16.css';import '../../../../assets/styles5.css';import '../../../../assets/style18.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style12.css';import '../../../../assets/style11.css';import '../../../../assets/style9.css';import '../../../../assets/styles.css';import '../../../../assets/style7.css';import '../../../../assets/style6.css';import '../../../../assets/style5.css';import '../../../../assets/style4.css';import '../../../../assets/style3.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';import '../../../../assets/style10.css';import '../../../../assets/styles2.css';/* empty css                          */
-import "../../../../style-C7eFpUVU.js";
+import '../../../../assets/style26.css';import '../../../../assets/style21.css';import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style19.css';import '../../../../assets/style18.css';import '../../../../assets/style17.css';import '../../../../assets/styles5.css';import '../../../../assets/style16.css';import '../../../../assets/style20.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style12.css';import '../../../../assets/style11.css';import '../../../../assets/style9.css';import '../../../../assets/styles.css';import '../../../../assets/style7.css';import '../../../../assets/style6.css';import '../../../../assets/style5.css';import '../../../../assets/style4.css';import '../../../../assets/style3.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';import '../../../../assets/style10.css';import '../../../../assets/styles2.css';/* empty css                          */
+import "../../../../style-CWAa57kN.js";
 import { CheckboxControl as i } from "../../../controls/checkbox-control/index.js";
 /* empty css                         */
 /* empty css                         */
@@ -19,7 +19,7 @@ import "../../../../primitives/symbol/index.js";
 import "../../../button/index.js";
 import "../../../controls/date-control/component.js";
 /* empty css                         */
-import "../../../../sortable.esm-De3H-_AA.js";
+import "../../../../sortable.esm-BuV7eW2H.js";
 /* empty css                         */
 /* empty css                               */
 import "../../../toolbar/index.js";
@@ -28,21 +28,23 @@ import "../../../toolbar/index.js";
 /* empty css                         */
 import "../../../../types/date.js";
 /* empty css                         */
-import "../../../../style-tA0yiKCL.js";
+import "../../../../match-sorter.esm-MNVE8H_6.js";
+/* empty css                         */
 import "../../../../options-Cfoqhxw2.js";
 /* empty css                          */
 /* empty css                         */
 /* empty css                         */
+/* empty css                         */
 /* empty css                          */
 /* empty css                          */
-import { R as m } from "../../../../index-Bj4Ga50P.js";
+import { R as m } from "../../../../index-DpV0obFX.js";
 import "../../slots/group/context.js";
 /* empty css                         */
 import "../../slots/item/context.js";
 import "../../slots/property/context.js";
 /* empty css                         */
 import "../../../tag/index.js";
-const U = ({}) => {
+const X = ({}) => {
   const { selection: o } = m.use();
   if (o)
     return /* @__PURE__ */ r("div", { className: "data-view-part-footer__selection", children: [
@@ -58,5 +60,5 @@ const U = ({}) => {
     ] });
 };
 export {
-  U as Selection
+  X as Selection
 };

package/dist/components/data-view/parts/view-control/index.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as o } from "react/jsx-runtime";
 import { cn as b } from "../../../../utils/css.js";
-import '../../../../assets/style24.css';import '../../../../assets/style19.css';import '../../../../assets/styles3.css';import '../../../../assets/style17.css';import '../../../../assets/style16.css';import '../../../../assets/style18.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style11.css';import '../../../../assets/style9.css';import '../../../../assets/style8.css';import '../../../../assets/styles2.css';import '../../../../assets/styles.css';import '../../../../assets/style7.css';import '../../../../assets/style6.css';import '../../../../assets/style4.css';import '../../../../assets/style3.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';import '../../../../assets/style10.css';import '../../../../assets/index19.css';/* empty css                         */
+import '../../../../assets/style26.css';import '../../../../assets/style21.css';import '../../../../assets/styles3.css';import '../../../../assets/style19.css';import '../../../../assets/style18.css';import '../../../../assets/style17.css';import '../../../../assets/style16.css';import '../../../../assets/style20.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style11.css';import '../../../../assets/style9.css';import '../../../../assets/style8.css';import '../../../../assets/styles2.css';import '../../../../assets/styles.css';import '../../../../assets/style7.css';import '../../../../assets/style6.css';import '../../../../assets/style4.css';import '../../../../assets/style3.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';import '../../../../assets/style10.css';import '../../../../assets/index19.css';/* empty css                         */
 import * as a from "react";
 import { useMemo as c } from "react";
 /* empty css                         */
@@ -16,7 +16,7 @@ import { Tooltip as h } from "../../../../primitives/tooltip/index.js";
 /* empty css                          */
 import { w as u } from "../../../../SSRBase.es-BUXS72ra.js";
 /* empty css                          */
-import "../../../../style-C7eFpUVU.js";
+import "../../../../style-CWAa57kN.js";
 /* empty css                         */
 /* empty css                         */
 import "../../../button/index.js";
@@ -32,14 +32,16 @@ import "../../../../types/date.js";
 /* empty css                         */
 import { SelectControl as Z } from "../../../controls/select-control/control.js";
 import "../../../../options-Cfoqhxw2.js";
-import "../../../../style-tA0yiKCL.js";
+import "../../../../match-sorter.esm-MNVE8H_6.js";
+/* empty css                         */
 import { ToggleGroupControl as n } from "../../../controls/toggle-group-control/index.js";
 /* empty css                         */
 /* empty css                         */
+/* empty css                         */
 /* empty css                          */
 import { ToggleControl as E } from "../../../controls/toggle-control/index.js";
 import { viewFieldsToListItems as _, getLayoutOptions as y, getSortDirectionOptions as H, getRelationshipVisiblityOptions as C, listItemsToViewFields as F } from "../../data/options.js";
-import { R as N } from "../../../../index-Bj4Ga50P.js";
+import { R as N } from "../../../../index-DpV0obFX.js";
 import "../../slots/group/context.js";
 /* empty css                         */
 import "../../slots/item/context.js";
@@ -100,27 +102,27 @@ const S = /* @__PURE__ */ new Map([
   ]
 ]), A = a.forwardRef((m, t) => /* @__PURE__ */ a.createElement(u, { ref: t, ...m, weights: S }));
 A.displayName = "SelectionSlashIcon";
-const _0 = ({ className: m }) => {
-  const { view: t, setView: d, fields: r, hierarchy: g } = N.use(), l = (e, w) => {
+const C0 = ({ className: m }) => {
+  const { view: t, setView: d, fields: l, hierarchy: g } = N.use(), r = (e, w) => {
     d({
       ...t,
       [e]: w
     });
   }, V = c(
-    () => r.filter((e) => e.sorting.sortable).map((e) => ({
+    () => l.filter((e) => e.sorting.sortable).map((e) => ({
       value: e.id,
       label: e.display.label
     })),
-    [t, r]
+    [t, l]
   ), i = c(
-    () => r.filter((e) => e.sorting.groupable).map((e) => ({
+    () => l.filter((e) => e.sorting.groupable).map((e) => ({
       value: e.id,
       label: e.display.label
     })),
-    [r]
+    [l]
   ), M = c(
-    () => _(t.fields, r),
-    [r]
+    () => _(t.fields, l),
+    [l]
   ), p = !!t.search;
   return /* @__PURE__ */ s("div", { className: b("component-view-control", m), children: [
     /* @__PURE__ */ o("fieldset", { className: "component-view-control__row", children: /* @__PURE__ */ o(
@@ -128,7 +130,7 @@ const _0 = ({ className: m }) => {
       {
         label: "Layout",
         value: t.layout,
-        onChangeValue: (e) => l("layout", e),
+        onChangeValue: (e) => r("layout", e),
         options: y(i.length > 0)
       }
     ) }),
@@ -139,7 +141,7 @@ const _0 = ({ className: m }) => {
           className: "component-view-control__row__grow",
           label: "Sort by",
           value: t.sortBy,
-          onChangeValue: (e) => l("sortBy", e),
+          onChangeValue: (e) => r("sortBy", e),
           options: V,
           disabled: p,
           help: p && "Sorting by search relevance."
@@ -149,7 +151,7 @@ const _0 = ({ className: m }) => {
         n,
         {
           value: t.sortOrder,
-          onChangeValue: (e) => l("sortOrder", e),
+          onChangeValue: (e) => r("sortOrder", e),
           options: H(),
           disabled: p,
           noLabels: !0
@@ -163,7 +165,7 @@ const _0 = ({ className: m }) => {
           className: "component-view-control__row__grow",
           label: "Group by",
           value: t.groupBy || "",
-          onChangeValue: (e) => l("groupBy", e),
+          onChangeValue: (e) => r("groupBy", e),
           options: [{ value: "", label: "" }, ...i]
         }
       ),
@@ -174,7 +176,7 @@ const _0 = ({ className: m }) => {
           onLabel: /* @__PURE__ */ o(v, {}),
           offLabel: /* @__PURE__ */ o(A, {}),
           value: !t.includeEmptyGroups,
-          onChangeValue: (e) => l("includeEmptyGroups", !e),
+          onChangeValue: (e) => r("includeEmptyGroups", !e),
           disabled: !t.groupBy
         }
       ) }),
@@ -182,7 +184,7 @@ const _0 = ({ className: m }) => {
         n,
         {
           value: t.groupOrder,
-          onChangeValue: (e) => l("groupOrder", e),
+          onChangeValue: (e) => r("groupOrder", e),
           options: H(),
           noLabels: !0,
           disabled: !t.groupBy
@@ -195,7 +197,7 @@ const _0 = ({ className: m }) => {
         className: "component-view-control__row__grow",
         label: "Sub-items",
         value: t.relationships,
-        onChangeValue: (e) => l("relationships", e),
+        onChangeValue: (e) => r("relationships", e),
         options: C()
       }
     ) }),
@@ -205,12 +207,12 @@ const _0 = ({ className: m }) => {
         className: "component-view-control__row__grow",
         label: "Properties",
         value: M,
-        onChangeValue: (e) => l("fields", F(e)),
+        onChangeValue: (e) => r("fields", F(e)),
         multiple: !0
       }
     ) })
   ] });
 };
 export {
-  _0 as ViewControl
+  C0 as ViewControl
 };

package/dist/components/data-view/root.js

@@ -9,7 +9,7 @@ import { Body as S } from "./parts/body/index.js";
 import { Controls as A } from "./parts/controls/index.js";
 import "./parts/filters/index.js";
 import { Footer as B } from "./parts/footer/index.js";
-import '../../assets/style24.css';import '../../assets/style19.css';import '../../assets/styles4.css';import '../../assets/styles3.css';import '../../assets/style17.css';import '../../assets/style16.css';import '../../assets/styles5.css';import '../../assets/style18.css';import '../../assets/style15.css';import '../../assets/style14.css';import '../../assets/style13.css';import '../../assets/prosemirror.css';import '../../assets/style12.css';import '../../assets/style11.css';import '../../assets/style9.css';import '../../assets/style8.css';import '../../assets/styles2.css';import '../../assets/styles.css';import '../../assets/style7.css';import '../../assets/style6.css';import '../../assets/style5.css';import '../../assets/style4.css';import '../../assets/style3.css';import '../../assets/style2.css';import '../../assets/style.css';import '../../assets/style10.css';import '../../assets/root.css';/* empty css                   */
+import '../../assets/style26.css';import '../../assets/style21.css';import '../../assets/styles4.css';import '../../assets/styles3.css';import '../../assets/style19.css';import '../../assets/style18.css';import '../../assets/style17.css';import '../../assets/styles5.css';import '../../assets/style16.css';import '../../assets/style20.css';import '../../assets/style15.css';import '../../assets/style14.css';import '../../assets/style13.css';import '../../assets/prosemirror.css';import '../../assets/style12.css';import '../../assets/style11.css';import '../../assets/style9.css';import '../../assets/style8.css';import '../../assets/styles2.css';import '../../assets/styles.css';import '../../assets/style7.css';import '../../assets/style6.css';import '../../assets/style5.css';import '../../assets/style4.css';import '../../assets/style3.css';import '../../assets/style2.css';import '../../assets/style.css';import '../../assets/style10.css';import '../../assets/root.css';/* empty css                   */
 /* empty css                   */
 /* empty css                   */
 /* empty css                   */
@@ -22,13 +22,13 @@ import "../../primitives/symbol/index.js";
 /* empty css                   */
 /* empty css                    */
 /* empty css                    */
-import "../../style-C7eFpUVU.js";
+import "../../style-CWAa57kN.js";
 /* empty css                   */
 /* empty css                   */
 import "../button/index.js";
 import "../controls/date-control/component.js";
 /* empty css                   */
-import "../../sortable.esm-De3H-_AA.js";
+import "../../sortable.esm-BuV7eW2H.js";
 /* empty css                   */
 /* empty css                         */
 import "../toolbar/index.js";
@@ -37,14 +37,16 @@ import "../toolbar/index.js";
 /* empty css                   */
 import "../../types/date.js";
 /* empty css                   */
-import "../../style-tA0yiKCL.js";
+import "../../match-sorter.esm-MNVE8H_6.js";
+/* empty css                   */
 import "../../options-Cfoqhxw2.js";
 /* empty css                    */
 /* empty css                   */
 /* empty css                   */
+/* empty css                   */
 /* empty css                    */
 /* empty css                    */
-import { R as C } from "../../index-Bj4Ga50P.js";
+import { R as C } from "../../index-DpV0obFX.js";
 import "./slots/group/context.js";
 /* empty css                   */
 import "./slots/item/context.js";
@@ -52,7 +54,7 @@ import "./slots/property/context.js";
 /* empty css                   */
 import "../tag/index.js";
 import "./parts/view-control/index.js";
-const Dt = ({
+const Ht = ({
   items: p,
   primaryKey: i,
   view: t,
@@ -102,5 +104,5 @@ const Dt = ({
   ] }) });
 };
 export {
-  Dt as Root
+  Ht as Root
 };

package/dist/components/data-view/slots/group/checkbox.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style17.css';import '../../../../assets/style16.css';import '../../../../assets/styles5.css';import '../../../../assets/style18.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style12.css';import '../../../../assets/style11.css';import '../../../../assets/style9.css';import '../../../../assets/styles.css';import '../../../../assets/style7.css';import '../../../../assets/style6.css';import '../../../../assets/style5.css';import '../../../../assets/style4.css';import '../../../../assets/style3.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';import '../../../../assets/style10.css';import '../../../../assets/styles2.css';/* empty css                          */
-import "../../../../style-C7eFpUVU.js";
+import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style19.css';import '../../../../assets/style18.css';import '../../../../assets/style17.css';import '../../../../assets/styles5.css';import '../../../../assets/style16.css';import '../../../../assets/style20.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style12.css';import '../../../../assets/style11.css';import '../../../../assets/style9.css';import '../../../../assets/styles.css';import '../../../../assets/style7.css';import '../../../../assets/style6.css';import '../../../../assets/style5.css';import '../../../../assets/style4.css';import '../../../../assets/style3.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';import '../../../../assets/style10.css';import '../../../../assets/styles2.css';/* empty css                          */
+import "../../../../style-CWAa57kN.js";
 import "../../../controls/checkbox-control/index.js";
 /* empty css                         */
 /* empty css                         */
@@ -19,7 +19,7 @@ import "../../../../primitives/symbol/index.js";
 import "../../../button/index.js";
 import "../../../controls/date-control/component.js";
 /* empty css                         */
-import "../../../../sortable.esm-De3H-_AA.js";
+import "../../../../sortable.esm-BuV7eW2H.js";
 /* empty css                         */
 /* empty css                               */
 import "../../../toolbar/index.js";
@@ -28,15 +28,17 @@ import "../../../toolbar/index.js";
 /* empty css                         */
 import "../../../../types/date.js";
 /* empty css                         */
-import "../../../../style-tA0yiKCL.js";
+import "../../../../match-sorter.esm-MNVE8H_6.js";
+/* empty css                         */
 import "../../../../options-Cfoqhxw2.js";
 /* empty css                          */
 /* empty css                         */
 /* empty css                         */
+/* empty css                         */
 /* empty css                          */
 /* empty css                          */
-import { C as O } from "../../../../index-BW-2OhmK.js";
-import "../../../../index-Bj4Ga50P.js";
+import { C as Q } from "../../../../index-DJ2XZnew.js";
+import "../../../../index-DpV0obFX.js";
 export {
-  O as Checkbox
+  Q as Checkbox
 };

package/dist/components/data-view/slots/group/context.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import { createContext as n, useContext as p, useMemo as c } from "react";
-import { R as a } from "../../../../index-Bj4Ga50P.js";
+import { R as a } from "../../../../index-DpV0obFX.js";
 const t = n(void 0), f = () => p(t), y = ({ children: s, group: e }) => {
   const { selection: o, primaryKey: r } = a.use(), m = c(
     () => o == null ? void 0 : o.query(e.items.map((u) => u[r])),

package/dist/components/data-view/slots/group/icon.js

@@ -1,4 +1,4 @@
-import { I } from "../../../../index-BW-2OhmK.js";
+import { I } from "../../../../index-DJ2XZnew.js";
 export {
   I as Icon
 };

package/dist/components/data-view/slots/group/index.js

@@ -1,4 +1,4 @@
-import { G as t } from "../../../../index-BW-2OhmK.js";
+import { G as t } from "../../../../index-DJ2XZnew.js";
 import "./context.js";
 export {
   t as GroupSlot

package/dist/components/data-view/slots/group/label.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { L as e } from "../../../../index-BW-2OhmK.js";
+import { L as e } from "../../../../index-DJ2XZnew.js";
 export {
   e as Label
 };