@wrdagency/blockout 0.1.10 → 1.0.1

package/dist/components/tabs/root.js

@@ -1,17 +1,17 @@
-import { jsx as P } from "react/jsx-runtime";
-import { cn as F } from "../../utils/css.js";
-import { u as U } from "../../DG5U6ZEL-CVj-Czp2.js";
-import { c as k, a as z, b as A } from "../../4CMBR7SL-BAGv8IL2.js";
-import { u as K } from "../../S43UC3DV-Dn8EFLaT.js";
-import { m as N, o as O, c as R, s as f, b as l, g as W, e as y, f as M } from "../../YV4JVR4I-kvospPUa.js";
-import { $ as X, Y as p, X as I, U as S, a0 as T, m as B, o as L, Z as V } from "../../LMDWO4NN--KEvZePp.js";
-import { useMemo as Y } from "react";
-import { b as Z } from "../../UYGDZTLQ-DcCmv5SE.js";
-function q(e = {}) {
+import { jsx as _ } from "react/jsx-runtime";
+import { cn as R } from "../../utils/css.js";
+import { u as $ } from "../../DG5U6ZEL-C7eLVyh-.js";
+import { c as k, a as z, b as A } from "../../4CMBR7SL-xNGezbCB.js";
+import { u as K } from "../../S43UC3DV-erT1ucAd.js";
+import { m as N, o as O, c as Q, s as I, e as l, g as U, b as y, d as T } from "../../YV4JVR4I-BXEaRiAN.js";
+import { P as W, Q as p, S as f, R as S, a1 as M, m as B, o as L, T as V } from "../../LMDWO4NN-DdLnHzru.js";
+import { useMemo as q } from "react";
+import { b as w } from "../../UYGDZTLQ-fOwUiOjI.js";
+function D(e = {}) {
   var n = e, {
     composite: o,
     combobox: c
-  } = n, d = X(n, [
+  } = n, d = W(n, [
     "composite",
     "combobox"
   ]);
@@ -36,30 +36,30 @@ function q(e = {}) {
     // `false` since we don't want the composite store to default it to `true`
     // when the activeId state is null, which could be the case when rendering
     // combobox with tab.
-    includesBaseElement: I(
+    includesBaseElement: f(
       d.includesBaseElement,
       r == null ? void 0 : r.includesBaseElement,
       !1
     ),
-    orientation: I(
+    orientation: f(
       d.orientation,
       r == null ? void 0 : r.orientation,
       "horizontal"
     ),
-    focusLoop: I(d.focusLoop, r == null ? void 0 : r.focusLoop, !0)
+    focusLoop: f(d.focusLoop, r == null ? void 0 : r.focusLoop, !0)
   })), x = z(), j = p(S({}, b.getState()), {
-    selectedId: I(
+    selectedId: f(
       d.selectedId,
       r == null ? void 0 : r.selectedId,
       d.defaultSelectedId
     ),
-    selectOnMove: I(
+    selectOnMove: f(
       d.selectOnMove,
       r == null ? void 0 : r.selectOnMove,
       !0
     )
-  }), t = R(j, b, v);
-  f(
+  }), t = Q(j, b, v);
+  I(
     t,
     () => l(t, ["moves"], () => {
       const { activeId: s, selectOnMove: a } = t.getState();
@@ -69,16 +69,16 @@ function q(e = {}) {
     })
   );
   let h = !0;
-  f(
+  I(
     t,
-    () => W(t, ["selectedId"], (s, a) => {
+    () => U(t, ["selectedId"], (s, a) => {
       if (!h) {
         h = !0;
         return;
       }
       o && s.selectedId === a.selectedId || t.setState("activeId", s.selectedId);
     })
-  ), f(
+  ), I(
     t,
     () => l(t, ["selectedId", "renderedItems"], (s) => {
       if (s.selectedId !== void 0) return;
@@ -86,41 +86,41 @@ function q(e = {}) {
       if (m && !m.disabled && !m.dimmed)
         t.setState("selectedId", m.id);
       else {
-        const _ = i.find(
+        const P = i.find(
           (u) => !u.disabled && !u.dimmed
         );
-        t.setState("selectedId", _ == null ? void 0 : _.id);
+        t.setState("selectedId", P == null ? void 0 : P.id);
       }
     })
-  ), f(
+  ), I(
     t,
     () => l(t, ["renderedItems"], (s) => {
       const a = s.renderedItems;
       if (a.length)
         return l(x, ["renderedItems"], (i) => {
           const m = i.renderedItems;
-          m.some((u) => !u.tabId) && m.forEach((u, $) => {
+          m.some((u) => !u.tabId) && m.forEach((u, F) => {
             if (u.tabId) return;
-            const E = a[$];
+            const E = a[F];
             E && x.renderItem(p(S({}, u), { tabId: E.id }));
           });
         });
     })
   );
   let C = null;
-  return f(t, () => {
+  return I(t, () => {
     const s = () => {
       C = t.getState().selectedId;
     }, a = () => {
       h = !1, t.setState("selectedId", C);
     };
     if (o && "setSelectElement" in o)
-      return T(
+      return M(
         l(o, ["value"], s),
         l(o, ["mounted"], a)
       );
     if (c)
-      return T(
+      return M(
         l(c, ["selectedValue"], s),
         l(c, ["mounted"], a)
       );
@@ -132,26 +132,26 @@ function q(e = {}) {
     }
   });
 }
-function w(e, n, o) {
-  V(n, [o.composite, o.combobox]), e = A(e, n, o), M(e, o, "selectedId", "setSelectedId"), M(e, o, "selectOnMove");
+function G(e, n, o) {
+  V(n, [o.composite, o.combobox]), e = A(e, n, o), T(e, o, "selectedId", "setSelectedId"), T(e, o, "selectOnMove");
   const [c, d] = y(() => e.panels, {});
   return V(d, [e, d]), Object.assign(
-    Y(() => B(L({}, e), { panels: c }), [e, c]),
+    q(() => B(L({}, e), { panels: c }), [e, c]),
     { composite: o.composite, combobox: o.combobox }
   );
 }
-function D(e = {}) {
-  const n = K(), o = U() || n;
+function H(e = {}) {
+  const n = K(), o = $() || n;
   e = B(L({}, e), {
     composite: e.composite !== void 0 ? e.composite : o,
     combobox: e.combobox !== void 0 ? e.combobox : n
   });
-  const [c, d] = y(q, e);
-  return w(c, d, e);
+  const [c, d] = y(D, e);
+  return G(c, d, e);
 }
-function G(e = {}) {
-  const n = D(e);
-  return /* @__PURE__ */ P(Z, { value: n, children: e.children });
+function J(e = {}) {
+  const n = H(e);
+  return /* @__PURE__ */ _(w, { value: n, children: e.children });
 }
 const ce = ({
   value: e,
@@ -159,13 +159,13 @@ const ce = ({
   defaultValue: o,
   className: c,
   children: d
-}) => /* @__PURE__ */ P(
-  G,
+}) => /* @__PURE__ */ _(
+  J,
   {
     selectedId: e,
     setSelectedId: n,
     defaultSelectedId: o,
-    children: /* @__PURE__ */ P("div", { className: F("component-tabs", c), children: d })
+    children: /* @__PURE__ */ _("div", { className: R("component-tabs", c), children: d })
   }
 );
 export {

package/dist/components/tabs/tab.js

@@ -1,9 +1,9 @@
 import { jsx as m } from "react/jsx-runtime";
 import { cn as N } from "../../utils/css.js";
-import { u as w } from "../../UYGDZTLQ-DcCmv5SE.js";
-import { C, u as E } from "../../6VRAQV3D-2rb_aClP.js";
-import { a as F } from "../../YV4JVR4I-kvospPUa.js";
-import { r as V, f as W, a as D, q as j, _ as A, i as q, s as H, t as L, m as a, o as r, e as O } from "../../LMDWO4NN--KEvZePp.js";
+import { a as w } from "../../UYGDZTLQ-fOwUiOjI.js";
+import { C, u as E } from "../../6VRAQV3D-BoLhl3hf.js";
+import { a as F } from "../../YV4JVR4I-BXEaRiAN.js";
+import { s as V, f as W, c as D, a as j, _ as A, i as q, q as H, t as L, m as a, o as r, e as O } from "../../LMDWO4NN-DdLnHzru.js";
 import { useCallback as $ } from "react";
 var y = "button", z = D(function(i) {
   var n = i, {

package/dist/components/tag/index.js

@@ -0,0 +1,8 @@
+import { List as o } from "./list.js";
+import { Tag as t } from "./tag.js";
+import '../../assets/index10.css';const s = Object.assign(t, {
+  List: o
+});
+export {
+  s as Tag
+};

package/dist/components/tag/list.d.ts

@@ -0,0 +1,8 @@
+import { FC, PropsWithChildren } from 'react';
+import { TagObject } from './types';
+interface ListProps extends PropsWithChildren {
+    className?: string;
+    items?: TagObject[];
+}
+export declare const List: FC<ListProps>;
+export {};

package/dist/components/tag/list.js

@@ -0,0 +1,10 @@
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import { cn as i } from "../../utils/css.js";
+import { Tag as p } from "./tag.js";
+const d = ({ className: l, items: o, children: c }) => /* @__PURE__ */ n("div", { className: i("component-tag-list", l), role: "list", children: [
+  o == null ? void 0 : o.map((r) => /* @__PURE__ */ a(p, { colourway: r.colourway, children: r.label }, r.id)),
+  c
+] });
+export {
+  d as List
+};

package/dist/components/tag/tag.d.ts

@@ -0,0 +1,8 @@
+import { ColourwayTheme } from '../../primitives';
+import { FC, PropsWithChildren } from 'react';
+interface TagProps extends PropsWithChildren {
+    className?: string;
+    colourway?: ColourwayTheme;
+}
+export declare const Tag: FC<TagProps>;
+export {};

package/dist/components/tag/tag.js

@@ -0,0 +1,26 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Colourway as p } from "../../primitives/colourway/index.js";
+import { cn as i } from "../../utils/css.js";
+import "react";
+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';/* 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                    */
+const w = ({ className: o, colourway: r, children: m }) => /* @__PURE__ */ t(
+  p,
+  {
+    as: "div",
+    theme: r,
+    className: i("component-tag", o),
+    children: m
+  }
+);
+export {
+  w as Tag
+};

package/dist/components/tag/types.d.ts

@@ -0,0 +1,6 @@
+import { ColourwayTheme } from '../../primitives';
+export type TagObject = {
+    id: string;
+    label: string;
+    colourway?: ColourwayTheme;
+};

package/dist/components/tag/types.js

@@ -0,0 +1 @@
+

package/dist/components/toolbar/divider.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface DividerProps {
+    className?: string;
+}
+export declare const Divider: FC<DividerProps>;
+export {};

package/dist/components/toolbar/divider.js

@@ -0,0 +1,24 @@
+import { jsx as p } from "react/jsx-runtime";
+import { cn as m } from "../../utils/css.js";
+import { u as n } from "../../A3WPL2ZJ-D0Eh1dEB.js";
+import { u as c } from "../../TP7N7UIH-mdk33dnV.js";
+import { f as i, c as u, a as f, _ as l, o as b } from "../../LMDWO4NN-DdLnHzru.js";
+var _ = "hr", v = u(
+  function(a) {
+    var r = a, { store: e } = r, t = l(r, ["store"]);
+    const s = n();
+    return e = e || s, t = c(b({ store: e }, t)), t;
+  }
+), T = i(function(a) {
+  const r = v(a);
+  return f(_, r);
+});
+const C = ({ className: o }) => /* @__PURE__ */ p(
+  T,
+  {
+    className: m("component-toolbar__divider", o)
+  }
+);
+export {
+  C as Divider
+};

package/dist/components/toolbar/index.js

@@ -1,27 +1,31 @@
 import { createComposite as n } from "../../utils/components.js";
-import { Button as c } from "../button/index.js";
-import { u, R as i } from "../../root-CaKPdqzv.js";
-import { u as l } from "../../6VRAQV3D-2rb_aClP.js";
-import { r as p, f as b, a as f, q as _, _ as I, o as T } from "../../LMDWO4NN--KEvZePp.js";
-import '../../assets/index13.css';var v = "button", R = f(
+import { Button as i } from "../button/index.js";
+import { Divider as c } from "./divider.js";
+import { Root as p } from "./root.js";
+import { u } from "../../A3WPL2ZJ-D0Eh1dEB.js";
+import { u as l } from "../../6VRAQV3D-BoLhl3hf.js";
+import { s as b, f, c as _, a as I, _ as T, o as v } from "../../LMDWO4NN-DdLnHzru.js";
+import '../../assets/index17.css';var d = "button", g = _(
   function(t) {
-    var o = t, { store: e } = o, r = I(o, ["store"]);
+    var o = t, { store: r } = o, e = T(o, ["store"]);
     const m = u();
-    return e = e || m, r = l(T({ store: e }, r)), r;
+    return r = r || m, e = l(v({ store: r }, e)), e;
   }
-), a = p(
-  b(function(t) {
-    const o = R(t);
-    return _(v, o);
+), a = b(
+  f(function(t) {
+    const o = g(t);
+    return I(d, o);
   })
 );
-const B = Object.assign(i, {
+const k = Object.assign(p, {
   Generic: a,
-  IconButton: n(a, c.Icon, {
+  IconButton: n(a, i.Icon, {
     size: "small",
+    variant: "ghost",
     className: "component-toolbar__icon-button"
-  })
+  }),
+  Divider: c
 });
 export {
-  B as Toolbar
+  k as Toolbar
 };

package/dist/components/toolbar/root.js

@@ -1,6 +1,69 @@
-import "react/jsx-runtime";
-import "../../utils/css.js";
-import { R as p } from "../../root-CaKPdqzv.js";
+import { jsx as l } from "react/jsx-runtime";
+import { cn as v } from "../../utils/css.js";
+import { c as S, b as T } from "../../4CMBR7SL-xNGezbCB.js";
+import { b as _ } from "../../YV4JVR4I-BXEaRiAN.js";
+import { Q as P, S as i, R as x, f as C, c as L, a as h, _ as R, l as V, o as u } from "../../LMDWO4NN-DdLnHzru.js";
+import { a as g, T as j } from "../../A3WPL2ZJ-D0Eh1dEB.js";
+import { u as E } from "../../5JTVDSTH-CIreO5bC.js";
+function F(o = {}) {
+  var r;
+  const t = (r = o.store) == null ? void 0 : r.getState();
+  return S(P(x({}, o), {
+    orientation: i(
+      o.orientation,
+      t == null ? void 0 : t.orientation,
+      "horizontal"
+    ),
+    focusLoop: i(o.focusLoop, t == null ? void 0 : t.focusLoop, !0)
+  }));
+}
+function N(o, r, t) {
+  return T(o, r, t);
+}
+function k(o = {}) {
+  const [r, t] = _(F, o);
+  return N(r, t, o);
+}
+var w = "div", y = L(
+  function(r) {
+    var t = r, {
+      store: s,
+      orientation: c,
+      virtualFocus: m,
+      focusLoop: p,
+      rtl: f
+    } = t, e = R(t, [
+      "store",
+      "orientation",
+      "virtualFocus",
+      "focusLoop",
+      "rtl"
+    ]);
+    const b = g();
+    s = s || b;
+    const a = k({
+      store: s,
+      orientation: c,
+      virtualFocus: m,
+      focusLoop: p,
+      rtl: f
+    }), d = a.useState(
+      (n) => n.orientation === "both" ? void 0 : n.orientation
+    );
+    return e = V(
+      e,
+      (n) => /* @__PURE__ */ l(j, { value: a, children: n }),
+      [a]
+    ), e = u({
+      role: "toolbar",
+      "aria-orientation": d
+    }, e), e = E(u({ store: a }, e)), e;
+  }
+), z = C(function(r) {
+  const t = y(r);
+  return h(w, t);
+});
+const D = ({ className: o, children: r }) => /* @__PURE__ */ l(z, { className: v("component-toolbar", o), children: r });
 export {
-  p as Root
+  D as Root
 };

package/dist/components/window/index.d.ts

@@ -0,0 +1,8 @@
+import { FC, PropsWithChildren } from 'react';
+interface WindowProps extends PropsWithChildren {
+    className?: string;
+    title: string;
+    edgeless?: boolean;
+}
+export declare const Window: FC<WindowProps>;
+export {};

package/dist/components/window/index.js

@@ -0,0 +1,54 @@
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
+import { cn as c } from "../../utils/css.js";
+import '../../assets/styles.css';import '../../assets/style6.css';import '../../assets/style5.css';import '../../assets/style4.css';import '../../assets/style2.css';import '../../assets/style.css';import '../../assets/style9.css';import '../../assets/index11.css';/* empty css                   */
+import { Draggable as l } from "../../primitives/draggable/index.js";
+/* empty css                   */
+import { useState as d } from "react";
+/* empty css                   */
+import "../../primitives/popover/index.js";
+import { Resizable as f } from "../../primitives/resizable/index.js";
+import "../../primitives/scroll-area/index.js";
+import "../../primitives/symbol/index.js";
+import { a as h } from "../../G7GW6PWC-Crp1Jn-8.js";
+/* empty css                   */
+/* empty css                   */
+import { H3 as w } from "../../primitives/typography/heading.js";
+/* empty css                   */
+/* empty css                    */
+import { o as x } from "../../DotsSixVertical.es-Ixbhxg7Z.js";
+import { Button as _ } from "../button/index.js";
+const A = ({
+  className: e,
+  title: n,
+  children: m,
+  edgeless: s = !1
+}) => {
+  const [r, p] = d({ x: 0, y: 0 }), a = (t) => {
+    p({ x: t.current.x - 25, y: t.current.y - 25 });
+  };
+  return /* @__PURE__ */ o(h, { children: /* @__PURE__ */ o(
+    f,
+    {
+      axis: "both",
+      className: c(
+        "component-window",
+        s && "component-window--edgless",
+        e
+      ),
+      style: {
+        top: r.y + "px",
+        left: r.x + "px"
+      },
+      children: /* @__PURE__ */ i("div", { className: "component-window__body", children: [
+        /* @__PURE__ */ i("header", { className: "component-window__header", children: [
+          /* @__PURE__ */ o(l, { onMove: a, transform: !1, children: /* @__PURE__ */ o(_.Icon, { variant: "ghost", size: "small", children: /* @__PURE__ */ o(x, {}) }) }),
+          /* @__PURE__ */ o(w, { className: "component-window__title", size: 6, children: n })
+        ] }),
+        /* @__PURE__ */ o("div", { className: "component-window__children", children: m })
+      ] })
+    }
+  ) });
+};
+export {
+  A as Window
+};

package/dist/{composite-provider-DNftbE5U.js → composite-provider-R5SnRc_G.js}

@@ -1,10 +1,10 @@
-import { u as e } from "./4CMBR7SL-BAGv8IL2.js";
-import { a as t } from "./P7GR5CS5-BoOYUfSQ.js";
+import { u as e } from "./4CMBR7SL-xNGezbCB.js";
+import { C as t } from "./P7GR5CS5-Dub2zqTX.js";
 import { jsx as i } from "react/jsx-runtime";
-function a(o = {}) {
+function C(o = {}) {
   const r = e(o);
   return /* @__PURE__ */ i(t, { value: r, children: o.children });
 }
 export {
-  a as C
+  C
 };

package/dist/filter-HYEwffYa.js

@@ -0,0 +1,133 @@
+import { jsx as e } from "react/jsx-runtime";
+import "react";
+import './assets/styles4.css';import './assets/styles3.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               */
+import { normalizeOption as m } from "./types/options.js";
+/* 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 "./components/button/index.js";
+import "./components/controls/date-control/component.js";
+/* empty css               */
+import "./sortable.esm-De3H-_AA.js";
+/* empty css               */
+/* empty css                     */
+import "./components/toolbar/index.js";
+/* empty css               */
+/* empty css               */
+/* empty css               */
+import "./types/date.js";
+/* empty css               */
+import { SelectControl as s } from "./components/controls/select-control/control.js";
+import "./options-Cfoqhxw2.js";
+import "./style-Bp4uISf6.js";
+/* empty css                */
+/* empty css               */
+import { TextControl as a } from "./components/controls/text-control/index.js";
+/* empty css                */
+/* empty css                */
+const n = {
+  id: "is",
+  label: "is",
+  filterFn: (t, o) => t === o,
+  editor: ({ className: t, value: o, onChangeValue: r, options: i }) => /* @__PURE__ */ e(
+    s,
+    {
+      searchable: !0,
+      className: t,
+      value: o,
+      onChangeValue: r,
+      options: i
+    }
+  )
+}, p = {
+  id: "isNot",
+  label: "is not",
+  filterFn: (t, o) => t !== o,
+  editor: ({ className: t, value: o, onChangeValue: r, options: i }) => /* @__PURE__ */ e(
+    s,
+    {
+      searchable: !0,
+      className: t,
+      value: o,
+      onChangeValue: r,
+      options: i
+    }
+  )
+}, l = {
+  id: "contains",
+  label: "contains",
+  filterFn: (t, o) => t.toLowerCase().includes(o.toLowerCase()),
+  editor: ({ className: t, value: o, onChangeValue: r }) => /* @__PURE__ */ e(a, { className: t, value: o, onChangeValue: r })
+}, d = {
+  id: "startsWith",
+  label: "starts with",
+  filterFn: (t, o) => t.toLowerCase().startsWith(o.toLowerCase()),
+  editor: ({ className: t, value: o, onChangeValue: r }) => /* @__PURE__ */ e(a, { className: t, value: o, onChangeValue: r })
+}, c = {
+  id: "endsWith",
+  label: "ends with",
+  filterFn: (t, o) => t.toLowerCase().endsWith(o.toLowerCase()),
+  editor: ({ className: t, value: o, onChangeValue: r }) => /* @__PURE__ */ e(a, { className: t, value: o, onChangeValue: r })
+}, b = {
+  id: "inArray",
+  label: "includes",
+  filterFn: (t, o) => t.some(
+    (r) => m(r).value.toLowerCase() === o.toLowerCase()
+  ),
+  editor: ({ className: t, value: o, onChangeValue: r, options: i }) => /* @__PURE__ */ e(
+    s,
+    {
+      searchable: !0,
+      className: t,
+      value: o,
+      onChangeValue: r,
+      options: i
+    }
+  )
+}, f = {
+  id: "notInArray",
+  label: "doesn't include",
+  filterFn: (t, o) => !t.some(
+    (r) => m(r).value.toLowerCase() === o.toLowerCase()
+  ),
+  editor: ({ className: t, value: o, onChangeValue: r, options: i }) => /* @__PURE__ */ e(
+    s,
+    {
+      searchable: !0,
+      className: t,
+      value: o,
+      onChangeValue: r,
+      options: i
+    }
+  )
+}, $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  contains: l,
+  endsWith: c,
+  inArray: b,
+  is: n,
+  isNot: p,
+  notInArray: f,
+  startsWith: d
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  p as a,
+  b,
+  l as c,
+  c as e,
+  $ as f,
+  n as i,
+  f as n,
+  d as s
+};