@wrdagency/blockout 1.0.8 → 1.0.10

package/dist/hooks/index.d.ts

@@ -1,5 +1,6 @@
 export { useSplitInput } from './input';
-export { useModifiers } from './keyboard';
+export { useHotkey, useModifiers } from './keyboard';
 export { useSelection, type Selection, type SelectionMode } from './selection';
 export { useObjectState } from './state';
 export { useTemporaryChange } from './temporary';
+export { useTheme } from './theme';

package/dist/hooks/index.js

@@ -1,12 +1,15 @@
 import { useSplitInput as r } from "./input.js";
-import { useModifiers as p } from "./keyboard.js";
-import { useSelection as m } from "./selection.js";
-import { useObjectState as u } from "./state.js";
-import { useTemporaryChange as i } from "./temporary.js";
+import { useHotkey as p, useModifiers as m } from "./keyboard.js";
+import { useSelection as u } from "./selection.js";
+import { useObjectState as x } from "./state.js";
+import { useTemporaryChange as a } from "./temporary.js";
+import { useTheme as S } from "./theme.js";
 export {
-  p as useModifiers,
-  u as useObjectState,
-  m as useSelection,
+  p as useHotkey,
+  m as useModifiers,
+  x as useObjectState,
+  u as useSelection,
   r as useSplitInput,
-  i as useTemporaryChange
+  a as useTemporaryChange,
+  S as useTheme
 };

package/dist/hooks/keyboard.js

@@ -1,4 +1,4 @@
-import { useRef as f, useEffect as o } from "react";
+import { useEffect as o, useRef as f } from "react";
 function l() {
   const r = f({
     shift: !1,

package/dist/hooks/theme.d.ts

@@ -0,0 +1,9 @@
+type Theme = "light" | "dark";
+export declare function useTheme(): {
+    theme: Theme;
+    isDark: boolean;
+    isLight: boolean;
+    toggle: () => void;
+    set: import('react').Dispatch<import('react').SetStateAction<Theme>>;
+};
+export {};

package/dist/hooks/theme.js

@@ -0,0 +1,19 @@
+import { u as m } from "../index-D7vLJIGX.js";
+import { useEffect as r } from "react";
+function h() {
+  const [e, t] = m("blockout__theme", "light");
+  return r(() => {
+    document.documentElement.dataset.colourScheme = e;
+  }, [e]), {
+    theme: e,
+    isDark: e === "dark",
+    isLight: e === "light",
+    toggle: () => {
+      t((o) => o === "light" ? "dark" : "light");
+    },
+    set: t
+  };
+}
+export {
+  h as useTheme
+};

package/dist/index.js

@@ -4,13 +4,13 @@ import { Breadcrumbs as x } from "./components/breadcrumbs/index.js";
 import { Button as a } from "./components/button/index.js";
 import { BaseControl as n } from "./components/controls/base-control/index.js";
 import { CardNumberControl as C } from "./components/controls/card-number-control/index.js";
-import { CheckboxControl as u } from "./components/controls/checkbox-control/index.js";
+import { CheckboxControl as i } from "./components/controls/checkbox-control/index.js";
 import { ChoiceControl as g } from "./components/controls/choice-control/index.js";
 import { DateControl as b } from "./components/controls/date-control/index.js";
-import { ListControl as S } from "./components/controls/list-control/index.js";
+import { ListControl as H } from "./components/controls/list-control/index.js";
 import { MarkdownControl as h } from "./components/controls/markdown-control/index.js";
 import { NumberControl as y } from "./components/controls/number-control/index.js";
-import { PasswordControl as k } from "./components/controls/password-control/index.js";
+import { PasswordControl as F } from "./components/controls/password-control/index.js";
 import { RecurrenceControl as D } from "./components/controls/recurrence-control/index.js";
 import { SelectControl as P } from "./components/controls/select-control/control.js";
 import { o as v } from "./options-Cfoqhxw2.js";
@@ -30,30 +30,31 @@ import { createForm as po } from "./components/form/types/form.js";
 import { Menu as fo } from "./components/menu/index.js";
 import { Progress as lo } from "./components/progress/index.js";
 import { Shell as so } from "./components/shell/index.js";
-import { Tabs as io } from "./components/tabs/index.js";
+import { Tabs as uo } from "./components/tabs/index.js";
 import { Tag as co } from "./components/tag/index.js";
 import { Toolbar as To } from "./components/toolbar/index.js";
-import { Window as So } from "./components/window/index.js";
+import { Window as Ho } from "./components/window/index.js";
 import { useSplitInput as ho } from "./hooks/input.js";
-import { useModifiers as yo } from "./hooks/keyboard.js";
-import { useSelection as ko } from "./hooks/selection.js";
-import { useObjectState as Do } from "./hooks/state.js";
-import { useTemporaryChange as Po } from "./hooks/temporary.js";
-import { Colourway as vo } from "./primitives/colourway/index.js";
-import { Draggable as No } from "./primitives/draggable/index.js";
-import { IconLabel as Ao } from "./primitives/icon-label/index.js";
-import { Link as Oo } from "./primitives/link/index.js";
-import { NavLink as zo } from "./primitives/nav-link/index.js";
-import { Popover as Wo } from "./primitives/popover/index.js";
-import { Resizable as Eo } from "./primitives/resizable/index.js";
-import { ScrollArea as Ko } from "./primitives/scroll-area/index.js";
-import { Symbol as Uo } from "./primitives/symbol/index.js";
-import { Tooltip as Yo } from "./primitives/tooltip/index.js";
-import { Truncate as _o } from "./primitives/truncate/index.js";
-import { H1 as or, H2 as rr, H3 as er, H4 as tr, H5 as mr, H6 as pr, Heading as xr } from "./primitives/typography/heading.js";
-import { Paragraph as ar } from "./primitives/typography/paragraph.js";
-import { VisuallyHidden as nr } from "./primitives/visually-hidden/index.js";
-import { getRandomTheme as Cr } from "./primitives/colourway/util.js";
+import { useHotkey as yo, useModifiers as ko } from "./hooks/keyboard.js";
+import { useSelection as Bo } from "./hooks/selection.js";
+import { useObjectState as Lo } from "./hooks/state.js";
+import { useTemporaryChange as Ro } from "./hooks/temporary.js";
+import { useTheme as Mo } from "./hooks/theme.js";
+import { Colourway as Vo } from "./primitives/colourway/index.js";
+import { Draggable as Io } from "./primitives/draggable/index.js";
+import { IconLabel as jo } from "./primitives/icon-label/index.js";
+import { Link as Go } from "./primitives/link/index.js";
+import { NavLink as qo } from "./primitives/nav-link/index.js";
+import { Popover as Jo } from "./primitives/popover/index.js";
+import { Resizable as Qo } from "./primitives/resizable/index.js";
+import { ScrollArea as Xo } from "./primitives/scroll-area/index.js";
+import { Symbol as Zo } from "./primitives/symbol/index.js";
+import { Tooltip as $o } from "./primitives/tooltip/index.js";
+import { Truncate as rr } from "./primitives/truncate/index.js";
+import { H1 as tr, H2 as mr, H3 as pr, H4 as xr, H5 as fr, H6 as ar, Heading as lr } from "./primitives/typography/heading.js";
+import { Paragraph as sr } from "./primitives/typography/paragraph.js";
+import { VisuallyHidden as ur } from "./primitives/visually-hidden/index.js";
+import { getRandomTheme as cr } from "./primitives/colourway/util.js";
 import './assets/index.css';export {
   e as Avatar,
   m as Badge,
@@ -61,43 +62,43 @@ import './assets/index.css';export {
   x as Breadcrumbs,
   a as Button,
   C as CardNumberControl,
-  u as CheckboxControl,
+  i as CheckboxControl,
   g as ChoiceControl,
-  vo as Colourway,
+  Vo as Colourway,
   K as DataForm,
   $ as DataView,
   b as DateControl,
-  No as Draggable,
+  Io as Draggable,
   ro as Filesystem,
   Z as Filters,
   to as Form,
-  or as H1,
-  rr as H2,
-  er as H3,
-  tr as H4,
-  mr as H5,
-  pr as H6,
-  xr as Heading,
-  Ao as IconLabel,
-  Oo as Link,
-  S as ListControl,
+  tr as H1,
+  mr as H2,
+  pr as H3,
+  xr as H4,
+  fr as H5,
+  ar as H6,
+  lr as Heading,
+  jo as IconLabel,
+  Go as Link,
+  H as ListControl,
   h as MarkdownControl,
   fo as Menu,
-  zo as NavLink,
+  qo as NavLink,
   y as NumberControl,
   v as Options,
-  ar as Paragraph,
-  k as PasswordControl,
-  Wo as Popover,
+  sr as Paragraph,
+  F as PasswordControl,
+  Jo as Popover,
   lo as Progress,
   D as RecurrenceControl,
-  Eo as Resizable,
-  Ko as ScrollArea,
+  Qo as Resizable,
+  Xo as ScrollArea,
   N as Select,
   P as SelectControl,
   so as Shell,
-  Uo as Symbol,
-  io as Tabs,
+  Zo as Symbol,
+  uo as Tabs,
   co as Tag,
   A as TagControl,
   O as TextControl,
@@ -105,17 +106,19 @@ import './assets/index.css';export {
   W as ToggleControl,
   E as ToggleGroupControl,
   To as Toolbar,
-  Yo as Tooltip,
-  _o as Truncate,
-  nr as VisuallyHidden,
-  So as Window,
+  $o as Tooltip,
+  rr as Truncate,
+  ur as VisuallyHidden,
+  Ho as Window,
   po as createForm,
-  Cr as getRandomTheme,
-  yo as useModifiers,
-  Do as useObjectState,
+  cr as getRandomTheme,
+  yo as useHotkey,
+  ko as useModifiers,
+  Lo as useObjectState,
   U as useSchema,
-  ko as useSelection,
+  Bo as useSelection,
   ho as useSplitInput,
-  Po as useTemporaryChange,
+  Ro as useTemporaryChange,
+  Mo as useTheme,
   X as useView
 };

package/dist/utils/object.js

@@ -1,8 +1,6 @@
-function o(e, u) {
-  return u.split(".").reduce(function(t, n) {
-    return t[n] = t[n] || {}, t[n];
-  }, e);
+function u(e, n) {
+  return n.split(".").reduce((t, o) => t == null ? void 0 : t[o], e);
 }
 export {
-  o as dot
+  u as dot
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wrdagency/blockout",
-	"version": "1.0.8",
+	"version": "1.0.10",
 	"description": "A React component library created by WRD.agency",
 	"type": "module",
 	"main": "dist/index.js",