@wrdagency/blockout 0.0.13 → 0.0.15

package/dist/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useTheme } from './theme';

package/dist/hooks/index.js

@@ -0,0 +1,4 @@
+import { useTheme as o } from "./theme.js";
+export {
+  o as useTheme
+};

package/dist/hooks/theme.d.ts

@@ -0,0 +1,8 @@
+type Theme = "dark" | "light";
+export declare function useTheme(): {
+    isDark: boolean;
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+    toggleDarkTheme: () => void;
+};
+export {};

package/dist/hooks/theme.js

@@ -0,0 +1,45 @@
+import * as c from "react";
+import { useMemo as g, useEffect as d } from "react";
+function u(e, t) {
+  window.dispatchEvent(new StorageEvent("storage", { key: e, newValue: t }));
+}
+const l = (e, t) => {
+  const n = JSON.stringify(t);
+  window.localStorage.setItem(e, n), u(e, n);
+}, m = (e) => {
+  window.localStorage.removeItem(e), u(e, null);
+}, i = (e) => window.localStorage.getItem(e), S = (e) => (window.addEventListener("storage", e), () => window.removeEventListener("storage", e)), f = () => {
+  throw Error("useLocalStorage is a client-only hook");
+};
+function w(e, t) {
+  const n = () => i(e), r = c.useSyncExternalStore(
+    S,
+    n,
+    f
+  ), a = c.useCallback(
+    (o) => {
+      try {
+        const s = typeof o == "function" ? o(JSON.parse(r)) : o;
+        s == null ? m(e) : l(e, s);
+      } catch (s) {
+        console.warn(s);
+      }
+    },
+    [e, r]
+  );
+  return c.useEffect(() => {
+    i(e) === null && l(e, t);
+  }, [e, t]), [r ? JSON.parse(r) : t, a];
+}
+function p() {
+  const [e, t] = w("wrd__theme__dark", !1), n = g(() => e ? "dark" : "light", [e]), r = (o) => t(o === "dark"), a = () => t((o) => !o);
+  return d(() => {
+    document && document.documentElement.setAttribute(
+      "data-colour-scheme",
+      e ? "dark" : "light"
+    );
+  }, [e]), { isDark: e, theme: n, setTheme: r, toggleDarkTheme: a };
+}
+export {
+  p as useTheme
+};

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components';
+export * from './hooks';
 export * from './primitives';

package/dist/index.js

@@ -3,35 +3,41 @@ import { Button as m } from "./components/button/index.js";
 import { BaseControl as p } from "./components/controls/base-control/index.js";
 import { ChoiceControl as a } from "./components/controls/choice-control/index.js";
 import { NumberControl as n } from "./components/controls/number-control/index.js";
-import { SelectControl as b } from "./components/controls/select-control/index.js";
-import { TextControl as g } from "./components/controls/text-control/index.js";
-import { TextareaControl as T } from "./components/controls/textarea-control/index.js";
-import { ToggleControl as i } from "./components/controls/toggle-control/index.js";
-import { DataTable as B, ExampleDataTable as D } from "./components/data-table/index.js";
-import { Form as h } from "./components/form/components/index.js";
-import { createForm as z } from "./components/form/types/form.js";
+import { PasswordControl as C } from "./components/controls/password-control/index.js";
+import { SelectControl as d } from "./components/controls/select-control/index.js";
+import { TextControl as T } from "./components/controls/text-control/index.js";
+import { TextareaControl as i } from "./components/controls/textarea-control/index.js";
+import { ToggleControl as B } from "./components/controls/toggle-control/index.js";
+import { DataTable as h, ExampleDataTable as w } from "./components/data-table/index.js";
+import { Form as F } from "./components/form/components/index.js";
+import { createForm as P } from "./components/form/types/form.js";
+import { MarkdownEditor as y } from "./components/markdown/index.js";
 import { Menu as H } from "./components/menu/index.js";
-import { Progress as N } from "./components/progress/index.js";
-import { Draggable as R } from "./primitives/draggable/index.js";
-import { Resizable as V } from "./primitives/resizable/index.js";
-import { VisuallyHidden as k } from "./primitives/visually-hidden/index.js";
-export {
+import { Progress as R } from "./components/progress/index.js";
+import { useTheme as V } from "./hooks/theme.js";
+import { Draggable as q } from "./primitives/draggable/index.js";
+import { Resizable as A } from "./primitives/resizable/index.js";
+import { VisuallyHidden as I } from "./primitives/visually-hidden/index.js";
+import './assets/index.css';export {
   p as BaseControl,
   e as Breadcrumbs,
   m as Button,
   a as ChoiceControl,
-  B as DataTable,
-  R as Draggable,
-  D as ExampleDataTable,
-  h as Form,
+  h as DataTable,
+  q as Draggable,
+  w as ExampleDataTable,
+  F as Form,
+  y as MarkdownEditor,
   H as Menu,
   n as NumberControl,
-  N as Progress,
-  V as Resizable,
-  b as SelectControl,
-  g as TextControl,
-  T as TextareaControl,
-  i as ToggleControl,
-  k as VisuallyHidden,
-  z as createForm
+  C as PasswordControl,
+  R as Progress,
+  A as Resizable,
+  d as SelectControl,
+  T as TextControl,
+  i as TextareaControl,
+  B as ToggleControl,
+  I as VisuallyHidden,
+  P as createForm,
+  V as useTheme
 };

package/dist/{item-C0kyELlf.js → item-D9r2-3fk.js}

@@ -6,11 +6,11 @@ import { useRef as U, useState as ue, useEffect as B, useContext as Le, createCo
 import { w as Ke } from "./SSRBase.es-BUXS72ra.js";
 import { EmptyIcon as Ze } from "./components/menu/icon.js";
 import { ToggleMenuItem as $e } from "./components/menu/items/toggle.js";
-import { b as me, H as Ue, a as qe, c as ae, M as We, d as Ee } from "./VIIRIBF3-B585VK9r.js";
-import { u as ze, M as Ge } from "./2NBKRL7C-C6mXReCE.js";
-import { c as Xe, u as Ye, a as Je, b as Se, d as Qe, e as et, f as tt, i as nt, g as ot, h as Pe, R as rt, j as st } from "./T7VMP3TM-B3jxXFmj.js";
-import { c as _e, d as re, s as ce, h as se, e as ut, m as at, o as it, p as ct, t as lt, f as pe, g as dt, u as W } from "./UQQRIHDV-CFdrMoqW.js";
-import { x as Z, y as L, z as R, d as J, _ as $, i as Q, A as mt, B as Oe, u as le, D as ve, E as X, F as ft, v as pt, G as fe, j as k, s as ee, k as E, H as ye, g as q, I as de, f as te, e as ne, J as Ae, K as vt, L as ht, M as bt, r as Fe, N as wt, h as Mt, O as gt } from "./P7GR5CS5-DNbthaqU.js";
+import { b as me, H as Ue, a as qe, c as ae, M as We, d as Ee } from "./VIIRIBF3-D9clDhln.js";
+import { u as ze, M as Ge } from "./2NBKRL7C-D-Q0qGRV.js";
+import { c as Xe, u as Ye, a as Je, b as Se, d as Qe, e as et, f as tt, i as nt, g as ot, h as Pe, R as rt, j as st } from "./T7VMP3TM-BxgFbvdx.js";
+import { c as _e, d as re, s as ce, h as se, e as ut, m as at, o as it, p as ct, t as lt, f as pe, g as dt, u as W } from "./UQQRIHDV-BGs025hb.js";
+import { x as Z, y as L, z as R, d as J, _ as $, i as Q, A as mt, B as Oe, u as le, D as ve, E as X, F as ft, v as pt, G as fe, j as k, s as ee, k as E, H as ye, I as de, g as q, f as te, e as ne, J as Ae, K as vt, L as ht, M as bt, r as Fe, N as wt, h as Mt, O as gt } from "./P7GR5CS5-qyeuZVEs.js";
 const Et = /* @__PURE__ */ new Map([
   [
     "bold",

package/dist/primitives/draggable/index.js

@@ -30,7 +30,7 @@ const C = ({
     r && (m(!1), L(s(e)), f({ x: -1, y: -1 }), t.current.style.transform = "");
   };
   return p(() => {
-    document.documentElement.style.userSelect = r ? "none" : "";
+    document && (document.documentElement.style.userSelect = r ? "none" : "");
   }, [r]), p(() => {
     if (t.current)
       return t.current.addEventListener("mousedown", u), window.addEventListener("mousemove", i), window.addEventListener("mouseup", a), () => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wrdagency/blockout",
-	"version": "0.0.13",
+	"version": "0.0.15",
 	"description": "A React component library created by WRD.agency",
 	"type": "module",
 	"main": "dist/index.js",
@@ -55,7 +55,9 @@
 	},
 	"dependencies": {
 		"@ariakit/react": "^0.4.17",
+		"@mdxeditor/editor": "^3.32.3",
 		"@phosphor-icons/react": "^2.1.8",
+		"@uidotdev/usehooks": "^2.4.1",
 		"match-sorter": "^8.0.1",
 		"object-hash": "^3.0.0",
 		"zod": "^3.25.28"