@wrdagency/blockout 1.0.34 → 1.0.36

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

@@ -1,52 +1,48 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { Colourway as _ } from "../../../primitives/colourway/index.js";
-import { noop as O } from "../../../utils/noop.js";
-import { useState as g, useMemo as R } from "react";
-import '../../../assets/style17.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                      */
-/* empty css                      */
-/* empty css                      */
+import { m as O, i as R, j } from "../../../style-nHUEFY3u.js";
+import { noop as k } from "../../../utils/noop.js";
+import { useState as g, useMemo as B } from "react";
+import "../../../primitives/link/index.js";
+import "../../../primitives/icon-label/index.js";
+import "../../../primitives/nav-link/index.js";
 import "../../../primitives/popover/index.js";
-/* empty css                      */
+import '../../../assets/style2.css';import '../../../assets/style.css';/* empty css                      */
 import "../../../primitives/scroll-area/index.js";
 import "../../../primitives/symbol/index.js";
+import "../../../primitives/tooltip/index.js";
+import "../../../primitives/truncate/index.js";
 /* empty css                      */
-/* empty css                      */
-/* empty css                      */
-/* empty css                       */
-import { o as k } from "../../../Check.es-CMkTf2It.js";
-import { e as B } from "../../../Plus.es-DJ5SuqNv.js";
-import { e as I } from "../../../X.es-TbGOnXOO.js";
-import { m as j } from "../../../match-sorter.esm-MNVE8H_6.js";
+import "../../../primitives/visually-hidden/index.js";
+import { o as I } from "../../../Check.es-CMkTf2It.js";
 import { BaseControl as L } from "../base-control/index.js";
 import { useBaseControlProps as M } from "../base-control/props.js";
-import { T as A, a as K, b as U, c as $, d as q, C as D } from "../../../tag-remove-Dz-sGbyZ.js";
+import { T as A, a as K, b as U, c as $, d as q, C as D } from "../../../tag-remove-BgRiBB8K.js";
 import { normalizeTag as d, normalizeCreateTagRules as E } from "./props.js";
-/* empty css                      */
-import { C as F, a as G } from "../../../MAXQOH4L-BYWBWXpb.js";
-import { C as H } from "../../../combobox-popover-BZ_1wNrj.js";
-import { C as h } from "../../../JMHAJKUZ-D5KCN1Aj.js";
-function wo(f) {
-  const { baseProps: v, controlProps: b } = M(f, {
+import { C as F, a as G, b as H } from "../../../combobox-popover-C6rwSpgq.js";
+import { C as h } from "../../../JMHAJKUZ-B_CxAFEI.js";
+function bo(v) {
+  const { baseProps: b, controlProps: f } = M(v, {
     className: "component-tag-control"
   }), [a, C] = g(""), [N, w] = g([]), {
     value: x = [],
-    onChangeValue: T = O,
+    onChangeValue: T = k,
     options: P = [],
     create: S = !1
-  } = b, c = [...P.map(d), ...N], p = x.map(d), n = E(S), l = R(() => j(c, a, {
-    baseSort: (o, s) => o.index < s.index ? -1 : 1,
+  } = f, m = [...P.map(d), ...N], p = x.map(d), r = E(S), s = B(() => O(m, a, {
+    baseSort: (o, l) => o.index < l.index ? -1 : 1,
     keys: ["label", "value"]
-  }), [a]), i = !l.length && n.allow(a), V = l.length > 0 || i, y = (o) => {
-    const s = o.map((m) => {
-      const u = c.find((r) => r.value == m);
+  }), [a]), i = !s.length && r.allow(a), V = s.length > 0 || i, y = (o) => {
+    const l = o.map((c) => {
+      const u = m.find((n) => n.value == c);
       if (u)
         return u;
-      if (n.allow(m)) {
-        const r = n.create(m);
-        return w((z) => [...z, r]), r;
+      if (r.allow(c)) {
+        const n = r.create(c);
+        return w((z) => [...z, n]), n;
       }
     }).filter(Boolean);
-    T(s);
+    T(l);
   };
   return /* @__PURE__ */ e(
     A,
@@ -55,7 +51,7 @@ function wo(f) {
       setValues: y,
       value: a,
       setValue: C,
-      children: /* @__PURE__ */ e(L, { ...v, children: /* @__PURE__ */ t(K, { className: "component-tag-control__box", children: [
+      children: /* @__PURE__ */ e(L, { ...b, children: /* @__PURE__ */ t(K, { className: "component-tag-control__box", children: [
         p.map((o) => /* @__PURE__ */ t(
           _,
           {
@@ -65,7 +61,7 @@ function wo(f) {
             className: "component-tag-control__tag",
             children: [
               /* @__PURE__ */ e("span", { className: "component-tag-control__tag__label", children: o.label }),
-              /* @__PURE__ */ e($, { className: "component-tag-control__tag__remove", children: /* @__PURE__ */ e(I, {}) })
+              /* @__PURE__ */ e($, { className: "component-tag-control__tag__remove", children: /* @__PURE__ */ e(R, {}) })
             ]
           },
           o.value
@@ -94,7 +90,7 @@ function wo(f) {
               gutter: 8,
               overflowPadding: 4,
               children: [
-                l.map((o) => /* @__PURE__ */ t(
+                s.map((o) => /* @__PURE__ */ t(
                   h,
                   {
                     value: String(o.value),
@@ -108,7 +104,7 @@ function wo(f) {
                         }
                       ),
                       /* @__PURE__ */ e("span", { className: "component-tag-control__option__label", children: o.label }),
-                      /* @__PURE__ */ e(D, { className: "component-tag-control__option__check", children: /* @__PURE__ */ e(k, {}) })
+                      /* @__PURE__ */ e(D, { className: "component-tag-control__option__check", children: /* @__PURE__ */ e(I, {}) })
                     ]
                   },
                   o.value
@@ -119,7 +115,7 @@ function wo(f) {
                     value: a,
                     className: "component-tag-control__option component-tag-control__option--create",
                     children: [
-                      /* @__PURE__ */ e(B, { className: "component-tag-control__option--add" }),
+                      /* @__PURE__ */ e(j, { className: "component-tag-control__option--add" }),
                       /* @__PURE__ */ t("span", { className: "component-tag-control__option__label", children: [
                         'Add "',
                         a.toUpperCase(),
@@ -137,5 +133,5 @@ function wo(f) {
   );
 }
 export {
-  wo as TagControl
+  bo as TagControl
 };

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

@@ -1,20 +1,21 @@
 import "react/jsx-runtime";
-import '../../../assets/styles.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';import '../../../assets/style7.css';/* empty css                      */
+import "../../../primitives/colourway/index.js";
 import { getRandomTheme as t } from "../../../primitives/colourway/util.js";
+import "../../../style-nHUEFY3u.js";
 import "react";
-/* empty css                      */
-/* empty css                      */
-/* empty css                      */
+import "../../../primitives/link/index.js";
+import "../../../primitives/icon-label/index.js";
+import "../../../primitives/nav-link/index.js";
 import "../../../primitives/popover/index.js";
-/* empty css                      */
+import { slugify as i } from "../../../utils/string.js";
+import '../../../assets/style2.css';import '../../../assets/style.css';/* empty css                      */
 import "../../../primitives/scroll-area/index.js";
 import "../../../primitives/symbol/index.js";
+import "../../../primitives/tooltip/index.js";
+import "../../../primitives/truncate/index.js";
 /* empty css                      */
-/* empty css                      */
-/* empty css                      */
-/* empty css                       */
-import { slugify as i } from "../../../utils/string.js";
-function S(r) {
+import "../../../primitives/visually-hidden/index.js";
+function U(r) {
   return typeof r == "string" || typeof r == "number" ? {
     value: r,
     label: String(r),
@@ -25,7 +26,7 @@ function S(r) {
     ...r
   };
 }
-function U(r) {
+function x(r) {
   return {
     create: (e) => {
       var o = e;
@@ -45,6 +46,6 @@ function U(r) {
   };
 }
 export {
-  U as normalizeCreateTagRules,
-  S as normalizeTag
+  x 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/style18.css';/* empty css                      */
+import '../../../assets/style6.css';/* empty css                      */
 const x = (t) => {
   const { baseProps: e, controlProps: s } = c(t, {
     className: "component-text-control"

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

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

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

@@ -1,22 +1,22 @@
 import { jsx as t, jsxs as b } from "react/jsx-runtime";
 import { cn as _ } from "../../../utils/css.js";
-import '../../../assets/styles4.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';import '../../../assets/style7.css';/* empty css                      */
+import "../../../primitives/colourway/index.js";
+import "../../../style-nHUEFY3u.js";
 import { noop as c } from "../../../utils/noop.js";
 import { useRef as C } from "react";
-/* empty css                      */
-/* empty css                      */
-/* empty css                      */
+import "../../../primitives/link/index.js";
+import "../../../primitives/icon-label/index.js";
+import "../../../primitives/nav-link/index.js";
 import "../../../primitives/popover/index.js";
-/* empty css                      */
+import '../../../assets/style2.css';import '../../../assets/style.css';/* empty css                      */
 import "../../../primitives/scroll-area/index.js";
 import "../../../primitives/symbol/index.js";
-/* empty css                      */
-/* empty css                      */
+import "../../../primitives/tooltip/index.js";
+import "../../../primitives/truncate/index.js";
 /* empty css                      */
 import { VisuallyHidden as k } from "../../../primitives/visually-hidden/index.js";
 import { BaseControl as y } from "../base-control/index.js";
 import { useBaseControlProps as x } from "../base-control/props.js";
-/* empty css                       */
 const E = (s) => {
   const { baseProps: m, controlProps: p } = x(s, {
     className: "component-toggle-control"

package/dist/components/controls/toggle-group-control/index.js

@@ -1,22 +1,22 @@
 import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import '../../../assets/styles5.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';import '../../../assets/style7.css';/* empty css                      */
+import "../../../primitives/colourway/index.js";
+import "../../../style-nHUEFY3u.js";
 import { noop as s } from "../../../utils/noop.js";
 import { useMemo as N } from "react";
-/* empty css                      */
-/* empty css                      */
-/* empty css                      */
+import "../../../primitives/link/index.js";
+import "../../../primitives/icon-label/index.js";
+import "../../../primitives/nav-link/index.js";
 import "../../../primitives/popover/index.js";
-/* empty css                      */
+import '../../../assets/style2.css';import '../../../assets/style.css';/* empty css                      */
 import "../../../primitives/scroll-area/index.js";
 import "../../../primitives/symbol/index.js";
-/* empty css                      */
-/* empty css                      */
+import "../../../primitives/tooltip/index.js";
+import "../../../primitives/truncate/index.js";
 /* empty css                      */
 import { VisuallyHidden as k } from "../../../primitives/visually-hidden/index.js";
 import { normalizeOption as v } from "../../../types/options.js";
 import { BaseControl as x } from "../base-control/index.js";
 import { useBaseControlProps as P } from "../base-control/props.js";
-/* empty css                       */
 function K(a) {
   const { baseProps: c, controlProps: m } = P(a, {
     className: "component-toggle-group-control"

package/dist/components/dashboard/context.d.ts

@@ -0,0 +1,15 @@
+import { Bounds2D } from '../../types/math';
+import { DashboardLayout } from './types';
+type DashboardContext = {
+    layout: DashboardLayout;
+    setLayout: (layout: DashboardLayout) => void;
+    isEditing: boolean;
+    setIsEditing: (isEditing: boolean) => void;
+    columnCount: number;
+    columnWidth: number;
+    rowHeight: number;
+    bounds: Bounds2D;
+};
+export declare const DASHBOARD_CONTEXT: import('react').Context<DashboardContext>;
+export declare const useDashboard: () => DashboardContext;
+export {};

package/dist/components/dashboard/context.js

@@ -0,0 +1,6 @@
+import { createContext as o, useContext as t } from "react";
+const e = o(void 0), s = () => t(e);
+export {
+  e as DASHBOARD_CONTEXT,
+  s as useDashboard
+};

package/dist/components/dashboard/grid.d.ts

@@ -0,0 +1,9 @@
+import { FC, PropsWithChildren } from 'react';
+import { DashboardLayout } from './types';
+interface GridProps extends PropsWithChildren {
+    layout: DashboardLayout;
+    onLayoutChange?: (layout: DashboardLayout) => void;
+    className?: string;
+}
+export declare const Grid: FC<GridProps>;
+export {};

package/dist/components/dashboard/grid.js

@@ -0,0 +1,123 @@
+import { jsx as n, jsxs as c } from "react/jsx-runtime";
+import { cn as v } from "../../utils/css.js";
+import { noop as E } from "../../utils/noop.js";
+import * as e from "react";
+import { useRef as f, useState as H, useEffect as C } from "react";
+import { w as _ } from "../../SSRBase.es-BUXS72ra.js";
+import { o as y } from "../../SquaresFour.es-iDUIyl5P.js";
+import { B as b } from "../../style-nHUEFY3u.js";
+import { DASHBOARD_CONTEXT as F } from "./context.js";
+const S = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M222.14,69.17,186.83,33.86A19.86,19.86,0,0,0,172.69,28H48A20,20,0,0,0,28,48V208a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V83.31A19.86,19.86,0,0,0,222.14,69.17ZM164,204H92V160h72Zm40,0H188V156a20,20,0,0,0-20-20H88a20,20,0,0,0-20,20v48H52V52H171l33,33ZM164,84a12,12,0,0,1-12,12H96a12,12,0,0,1,0-24h56A12,12,0,0,1,164,84Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+      "path",
+      {
+        d: "M216,83.31V208a8,8,0,0,1-8,8H176V152a8,8,0,0,0-8-8H88a8,8,0,0,0-8,8v64H48a8,8,0,0,1-8-8V48a8,8,0,0,1,8-8H172.69a8,8,0,0,1,5.65,2.34l35.32,35.32A8,8,0,0,1,216,83.31Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ e.createElement("path", { d: "M219.31,72,184,36.69A15.86,15.86,0,0,0,172.69,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V83.31A15.86,15.86,0,0,0,219.31,72ZM168,208H88V152h80Zm40,0H184V152a16,16,0,0,0-16-16H88a16,16,0,0,0-16,16v56H48V48H172.69L208,83.31ZM160,72a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h56A8,8,0,0,1,160,72Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M219.31,72,184,36.69A15.86,15.86,0,0,0,172.69,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V83.31A15.86,15.86,0,0,0,219.31,72ZM208,208H184V152a16,16,0,0,0-16-16H88a16,16,0,0,0-16,16v56H48V48H172.69L208,83.31ZM160,72a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h56A8,8,0,0,1,160,72Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M217.9,73.42,182.58,38.1a13.9,13.9,0,0,0-9.89-4.1H48A14,14,0,0,0,34,48V208a14,14,0,0,0,14,14H208a14,14,0,0,0,14-14V83.31A13.9,13.9,0,0,0,217.9,73.42ZM170,210H86V152a2,2,0,0,1,2-2h80a2,2,0,0,1,2,2Zm40-2a2,2,0,0,1-2,2H182V152a14,14,0,0,0-14-14H88a14,14,0,0,0-14,14v58H48a2,2,0,0,1-2-2V48a2,2,0,0,1,2-2H172.69a2,2,0,0,1,1.41.58L209.42,81.9a2,2,0,0,1,.58,1.41ZM158,72a6,6,0,0,1-6,6H96a6,6,0,0,1,0-12h56A6,6,0,0,1,158,72Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M219.31,72,184,36.69A15.86,15.86,0,0,0,172.69,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V83.31A15.86,15.86,0,0,0,219.31,72ZM168,208H88V152h80Zm40,0H184V152a16,16,0,0,0-16-16H88a16,16,0,0,0-16,16v56H48V48H172.69L208,83.31ZM160,72a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h56A8,8,0,0,1,160,72Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216.49,74.83,181.17,39.51A11.93,11.93,0,0,0,172.69,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V83.31A11.93,11.93,0,0,0,216.49,74.83ZM172,212H84V152a4,4,0,0,1,4-4h80a4,4,0,0,1,4,4Zm40-4a4,4,0,0,1-4,4H180V152a12,12,0,0,0-12-12H88a12,12,0,0,0-12,12v60H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H172.69a4,4,0,0,1,2.82,1.17l35.32,35.32A4,4,0,0,1,212,83.31ZM156,72a4,4,0,0,1-4,4H96a4,4,0,0,1,0-8h56A4,4,0,0,1,156,72Z" }))
+  ]
+]), h = e.forwardRef((r, i) => /* @__PURE__ */ e.createElement(_, { ref: i, ...r, weights: S }));
+h.displayName = "FloppyDiskIcon";
+const j = ({
+  layout: r,
+  onLayoutChange: i = E,
+  className: u,
+  children: p
+}) => {
+  const t = f(null), [o, d] = H(!1), [m, g] = H({
+    rowCount: 1,
+    columnCount: 4,
+    columnWidth: 0,
+    rowHeight: 0,
+    bounds: {
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0
+    }
+  }), V = () => {
+    d((a) => !a);
+  };
+  return C(() => {
+    const a = () => {
+      const s = window.getComputedStyle(t.current).gridTemplateColumns.split(" ").length, A = parseFloat(
+        window.getComputedStyle(t.current).gridTemplateColumns.split(" ")[0]
+      ), w = window.getComputedStyle(t.current).gridTemplateRows.split(" ").length, Z = parseFloat(
+        window.getComputedStyle(t.current).gridAutoRows
+      ), l = t.current.getBoundingClientRect(), M = {
+        x: l.x,
+        y: l.y,
+        width: l.width,
+        height: l.height
+      };
+      g({ rowCount: w, columnCount: s, columnWidth: A, rowHeight: Z, bounds: M });
+    };
+    return a(), window.addEventListener("resize", a), () => {
+      window.removeEventListener("resize", a);
+    };
+  }, [r]), /* @__PURE__ */ n(
+    F,
+    {
+      value: {
+        layout: r,
+        setLayout: i,
+        isEditing: o,
+        setIsEditing: d,
+        ...m
+      },
+      children: /* @__PURE__ */ c(
+        "div",
+        {
+          className: v(
+            "component-dashboard",
+            o && "component-dashboard--editing",
+            u
+          ),
+          children: [
+            /* @__PURE__ */ c("div", { className: "component-dashboard__grid", ref: t, children: [
+              p,
+              o && /* @__PURE__ */ n("div", { className: "component-dashboard__grid__overlay", children: [...Array(m.rowCount * m.columnCount)].map(
+                (a, s) => /* @__PURE__ */ n(
+                  "div",
+                  {
+                    className: "component-dashboard__grid__overlay__cell"
+                  },
+                  s
+                )
+              ) })
+            ] }),
+            /* @__PURE__ */ n("div", { className: "component-dashboard__footer", children: /* @__PURE__ */ c(b, { onClick: V, variant: "quiet", children: [
+              o ? /* @__PURE__ */ n(h, {}) : /* @__PURE__ */ n(y, {}),
+              o ? "Save Changes" : "Customise"
+            ] }) })
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  j as Grid
+};

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

@@ -0,0 +1,2 @@
+export { Grid } from './grid';
+export { Item } from './item';

package/dist/components/dashboard/index.js

@@ -0,0 +1,6 @@
+import { Grid as e } from "./grid.js";
+import { Item as t } from "./item.js";
+export {
+  e as Grid,
+  t as Item
+};

package/dist/components/dashboard/item.d.ts

@@ -0,0 +1,9 @@
+import { FC, PropsWithChildren } from 'react';
+interface ItemProps extends PropsWithChildren {
+    id: string;
+    className?: string;
+    title?: string;
+    edgeless?: boolean | "x" | "y" | "top" | "bottom" | "left" | "right" | "all";
+}
+export declare const Item: FC<ItemProps>;
+export {};