@wrdagency/blockout 1.0.29 → 1.0.31

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
 };

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

@@ -1,10 +1,9 @@
-import { jsxs as u, jsx as p } from "react/jsx-runtime";
-import { Button as v } from "../../../button/index.js";
-import { Menu as k } from "../../../menu/index.js";
-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 { jsxs as s, jsx as p } from "react/jsx-runtime";
+import { Button as c } from "../../../button/index.js";
+import { Menu as f } from "../../../menu/index.js";
+import * as l from "react";
+import { p as d } from "../../../../IconBase.es-rM5tt24D.js";
+import { a as u } from "../../../../DotsThreeVertical.es-uadrGk3y.js";
 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';/* empty css                          */
 import "../../../../style-CWAa57kN.js";
 /* empty css                         */
@@ -39,67 +38,49 @@ import "../../../../match-sorter.esm-MNVE8H_6.js";
 /* empty css                         */
 /* empty css                         */
 /* empty css                          */
-import { R as w } from "../../../../index-CLl-PPjx.js";
+import { R as h } from "../../../../index-CLl-PPjx.js";
 import "../../slots/group/context.js";
 import "../../slots/item/context.js";
 import "../../slots/property/context.js";
 /* empty css                         */
 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 { 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
+const n = l.forwardRef((i, m) => /* @__PURE__ */ l.createElement(d, { ref: m, ...i, weights: u }));
+n.displayName = "DotsThreeVerticalIcon";
+const ar = ({}) => {
+  const { items: i, primaryKey: m, selection: t, actions: o } = h.use();
+  if (!t || t.count() === 0 || o.length < 1)
+    return;
+  const e = i.filter(
+    (r) => t == null ? void 0 : t.has(r[m])
+  );
+  return /* @__PURE__ */ s("div", { className: "data-view-part-footer__actions", children: [
+    o.length > 0 && /* @__PURE__ */ p(
+      f,
+      {
+        iconOnly: !0,
+        variant: "quiet",
+        "aria-label": "More Actions",
+        context: e,
+        items: o,
+        children: /* @__PURE__ */ p(n, {})
+      }
     ),
-    [o, i]
-  ), n = b(
-    () => o.filter((r) => r.variant === "secondary").filter(
-      (r) => s && !!r.bulkFn || l && !!r.singleFn
-    ),
-    [o, i]
-  ), a = (r) => {
-    var d, f;
-    const t = m.filter(
-      (y) => i == null ? void 0 : i.has(y[e])
-    );
-    t.length > 1 ? (d = r.bulkFn) == null || d.call(r, t) : t.length === 1 && ((f = r.singleFn) == null || f.call(r, t[0]));
-  };
-  if (!(!i || i.count() === 0 || o.length < 1))
-    return /* @__PURE__ */ u("div", { className: "data-view-part-footer__actions", children: [
-      n.length > 0 && /* @__PURE__ */ p(
-        k,
-        {
-          iconOnly: !0,
-          variant: "quiet",
-          "aria-label": "More Actions",
-          items: n.map((r) => ({
-            id: r.id,
-            type: "action",
-            label: r.label,
-            icon: r.icon,
-            disabled: r.disabled,
-            onClick: () => a(r)
-          })),
-          children: /* @__PURE__ */ p(h, {})
-        }
-      ),
-      g.reverse().map((r, t) => /* @__PURE__ */ u(
-        v,
-        {
-          variant: t === 0 ? "neutral" : "quiet",
-          size: "small",
-          onClick: () => a(r),
-          disabled: r.disabled,
-          children: [
-            r.icon && /* @__PURE__ */ p(r.icon, {}),
-            r.label
-          ]
-        },
-        r.id
-      ))
-    ] });
+    o.filter((r) => r.type === "action").filter((r) => r.primary).reverse().map((r, a) => /* @__PURE__ */ s(
+      c,
+      {
+        variant: a === 0 ? "neutral" : "quiet",
+        size: "small",
+        onClick: () => r.onClick(e),
+        disabled: r.disabled,
+        children: [
+          r.icon && /* @__PURE__ */ p(r.icon, {}),
+          r.label
+        ]
+      },
+      a
+    ))
+  ] });
 };
 export {
-  hr as Actions
+  ar as Actions
 };

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

@@ -38,6 +38,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";
@@ -45,7 +46,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 mo = ({}) => {
   const { view: o, items: r, setView: i } = n.use(), p = (m) => {
     i({ ...o, page: m });
   };
@@ -65,5 +66,5 @@ const po = ({}) => {
   ] });
 };
 export {
-  po as Footer
+  mo as Footer
 };

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

@@ -37,12 +37,13 @@ import "../../../../match-sorter.esm-MNVE8H_6.js";
 /* empty css                          */
 import { R as m } 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 U = ({}) => {
+const W = ({}) => {
   const { selection: o } = m.use();
   if (o)
     return /* @__PURE__ */ r("div", { className: "data-view-part-footer__selection", children: [
@@ -58,5 +59,5 @@ const U = ({}) => {
     ] });
 };
 export {
-  U as Selection
+  W as Selection
 };