@wrdagency/blockout 0.0.18 → 0.1.0

package/dist/hooks/state.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Fixes a typing bug in @uidotdev/usehooks.
+ */
+export declare function useObjectState<T>(initial: T): [T, (arg: Partial<T> | ((state: T) => Partial<T>)) => void];

package/dist/hooks/state.js

@@ -0,0 +1,7 @@
+import { b as e } from "../index-1AjPIqTN.js";
+function o(t) {
+  return e(t);
+}
+export {
+  o as useObjectState
+};

package/dist/hooks/theme.js

@@ -1,45 +1,14 @@
-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(() => {
+import { u as a } from "../index-1AjPIqTN.js";
+import { useMemo as c, useEffect as u } from "react";
+function h() {
+  const [e, o] = a("wrd__theme__dark", !1), r = c(() => e ? "dark" : "light", [e]), s = (t) => o(t === "dark"), m = () => o((t) => !t);
+  return u(() => {
     document && document.documentElement.setAttribute(
       "data-colour-scheme",
       e ? "dark" : "light"
     );
-  }, [e]), { isDark: e, theme: n, setTheme: r, toggleDarkTheme: a };
+  }, [e]), { isDark: e, theme: r, setTheme: s, toggleDarkTheme: m };
 }
 export {
-  p as useTheme
+  h as useTheme
 };

package/dist/index-1AjPIqTN.js

@@ -0,0 +1,73 @@
+import * as s from "react";
+function c(e) {
+  return Object.prototype.toString.call(e) === "[object Object]";
+}
+function S(e, t) {
+  window.dispatchEvent(new StorageEvent("storage", { key: e, newValue: t }));
+}
+const u = (e, t) => {
+  const n = JSON.stringify(t);
+  window.localStorage.setItem(e, n), S(e, n);
+}, d = (e) => {
+  window.localStorage.removeItem(e), S(e, null);
+}, l = (e) => window.localStorage.getItem(e), w = (e) => (window.addEventListener("storage", e), () => window.removeEventListener("storage", e)), f = () => {
+  throw Error("useLocalStorage is a client-only hook");
+};
+function g(e, t) {
+  const n = () => l(e), a = s.useSyncExternalStore(
+    w,
+    n,
+    f
+  ), i = s.useCallback(
+    (o) => {
+      try {
+        const r = typeof o == "function" ? o(JSON.parse(a)) : o;
+        r == null ? d(e) : u(e, r);
+      } catch (r) {
+        console.warn(r);
+      }
+    },
+    [e, a]
+  );
+  return s.useEffect(() => {
+    l(e) === null && u(e, t);
+  }, [e, t]), [a ? JSON.parse(a) : t, i];
+}
+function h(e) {
+  const [t, n] = s.useState(e), a = s.useCallback((i) => {
+    typeof i == "function" && n((o) => {
+      const r = i(o);
+      if (c(r))
+        return {
+          ...o,
+          ...r
+        };
+    }), c(i) && n((o) => ({
+      ...o,
+      ...i
+    }));
+  }, []);
+  return [t, a];
+}
+function p() {
+  const [e, t] = s.useState({
+    width: null,
+    height: null
+  });
+  return s.useLayoutEffect(() => {
+    const n = () => {
+      t({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    };
+    return n(), window.addEventListener("resize", n), () => {
+      window.removeEventListener("resize", n);
+    };
+  }, []), e;
+}
+export {
+  p as a,
+  h as b,
+  g as u
+};

package/dist/index-B5y9bioP.js

@@ -0,0 +1,258 @@
+import * as i from "react";
+import { r as E } from "./index-BI5rPXbu.js";
+import { jsx as y, Fragment as M } from "react/jsx-runtime";
+function v(e, n) {
+  if (typeof e == "function")
+    return e(n);
+  e != null && (e.current = n);
+}
+function P(...e) {
+  return (n) => {
+    let t = !1;
+    const o = e.map((r) => {
+      const s = v(r, n);
+      return !t && typeof s == "function" && (t = !0), s;
+    });
+    if (t)
+      return () => {
+        for (let r = 0; r < o.length; r++) {
+          const s = o[r];
+          typeof s == "function" ? s() : v(e[r], null);
+        }
+      };
+  };
+}
+function O(...e) {
+  return i.useCallback(P(...e), e);
+}
+// @__NO_SIDE_EFFECTS__
+function R(e) {
+  const n = /* @__PURE__ */ w(e), t = i.forwardRef((o, r) => {
+    const { children: s, ...l } = o, c = i.Children.toArray(s), u = c.find(b);
+    if (u) {
+      const a = u.props.children, p = c.map((f) => f === u ? i.Children.count(a) > 1 ? i.Children.only(null) : i.isValidElement(a) ? a.props.children : null : f);
+      return /* @__PURE__ */ y(n, { ...l, ref: r, children: i.isValidElement(a) ? i.cloneElement(a, void 0, p) : null });
+    }
+    return /* @__PURE__ */ y(n, { ...l, ref: r, children: s });
+  });
+  return t.displayName = `${e}.Slot`, t;
+}
+// @__NO_SIDE_EFFECTS__
+function w(e) {
+  const n = i.forwardRef((t, o) => {
+    const { children: r, ...s } = t;
+    if (i.isValidElement(r)) {
+      const l = _(r), c = T(s, r.props);
+      return r.type !== i.Fragment && (c.ref = o ? P(o, l) : l), i.cloneElement(r, c);
+    }
+    return i.Children.count(r) > 1 ? i.Children.only(null) : null;
+  });
+  return n.displayName = `${e}.SlotClone`, n;
+}
+var A = Symbol("radix.slottable");
+// @__NO_SIDE_EFFECTS__
+function B(e) {
+  const n = ({ children: t }) => /* @__PURE__ */ y(M, { children: t });
+  return n.displayName = `${e}.Slottable`, n.__radixId = A, n;
+}
+function b(e) {
+  return i.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === A;
+}
+function T(e, n) {
+  const t = { ...n };
+  for (const o in n) {
+    const r = e[o], s = n[o];
+    /^on[A-Z]/.test(o) ? r && s ? t[o] = (...c) => {
+      const u = s(...c);
+      return r(...c), u;
+    } : r && (t[o] = r) : o === "style" ? t[o] = { ...r, ...s } : o === "className" && (t[o] = [r, s].filter(Boolean).join(" "));
+  }
+  return { ...e, ...t };
+}
+function _(e) {
+  var o, r;
+  let n = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, t = n && "isReactWarning" in n && n.isReactWarning;
+  return t ? e.ref : (n = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, t = n && "isReactWarning" in n && n.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
+}
+var I = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], k = I.reduce((e, n) => {
+  const t = /* @__PURE__ */ R(`Primitive.${n}`), o = i.forwardRef((r, s) => {
+    const { asChild: l, ...c } = r, u = l ? t : n;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ y(u, { ...c, ref: s });
+  });
+  return o.displayName = `Primitive.${n}`, { ...e, [n]: o };
+}, {});
+function Z(e, n) {
+  e && E.flushSync(() => e.dispatchEvent(n));
+}
+var x = globalThis != null && globalThis.document ? i.useLayoutEffect : () => {
+};
+function D(e, n) {
+  return i.useReducer((t, o) => n[t][o] ?? t, e);
+}
+var U = (e) => {
+  const { present: n, children: t } = e, o = W(n), r = typeof t == "function" ? t({ present: o.isPresent }) : i.Children.only(t), s = O(o.ref, $(r));
+  return typeof t == "function" || o.isPresent ? i.cloneElement(r, { ref: s }) : null;
+};
+U.displayName = "Presence";
+function W(e) {
+  const [n, t] = i.useState(), o = i.useRef(null), r = i.useRef(e), s = i.useRef("none"), l = e ? "mounted" : "unmounted", [c, u] = D(l, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return i.useEffect(() => {
+    const a = S(o.current);
+    s.current = c === "mounted" ? a : "none";
+  }, [c]), x(() => {
+    const a = o.current, p = r.current;
+    if (p !== e) {
+      const m = s.current, d = S(a);
+      e ? u("MOUNT") : d === "none" || (a == null ? void 0 : a.display) === "none" ? u("UNMOUNT") : u(p && m !== d ? "ANIMATION_OUT" : "UNMOUNT"), r.current = e;
+    }
+  }, [e, u]), x(() => {
+    if (n) {
+      let a;
+      const p = n.ownerDocument.defaultView ?? window, f = (d) => {
+        const h = S(o.current).includes(d.animationName);
+        if (d.target === n && h && (u("ANIMATION_END"), !r.current)) {
+          const C = n.style.animationFillMode;
+          n.style.animationFillMode = "forwards", a = p.setTimeout(() => {
+            n.style.animationFillMode === "forwards" && (n.style.animationFillMode = C);
+          });
+        }
+      }, m = (d) => {
+        d.target === n && (s.current = S(o.current));
+      };
+      return n.addEventListener("animationstart", m), n.addEventListener("animationcancel", f), n.addEventListener("animationend", f), () => {
+        p.clearTimeout(a), n.removeEventListener("animationstart", m), n.removeEventListener("animationcancel", f), n.removeEventListener("animationend", f);
+      };
+    } else
+      u("ANIMATION_END");
+  }, [n, u]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(c),
+    ref: i.useCallback((a) => {
+      o.current = a ? getComputedStyle(a) : null, t(a);
+    }, [])
+  };
+}
+function S(e) {
+  return (e == null ? void 0 : e.animationName) || "none";
+}
+function $(e) {
+  var o, r;
+  let n = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, t = n && "isReactWarning" in n && n.isReactWarning;
+  return t ? e.ref : (n = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, t = n && "isReactWarning" in n && n.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
+}
+function q(e, n = []) {
+  let t = [];
+  function o(s, l) {
+    const c = i.createContext(l), u = t.length;
+    t = [...t, l];
+    const a = (f) => {
+      var g;
+      const { scope: m, children: d, ...N } = f, h = ((g = m == null ? void 0 : m[e]) == null ? void 0 : g[u]) || c, C = i.useMemo(() => N, Object.values(N));
+      return /* @__PURE__ */ y(h.Provider, { value: C, children: d });
+    };
+    a.displayName = s + "Provider";
+    function p(f, m) {
+      var h;
+      const d = ((h = m == null ? void 0 : m[e]) == null ? void 0 : h[u]) || c, N = i.useContext(d);
+      if (N) return N;
+      if (l !== void 0) return l;
+      throw new Error(`\`${f}\` must be used within \`${s}\``);
+    }
+    return [a, p];
+  }
+  const r = () => {
+    const s = t.map((l) => i.createContext(l));
+    return function(c) {
+      const u = (c == null ? void 0 : c[e]) || s;
+      return i.useMemo(
+        () => ({ [`__scope${e}`]: { ...c, [e]: u } }),
+        [c, u]
+      );
+    };
+  };
+  return r.scopeName = e, [o, L(r, ...n)];
+}
+function L(...e) {
+  const n = e[0];
+  if (e.length === 1) return n;
+  const t = () => {
+    const o = e.map((r) => ({
+      useScope: r(),
+      scopeName: r.scopeName
+    }));
+    return function(s) {
+      const l = o.reduce((c, { useScope: u, scopeName: a }) => {
+        const f = u(s)[`__scope${a}`];
+        return { ...c, ...f };
+      }, {});
+      return i.useMemo(() => ({ [`__scope${n.scopeName}`]: l }), [l]);
+    };
+  };
+  return t.scopeName = n.scopeName, t;
+}
+function z(e) {
+  const n = i.useRef(e);
+  return i.useEffect(() => {
+    n.current = e;
+  }), i.useMemo(() => (...t) => {
+    var o;
+    return (o = n.current) == null ? void 0 : o.call(n, ...t);
+  }, []);
+}
+var j = i.createContext(void 0);
+function G(e) {
+  const n = i.useContext(j);
+  return e || n || "ltr";
+}
+function J(e, [n, t]) {
+  return Math.min(t, Math.max(n, e));
+}
+function K(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
+  return function(r) {
+    if (e == null || e(r), t === !1 || !r.defaultPrevented)
+      return n == null ? void 0 : n(r);
+  };
+}
+export {
+  k as P,
+  G as a,
+  U as b,
+  q as c,
+  K as d,
+  z as e,
+  x as f,
+  J as g,
+  Z as h,
+  R as i,
+  B as j,
+  O as u
+};