@wrdagency/blockout 1.0.5 → 1.0.7

package/dist/components/controls/tag-control/index.d.ts

@@ -0,0 +1,10 @@
+import { ControlProps } from '../base-control/props';
+import { Tag, Taggable, UnnormalizedCreateTagRules } from './props';
+interface TagControlProps<T extends number | string = string> {
+    value?: Taggable<T>[];
+    onChangeValue?: (value: Tag<T>[]) => void;
+    options?: Taggable<T>[];
+    create?: UnnormalizedCreateTagRules<T>;
+}
+export declare function TagControl<T extends number | string = string>(props: ControlProps<TagControlProps<T>>): import("react/jsx-runtime").JSX.Element;
+export type { Tag, Taggable } from './props';

package/dist/components/controls/tag-control/index.js

@@ -0,0 +1,137 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Colourway as u } from "../../../primitives/colourway/index.js";
+import { noop as S } from "../../../utils/noop.js";
+import { useState as V, useMemo as y } from "react";
+import '../../../assets/style18.css';import '../../../assets/styles.css';import '../../../assets/style7.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';/* 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                       */
+import { o as z } from "../../../Check.es-CMkTf2It.js";
+import { e as R } from "../../../Plus.es-DJ5SuqNv.js";
+import { e as k } from "../../../X.es-TbGOnXOO.js";
+import { m as B } from "../../../match-sorter.esm-MNVE8H_6.js";
+import { BaseControl as I } from "../base-control/index.js";
+import { useBaseControlProps as j } from "../base-control/props.js";
+import { T as L, a as M, b as O, c as A, d as K, C as U, e as $ } from "../../../tag-remove-BVa8oSsq.js";
+import { normalizeTag as _, normalizeCreateTagRules as q } from "./props.js";
+/* empty css                      */
+import { C as D, a as E, c as g } from "../../../MAXQOH4L-DBaf8WKp.js";
+function vo(d) {
+  const { baseProps: h, controlProps: v } = j(d, {
+    className: "component-tag-control"
+  }), [a, b] = V(""), {
+    value: f = [],
+    onChangeValue: C = S,
+    options: N = [],
+    create: w = !1
+  } = v, m = N.map(_), c = f.map(_), r = q(w), n = y(() => B(m, a, {
+    baseSort: (o, l) => o.index < l.index ? -1 : 1,
+    keys: ["label", "value"]
+  }), [a]), p = !n.length && r.allow(a), x = n.length > 0 || p, T = (o) => {
+    const l = o.map((s) => {
+      const i = m.find((P) => P.value == s);
+      if (i)
+        return i;
+      if (r.allow(s))
+        return r.create(s);
+    }).filter(Boolean);
+    C(l);
+  };
+  return /* @__PURE__ */ e(
+    L,
+    {
+      values: c.map((o) => String(o.value)),
+      setValues: T,
+      value: a,
+      setValue: b,
+      children: /* @__PURE__ */ e(I, { ...h, children: /* @__PURE__ */ t(M, { className: "component-tag-control__box", children: [
+        c.map((o) => /* @__PURE__ */ t(
+          u,
+          {
+            value: String(o.value),
+            as: O,
+            theme: o.colourway,
+            className: "component-tag-control__tag",
+            children: [
+              /* @__PURE__ */ e("span", { className: "component-tag-control__tag__label", children: o.label }),
+              /* @__PURE__ */ e(A, { className: "component-tag-control__tag__remove", children: /* @__PURE__ */ e(k, {}) })
+            ]
+          },
+          o.value
+        )),
+        /* @__PURE__ */ t(D, { children: [
+          /* @__PURE__ */ e(
+            E,
+            {
+              autoSelect: !0,
+              showMinLength: 1,
+              showOnKeyPress: !0,
+              autoComplete: "both",
+              render: /* @__PURE__ */ e(K, {}),
+              className: "component-tag-control__input"
+            }
+          ),
+          x && /* @__PURE__ */ t(
+            U,
+            {
+              className: "component-tag-control__popover",
+              "data-colour-scheme": "invert",
+              wrapperProps: {
+                className: "component-tag-control__popover__wrapper"
+              },
+              fitViewport: !0,
+              gutter: 8,
+              overflowPadding: 4,
+              children: [
+                n.map((o) => /* @__PURE__ */ t(
+                  g,
+                  {
+                    value: String(o.value),
+                    className: "component-tag-control__option",
+                    children: [
+                      /* @__PURE__ */ e(
+                        u,
+                        {
+                          className: "component-tag-control__option__chip",
+                          theme: o.colourway
+                        }
+                      ),
+                      /* @__PURE__ */ e("span", { className: "component-tag-control__option__label", children: o.label }),
+                      /* @__PURE__ */ e($, { className: "component-tag-control__option__check", children: /* @__PURE__ */ e(z, {}) })
+                    ]
+                  },
+                  o.value
+                )),
+                p && /* @__PURE__ */ t(
+                  g,
+                  {
+                    value: a,
+                    className: "component-tag-control__option component-tag-control__option--create",
+                    children: [
+                      /* @__PURE__ */ e(R, { className: "component-tag-control__option--add" }),
+                      /* @__PURE__ */ t("span", { className: "component-tag-control__option__label", children: [
+                        'Add "',
+                        a.toUpperCase(),
+                        '"'
+                      ] })
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      ] }) })
+    }
+  );
+}
+export {
+  vo as TagControl
+};

package/dist/components/controls/tag-control/props.d.ts

@@ -0,0 +1,20 @@
+import { ColourwayTheme } from '../../../primitives';
+export type Tag<T extends string | number = string> = {
+    value: T;
+    label: string;
+    colourway: ColourwayTheme;
+};
+export type PartialTag<T extends string | number = string> = Partial<Tag<T>> & {
+    value: T;
+};
+export type Taggable<T extends string | number = string> = Tag<T> | PartialTag<T> | T;
+export type CreateTagRules<T extends number | string = string> = {
+    create: (input: string) => Tag<T>;
+    allow: (input: string) => boolean;
+};
+export type UnnormalizedCreateTagRules<T extends number | string = string> = boolean | {
+    create?: ((input: string) => PartialTag<T>) | "slugify" | "uuid";
+    allow?: (input: string) => boolean;
+};
+export declare function normalizeTag<T extends string | number = string>(opt: Taggable<T>): Tag<T>;
+export declare function normalizeCreateTagRules<T extends string | number = string>(rules: UnnormalizedCreateTagRules<T>): CreateTagRules<T>;

package/dist/components/controls/tag-control/props.js

@@ -0,0 +1,57 @@
+import "react/jsx-runtime";
+import '../../../assets/styles.css';import '../../../assets/style7.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';/* empty css                      */
+import { getRandomTheme as t } from "../../../primitives/colourway/util.js";
+import "react";
+/* 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                       */
+import { slugify as a } from "../../../utils/string.js";
+function U(r) {
+  return typeof r == "string" || typeof r == "number" ? {
+    value: r,
+    label: String(r),
+    colourway: t(r)
+  } : {
+    label: r.label || String(r.value),
+    colourway: t(r.value),
+    ...r
+  };
+}
+function h(r) {
+  const e = (o) => {
+    var i = o;
+    if (typeof r == "boolean" || typeof r.create > "u" || r.create === "slugify")
+      i = a(o);
+    else if (r.create === "uuid")
+      i = crypto.randomUUID();
+    else
+      return {
+        label: o,
+        colourway: t(o),
+        ...r.create(o)
+      };
+    return { label: o, colourway: t(o), value: i };
+  };
+  return r === !0 ? {
+    create: e,
+    allow: () => !0
+  } : r === !1 ? {
+    create: e,
+    allow: () => !1
+  } : {
+    create: e,
+    allow: r.allow ? r.allow : () => !0
+  };
+}
+export {
+  h as normalizeCreateTagRules,
+  U as normalizeTag
+};

package/dist/components/controls/text-control/index.js

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import { noop as r } from "../../../utils/noop.js";
 import { BaseControl as m } from "../base-control/index.js";
 import { useBaseControlProps as c } from "../base-control/props.js";
-import '../../../assets/style17.css';/* empty css                      */
+import '../../../assets/style19.css';/* empty css                      */
 const x = (t) => {
   const { baseProps: e, controlProps: s } = c(t, {
     className: "component-text-control"

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

@@ -1,7 +1,7 @@
-import { b as H } from "../../../sortable.esm-De3H-_AA.js";
+import { d as H } from "../../../sortable.esm-BuV7eW2H.js";
 import { g as J } from "../../../_commonjsHelpers-C6fGbg64.js";
-import { useMemo as L } from "react";
-var V = {}, q = {}, G;
+import { useMemo as O } from "react";
+var b = {}, q = {}, G;
 function D() {
   return G || (G = 1, function(e) {
     e.__esModule = !0, e.default = y;
@@ -53,8 +53,8 @@ function A() {
     })) {
       var _ = 1.5 + T * 0.2;
       return [_, m.map(function(k) {
-        var b = t.indexOf(k);
-        return [b, b + k.length - 1];
+        var L = t.indexOf(k);
+        return [L, L + k.length - 1];
       }).sort(y)];
     }
     return z > -1 ? [2, [[z, z + c - 1]]] : p === "aggressive" ? g(t, o) : p === "smart" ? l(t, o) : null;
@@ -124,9 +124,9 @@ function A() {
     return function(p) {
       var c = [], v = (0, e.default)(p), x = v.split(" ");
       return v.length ? (m.forEach(function(M) {
-        for (var z = M[0], T = M[1], _ = r, k = [], b = 0, P = T.length; b < P; b += 1) {
-          var O = T[b], N = O[0], I = O[1], X = O[2], R = i(N, I, X, p, v, x, F);
-          R ? (_ = Math.min(_, R[0]), k.push(R[1])) : k.push(null);
+        for (var z = M[0], T = M[1], _ = r, k = [], L = 0, P = T.length; L < P; L += 1) {
+          var R = T[L], N = R[0], I = R[1], X = R[2], V = i(N, I, X, p, v, x, F);
+          V ? (_ = Math.min(_, V[0]), k.push(V[1])) : k.push(null);
         }
         _ < r && c.push({
           item: z,
@@ -153,7 +153,7 @@ function U() {
     function y(s, u) {
       return A().fuzzyMatchImpl(s, u);
     }
-  }(V)), V;
+  }(b)), b;
 }
 var Y = U();
 const Z = /* @__PURE__ */ J(Y);
@@ -280,13 +280,13 @@ function rr(e, a, r, d) {
   return e;
 }
 function ur(e, a, r, d, y) {
-  const s = L(
+  const s = O(
     () => $(e, a, r.filters),
     [e, a, r.filters]
-  ), u = L(
+  ), u = O(
     () => K(s, a, r.search),
     [s, a, r.search]
-  ), i = L(
+  ), i = O(
     () => Q(
       u,
       a,
@@ -295,7 +295,7 @@ function ur(e, a, r, d, y) {
       !!r.search
     ),
     [u, a, r.sortBy, r.sortOrder, !!r.search]
-  ), g = L(
+  ), g = O(
     () => j(
       i,
       a,
@@ -314,7 +314,7 @@ function ur(e, a, r, d, y) {
       d,
       r.relationships
     ]
-  ), l = L(
+  ), l = O(
     () => w(
       g,
       r.perPage,
@@ -324,7 +324,7 @@ function ur(e, a, r, d, y) {
     ),
     [g, r.perPage, r.page, e.length, r.includeEmptyGroups]
   );
-  return L(
+  return O(
     () => rr(
       l,
       d,

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import '../../../assets/styles4.css';import '../../../assets/styles3.css';import '../../../assets/style16.css';import '../../../assets/styles5.css';import '../../../assets/style18.css';import '../../../assets/style15.css';import '../../../assets/style14.css';import '../../../assets/style13.css';import '../../../assets/prosemirror.css';import '../../../assets/style12.css';import '../../../assets/style11.css';import '../../../assets/style9.css';import '../../../assets/styles.css';import '../../../assets/style7.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';import '../../../assets/style8.css';import '../../../assets/styles2.css';/* empty css                       */
-import "../../../style-C7eFpUVU.js";
+import '../../../assets/styles4.css';import '../../../assets/styles3.css';import '../../../assets/style18.css';import '../../../assets/style17.css';import '../../../assets/styles5.css';import '../../../assets/style16.css';import '../../../assets/style20.css';import '../../../assets/style15.css';import '../../../assets/style14.css';import '../../../assets/style13.css';import '../../../assets/prosemirror.css';import '../../../assets/style12.css';import '../../../assets/style11.css';import '../../../assets/style9.css';import '../../../assets/styles.css';import '../../../assets/style7.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';import '../../../assets/style8.css';import '../../../assets/styles2.css';/* empty css                       */
+import "../../../style-CWAa57kN.js";
 /* empty css                      */
 import "../../../types/options.js";
 /* empty css                      */
@@ -20,7 +20,7 @@ import "../../../primitives/symbol/index.js";
 import "../../button/index.js";
 import "../../controls/date-control/component.js";
 /* empty css                      */
-import "../../../sortable.esm-De3H-_AA.js";
+import "../../../sortable.esm-BuV7eW2H.js";
 /* empty css                      */
 /* empty css                            */
 import "../../toolbar/index.js";
@@ -31,19 +31,21 @@ import "../../../types/date.js";
 /* empty css                      */
 import "../../controls/select-control/control.js";
 import "../../../options-Cfoqhxw2.js";
-import "../../../style-tA0yiKCL.js";
+import "../../../match-sorter.esm-MNVE8H_6.js";
+/* empty css                      */
 /* empty css                       */
 /* empty css                      */
+/* empty css                      */
 import "../../controls/text-control/index.js";
 /* empty css                       */
 /* empty css                       */
-import { c as O, e as P, b as Q, i as R, a as S, n as T, s as U } from "../../../filter-C-ZkRgt_.js";
+import { c as Q, e as R, b as S, i as T, a as U, n as V, s as X } from "../../../filter-GoxwLwkT.js";
 export {
-  O as contains,
-  P as endsWith,
-  Q as inArray,
-  R as is,
-  S as isNot,
-  T as notInArray,
-  U as startsWith
+  Q as contains,
+  R as endsWith,
+  S as inArray,
+  T as is,
+  U as isNot,
+  V as notInArray,
+  X as startsWith
 };

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

@@ -1,5 +1,5 @@
 import { useSchema as r, useView as t } from "./api.js";
-import { f as s } from "../../filter-C-ZkRgt_.js";
+import { f as s } from "../../filter-GoxwLwkT.js";
 import { Root as m } from "./root.js";
 export {
   m as DataView,

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

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import '../../../../assets/style20.css';/* empty css                         */
+import '../../../../assets/style22.css';/* empty css                         */
 const i = () => /* @__PURE__ */ t("div", { className: "data-view-layout-grid__empty", children: "No items." });
 export {
   i as Empty

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

@@ -1,10 +1,10 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { G as i } from "../../../../index-BW-2OhmK.js";
+import { G as i } from "../../../../index-DJ2XZnew.js";
 import "react";
 import "../../../button/index.js";
-import '../../../../assets/style20.css';import '../../../../assets/style24.css';import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style17.css';import '../../../../assets/style16.css';import '../../../../assets/styles5.css';import '../../../../assets/style18.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style12.css';import '../../../../assets/style11.css';import '../../../../assets/style9.css';import '../../../../assets/styles.css';import '../../../../assets/style7.css';import '../../../../assets/style6.css';import '../../../../assets/style5.css';import '../../../../assets/style4.css';import '../../../../assets/style3.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';import '../../../../assets/style10.css';import '../../../../assets/style8.css';import '../../../../assets/styles2.css';import '../../../../assets/style19.css';/* empty css                         */
+import '../../../../assets/style22.css';import '../../../../assets/style26.css';import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style19.css';import '../../../../assets/style18.css';import '../../../../assets/style17.css';import '../../../../assets/styles5.css';import '../../../../assets/style16.css';import '../../../../assets/style20.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style12.css';import '../../../../assets/style11.css';import '../../../../assets/style9.css';import '../../../../assets/styles.css';import '../../../../assets/style7.css';import '../../../../assets/style6.css';import '../../../../assets/style5.css';import '../../../../assets/style4.css';import '../../../../assets/style3.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';import '../../../../assets/style10.css';import '../../../../assets/style8.css';import '../../../../assets/styles2.css';import '../../../../assets/style21.css';/* empty css                         */
 /* empty css                          */
-import "../../../../style-C7eFpUVU.js";
+import "../../../../style-CWAa57kN.js";
 /* empty css                         */
 /* empty css                         */
 /* empty css                         */
@@ -21,7 +21,7 @@ import "../../../../primitives/symbol/index.js";
 /* empty css                         */
 import "../../../controls/date-control/component.js";
 /* empty css                         */
-import "../../../../sortable.esm-De3H-_AA.js";
+import "../../../../sortable.esm-BuV7eW2H.js";
 /* empty css                         */
 /* empty css                               */
 import "../../../toolbar/index.js";
@@ -30,11 +30,13 @@ import "../../../toolbar/index.js";
 /* empty css                         */
 import "../../../../types/date.js";
 /* empty css                         */
-import "../../../../style-tA0yiKCL.js";
+import "../../../../match-sorter.esm-MNVE8H_6.js";
+/* empty css                         */
 import "../../../../options-Cfoqhxw2.js";
 /* empty css                          */
 /* empty css                         */
 /* empty css                         */
+/* empty css                         */
 /* empty css                          */
 /* empty css                          */
 import "../../slots/root/context.js";
@@ -43,7 +45,7 @@ import "../../slots/property/context.js";
 /* empty css                         */
 import "../../../tag/index.js";
 /* empty css                         */
-const W = ({ children: t }) => /* @__PURE__ */ o("div", { className: "data-view-layout-grid__group", children: [
+const Y = ({ children: t }) => /* @__PURE__ */ o("div", { className: "data-view-layout-grid__group", children: [
   /* @__PURE__ */ o("div", { className: "data-view-layout-grid__group__header", children: [
     /* @__PURE__ */ r(i.Checkbox, {}),
     /* @__PURE__ */ o("h2", { className: "data-view-layout-grid__group__heading", children: [
@@ -54,5 +56,5 @@ const W = ({ children: t }) => /* @__PURE__ */ o("div", { className: "data-view-
   /* @__PURE__ */ r("div", { className: "data-view-layout-grid__group__grid", children: t })
 ] });
 export {
-  W as Group
+  Y as Group
 };

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

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as i } from "react/jsx-runtime";
-import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style17.css';import '../../../../assets/style16.css';import '../../../../assets/styles5.css';import '../../../../assets/style18.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style12.css';import '../../../../assets/style11.css';import '../../../../assets/style9.css';import '../../../../assets/style8.css';import '../../../../assets/styles2.css';import '../../../../assets/styles.css';import '../../../../assets/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';/* empty css                         */
+import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style19.css';import '../../../../assets/style18.css';import '../../../../assets/style17.css';import '../../../../assets/styles5.css';import '../../../../assets/style16.css';import '../../../../assets/style20.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style12.css';import '../../../../assets/style11.css';import '../../../../assets/style9.css';import '../../../../assets/style8.css';import '../../../../assets/styles2.css';import '../../../../assets/styles.css';import '../../../../assets/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';/* empty css                         */
 import "react";
 /* empty css                         */
 /* empty css                         */
@@ -14,13 +14,13 @@ import { H3 as o } from "../../../../primitives/typography/heading.js";
 import { Paragraph as m } from "../../../../primitives/typography/paragraph.js";
 /* empty css                          */
 /* empty css                          */
-import "../../../../style-C7eFpUVU.js";
+import "../../../../style-CWAa57kN.js";
 /* empty css                         */
 /* empty css                         */
 import "../../../button/index.js";
 import "../../../controls/date-control/component.js";
 /* empty css                         */
-import "../../../../sortable.esm-De3H-_AA.js";
+import "../../../../sortable.esm-BuV7eW2H.js";
 /* empty css                         */
 /* empty css                               */
 import "../../../toolbar/index.js";
@@ -29,17 +29,19 @@ import "../../../toolbar/index.js";
 /* empty css                         */
 import "../../../../types/date.js";
 /* empty css                         */
-import "../../../../style-tA0yiKCL.js";
+import "../../../../match-sorter.esm-MNVE8H_6.js";
+/* empty css                         */
 import "../../../../options-Cfoqhxw2.js";
 /* empty css                          */
 /* empty css                         */
 /* empty css                         */
+/* empty css                         */
 /* empty css                          */
 /* empty css                          */
 import "../../slots/root/context.js";
 import "../../slots/group/context.js";
-import { I as t, P as r } from "../../../../index-DI0cEpya.js";
-const V = ({}) => {
+import { I as t, P as r } from "../../../../index-C_xrLeQq.js";
+const X = ({}) => {
   const { selected: e } = t.use();
   return /* @__PURE__ */ a("figure", { className: "data-view-layout-grid__item", "aria-selected": e, children: [
     /* @__PURE__ */ a("div", { className: "data-view-layout-grid__media", children: [
@@ -95,5 +97,5 @@ const V = ({}) => {
   ] });
 };
 export {
-  V as Item
+  X as Item
 };

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

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import '../../../../assets/style20.css';/* empty css                         */
+import '../../../../assets/style22.css';/* empty css                         */
 const i = ({ children: o }) => /* @__PURE__ */ t("div", { className: "data-view-layout-grid", children: o });
 export {
   i as Root

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

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import '../../../../assets/style21.css';/* empty css                         */
+import '../../../../assets/style23.css';/* empty css                         */
 const m = () => /* @__PURE__ */ t("div", { className: "data-view-layout-list__empty", children: "No items." });
 export {
   m as Empty

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

@@ -1,10 +1,10 @@
 import { jsxs as r, jsx as o } from "react/jsx-runtime";
-import { G as t } from "../../../../index-BW-2OhmK.js";
+import { G as t } from "../../../../index-DJ2XZnew.js";
 import "react";
 import "../../../button/index.js";
-import '../../../../assets/style21.css';import '../../../../assets/style24.css';import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style17.css';import '../../../../assets/style16.css';import '../../../../assets/styles5.css';import '../../../../assets/style18.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style12.css';import '../../../../assets/style11.css';import '../../../../assets/style9.css';import '../../../../assets/styles.css';import '../../../../assets/style7.css';import '../../../../assets/style6.css';import '../../../../assets/style5.css';import '../../../../assets/style4.css';import '../../../../assets/style3.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';import '../../../../assets/style10.css';import '../../../../assets/style8.css';import '../../../../assets/styles2.css';import '../../../../assets/style19.css';/* empty css                         */
+import '../../../../assets/style23.css';import '../../../../assets/style26.css';import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style19.css';import '../../../../assets/style18.css';import '../../../../assets/style17.css';import '../../../../assets/styles5.css';import '../../../../assets/style16.css';import '../../../../assets/style20.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style12.css';import '../../../../assets/style11.css';import '../../../../assets/style9.css';import '../../../../assets/styles.css';import '../../../../assets/style7.css';import '../../../../assets/style6.css';import '../../../../assets/style5.css';import '../../../../assets/style4.css';import '../../../../assets/style3.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';import '../../../../assets/style10.css';import '../../../../assets/style8.css';import '../../../../assets/styles2.css';import '../../../../assets/style21.css';/* empty css                         */
 /* empty css                          */
-import "../../../../style-C7eFpUVU.js";
+import "../../../../style-CWAa57kN.js";
 /* empty css                         */
 /* empty css                         */
 /* empty css                         */
@@ -21,7 +21,7 @@ import "../../../../primitives/symbol/index.js";
 /* empty css                         */
 import "../../../controls/date-control/component.js";
 /* empty css                         */
-import "../../../../sortable.esm-De3H-_AA.js";
+import "../../../../sortable.esm-BuV7eW2H.js";
 /* empty css                         */
 /* empty css                               */
 import "../../../toolbar/index.js";
@@ -30,11 +30,13 @@ import "../../../toolbar/index.js";
 /* empty css                         */
 import "../../../../types/date.js";
 /* empty css                         */
-import "../../../../style-tA0yiKCL.js";
+import "../../../../match-sorter.esm-MNVE8H_6.js";
+/* empty css                         */
 import "../../../../options-Cfoqhxw2.js";
 /* empty css                          */
 /* empty css                         */
 /* empty css                         */
+/* empty css                         */
 /* empty css                          */
 /* empty css                          */
 import "../../slots/root/context.js";
@@ -43,7 +45,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-kanban__group", children: [
+const Y = ({ children: i }) => /* @__PURE__ */ r("div", { className: "data-view-layout-kanban__group", children: [
   /* @__PURE__ */ r("div", { className: "data-view-layout-kanban__group__header", children: [
     /* @__PURE__ */ o(t.Checkbox, { className: "data-view-layout-kanban__group__checkbox" }),
     /* @__PURE__ */ r("h2", { className: "data-view-layout-kanban__group__heading", children: [
@@ -54,5 +56,5 @@ const W = ({ children: i }) => /* @__PURE__ */ r("div", { className: "data-view-
   /* @__PURE__ */ o("ul", { className: "data-view-layout-kanban__group__list", children: i })
 ] });
 export {
-  W as Group
+  Y as Group
 };