@wrdagency/blockout 1.0.35 → 1.0.37

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,266 @@
+import { jsxs as l, jsx as r, Fragment as _ } from "react/jsx-runtime";
+import { unique as D } from "../../utils/array.js";
+import { cn as P } from "../../utils/css.js";
+import { noop as j } from "../../utils/noop.js";
+import { titleCase as $ } from "../../utils/string.js";
+import * as e from "react";
+import { useRef as G, useState as f, useEffect as X } from "react";
+import { w as v } from "../../SSRBase.es-BUXS72ra.js";
+import { B as u, j as I } from "../../style-nHUEFY3u.js";
+import { Dialog as J } from "../dialog/index.js";
+import { DASHBOARD_CONTEXT as K } from "./context.js";
+const Q = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M78,36a42,42,0,1,0,42,42A42,42,0,0,0,78,36Zm0,60A18,18,0,1,1,96,78,18,18,0,0,1,78,96Zm100,24a42,42,0,1,0-42-42A42,42,0,0,0,178,120Zm0-60a18,18,0,1,1-18,18A18,18,0,0,1,178,60ZM78,136a42,42,0,1,0,42,42A42,42,0,0,0,78,136Zm0,60a18,18,0,1,1,18-18A18,18,0,0,1,78,196Zm100-60a42,42,0,1,0,42,42A42,42,0,0,0,178,136Zm0,60a18,18,0,1,1,18-18A18,18,0,0,1,178,196Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+      "path",
+      {
+        d: "M112,80A32,32,0,1,1,80,48,32,32,0,0,1,112,80Zm64,32a32,32,0,1,0-32-32A32,32,0,0,0,176,112ZM80,144a32,32,0,1,0,32,32A32,32,0,0,0,80,144Zm96,0a32,32,0,1,0,32,32A32,32,0,0,0,176,144Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ e.createElement("path", { d: "M80,40a40,40,0,1,0,40,40A40,40,0,0,0,80,40Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,80,104Zm96,16a40,40,0,1,0-40-40A40,40,0,0,0,176,120Zm0-64a24,24,0,1,1-24,24A24,24,0,0,1,176,56ZM80,136a40,40,0,1,0,40,40A40,40,0,0,0,80,136Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,80,200Zm96-64a40,40,0,1,0,40,40A40,40,0,0,0,176,136Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,176,200Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M120,80A40,40,0,1,1,80,40,40,40,0,0,1,120,80Zm56,40a40,40,0,1,0-40-40A40,40,0,0,0,176,120ZM80,136a40,40,0,1,0,40,40A40,40,0,0,0,80,136Zm96,0a40,40,0,1,0,40,40A40,40,0,0,0,176,136Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M80,42a38,38,0,1,0,38,38A38,38,0,0,0,80,42Zm0,64a26,26,0,1,1,26-26A26,26,0,0,1,80,106Zm96,12a38,38,0,1,0-38-38A38,38,0,0,0,176,118Zm0-64a26,26,0,1,1-26,26A26,26,0,0,1,176,54ZM80,138a38,38,0,1,0,38,38A38,38,0,0,0,80,138Zm0,64a26,26,0,1,1,26-26A26,26,0,0,1,80,202Zm96-64a38,38,0,1,0,38,38A38,38,0,0,0,176,138Zm0,64a26,26,0,1,1,26-26A26,26,0,0,1,176,202Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M80,40a40,40,0,1,0,40,40A40,40,0,0,0,80,40Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,80,104Zm96,16a40,40,0,1,0-40-40A40,40,0,0,0,176,120Zm0-64a24,24,0,1,1-24,24A24,24,0,0,1,176,56ZM80,136a40,40,0,1,0,40,40A40,40,0,0,0,80,136Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,80,200Zm96-64a40,40,0,1,0,40,40A40,40,0,0,0,176,136Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,176,200Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M80,44a36,36,0,1,0,36,36A36,36,0,0,0,80,44Zm0,64a28,28,0,1,1,28-28A28,28,0,0,1,80,108Zm96,8a36,36,0,1,0-36-36A36,36,0,0,0,176,116Zm0-64a28,28,0,1,1-28,28A28,28,0,0,1,176,52ZM80,140a36,36,0,1,0,36,36A36,36,0,0,0,80,140Zm0,64a28,28,0,1,1,28-28A28,28,0,0,1,80,204Zm96-64a36,36,0,1,0,36,36A36,36,0,0,0,176,140Zm0,64a28,28,0,1,1,28-28A28,28,0,0,1,176,204Z" }))
+  ]
+]), F = e.forwardRef((n, o) => /* @__PURE__ */ e.createElement(v, { ref: o, ...n, weights: Q }));
+F.displayName = "CirclesFourIcon";
+const U = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M78,36a42,42,0,1,0,42,42A42,42,0,0,0,78,36Zm0,60A18,18,0,1,1,96,78,18,18,0,0,1,78,96Zm100,24a42,42,0,1,0-42-42A42,42,0,0,0,178,120Zm0-60a18,18,0,1,1-18,18A18,18,0,0,1,178,60ZM78,136a42,42,0,1,0,42,42A42,42,0,0,0,78,136Zm0,60a18,18,0,1,1,18-18A18,18,0,0,1,78,196Zm142-18a12,12,0,0,1-12,12H190v18a12,12,0,0,1-24,0V190H148a12,12,0,0,1,0-24h18V148a12,12,0,0,1,24,0v18h18A12,12,0,0,1,220,178Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+      "path",
+      {
+        d: "M112,80A32,32,0,1,1,80,48,32,32,0,0,1,112,80Zm64-32a32,32,0,1,0,32,32A32,32,0,0,0,176,48ZM80,144a32,32,0,1,0,32,32A32,32,0,0,0,80,144Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ e.createElement("path", { d: "M80,40a40,40,0,1,0,40,40A40,40,0,0,0,80,40Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,80,104Zm96,16a40,40,0,1,0-40-40A40,40,0,0,0,176,120Zm0-64a24,24,0,1,1-24,24A24,24,0,0,1,176,56ZM80,136a40,40,0,1,0,40,40A40,40,0,0,0,80,136Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,80,200Zm136-24a8,8,0,0,1-8,8H184v24a8,8,0,0,1-16,0V184H144a8,8,0,0,1,0-16h24V144a8,8,0,0,1,16,0v24h24A8,8,0,0,1,216,176Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M120,80A40,40,0,1,1,80,40,40,40,0,0,1,120,80Zm56,40a40,40,0,1,0-40-40A40,40,0,0,0,176,120ZM80,136a40,40,0,1,0,40,40A40,40,0,0,0,80,136Zm128,32H184V144a8,8,0,0,0-16,0v24H144a8,8,0,0,0,0,16h24v24a8,8,0,0,0,16,0V184h24a8,8,0,0,0,0-16Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M80,42a38,38,0,1,0,38,38A38,38,0,0,0,80,42Zm0,64a26,26,0,1,1,26-26A26,26,0,0,1,80,106Zm96,12a38,38,0,1,0-38-38A38,38,0,0,0,176,118Zm0-64a26,26,0,1,1-26,26A26,26,0,0,1,176,54ZM80,138a38,38,0,1,0,38,38A38,38,0,0,0,80,138Zm0,64a26,26,0,1,1,26-26A26,26,0,0,1,80,202Zm134-26a6,6,0,0,1-6,6H182v26a6,6,0,0,1-12,0V182H144a6,6,0,0,1,0-12h26V144a6,6,0,0,1,12,0v26h26A6,6,0,0,1,214,176Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M80,40a40,40,0,1,0,40,40A40,40,0,0,0,80,40Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,80,104Zm96,16a40,40,0,1,0-40-40A40,40,0,0,0,176,120Zm0-64a24,24,0,1,1-24,24A24,24,0,0,1,176,56ZM80,136a40,40,0,1,0,40,40A40,40,0,0,0,80,136Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,80,200Zm136-24a8,8,0,0,1-8,8H184v24a8,8,0,0,1-16,0V184H144a8,8,0,0,1,0-16h24V144a8,8,0,0,1,16,0v24h24A8,8,0,0,1,216,176Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M80,44a36,36,0,1,0,36,36A36,36,0,0,0,80,44Zm0,64a28,28,0,1,1,28-28A28,28,0,0,1,80,108Zm96,8a36,36,0,1,0-36-36A36,36,0,0,0,176,116Zm0-64a28,28,0,1,1-28,28A28,28,0,0,1,176,52ZM80,140a36,36,0,1,0,36,36A36,36,0,0,0,80,140Zm0,64a28,28,0,1,1,28-28A28,28,0,0,1,80,204Zm132-28a4,4,0,0,1-4,4H180v28a4,4,0,0,1-8,0V180H144a4,4,0,0,1,0-8h28V144a4,4,0,0,1,8,0v28h28A4,4,0,0,1,212,176Z" }))
+  ]
+]), b = e.forwardRef((n, o) => /* @__PURE__ */ e.createElement(v, { ref: o, ...n, weights: U }));
+b.displayName = "CirclesThreePlusIcon";
+const Y = /* @__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" }))
+  ]
+]), k = e.forwardRef((n, o) => /* @__PURE__ */ e.createElement(v, { ref: o, ...n, weights: Y }));
+k.displayName = "FloppyDiskIcon";
+const d0 = ({
+  layout: n,
+  onLayoutChange: o = j,
+  className: N,
+  children: y
+}) => {
+  const c = G(null), [A, g] = f(!1), [R, H] = f(!1), [h, S] = f({
+    rowCount: 1,
+    columnCount: 4,
+    columnWidth: 0,
+    rowHeight: 0,
+    bounds: {
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0
+    }
+  }), x = () => {
+    g(!0);
+  }, W = () => {
+    g(!1), H(!1);
+  }, L = () => {
+    H(!0);
+  }, O = (t) => {
+    const Z = n.filter((a) => !a.hidden), M = Math.max(1, h.columnCount - 2 + 1), d = (a, i) => Z.some((s) => {
+      const z = a < s.column + s.width && a + 2 > s.column, B = i < s.row + s.height && i + 2 > s.row;
+      return z && B;
+    }), p = Math.max(
+      h.rowCount,
+      ...Z.map((a) => a.row + a.height - 1)
+    );
+    let E = 1, w = 1, V = !1;
+    for (let a = 1; a <= p; a += 1) {
+      for (let i = 1; i <= M; i += 1)
+        if (!d(i, a)) {
+          E = i, w = a, V = !0;
+          break;
+        }
+      if (V)
+        break;
+    }
+    V || (w = p + 1, E = 1), o(
+      n.map(
+        (a) => a.id === t.id ? {
+          ...a,
+          hidden: !1,
+          column: E,
+          row: w,
+          width: 2,
+          height: 2
+        } : a
+      )
+    );
+  };
+  X(() => {
+    const t = () => {
+      const m = window.getComputedStyle(c.current).gridTemplateColumns.split(" ").length, C = parseFloat(
+        window.getComputedStyle(c.current).gridTemplateColumns.split(" ")[0]
+      ), Z = window.getComputedStyle(c.current).gridTemplateRows.split(" ").length, M = parseFloat(
+        window.getComputedStyle(c.current).gridAutoRows
+      ), d = c.current.getBoundingClientRect(), p = {
+        x: d.x,
+        y: d.y,
+        width: d.width,
+        height: d.height
+      };
+      S({ rowCount: Z, columnCount: m, columnWidth: C, rowHeight: M, bounds: p });
+    };
+    return t(), window.addEventListener("resize", t), () => {
+      window.removeEventListener("resize", t);
+    };
+  }, [n]);
+  const T = n.filter((t) => !t.hidden).length === 0, q = n.map((t) => t.category).filter(D);
+  return /* @__PURE__ */ l(
+    K,
+    {
+      value: {
+        layout: n,
+        setLayout: o,
+        isEditing: A,
+        setIsEditing: g,
+        ...h
+      },
+      children: [
+        /* @__PURE__ */ l(
+          "div",
+          {
+            className: P(
+              "component-dashboard",
+              A && "component-dashboard--editing",
+              N
+            ),
+            children: [
+              /* @__PURE__ */ l("div", { className: "component-dashboard__grid", ref: c, children: [
+                y,
+                (A || T) && /* @__PURE__ */ r("div", { className: "component-dashboard__grid__overlay", children: [...Array(h.rowCount * h.columnCount)].map(
+                  (t, m) => /* @__PURE__ */ r(
+                    "div",
+                    {
+                      className: "component-dashboard__grid__overlay__cell"
+                    },
+                    m
+                  )
+                ) })
+              ] }),
+              /* @__PURE__ */ r("div", { className: "component-dashboard__footer", children: A ? /* @__PURE__ */ l(_, { children: [
+                /* @__PURE__ */ l(u, { onClick: L, variant: "quiet", children: [
+                  /* @__PURE__ */ r(b, {}),
+                  "Add Widget"
+                ] }),
+                /* @__PURE__ */ l(u, { onClick: W, variant: "neutral", children: [
+                  /* @__PURE__ */ r(k, {}),
+                  "Save Changes"
+                ] })
+              ] }) : /* @__PURE__ */ r(_, { children: /* @__PURE__ */ l(u, { onClick: x, variant: "quiet", children: [
+                /* @__PURE__ */ r(F, {}),
+                "Customise"
+              ] }) }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ r(
+          J,
+          {
+            title: "Add a Widget",
+            open: R,
+            onOpenChange: H,
+            className: "component-dashboard-picker",
+            align: "top",
+            edgeless: !0,
+            children: q.map((t) => /* @__PURE__ */ l("div", { className: "component-dashboard-picker__category", children: [
+              /* @__PURE__ */ r("div", { className: "component-dashboard-picker__category__title", children: $(t) }),
+              /* @__PURE__ */ r("div", { className: "component-dashboard-picker__category__items", children: n.filter((m) => m.category === t).map((m) => /* @__PURE__ */ l(
+                u,
+                {
+                  className: "component-dashboard-picker__item",
+                  onClick: () => O(m),
+                  disabled: !m.hidden,
+                  wide: !0,
+                  variant: "quiet",
+                  children: [
+                    /* @__PURE__ */ r(I, {}),
+                    m.name
+                  ]
+                }
+              )) })
+            ] }, t))
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  d0 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 {};