@wrdagency/blockout 1.0.30 → 1.0.32

package/dist/assets/style20.css

@@ -1 +1 @@
-.component-menu__menu-wrapper{z-index:9999!important}.primitive-popover__target{cursor:pointer}.component-menu__window{background-color:var(--blockout__colours__surface--200);border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--lg);box-shadow:0 .175rem .375rem #0000001a;min-width:calc(var(--popover-anchor-width) + 2px);max-height:var(--popover-available-height);overflow-y:auto;padding:.5rem;min-height:40px}.component-menu__item{display:flex;align-items:baseline;gap:.875rem;padding:.375rem .675rem;width:100%;cursor:pointer;transition:background-color .25s ease}.component-menu__item[data-active-item=true]{background-color:var(--blockout__colours__surface--100);border-radius:var(--blockout__radius--md)}.component-menu__item:focus-visible{outline:none}.component-menu__item[data-active-item=true] .component-menu__item__label{color:var(--blockout__colours__surface--950)}.component-menu__item[data-active-item=true] .component-menu__item__description{color:var(--blockout__colours__surface--700)}.component-menu__item[aria-disabled=true] .component-menu__item__label{color:var(--blockout__colours__surface--500)}.component-menu__item[aria-disabled=true] .component-menu__item__description{color:var(--blockout__colours__surface--300)}.component-menu__item__icon{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--400)}.component-menu__window:not(:has(.component-menu__item__icon--pictoral:not(.component-menu__item__icon--empty))) .component-menu__item__icon--pictoral{display:none}.component-menu__item__icon--pictoral{transform:translateY(.25rem)}.component-menu__item__text{flex-grow:1}.component-menu__item__text__header{display:flex;align-items:center;gap:2rem;justify-content:space-between;width:100%}.component-menu__item__text__header+.component-menu__item__description{margin-top:.25rem}.component-menu__item__label{font-weight:500;color:var(--blockout__colours__surface--950);transition:color .25s ease}.component-menu__item__description{font-weight:400;color:var(--blockout__colours__surface--600);font-size:.875rem;padding-right:.375rem;transition:color .25s ease,opacity .25s ease}.component-menu__item--toggle--checked .component-menu__item__icon--checkbox{fill:var(--blockout__colours__surface--950)}.component-menu__separator{margin:.5rem;border-top:1px solid var(--blockout__colours__surface--300);border-bottom:none}
+.component-menu__menu-wrapper{z-index:9999!important}.primitive-popover__target{cursor:pointer}.component-menu__window{background-color:var(--blockout__colours__surface--200);border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--lg);box-shadow:0 .175rem .375rem #0000001a;min-width:calc(var(--popover-anchor-width) + 2px);max-height:var(--popover-available-height);padding:.5rem;min-height:40px}.component-menu__item{display:flex;align-items:baseline;gap:.875rem;padding:.375rem 1.375rem .375rem .675rem;width:100%;cursor:pointer;transition:background-color .25s ease}.component-menu__item[data-active-item=true]{background-color:var(--blockout__colours__surface--100);border-radius:var(--blockout__radius--md)}.component-menu__item:focus-visible{outline:none}.component-menu__item[data-active-item=true] .component-menu__item__label{color:var(--blockout__colours__surface--950)}.component-menu__item[data-active-item=true] .component-menu__item__description{color:var(--blockout__colours__surface--700)}.component-menu__item[aria-disabled=true] .component-menu__item__label{color:var(--blockout__colours__surface--500)}.component-menu__item[aria-disabled=true] .component-menu__item__description{color:var(--blockout__colours__surface--300)}.component-menu__item__icon{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--500)}.component-menu__window:not(:has(.component-menu__item__icon--pictoral:not(.component-menu__item__icon--empty))) .component-menu__item__icon--pictoral{display:none}.component-menu__item__icon--pictoral{transform:translateY(.25rem);margin-left:-.25rem}.component-menu__item__text{flex-grow:1}.component-menu__item__text__header{display:flex;align-items:center;gap:2rem;justify-content:space-between;width:100%}.component-menu__item__text__header+.component-menu__item__description{margin-top:.25rem}.component-menu__item__label{font-weight:500;color:var(--blockout__colours__surface--950);transition:color .25s ease}.component-menu__item__description{font-weight:400;color:var(--blockout__colours__surface--600);font-size:.875rem;padding-right:.375rem;transition:color .25s ease,opacity .25s ease}.component-menu__item--toggle--checked .component-menu__item__icon--checkbox{fill:var(--blockout__colours__surface--950)}.component-menu__separator{margin:.5rem;border-top:1px solid var(--blockout__colours__surface--300);border-bottom:none}

package/dist/components/controls/select-control/select.js

@@ -1,71 +1,74 @@
 import { jsx as s, jsxs as r } from "react/jsx-runtime";
-import { cn as x } from "../../../utils/css.js";
+import { cn as j } from "../../../utils/css.js";
 import '../../../assets/style16.css';import '../../../assets/styles.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/style7.css';/* empty css                      */
-import { noop as j } from "../../../utils/noop.js";
-import { useState as h, useMemo as y, startTransition as g } from "react";
+import { noop as y } from "../../../utils/noop.js";
+import { useState as h, useMemo as g, startTransition as k } from "react";
 /* empty css                      */
 /* empty css                      */
 /* empty css                      */
 import "../../../primitives/popover/index.js";
 /* empty css                      */
-import { ScrollArea as k } from "../../../primitives/scroll-area/index.js";
+import { ScrollArea as z } from "../../../primitives/scroll-area/index.js";
 import "../../../primitives/symbol/index.js";
 /* empty css                      */
 /* empty css                      */
 /* empty css                      */
 /* empty css                       */
-import { normalizeOptions as z, findOption as A } from "../../../types/options.js";
-import { s as H } from "../../../MagnifyingGlass.es-CLstwG_v.js";
-import { m as M } from "../../../match-sorter.esm-MNVE8H_6.js";
+import { normalizeOptions as A, findOption as H } from "../../../types/options.js";
+import { s as M } from "../../../MagnifyingGlass.es-CLstwG_v.js";
+import { m as T } from "../../../match-sorter.esm-MNVE8H_6.js";
 /* empty css                      */
-import { C as T, a as f, b as $ } from "../../../MAXQOH4L-BYWBWXpb.js";
-import { S as q, a as B, b as D, c as E, d as F, e as J, f as K } from "../../../select-popover-CGgkyRb4.js";
-import { C as Q } from "../../../combobox-popover-BZ_1wNrj.js";
-import { C as R, a as U } from "../../../combobox-group-hNvv1WJm.js";
+import { C as $, a as f, b as q } from "../../../MAXQOH4L-BYWBWXpb.js";
+import { S as B, a as D, b as E, c as F, d as J, e as K, f as Q } from "../../../select-popover-CGgkyRb4.js";
+import { C as R } from "../../../combobox-popover-BZ_1wNrj.js";
+import { C as U, a as W } from "../../../combobox-group-hNvv1WJm.js";
 import { C as u } from "../../../JMHAJKUZ-D5KCN1Aj.js";
-const be = ({
+const Ie = ({
   className: v,
   value: i,
-  onChangeValue: a = j,
+  onChangeValue: c = y,
   options: S = [],
   searchable: l = !1,
   combobox: e = !1,
   placeholder: N = "Choose an option...",
-  prefix: W,
-  suffix: X,
+  prefix: X,
+  suffix: Y,
   children: C,
-  withIcon: Y,
+  withIcon: Z,
   ...O
 }) => {
   e && (l = !0);
-  const [n, p] = h(!1), [c, P] = h(""), m = z(S), _ = y(() => M(m, c, {
-    baseSort: (o, t) => o.index < t.index ? -1 : 1,
-    keys: ["label", "description"]
-  }), [c]), L = l || e ? $ : E, w = e ? u : K, G = e ? f : B, b = e ? Q : D, I = e ? R : F, V = e ? U : J, d = !!!A(m, i);
+  const [a, p] = h(!1), [n, P] = h(""), m = A(S), _ = g(() => m.map((t) => ({
+    ...t,
+    items: T(t.items, n, {
+      baseSort: (o, x) => o.index < x.index ? -1 : 1,
+      keys: ["label", "description", "aliases"]
+    })
+  })), [n]), L = l || e ? q : F, w = e ? u : Q, G = e ? f : D, b = e ? R : E, I = e ? U : J, V = e ? W : K, d = !!!H(m, i);
   return /* @__PURE__ */ s(
-    T,
+    $,
     {
       resetValueOnHide: !e,
-      open: n,
+      open: a,
       setOpen: p,
-      value: e ? i : c,
-      setValue: (o) => {
-        e && a(o), g(() => {
-          P(o);
+      value: e ? i : n,
+      setValue: (t) => {
+        e && c(t), k(() => {
+          P(t);
         });
       },
       children: /* @__PURE__ */ r(
-        q,
+        B,
         {
           value: d ? "" : i,
-          setValue: a,
-          open: n,
+          setValue: c,
+          open: a,
           setOpen: p,
           children: [
             /* @__PURE__ */ s(
               G,
               {
-                className: x(
+                className: j(
                   v,
                   "component-select__input",
                   d && "component-select__input--placeholder"
@@ -75,7 +78,7 @@ const be = ({
                 ...O
               }
             ),
-            n && _.length > 0 && /* @__PURE__ */ s(
+            a && _.length > 0 && /* @__PURE__ */ s(
               b,
               {
                 className: "component-select__popover",
@@ -87,9 +90,9 @@ const be = ({
                 gutter: 8,
                 overflowPadding: 4,
                 shift: -1,
-                children: /* @__PURE__ */ r(k, { className: "component-select__popover__scroll", axis: "y", children: [
+                children: /* @__PURE__ */ r(z, { className: "component-select__popover__scroll", axis: "y", children: [
                   l && !e && /* @__PURE__ */ r("div", { className: "component-select__popover__search-wrapper", children: [
-                    /* @__PURE__ */ s(H, { className: "component-select__popover__search-icon" }),
+                    /* @__PURE__ */ s(M, { className: "component-select__popover__search-icon" }),
                     /* @__PURE__ */ s(
                       f,
                       {
@@ -99,32 +102,32 @@ const be = ({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ s(L, { className: "component-select__list", children: _.map((o) => /* @__PURE__ */ r(
+                  /* @__PURE__ */ s(L, { className: "component-select__list", children: _.filter((t) => t.items.length > 0).map((t) => /* @__PURE__ */ r(
                     I,
                     {
                       className: "component-select__list__group",
                       children: [
-                        o.label && /* @__PURE__ */ s(V, { className: "component-select__list__group__label", children: o.label }),
-                        o.items.map((t) => /* @__PURE__ */ r(
+                        t.label && /* @__PURE__ */ s(V, { className: "component-select__list__group__label", children: t.label }),
+                        t.items.map((o) => /* @__PURE__ */ r(
                           w,
                           {
-                            disabled: t.disabled,
-                            value: t.value,
+                            disabled: o.disabled,
+                            value: o.value,
                             className: "component-select__option",
                             render: /* @__PURE__ */ s(u, {}),
                             children: [
                               /* @__PURE__ */ r("div", { className: "component-select__option__label", children: [
-                                t.icon,
-                                t.label
+                                o.icon,
+                                o.label
                               ] }),
-                              t.description && /* @__PURE__ */ s("div", { className: "component-select__option__description", children: t.description })
+                              o.description && /* @__PURE__ */ s("div", { className: "component-select__option__description", children: o.description })
                             ]
                           },
-                          t.value
+                          o.value
                         ))
                       ]
                     },
-                    o.label
+                    t.label
                   )) })
                 ] })
               }
@@ -136,5 +139,5 @@ const be = ({
   );
 };
 export {
-  be as Select
+  Ie as Select
 };

package/dist/components/data-view/api.d.ts

@@ -1,12 +1,12 @@
 import { Field, PartialField, PartialView, View } from './types';
-import { Action, PartialAction } from './types/actions';
+import { Action } from './types/actions';
 import { HierarchyDefinition } from './types/hierarchy';
 export declare function useSchema<TData extends object = object>(schema: PartialSchema<TData>): Schema<TData>;
 export type PartialSchema<TData extends object = object> = {
     primaryKey: keyof TData;
     fields: PartialField<TData>[];
     hierarchy?: HierarchyDefinition<TData>;
-    actions?: PartialAction<TData>[];
+    actions?: Action<TData>[];
 };
 export type Schema<TData extends object = object> = {
     primaryKey: keyof TData;

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

@@ -1,31 +1,28 @@
 import { u as a } from "../../index-D7vLJIGX.js";
-import { useMemo as s, useState as l } from "react";
-import { normalizeField as u, normalizeAction as c, normalizeView as f } from "./data/normalize.js";
-function d(i) {
-  const e = s(
+import { useMemo as r, useState as l } from "react";
+import { normalizeField as u, normalizeView as f } from "./data/normalize.js";
+function p(i) {
+  const e = r(
     () => i.fields.map(u),
     [i.fields]
-  ), t = s(
-    () => (i.actions || []).map(c),
-    [i.actions]
   );
   return {
     ...i,
-    actions: t,
+    actions: i.actions || [],
     fields: e
   };
 }
-function V(i = {}) {
-  const { initial: e = {}, saveKey: t } = i, r = s(() => f(e), [e]);
-  if (t) {
-    const [o, n] = a(t, r);
-    return { view: o, setView: n };
+function d(i = {}) {
+  const { initial: e = {}, saveKey: n } = i, s = r(() => f(e), [e]);
+  if (n) {
+    const [t, o] = a(n, s);
+    return { view: t, setView: o };
   } else {
-    const [o, n] = l(r);
-    return { view: o, setView: n };
+    const [t, o] = l(s);
+    return { view: t, setView: o };
   }
 }
 export {
-  d as useSchema,
-  V as useView
+  p as useSchema,
+  d as useView
 };

package/dist/components/data-view/data/normalize.d.ts

@@ -1,5 +1,3 @@
 import { Field, PartialField, PartialView, View } from '../types';
-import { Action, PartialAction } from '../types/actions';
 export declare function normalizeField<TItem extends object = object, TType extends any = any>(field: PartialField<TItem, TType>): Field<TItem, TType>;
 export declare function normalizeView(view: PartialView): View;
-export declare function normalizeAction<TItem extends object = object>(action: PartialAction<TItem>): Action<TItem>;

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

@@ -1,44 +1,44 @@
-import { normalizeOption as a } from "../../../types/options.js";
-import { dot as n } from "../../../utils/object.js";
-function p(e) {
-  var t;
+import { normalizeOption as i } from "../../../types/options.js";
+import { dot as s } from "../../../utils/object.js";
+function p(r) {
+  var l;
   return {
-    id: e.id,
-    getValue: e.getValue || ((r) => n(r, e.id)),
-    elements: ((t = e.elements) == null ? void 0 : t.map(a)) || [],
+    id: r.id,
+    getValue: r.getValue || ((e) => s(e, r.id)),
+    elements: ((l = r.elements) == null ? void 0 : l.map(i)) || [],
     display: {
-      label: e.id,
+      label: r.id,
       hideable: !0,
       placement: "property",
-      header: ({ field: r }) => {
-        var i;
-        return ((i = r.display) == null ? void 0 : i.label) || r.id || "";
+      header: ({ field: e }) => {
+        var t;
+        return ((t = e.display) == null ? void 0 : t.label) || e.id || "";
       },
-      cell: ({ item: r, field: i }) => String(i.getValue(r)),
-      ...e.display
+      cell: ({ item: e, field: t }) => String(t.getValue(e)),
+      ...r.display
     },
     editing: {
       editable: !1,
       editFn: console.log,
-      ...e.editing
+      ...r.editing
     },
     sorting: {
       sortable: !0,
-      sortFn: (r, i, l) => r < i ? l === "asc" ? -1 : 1 : r > i ? l === "asc" ? 1 : -1 : 0,
+      sortFn: (e, t, a) => e < t ? a === "asc" ? -1 : 1 : e > t ? a === "asc" ? 1 : -1 : 0,
       groupable: !1,
-      groupFn: (r) => Array.isArray(r) ? r.map(String) : String(r),
-      labelFn: (r) => String(r),
-      ...e.sorting
+      groupFn: (e) => Array.isArray(e) ? e.map(String) : String(e),
+      labelFn: (e) => String(e),
+      ...r.sorting
     },
     filtering: {
       searchable: !1,
       filterable: !1,
       types: [],
-      ...e.filtering
+      ...r.filtering
     }
   };
 }
-function u(e) {
+function g(r) {
   return {
     layout: "table",
     groupBy: !1,
@@ -50,27 +50,15 @@ function u(e) {
     sortOrder: "asc",
     search: "",
     filters: [],
-    ...e,
-    fields: (e.fields || []).map((t) => ({
-      id: t,
+    ...r,
+    fields: (r.fields || []).map((l) => ({
+      id: l,
       visible: !0
     })),
     relationships: "full"
   };
 }
-function g(e) {
-  return {
-    label: e.id,
-    icon: void 0,
-    variant: "primary",
-    disabled: !1,
-    singleFn: void 0,
-    bulkFn: void 0,
-    ...e
-  };
-}
 export {
-  g as normalizeAction,
   p as normalizeField,
-  u as normalizeView
+  g as normalizeView
 };

package/dist/components/data-view/layouts/grid/group.js

@@ -2,6 +2,7 @@ import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import { G as o } from "../../../../index-BLCPauyN.js";
 import "react";
 import "../../../button/index.js";
+import "../../../menu/context.js";
 import '../../../../assets/style21.css';import '../../../../assets/style26.css';import '../../../../assets/styles3.css';import '../../../../assets/style18.css';import '../../../../assets/style17.css';import '../../../../assets/styles5.css';import '../../../../assets/styles4.css';import '../../../../assets/style16.css';import '../../../../assets/style19.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/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/style7.css';import '../../../../assets/style8.css';import '../../../../assets/styles2.css';import '../../../../assets/style20.css';/* empty css                         */
 /* empty css                          */
 import "../../../../style-CWAa57kN.js";
@@ -43,7 +44,7 @@ import "../../slots/property/context.js";
 /* empty css                         */
 import "../../../tag/index.js";
 /* empty css                         */
-const W = ({ children: t }) => /* @__PURE__ */ i("div", { className: "data-view-layout-grid__group", children: [
+const X = ({ children: t }) => /* @__PURE__ */ i("div", { className: "data-view-layout-grid__group", children: [
   /* @__PURE__ */ i(o.Header, { className: "data-view-layout-grid__group__header", children: [
     /* @__PURE__ */ r(o.Checkbox, {}),
     /* @__PURE__ */ i("h2", { className: "data-view-layout-grid__group__heading", children: [
@@ -54,5 +55,5 @@ const W = ({ children: t }) => /* @__PURE__ */ i("div", { className: "data-view-
   /* @__PURE__ */ r("div", { className: "data-view-layout-grid__group__grid", children: t })
 ] });
 export {
-  W as Group
+  X as Group
 };

package/dist/components/data-view/layouts/kanban/group.js

@@ -2,6 +2,7 @@ import { jsxs as t, jsx as o } from "react/jsx-runtime";
 import { G as r } from "../../../../index-BLCPauyN.js";
 import "react";
 import "../../../button/index.js";
+import "../../../menu/context.js";
 import '../../../../assets/style22.css';import '../../../../assets/style26.css';import '../../../../assets/styles3.css';import '../../../../assets/style18.css';import '../../../../assets/style17.css';import '../../../../assets/styles5.css';import '../../../../assets/styles4.css';import '../../../../assets/style16.css';import '../../../../assets/style19.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/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/style7.css';import '../../../../assets/style8.css';import '../../../../assets/styles2.css';import '../../../../assets/style20.css';/* empty css                         */
 /* empty css                          */
 import "../../../../style-CWAa57kN.js";
@@ -43,7 +44,7 @@ import "../../slots/property/context.js";
 /* empty css                         */
 import "../../../tag/index.js";
 /* empty css                         */
-const W = ({ children: i }) => /* @__PURE__ */ t("div", { className: "data-view-layout-kanban__group", children: [
+const X = ({ children: i }) => /* @__PURE__ */ t("div", { className: "data-view-layout-kanban__group", children: [
   /* @__PURE__ */ t(r.Header, { className: "data-view-layout-kanban__group__header", children: [
     /* @__PURE__ */ o(r.Checkbox, { className: "data-view-layout-kanban__group__checkbox" }),
     /* @__PURE__ */ t("h2", { className: "data-view-layout-kanban__group__heading", children: [
@@ -54,5 +55,5 @@ const W = ({ children: i }) => /* @__PURE__ */ t("div", { className: "data-view-
   /* @__PURE__ */ o("ul", { className: "data-view-layout-kanban__group__list", children: i })
 ] });
 export {
-  W as Group
+  X as Group
 };

package/dist/components/data-view/layouts/list/group.js

@@ -2,6 +2,7 @@ import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import { G as t } from "../../../../index-BLCPauyN.js";
 import "react";
 import "../../../button/index.js";
+import "../../../menu/context.js";
 import '../../../../assets/style23.css';import '../../../../assets/style26.css';import '../../../../assets/styles3.css';import '../../../../assets/style18.css';import '../../../../assets/style17.css';import '../../../../assets/styles5.css';import '../../../../assets/styles4.css';import '../../../../assets/style16.css';import '../../../../assets/style19.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/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/style7.css';import '../../../../assets/style8.css';import '../../../../assets/styles2.css';import '../../../../assets/style20.css';/* empty css                         */
 /* empty css                          */
 import "../../../../style-CWAa57kN.js";
@@ -43,7 +44,7 @@ import "../../slots/property/context.js";
 /* empty css                         */
 import "../../../tag/index.js";
 /* empty css                         */
-const W = ({ children: r }) => /* @__PURE__ */ i("div", { className: "data-view-layout-list__group", children: [
+const X = ({ children: r }) => /* @__PURE__ */ i("div", { className: "data-view-layout-list__group", children: [
   /* @__PURE__ */ i(t.Header, { className: "data-view-layout-list__group__header", children: [
     /* @__PURE__ */ o(t.Checkbox, { className: "data-view-layout-list__group__checkbox" }),
     /* @__PURE__ */ i("h2", { className: "data-view-layout-list__group__heading", children: [
@@ -54,5 +55,5 @@ const W = ({ children: r }) => /* @__PURE__ */ i("div", { className: "data-view-
   /* @__PURE__ */ o("div", { className: "data-view-layout-list__group__list", children: r })
 ] });
 export {
-  W as Group
+  X as Group
 };

package/dist/components/data-view/layouts/table/empty.js

@@ -37,13 +37,14 @@ import "../../../../match-sorter.esm-MNVE8H_6.js";
 /* empty css                          */
 import { R as i } from "../../../../index-CLl-PPjx.js";
 import "../../slots/group/context.js";
+import "../../../menu/context.js";
 /* empty css                         */
 import "../../slots/item/context.js";
 import "../../slots/property/context.js";
 /* empty css                         */
 import "../../../tag/index.js";
 /* empty css                         */
-const Y = () => {
+const Z = () => {
   const { selection: m, placements: t } = i.use(), r = t.property.length + (t.thumbnail ? 1 : 0) + 1;
   return /* @__PURE__ */ p("tr", { className: "data-view-layout-table__empty", children: [
     m && /* @__PURE__ */ o("td", {}),
@@ -51,5 +52,5 @@ const Y = () => {
   ] });
 };
 export {
-  Y as Empty
+  Z as Empty
 };

package/dist/components/data-view/layouts/table/group.js

@@ -2,6 +2,7 @@ import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { G as r } from "../../../../index-BLCPauyN.js";
 import "react";
 import "../../../button/index.js";
+import "../../../menu/context.js";
 import '../../../../assets/style24.css';import '../../../../assets/style26.css';import '../../../../assets/styles3.css';import '../../../../assets/style18.css';import '../../../../assets/style17.css';import '../../../../assets/styles5.css';import '../../../../assets/styles4.css';import '../../../../assets/style16.css';import '../../../../assets/style19.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/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/style7.css';import '../../../../assets/style8.css';import '../../../../assets/styles2.css';import '../../../../assets/style20.css';/* empty css                         */
 import { R as e } from "../../../../index-CLl-PPjx.js";
 import "../../slots/item/context.js";
@@ -43,7 +44,7 @@ import "../../slots/property/context.js";
 /* empty css                         */
 import "../../../tag/index.js";
 /* empty css                         */
-const $ = ({ children: p }) => {
+const oo = ({ children: p }) => {
   const { placements: m, selection: o } = e.use(), a = m.property.length + (m.thumbnail ? 1 : 0) + ((o == null ? void 0 : o.mode) === "single" ? 1 : 0) + 2;
   return /* @__PURE__ */ i("tbody", { className: "data-view-layout-table__group", children: [
     /* @__PURE__ */ i(
@@ -71,5 +72,5 @@ const $ = ({ children: p }) => {
   ] });
 };
 export {
-  $ as Group
+  oo as Group
 };

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

@@ -39,6 +39,7 @@ import "../../../../match-sorter.esm-MNVE8H_6.js";
 /* empty css                          */
 import { R as n } from "../../../../index-CLl-PPjx.js";
 import "../../slots/group/context.js";
+import "../../../menu/context.js";
 /* empty css                         */
 import "../../slots/item/context.js";
 import "../../slots/property/context.js";
@@ -99,7 +100,7 @@ const u = /* @__PURE__ */ new Map([
   ]
 ]), d = e.forwardRef((l, a) => /* @__PURE__ */ e.createElement(p, { ref: a, ...l, weights: u }));
 d.displayName = "ArrowUpIcon";
-const i0 = ({ children: l }) => {
+const n0 = ({ children: l }) => {
   const { placements: a, selection: m, view: i } = n.use();
   return /* @__PURE__ */ t(
     "div",
@@ -131,5 +132,5 @@ const i0 = ({ children: l }) => {
   );
 };
 export {
-  i0 as Root
+  n0 as Root
 };

package/dist/components/data-view/layouts/tile/group.js

@@ -2,6 +2,7 @@ import { jsxs as r, jsx as o } from "react/jsx-runtime";
 import { G as t } from "../../../../index-BLCPauyN.js";
 import "react";
 import "../../../button/index.js";
+import "../../../menu/context.js";
 import '../../../../assets/style25.css';import '../../../../assets/style26.css';import '../../../../assets/styles3.css';import '../../../../assets/style18.css';import '../../../../assets/style17.css';import '../../../../assets/styles5.css';import '../../../../assets/styles4.css';import '../../../../assets/style16.css';import '../../../../assets/style19.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/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/style7.css';import '../../../../assets/style8.css';import '../../../../assets/styles2.css';import '../../../../assets/style20.css';/* empty css                         */
 /* empty css                          */
 import "../../../../style-CWAa57kN.js";
@@ -43,7 +44,7 @@ import "../../slots/property/context.js";
 /* empty css                         */
 import "../../../tag/index.js";
 /* empty css                         */
-const W = ({ children: i }) => /* @__PURE__ */ r("div", { className: "data-view-layout-tile__group", children: [
+const X = ({ children: i }) => /* @__PURE__ */ r("div", { className: "data-view-layout-tile__group", children: [
   /* @__PURE__ */ r(t.Header, { className: "data-view-layout-tile__group__header", children: [
     /* @__PURE__ */ o(t.Checkbox, {}),
     /* @__PURE__ */ r("h2", { className: "data-view-layout-tile__group__heading", children: [
@@ -54,5 +55,5 @@ const W = ({ children: i }) => /* @__PURE__ */ r("div", { className: "data-view-
   /* @__PURE__ */ o("div", { className: "data-view-layout-tile__group__items", children: i })
 ] });
 export {
-  W as Group
+  X as Group
 };

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

@@ -42,6 +42,7 @@ import "../../../../match-sorter.esm-MNVE8H_6.js";
 /* empty css                          */
 import { R as _ } from "../../../../index-CLl-PPjx.js";
 import "../../slots/group/context.js";
+import "../../../menu/context.js";
 /* empty css                         */
 import "../../slots/item/context.js";
 import "../../slots/property/context.js";
@@ -83,7 +84,7 @@ const F = /* @__PURE__ */ new Map([
   ]
 ]), s = t.forwardRef((o, r) => /* @__PURE__ */ t.createElement(w, { ref: r, ...o, weights: F }));
 s.displayName = "FunnelIcon";
-const E1 = ({ children: o }) => {
+const Z1 = ({ children: o }) => {
   const { view: r, fields: c, setView: d, hide: a } = _.use(), [n, A] = g(r.filters.length > 0), h = (l) => {
     d({ ...r, filters: l });
   }, f = v(
@@ -136,5 +137,5 @@ const E1 = ({ children: o }) => {
   ] });
 };
 export {
-  E1 as Controls
+  Z1 as Controls
 };

package/dist/components/data-view/parts/controls/search.js

@@ -39,12 +39,13 @@ import { TextControl as c } from "../../../controls/text-control/index.js";
 /* empty css                          */
 import { R as l } from "../../../../index-CLl-PPjx.js";
 import "../../slots/group/context.js";
+import "../../../menu/context.js";
 /* empty css                         */
 import "../../slots/item/context.js";
 import "../../slots/property/context.js";
 /* empty css                         */
 import "../../../tag/index.js";
-const ir = ({}) => {
+const mr = ({}) => {
   const { view: r, setView: t } = l.use(), i = (p) => {
     t({ ...r, search: p });
   }, m = () => {
@@ -74,5 +75,5 @@ const ir = ({}) => {
   );
 };
 export {
-  ir as Search
+  mr as Search
 };