@wrdagency/blockout 0.1.10 → 1.0.1

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

@@ -0,0 +1,67 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { G as i } from "../../../../index-EQOyE9yF.js";
+import "react";
+import "../../../button/index.js";
+import '../../../../assets/style22.css';import '../../../../assets/style23.css';import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style16.css';import '../../../../assets/style15.css';import '../../../../assets/styles5.css';import '../../../../assets/style17.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/style12.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style11.css';import '../../../../assets/style10.css';import '../../../../assets/style8.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/style9.css';import '../../../../assets/style7.css';import '../../../../assets/styles2.css';import '../../../../assets/style18.css';/* empty css                         */
+import { R as e } from "../../../../index-DgyEPQBp.js";
+import "../../slots/item/context.js";
+/* empty css                          */
+import "../../../../style-A7_0w2WD.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+import "../../../../primitives/popover/index.js";
+/* empty css                         */
+import "../../../../primitives/scroll-area/index.js";
+import "../../../../primitives/symbol/index.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+/* empty css                          */
+/* empty css                         */
+import "../../../controls/date-control/component.js";
+/* empty css                         */
+import "../../../../sortable.esm-De3H-_AA.js";
+/* empty css                         */
+/* empty css                               */
+import "../../../toolbar/index.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+import "../../../../types/date.js";
+/* empty css                         */
+import "../../../../style-Bp4uISf6.js";
+import "../../../../options-Cfoqhxw2.js";
+/* empty css                          */
+/* empty css                         */
+/* empty css                         */
+/* empty css                          */
+/* empty css                          */
+import "../../slots/property/context.js";
+/* empty css                         */
+import "../../../tag/index.js";
+/* empty css                         */
+const Z = ({ 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__ */ r("tbody", { className: "data-view-layout-table__group", children: [
+    /* @__PURE__ */ r("tr", { className: "data-view-layout-table__group__heading__row", children: [
+      o && o.mode === "multiple" && /* @__PURE__ */ t("td", { className: "data-view-layout-table__group__heading__cell", children: /* @__PURE__ */ t(i.Checkbox, { className: "data-view-layout-table__group__heading__checkbox" }) }),
+      /* @__PURE__ */ t(
+        "td",
+        {
+          className: "data-view-layout-table__group__heading__cell",
+          colSpan: a,
+          children: /* @__PURE__ */ r("h2", { className: "data-view-layout-table__group__heading", children: [
+            /* @__PURE__ */ t(i.Icon, {}),
+            /* @__PURE__ */ t(i.Label, {})
+          ] })
+        }
+      )
+    ] }),
+    p
+  ] });
+};
+export {
+  Z as Group
+};

package/dist/components/data-view/layouts/table/index.d.ts

@@ -0,0 +1,3 @@
+import { LayoutComponent } from '../../types';
+declare const Table: LayoutComponent;
+export { Table };

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

@@ -0,0 +1,8 @@
+import { Empty as o } from "./empty.js";
+import { Group as m } from "./group.js";
+import { Item as r } from "./item.js";
+import { Root as t } from "./root.js";
+const s = Object.assign(t, { Item: r, Group: m, Empty: o });
+export {
+  s as Table
+};

package/dist/components/data-view/layouts/table/item.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Item: FC;

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

@@ -0,0 +1,77 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style16.css';import '../../../../assets/style15.css';import '../../../../assets/styles5.css';import '../../../../assets/style17.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/style12.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style11.css';import '../../../../assets/style10.css';import '../../../../assets/style8.css';import '../../../../assets/style7.css';import '../../../../assets/styles2.css';import '../../../../assets/styles.css';import '../../../../assets/style5.css';import '../../../../assets/style4.css';import '../../../../assets/style3.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';import '../../../../assets/style9.css';/* empty css                         */
+import "react";
+/* empty css                         */
+/* empty css                         */
+import "../../../../primitives/popover/index.js";
+/* empty css                         */
+import "../../../../primitives/scroll-area/index.js";
+import "../../../../primitives/symbol/index.js";
+/* empty css                         */
+/* empty css                         */
+import { H3 as r } from "../../../../primitives/typography/heading.js";
+import { Paragraph as o } from "../../../../primitives/typography/paragraph.js";
+/* empty css                          */
+/* empty css                          */
+import "../../../../style-A7_0w2WD.js";
+/* empty css                         */
+/* empty css                         */
+import "../../../button/index.js";
+import "../../../controls/date-control/component.js";
+/* empty css                         */
+import "../../../../sortable.esm-De3H-_AA.js";
+/* empty css                         */
+/* empty css                               */
+import "../../../toolbar/index.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+import "../../../../types/date.js";
+/* empty css                         */
+import "../../../../style-Bp4uISf6.js";
+import "../../../../options-Cfoqhxw2.js";
+/* empty css                          */
+/* empty css                         */
+/* empty css                         */
+/* empty css                          */
+/* empty css                          */
+import { R as m } from "../../../../index-DgyEPQBp.js";
+import "../../slots/group/context.js";
+import { I as a, P as p } from "../../../../index-C2R91pmO.js";
+const W = () => {
+  const { placements: i } = m.use(), { selected: l } = a.use();
+  return /* @__PURE__ */ e("tr", { className: "data-view-layout-table__item", "aria-selected": l, children: [
+    /* @__PURE__ */ t(a.Checkbox, { as: "td", className: "data-view-layout-table__cell" }),
+    !!i.thumbnail && /* @__PURE__ */ t("td", { className: "data-view-layout-table__cell", children: /* @__PURE__ */ t(a.Thumbnail, { className: "data-view-layout-table__thumbnail" }) }),
+    /* @__PURE__ */ t("td", { className: "data-view-layout-table__cell", children: /* @__PURE__ */ e("div", { className: "data-view-layout-table__cell-wrapper data-view-layout-table__cell-wrapper--header", children: [
+      /* @__PURE__ */ t(a.Depth, { className: "data-view-layout-table__depth" }),
+      /* @__PURE__ */ e("div", { children: [
+        /* @__PURE__ */ e("div", { className: "data-view-layout-table__item__header", children: [
+          /* @__PURE__ */ t(
+            a.Title,
+            {
+              as: r,
+              size: 5,
+              className: "data-view-layout-table__item__title"
+            }
+          ),
+          /* @__PURE__ */ t(a.Tags, {})
+        ] }),
+        /* @__PURE__ */ t(
+          a.Description,
+          {
+            as: o,
+            variant: "small",
+            className: "data-view-layout-table__item__description"
+          }
+        ),
+        /* @__PURE__ */ t(a.Relations, {})
+      ] })
+    ] }) }),
+    /* @__PURE__ */ t(a.Properties, { fragment: !0, children: () => /* @__PURE__ */ t("td", { className: "data-view-layout-table__cell", children: /* @__PURE__ */ t("div", { className: "data-view-layout-table__cell-wrapper", children: /* @__PURE__ */ t(p.Field, {}) }) }) }),
+    /* @__PURE__ */ t("td", { className: "data-view-layout-table__cell data-view-layout-table__cell--actions", children: /* @__PURE__ */ t(a.Actions, {}) })
+  ] });
+};
+export {
+  W as Item
+};

package/dist/components/data-view/layouts/table/root.d.ts

@@ -0,0 +1,2 @@
+import { FC, PropsWithChildren } from 'react';
+export declare const Root: FC<PropsWithChildren>;

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

@@ -0,0 +1,134 @@
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { cn as h } from "../../../../utils/css.js";
+import * as e from "react";
+import { w as p } from "../../../../SSRBase.es-BUXS72ra.js";
+import '../../../../assets/style22.css';import '../../../../assets/style23.css';import '../../../../assets/style18.css';import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style16.css';import '../../../../assets/style15.css';import '../../../../assets/styles5.css';import '../../../../assets/style17.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/style12.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style11.css';import '../../../../assets/style10.css';import '../../../../assets/style8.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/style9.css';import '../../../../assets/style7.css';import '../../../../assets/styles2.css';/* empty css                          */
+import "../../../../style-A7_0w2WD.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+import "../../../../primitives/popover/index.js";
+/* empty css                         */
+import "../../../../primitives/scroll-area/index.js";
+import "../../../../primitives/symbol/index.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+/* empty css                          */
+/* empty css                         */
+import "../../../button/index.js";
+import "../../../controls/date-control/component.js";
+/* empty css                         */
+import "../../../../sortable.esm-De3H-_AA.js";
+/* empty css                         */
+/* empty css                               */
+import "../../../toolbar/index.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+import "../../../../types/date.js";
+/* empty css                         */
+import "../../../../style-Bp4uISf6.js";
+import "../../../../options-Cfoqhxw2.js";
+/* empty css                          */
+/* empty css                         */
+/* empty css                         */
+/* empty css                          */
+/* empty css                          */
+import { R as n } from "../../../../index-DgyEPQBp.js";
+import "../../slots/group/context.js";
+/* empty css                         */
+import "../../slots/item/context.js";
+import "../../slots/property/context.js";
+/* empty css                         */
+import "../../../tag/index.js";
+/* empty css                         */
+const s = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208.49,152.49l-72,72a12,12,0,0,1-17,0l-72-72a12,12,0,0,1,17-17L116,187V40a12,12,0,0,1,24,0V187l51.51-51.52a12,12,0,0,1,17,17Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M200,144l-72,72L56,144Z", opacity: "0.2" }), /* @__PURE__ */ e.createElement("path", { d: "M207.39,140.94A8,8,0,0,0,200,136H136V40a8,8,0,0,0-16,0v96H56a8,8,0,0,0-5.66,13.66l72,72a8,8,0,0,0,11.32,0l72-72A8,8,0,0,0,207.39,140.94ZM128,204.69,75.31,152H180.69Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M205.66,149.66l-72,72a8,8,0,0,1-11.32,0l-72-72A8,8,0,0,1,56,136h64V40a8,8,0,0,1,16,0v96h64a8,8,0,0,1,5.66,13.66Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M204.24,148.24l-72,72a6,6,0,0,1-8.48,0l-72-72a6,6,0,0,1,8.48-8.48L122,201.51V40a6,6,0,0,1,12,0V201.51l61.76-61.75a6,6,0,0,1,8.48,8.48Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M205.66,149.66l-72,72a8,8,0,0,1-11.32,0l-72-72a8,8,0,0,1,11.32-11.32L120,196.69V40a8,8,0,0,1,16,0V196.69l58.34-58.35a8,8,0,0,1,11.32,11.32Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M202.83,146.83l-72,72a4,4,0,0,1-5.66,0l-72-72a4,4,0,0,1,5.66-5.66L124,206.34V40a4,4,0,0,1,8,0V206.34l65.17-65.17a4,4,0,0,1,5.66,5.66Z" }))
+  ]
+]), c = e.forwardRef((l, a) => /* @__PURE__ */ e.createElement(p, { ref: a, ...l, weights: s }));
+c.displayName = "ArrowDownIcon";
+const u = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208.49,120.49a12,12,0,0,1-17,0L140,69V216a12,12,0,0,1-24,0V69L64.49,120.49a12,12,0,0,1-17-17l72-72a12,12,0,0,1,17,0l72,72A12,12,0,0,1,208.49,120.49Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M200,112H56l72-72Z", opacity: "0.2" }), /* @__PURE__ */ e.createElement("path", { d: "M205.66,106.34l-72-72a8,8,0,0,0-11.32,0l-72,72A8,8,0,0,0,56,120h64v96a8,8,0,0,0,16,0V120h64a8,8,0,0,0,5.66-13.66ZM75.31,104,128,51.31,180.69,104Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M207.39,115.06A8,8,0,0,1,200,120H136v96a8,8,0,0,1-16,0V120H56a8,8,0,0,1-5.66-13.66l72-72a8,8,0,0,1,11.32,0l72,72A8,8,0,0,1,207.39,115.06Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M204.24,116.24a6,6,0,0,1-8.48,0L134,54.49V216a6,6,0,0,1-12,0V54.49L60.24,116.24a6,6,0,0,1-8.48-8.48l72-72a6,6,0,0,1,8.48,0l72,72A6,6,0,0,1,204.24,116.24Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M205.66,117.66a8,8,0,0,1-11.32,0L136,59.31V216a8,8,0,0,1-16,0V59.31L61.66,117.66a8,8,0,0,1-11.32-11.32l72-72a8,8,0,0,1,11.32,0l72,72A8,8,0,0,1,205.66,117.66Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M202.83,114.83a4,4,0,0,1-5.66,0L132,49.66V216a4,4,0,0,1-8,0V49.66L58.83,114.83a4,4,0,0,1-5.66-5.66l72-72a4,4,0,0,1,5.66,0l72,72A4,4,0,0,1,202.83,114.83Z" }))
+  ]
+]), d = e.forwardRef((l, a) => /* @__PURE__ */ e.createElement(p, { ref: a, ...l, weights: u }));
+d.displayName = "ArrowUpIcon";
+const o0 = ({ children: l }) => {
+  const { placements: a, selection: m, view: i } = n.use();
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: h(
+        "data-view-layout-table",
+        `data-view-layout-table--seleciton-mode-${(m == null ? void 0 : m.mode) || "none"}`
+      ),
+      children: /* @__PURE__ */ o("table", { className: "data-view-layout-table__table", children: [
+        /* @__PURE__ */ t("thead", { className: "data-view-layout-table__head", children: /* @__PURE__ */ o("tr", { children: [
+          /* @__PURE__ */ t(
+            n.Checkbox,
+            {
+              as: "td",
+              className: "data-view-layout-table__heading"
+            }
+          ),
+          a.thumbnail && /* @__PURE__ */ t("th", { className: "data-view-layout-table__heading", children: "Thumbnail" }),
+          /* @__PURE__ */ t("th", { className: "data-view-layout-table__heading", children: "Title" }),
+          a.property.map((r) => /* @__PURE__ */ t("th", { className: "data-view-layout-table__heading", children: /* @__PURE__ */ o("div", { className: "data-view-layout-table__heading__property", children: [
+            r.display.header({ field: r }),
+            r.id === i.sortBy && (i.sortOrder === "asc" ? /* @__PURE__ */ t(d, {}) : /* @__PURE__ */ t(c, {}))
+          ] }) }, r.id)),
+          /* @__PURE__ */ t("th", { className: "data-view-layout-table__heading" })
+        ] }) }),
+        l
+      ] })
+    }
+  );
+};
+export {
+  o0 as Root
+};

package/dist/components/data-view/parts/body/empty.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Empty: FC;

package/dist/components/data-view/parts/body/empty.js

@@ -0,0 +1,50 @@
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import '../../../../assets/styles.css';import '../../../../assets/style5.css';import '../../../../assets/style4.css';import '../../../../assets/style3.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';import '../../../../assets/style9.css';/* empty css                         */
+import * as e from "react";
+/* empty css                         */
+/* empty css                         */
+import "../../../../primitives/popover/index.js";
+/* empty css                         */
+import "../../../../primitives/scroll-area/index.js";
+import "../../../../primitives/symbol/index.js";
+/* empty css                         */
+/* empty css                         */
+import { H2 as n } from "../../../../primitives/typography/heading.js";
+import { Paragraph as o } from "../../../../primitives/typography/paragraph.js";
+/* empty css                          */
+import { w as A } from "../../../../SSRBase.es-BUXS72ra.js";
+const i = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M203.63,62.65l13.25-14.58a12,12,0,0,0-17.76-16.14L185.88,46.49A100,100,0,0,0,52.37,193.35L39.12,207.93a12,12,0,1,0,17.76,16.14l13.24-14.56A100,100,0,0,0,203.63,62.65ZM52,128A75.94,75.94,0,0,1,169.58,64.43l-100.91,111A75.6,75.6,0,0,1,52,128Zm76,76a75.52,75.52,0,0,1-41.58-12.43l100.91-111A75.94,75.94,0,0,1,128,204Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216,128a88,88,0,1,1-88-88A88,88,0,0,1,216,128Z", opacity: "0.2" }), /* @__PURE__ */ e.createElement("path", { d: "M198.24,62.63l15.68-17.25a8,8,0,0,0-11.84-10.76L186.4,51.86A95.95,95.95,0,0,0,57.76,193.37L42.08,210.62a8,8,0,1,0,11.84,10.76L69.6,204.14A95.95,95.95,0,0,0,198.24,62.63ZM48,128A80,80,0,0,1,175.6,63.75l-107,117.73A79.63,79.63,0,0,1,48,128Zm80,80a79.55,79.55,0,0,1-47.6-15.75l107-117.73A79.95,79.95,0,0,1,128,208Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M170.49,91.59A56,56,0,0,1,97.54,175ZM128,72a56,56,0,0,0-42.49,92.41l73-83.37A55.67,55.67,0,0,0,128,72Zm104,56A104,104,0,1,1,128,24,104.13,104.13,0,0,1,232,128Zm-32,0a71.68,71.68,0,0,0-18.89-48.55L186,73.27a8,8,0,1,0-12-10.54l-4.91,6.18A72,72,0,0,0,74.89,176.55L70,182.73a8,8,0,0,0,12,10.54l4.91-6.18A71.95,71.95,0,0,0,200,128Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M195.51,62.66,212.44,44A6,6,0,1,0,203.56,36L186.63,54.58A94,94,0,0,0,60.49,193.34L43.56,212A6,6,0,0,0,52.44,220l16.93-18.62A94,94,0,0,0,195.51,62.66ZM46,128A81.93,81.93,0,0,1,178.53,63.49L68.59,184.43A81.69,81.69,0,0,1,46,128Zm82,82a81.57,81.57,0,0,1-50.53-17.49L187.41,71.57A81.94,81.94,0,0,1,128,210Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M198.24,62.63l15.68-17.25a8,8,0,0,0-11.84-10.76L186.4,51.86A95.95,95.95,0,0,0,57.76,193.37L42.08,210.62a8,8,0,1,0,11.84,10.76L69.6,204.14A95.95,95.95,0,0,0,198.24,62.63ZM48,128A80,80,0,0,1,175.6,63.75l-107,117.73A79.63,79.63,0,0,1,48,128Zm80,80a79.55,79.55,0,0,1-47.6-15.75l107-117.73A79.95,79.95,0,0,1,128,208Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M192.76,62.72l18.2-20A4,4,0,0,0,205,37.31l-18.2,20a92,92,0,0,0-123.6,136l-18.2,20A4,4,0,1,0,51,218.69l18.2-20A92,92,0,0,0,192.76,62.72ZM44,128A84,84,0,0,1,181.46,63.25L68.63,187.36A83.72,83.72,0,0,1,44,128Zm84,84a83.64,83.64,0,0,1-53.46-19.25L187.37,68.64A84,84,0,0,1,128,212Z" }))
+  ]
+]), a = e.forwardRef((r, l) => /* @__PURE__ */ e.createElement(A, { ref: l, ...r, weights: i }));
+a.displayName = "EmptyIcon";
+const w = () => /* @__PURE__ */ m("div", { className: "data-view-part-empty", children: [
+  /* @__PURE__ */ t(a, {}),
+  /* @__PURE__ */ t(n, { size: 6, children: "There's nothing here!" }),
+  /* @__PURE__ */ t(o, { variant: "small", children: "That combination of filters didn't turn up any results." })
+] });
+export {
+  w as Empty
+};

package/dist/components/data-view/parts/body/index.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Body: FC;

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

@@ -0,0 +1,64 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useMemo as n } from "react";
+import { getLayoutComponent as a } from "../../data/layout.js";
+import { G as h } from "../../../../index-EQOyE9yF.js";
+import { I as d } from "../../../../index-C2R91pmO.js";
+import "../../slots/property/context.js";
+import '../../../../assets/style23.css';import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style16.css';import '../../../../assets/style15.css';import '../../../../assets/styles5.css';import '../../../../assets/style17.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/style12.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style11.css';import '../../../../assets/style10.css';import '../../../../assets/style8.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/style9.css';import '../../../../assets/style7.css';import '../../../../assets/styles2.css';import '../../../../assets/index13.css';/* empty css                          */
+import "../../../../style-A7_0w2WD.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+import "../../../../primitives/popover/index.js";
+/* empty css                         */
+import "../../../../primitives/scroll-area/index.js";
+import "../../../../primitives/symbol/index.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+/* empty css                          */
+/* empty css                         */
+import "../../../button/index.js";
+import "../../../controls/date-control/component.js";
+/* empty css                         */
+import "../../../../sortable.esm-De3H-_AA.js";
+/* empty css                         */
+/* empty css                               */
+import "../../../toolbar/index.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+import "../../../../types/date.js";
+/* empty css                         */
+import "../../../../style-Bp4uISf6.js";
+import "../../../../options-Cfoqhxw2.js";
+/* empty css                          */
+/* empty css                         */
+/* empty css                         */
+/* empty css                          */
+/* empty css                          */
+/* empty css                         */
+import { R as c } from "../../../../index-DgyEPQBp.js";
+import { Empty as f } from "./empty.js";
+const it = () => {
+  const { view: e, groups: r, primaryKey: s, selection: i } = c.use(), l = n(
+    () => {
+      var t;
+      return r.length !== 0 && !(r.length === 1 && ((t = r[0]) == null ? void 0 : t.items.length) === 0);
+    },
+    [r]
+  ), m = n(() => a(e.layout), [e]);
+  return l ? /* @__PURE__ */ o(m, { children: r.map((t) => /* @__PURE__ */ o(h.Provider, { group: t, children: /* @__PURE__ */ o(m.Group, { children: t.items.length > 0 ? t.items.map((p) => /* @__PURE__ */ o(
+    d.Provider,
+    {
+      item: p,
+      selected: i == null ? void 0 : i.has(p[s]),
+      children: /* @__PURE__ */ o(m.Item, {})
+    },
+    p[s]
+  )) : /* @__PURE__ */ o(m.Empty, {}) }) }, t.id)) }) : /* @__PURE__ */ o(f, {});
+};
+export {
+  it as Body
+};

package/dist/components/data-view/parts/controls/index.d.ts

@@ -0,0 +1,5 @@
+import { FC, PropsWithChildren } from 'react';
+interface ControlsProps extends PropsWithChildren {
+}
+export declare const Controls: FC<ControlsProps>;
+export {};

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

@@ -0,0 +1,139 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { Badge as h } from "../../../badge/index.js";
+import { Button as n } from "../../../button/index.js";
+import '../../../../assets/style23.css';import '../../../../assets/style18.css';import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style16.css';import '../../../../assets/style15.css';import '../../../../assets/styles5.css';import '../../../../assets/style17.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/style12.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style11.css';import '../../../../assets/style10.css';import '../../../../assets/style8.css';import '../../../../assets/style7.css';import '../../../../assets/styles2.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/style9.css';import '../../../../assets/index18.css';/* empty css                         */
+import * as t from "react";
+import { useMemo as v } from "react";
+/* empty css                         */
+/* empty css                         */
+import { Popover as i } from "../../../../primitives/popover/index.js";
+/* empty css                         */
+import "../../../../primitives/scroll-area/index.js";
+import "../../../../primitives/symbol/index.js";
+/* empty css                         */
+import { d as u } from "../../../../index-D7vLJIGX.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                          */
+import { w as g } from "../../../../SSRBase.es-BUXS72ra.js";
+import { getLayoutOptions as w } from "../../data/options.js";
+/* empty css                          */
+import "../../../../style-A7_0w2WD.js";
+/* empty css                         */
+/* empty css                         */
+import "../../../controls/date-control/component.js";
+/* empty css                         */
+import "../../../../sortable.esm-De3H-_AA.js";
+/* empty css                         */
+/* empty css                               */
+import "../../../toolbar/index.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+import "../../../../types/date.js";
+/* empty css                         */
+import "../../../../style-Bp4uISf6.js";
+import "../../../../options-Cfoqhxw2.js";
+/* empty css                          */
+/* empty css                         */
+/* empty css                         */
+/* empty css                          */
+/* empty css                          */
+import { R as V } from "../../../../index-DgyEPQBp.js";
+import "../../slots/group/context.js";
+/* empty css                         */
+import "../../slots/item/context.js";
+import "../../slots/property/context.js";
+/* empty css                         */
+import "../../../tag/index.js";
+import { Filters as _ } from "../filters/index.js";
+import { ViewControl as L } from "../view-control/index.js";
+import { Search as E } from "./search.js";
+const Z = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M234.29,47.91A20,20,0,0,0,216,36H40A20,20,0,0,0,25.2,69.45l.12.14L92,140.75V216a20,20,0,0,0,31.1,16.64l32-21.33A20,20,0,0,0,164,194.66V140.75l66.67-71.16.12-.14A20,20,0,0,0,234.29,47.91Zm-91,79.89A12,12,0,0,0,140,136v56.52l-24,16V136a12,12,0,0,0-3.25-8.2L49.23,60H206.77Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
+      "path",
+      {
+        d: "M221.9,61.38,152,136v58.65a8,8,0,0,1-3.56,6.66l-32,21.33A8,8,0,0,1,104,216V136L34.1,61.38A8,8,0,0,1,40,48H216A8,8,0,0,1,221.9,61.38Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ t.createElement("path", { d: "M230.6,49.53A15.81,15.81,0,0,0,216,40H40A16,16,0,0,0,28.19,66.76l.08.09L96,139.17V216a16,16,0,0,0,24.87,13.32l32-21.34A16,16,0,0,0,160,194.66V139.17l67.74-72.32.08-.09A15.8,15.8,0,0,0,230.6,49.53ZM40,56h0Zm106.18,74.58A8,8,0,0,0,144,136v58.66L112,216V136a8,8,0,0,0-2.16-5.47L40,56H216Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M227.81,66.76l-.08.09L160,139.17v55.49A16,16,0,0,1,152.87,208l-32,21.34A16,16,0,0,1,96,216V139.17L28.27,66.85l-.08-.09A16,16,0,0,1,40,40H216a16,16,0,0,1,11.84,26.76Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M228.77,50.34A13.8,13.8,0,0,0,216,42H40A14,14,0,0,0,29.67,65.42l.06.07L98,138.38V216a14,14,0,0,0,21.77,11.64l32-21.33A14,14,0,0,0,158,194.66V138.38l68.33-73A13.82,13.82,0,0,0,228.77,50.34Zm-11.26,6.94L147.62,131.9A6,6,0,0,0,146,136v58.66a2,2,0,0,1-.89,1.67l-32,21.33A2,2,0,0,1,110,216V136a6,6,0,0,0-1.62-4.1L38.53,57.32A2,2,0,0,1,40,54H216a1.9,1.9,0,0,1,1.83,1.19A1.86,1.86,0,0,1,217.51,57.28Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M230.6,49.53A15.81,15.81,0,0,0,216,40H40A16,16,0,0,0,28.19,66.76l.08.09L96,139.17V216a16,16,0,0,0,24.87,13.32l32-21.34A16,16,0,0,0,160,194.66V139.17l67.74-72.32.08-.09A15.8,15.8,0,0,0,230.6,49.53ZM40,56h0Zm106.18,74.58A8,8,0,0,0,144,136v58.66L112,216V136a8,8,0,0,0-2.16-5.47L40,56H216Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M227,51.15A11.85,11.85,0,0,0,216,44H40a12,12,0,0,0-8.88,20.07l.05.05L100,137.59V216a12,12,0,0,0,18.66,10l32-21.33a12,12,0,0,0,5.35-10V137.59l68.86-73.52A11.85,11.85,0,0,0,227,51.15Zm-8,7.5-69.9,74.62A4,4,0,0,0,148,136v58.65a4,4,0,0,1-1.78,3.33l-32,21.33A4,4,0,0,1,108,216V136a4,4,0,0,0-1.08-2.74L37.05,58.67A4,4,0,0,1,40,52H216a4,4,0,0,1,3,6.65Z" }))
+  ]
+]), p = t.forwardRef((o, r) => /* @__PURE__ */ t.createElement(g, { ref: r, ...o, weights: Z }));
+p.displayName = "FunnelIcon";
+const _1 = ({ children: o }) => {
+  const { view: r, fields: s, setView: c } = V.use(), [m, d] = u(r.filters.length > 0), A = (a) => {
+    c({ ...r, filters: a });
+  }, f = v(
+    () => w(!0).find((a) => a.value === r.layout),
+    [r.layout]
+  );
+  return /* @__PURE__ */ l("div", { className: "data-view-part-controls__wrapper", children: [
+    /* @__PURE__ */ l("div", { className: "data-view-part-controls", children: [
+      /* @__PURE__ */ e(E, {}),
+      /* @__PURE__ */ e(
+        h,
+        {
+          className: "data-view-part-controls__filters",
+          value: r.filters.length,
+          children: /* @__PURE__ */ e(
+            n.Icon,
+            {
+              className: "data-view-part-controls__filters__btn",
+              variant: "quiet",
+              "aria-label": "Toggle Filters",
+              onClick: () => d(),
+              "aria-pressed": m,
+              children: /* @__PURE__ */ e(p, {})
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ l(i, { placement: "bottom-end", children: [
+        /* @__PURE__ */ e(
+          i.Target,
+          {
+            className: "data-view-part-controls__view",
+            render: /* @__PURE__ */ e(n.Icon, { variant: "quiet", "aria-label": "Manage View" }),
+            children: f.icon
+          }
+        ),
+        /* @__PURE__ */ e(i.Window, { children: /* @__PURE__ */ e(L, { className: "data-view-part-controls__view__control" }) })
+      ] }),
+      o && /* @__PURE__ */ e("div", { className: "data-view-part-controls__children", children: o })
+    ] }),
+    m && /* @__PURE__ */ e(
+      _,
+      {
+        className: "component-data-views__filter-list",
+        filters: r.filters,
+        onChangeValue: A,
+        fields: s
+      }
+    )
+  ] });
+};
+export {
+  _1 as Controls
+};

package/dist/components/data-view/parts/controls/search.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+interface SearchProps {
+}
+export declare const Search: FC<SearchProps>;
+export {};