@wrdagency/blockout 0.1.9 → 1.0.0

package/dist/hooks/index.d.ts

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

package/dist/hooks/index.js

@@ -1,6 +1,12 @@
-import { useSplitInput as p } from "./input.js";
-import { useTheme as t } from "./theme.js";
+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";
 export {
-  p as useSplitInput,
-  t as useTheme
+  p as useModifiers,
+  u as useObjectState,
+  m as useSelection,
+  r as useSplitInput,
+  i as useTemporaryChange
 };

package/dist/hooks/input.js

@@ -1,23 +1,23 @@
-import { useRef as g } from "react";
+import { useRef as f } from "react";
 function h() {
-  const r = g([]), s = () => document.activeElement ? r.current.findIndex(
-    (e) => e === document.activeElement
+  const r = f([]), s = () => document.activeElement ? r.current.findIndex(
+    (t) => t === document.activeElement
   ) : -1, c = () => {
-    const e = s(), t = Math.min(e + 1, r.current.length - 1), n = r.current[t];
-    n && t !== e && (n.focus(), n.setSelectionRange(0, 0));
+    const t = s(), e = Math.min(t + 1, r.current.length - 1), n = r.current[e];
+    n && e !== t && (n.focus(), n.setSelectionRange(0, 0));
   }, o = () => {
-    const e = s(), t = Math.max(e - 1, 0), n = r.current[t];
-    n && t !== e && (n.focus(), n.setSelectionRange(
+    const t = s(), e = Math.max(t - 1, 0), n = r.current[e];
+    n && e !== t && (n.focus(), n.setSelectionRange(
       n.value.length,
       n.value.length
     ));
-  }, u = (e) => {
-    const t = e.currentTarget, n = t.value.length === 0 && e.key === "Backspace", i = t.selectionStart === 0 && e.key === "ArrowLeft", l = t.selectionEnd === t.value.length && e.key === "ArrowRight", a = t.selectionEnd === t.value.length && t.maxLength === t.value.length && e.key.length === 1;
-    n || i ? (o(), e.preventDefault()) : l ? (c(), e.preventDefault()) : a && c();
+  }, i = (t) => {
+    const e = t.currentTarget, n = e.selectionStart !== e.selectionEnd, u = e.selectionStart === 0 && !n && t.key === "Backspace", a = e.selectionStart === 0 && t.key === "ArrowLeft", l = e.selectionEnd === e.value.length && t.key === "ArrowRight", g = e.selectionEnd === e.value.length && e.maxLength === e.value.length && !n && t.key.length === 1;
+    u || a ? (o(), t.preventDefault()) : l ? (c(), t.preventDefault()) : g && c();
   };
-  return { register: (e) => ({
-    ref: (t) => r.current[e] = t,
-    onKeyDown: u
+  return { register: (t) => ({
+    ref: (e) => r.current[t] = e,
+    onKeyDown: i
   }), next: c, back: o };
 }
 export {

package/dist/hooks/keyboard.d.ts

@@ -0,0 +1,7 @@
+export declare function useModifiers(): import('react').RefObject<{
+    shift: boolean;
+    alt: boolean;
+    ctrl: boolean;
+    meta: boolean;
+}>;
+export declare function useHotkey(shortcut: string, callback: (evt: KeyboardEvent) => void): void;

package/dist/hooks/keyboard.js

@@ -0,0 +1,40 @@
+import { useRef as f, useEffect as o } from "react";
+function l() {
+  const r = f({
+    shift: !1,
+    alt: !1,
+    ctrl: !1,
+    meta: !1
+  });
+  return o(() => {
+    const i = (e) => {
+      r.current = {
+        shift: e.shiftKey,
+        alt: e.altKey,
+        ctrl: e.ctrlKey,
+        meta: e.metaKey
+      };
+    };
+    return window.addEventListener("keydown", i), () => {
+      window.removeEventListener("keydown", i);
+    };
+  }), r;
+}
+function y(r, i) {
+  o(() => {
+    const e = (t) => {
+      const s = r.split("+");
+      for (const n of s)
+        if (n === "shift" && !t.shiftKey || n === "alt" && !t.altKey || n === "ctrl" && !t.ctrlKey || n === "meta" && !t.metaKey || !["shift", "alt", "ctrl", "meta"].includes(n) && n !== t.key)
+          return;
+      i(t);
+    };
+    return window.addEventListener("keydown", e), () => {
+      window.removeEventListener("keydown", e);
+    };
+  }, [r, i]);
+}
+export {
+  y as useHotkey,
+  l as useModifiers
+};

package/dist/hooks/selection.d.ts

@@ -0,0 +1,19 @@
+export type SelectionMode = "single" | "multiple";
+type GroupSelectionStatus = true | false | undefined;
+export type Selection<ID extends string = string> = {
+    value: ID[];
+    mode: SelectionMode;
+    query: (range?: ID[]) => GroupSelectionStatus;
+    count: () => number;
+    pool: () => ID[];
+    has: (item: ID) => boolean;
+    clear: () => void;
+    all: () => void;
+    set: (items: ID[]) => void;
+    add: (item: ID | ID[]) => void;
+    remove: (item: ID | ID[]) => void;
+    toggle: (item: ID | ID[], force?: boolean) => void;
+    range: (item: ID) => void;
+};
+export declare function useSelection<ID extends string>(mode: SelectionMode, allItems: ID[]): Selection<ID>;
+export {};

package/dist/hooks/selection.js

@@ -0,0 +1,57 @@
+import { useState as h } from "react";
+function j(t, i) {
+  const [f, x] = h([]), [p, c] = h(-1), o = (n) => f.includes(n), v = () => f.length, y = () => i, r = (n) => {
+    n = n.filter((e, l, u) => u.indexOf(e) === l), t === "single" && n.length > 1 && (n = [n[n.length - 1]]), x(n);
+  }, s = (n) => {
+    Array.isArray(n) ? (t === "single" ? r([n[n.length - 1]]) : t === "multiple" && r([...f, ...n]), c(i.indexOf(n[n.length - 1]))) : (t === "single" ? r([n]) : t === "multiple" && r([...f, n]), c(i.indexOf(n)));
+  }, g = (n) => {
+    Array.isArray(n) ? (t === "single" ? r([]) : t === "multiple" && r(f.filter((e) => !n.includes(e))), c(i.indexOf(n[n.length - 1]))) : (t === "single" ? r([]) : t === "multiple" && r(f.filter((e) => e !== n)), c(i.indexOf(n)));
+  }, d = (n, e) => {
+    if (Array.isArray(n)) {
+      const l = a(n) ?? !0;
+      l === !0 && e === void 0 || e === !1 ? g(n) : (l !== !0 && e === void 0 || e === !0) && s(n);
+    } else
+      o(n) && e === void 0 || e === !0 ? s(n) : (!o(n) && e === void 0 || e === !1) && g(n);
+  }, A = () => {
+    r([]);
+  }, O = () => {
+    d(i);
+  }, S = (n) => {
+    const e = i.indexOf(n);
+    let l = p, u = e + 1;
+    if (l > u) {
+      const q = l;
+      l = u - 1, u = q + 1;
+    }
+    const w = i.slice(l, u);
+    r(w);
+  }, a = (n = i) => {
+    if (n.length === 0)
+      return !1;
+    let e = 0;
+    for (const l of n)
+      f.includes(l) && e++;
+    if (n.length === e)
+      return !0;
+    if (!(e > 0))
+      return !1;
+  };
+  return {
+    value: f,
+    mode: t,
+    has: o,
+    count: v,
+    pool: y,
+    query: a,
+    clear: A,
+    all: O,
+    set: r,
+    add: s,
+    remove: g,
+    toggle: d,
+    range: S
+  };
+}
+export {
+  j as useSelection
+};

package/dist/hooks/state.js

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

package/dist/hooks/temporary.d.ts

@@ -0,0 +1,7 @@
+export declare function useTemporaryChange<T>(sourceState: [T, (value: T) => void]): {
+    temporary: T;
+    update: import('react').Dispatch<import('react').SetStateAction<T>>;
+    discard: () => void;
+    commit: () => void;
+    source: T;
+};

package/dist/hooks/temporary.js

@@ -0,0 +1,12 @@
+import { useState as s } from "react";
+function u(e) {
+  const [t, c] = e, [o, r] = s(t);
+  return { temporary: o, update: r, discard: () => {
+    r(t);
+  }, commit: () => {
+    c(o);
+  }, source: t };
+}
+export {
+  u as useTemporaryChange
+};

package/dist/index-C2R91pmO.js

@@ -0,0 +1,251 @@
+import { Actions as x } from "./components/data-view/slots/item/actions.js";
+import { Checkbox as E } from "./components/data-view/slots/item/checkbox.js";
+import { useItem as F, ItemProvider as R } from "./components/data-view/slots/item/context.js";
+import { jsx as o, jsxs as h } from "react/jsx-runtime";
+import { r as C } from "./ArrowBendDownRight.es-mejk84um.js";
+import { useMemo as c, Fragment as D } from "react";
+import { R as A } from "./index-DgyEPQBp.js";
+import { getPlacements as j } from "./components/data-view/data/fields.js";
+import { PropertyProvider as z, useProperty as K } from "./components/data-view/slots/property/context.js";
+import { cn as N } from "./utils/css.js";
+import './assets/style23.css';import './assets/styles4.css';import './assets/styles3.css';import './assets/style16.css';import './assets/style15.css';import './assets/styles5.css';import './assets/style17.css';import './assets/style14.css';import './assets/style13.css';import './assets/style12.css';import './assets/prosemirror.css';import './assets/style11.css';import './assets/style10.css';import './assets/style8.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/style9.css';import './assets/style7.css';import './assets/styles2.css';/* empty css                */
+import "./style-A7_0w2WD.js";
+/* empty css               */
+/* empty css               */
+/* empty css               */
+/* empty css               */
+import "./primitives/popover/index.js";
+/* empty css               */
+import "./primitives/scroll-area/index.js";
+import "./primitives/symbol/index.js";
+/* empty css               */
+/* empty css               */
+/* empty css               */
+/* empty css                */
+/* empty css               */
+import "./components/button/index.js";
+import "./components/controls/date-control/component.js";
+/* empty css               */
+import "./sortable.esm-De3H-_AA.js";
+/* empty css               */
+/* empty css                     */
+import "./components/toolbar/index.js";
+/* empty css               */
+/* empty css               */
+/* empty css               */
+import "./types/date.js";
+/* empty css               */
+import { Select as M } from "./components/controls/select-control/select.js";
+import "./style-Bp4uISf6.js";
+import "./options-Cfoqhxw2.js";
+/* empty css                */
+/* empty css               */
+/* empty css               */
+/* empty css                */
+/* empty css                */
+/* empty css               */
+import { IconLabel as T } from "./primitives/icon-label/index.js";
+import { Link as w } from "./primitives/link/index.js";
+import { Truncate as q } from "./primitives/truncate/index.js";
+import { G } from "./index-EQOyE9yF.js";
+import { Tag as B } from "./components/tag/index.js";
+const H = ({
+  as: s,
+  ...r
+}) => {
+  const { hierarchy: t, items: e, primaryKey: i } = A.use(), { group: n } = G.use(), { item: a } = v.use();
+  if (!t)
+    return;
+  const l = c(
+    () => t.hasParent(a) ? t.getParent({ items: e, item: a }) : void 0,
+    [t, e, a]
+  );
+  return c(
+    () => l && n.items.some((u) => u[i] === l[i]),
+    [l, n.items, i]
+  ) ? /* @__PURE__ */ o(s || "div", { ...r, children: /* @__PURE__ */ o(C, {}) }) : void 0;
+};
+function f(s) {
+  const { placements: r } = A.use(), { item: t } = v.use(), e = r[s], i = c(() => e == null ? void 0 : e.getValue(t), [e, t]);
+  return { field: e, item: t, value: i };
+}
+const J = ({
+  as: s,
+  ...r
+}) => {
+  const { value: t, item: e, field: i } = f("description");
+  return i ? /* @__PURE__ */ o(s || "div", { ...r, children: i.display.cell({
+    value: t,
+    item: e,
+    field: i
+  }) }) : void 0;
+}, O = ({ className: s, as: r = "div" }) => {
+  const { item: t } = v.use(), { field: e } = _.use(), i = c(() => {
+    e.getValue(t);
+  }, [e, t]), n = (l) => {
+    e.editing.editFn(l, t, e.id);
+  };
+  return /* @__PURE__ */ o(r, { className: N("data-view-part-field__editable", s), children: /* @__PURE__ */ o(M, { options: e.elements, onChangeValue: n, searchable: !0, children: e.display.cell({
+    value: i,
+    item: t,
+    field: e
+  }) }) });
+}, Q = ({ className: s, as: r = "div" }) => {
+  const { item: t } = v.use(), { field: e } = _.use(), i = c(() => e.getValue(t), [e, t]);
+  return /* @__PURE__ */ o(r, { className: N("data-view-part-field__static", s), children: e.display.cell({
+    value: i,
+    item: t,
+    field: e
+  }) });
+}, U = (s) => {
+  const { field: r } = _.use(), e = r && r.editing.editable && r.elements.length > 0 ? O : Q;
+  return /* @__PURE__ */ o(e, { ...s });
+}, W = ({ className: s, as: r = "div" }) => {
+  const { field: t } = _.use();
+  return /* @__PURE__ */ o(r, { className: s, children: t.display.header({ field: t }) });
+}, _ = {
+  Field: U,
+  Label: W,
+  use: K,
+  Provider: z
+}, X = ({
+  children: s,
+  fragment: r = !1,
+  as: t,
+  ...e
+}) => {
+  const { fields: i, view: n } = A.use(), a = c(
+    () => j("property", i, n),
+    [i, n]
+  );
+  return r ? a.map((m) => /* @__PURE__ */ o(_.Provider, { field: m, children: s({ field: m, key: m.id }) })) : /* @__PURE__ */ o(t || "div", { ...e, children: a.map((m) => /* @__PURE__ */ o(D, { children: /* @__PURE__ */ o(_.Provider, { field: m, children: s({ field: m, key: m.id }) }) }, m.id)) });
+}, Y = ({
+  as: s,
+  className: r,
+  ignorePeers: t = !1,
+  ...e
+}) => {
+  var I, V;
+  const { hierarchy: i, items: n, placements: a, primaryKey: l, view: m } = A.use(), { group: g } = G.use(), { item: u } = v.use();
+  if (!i)
+    return;
+  m.relationships === "minimal" && (t = !0);
+  const P = c(
+    () => i.getChildren({ item: u, items: n }).filter(
+      (d) => t || !g.items.some((y) => y[l] === d[l])
+    ),
+    [i, u, n]
+  ), p = c(
+    () => i.getParent({ items: n, item: u }),
+    [i, u, n]
+  ), L = c(
+    () => g.items.some((d) => d[l] === (p == null ? void 0 : p[l])),
+    [p, g.items, l]
+  );
+  if (m.relationships === "hidden")
+    return;
+  const b = p && (t || !L);
+  return P.length < 1 && !b ? void 0 : /* @__PURE__ */ h(
+    s || "div",
+    {
+      className: N("data-view-slot__item__relations", r),
+      ...e,
+      children: [
+        b && /* @__PURE__ */ h("div", { className: "data-view-slot__item__parent", children: [
+          /* @__PURE__ */ o("strong", { className: "data-view-slot__item__parent__label", children: "Child of:" }),
+          /* @__PURE__ */ o(
+            w,
+            {
+              className: "data-view-slot__item__parent__name__link",
+              href: (I = a.url) == null ? void 0 : I.getValue(p),
+              children: /* @__PURE__ */ h(
+                T,
+                {
+                  className: "data-view-slot__item__parent__name",
+                  size: "small",
+                  variant: "soft",
+                  children: [
+                    i.getNodeIcon(p, "parent"),
+                    /* @__PURE__ */ o(q, { children: (V = a.title) == null ? void 0 : V.getValue(p) })
+                  ]
+                }
+              )
+            }
+          )
+        ] }),
+        P.length > 0 && /* @__PURE__ */ h("div", { className: "data-view-slot__item__children", children: [
+          /* @__PURE__ */ o(C, {}),
+          /* @__PURE__ */ o("div", { className: "data-view-slot__item__children__list", children: P.map((d, y) => {
+            var k, S;
+            return /* @__PURE__ */ o(
+              w,
+              {
+                className: "data-view-slot__item__children__item__link",
+                href: (k = a.url) == null ? void 0 : k.getValue(d),
+                children: /* @__PURE__ */ h(
+                  T,
+                  {
+                    className: "data-view-slot__item__children__item",
+                    size: "small",
+                    variant: "soft",
+                    children: [
+                      i.getNodeIcon(d, "child"),
+                      (S = a.title) == null ? void 0 : S.getValue(d)
+                    ]
+                  }
+                )
+              },
+              y
+            );
+          }) })
+        ] })
+      ]
+    }
+  );
+}, Z = ({ className: s }) => {
+  const { value: r, field: t } = f("tags");
+  if (t)
+    return /* @__PURE__ */ o(B.List, { className: s, items: r });
+}, $ = ({ className: s }) => {
+  const { value: r, field: t } = f("thumbnail");
+  if (t)
+    return /* @__PURE__ */ o("img", { className: s, src: r });
+}, tt = ({
+  as: s,
+  ...r
+}) => {
+  const { value: t, item: e, field: i } = f("title"), { value: n } = f("url");
+  return i ? /* @__PURE__ */ o(s || "div", { ...r, children: /* @__PURE__ */ o(w, { className: "data-view-slot__item__link", href: n, children: i.display.cell({
+    value: t,
+    item: e,
+    field: i
+  }) }) }) : void 0;
+}, v = {
+  Title: tt,
+  Description: J,
+  Tags: Z,
+  Checkbox: E,
+  Properties: X,
+  Depth: H,
+  Thumbnail: $,
+  Relations: Y,
+  Actions: x,
+  use: F,
+  Provider: R
+};
+export {
+  H as D,
+  O as E,
+  U as F,
+  v as I,
+  W as L,
+  _ as P,
+  Y as R,
+  Q as S,
+  Z as T,
+  J as a,
+  X as b,
+  $ as c,
+  tt as d,
+  f as u
+};

package/dist/index-CwFPDtaz.js

@@ -0,0 +1,172 @@
+import P, { useContext as O, createContext as G, useCallback as $, useRef as h, useState as L, useMemo as U, useLayoutEffect as D, useEffect as H } from "react";
+var X = typeof global == "object" && global && global.Object === Object && global, q = typeof self == "object" && self && self.Object === Object && self, W = X || q || Function("return this")(), y = W.Symbol, w = Object.prototype, z = w.hasOwnProperty, J = w.toString, m = y ? y.toStringTag : void 0;
+function K(t) {
+  var e = z.call(t, m), n = t[m];
+  try {
+    t[m] = void 0;
+    var i = !0;
+  } catch {
+  }
+  var a = J.call(t);
+  return i && (e ? t[m] = n : delete t[m]), a;
+}
+var Q = Object.prototype, V = Q.toString;
+function Y(t) {
+  return V.call(t);
+}
+var Z = "[object Null]", tt = "[object Undefined]", M = y ? y.toStringTag : void 0;
+function et(t) {
+  return t == null ? t === void 0 ? tt : Z : M && M in Object(t) ? K(t) : Y(t);
+}
+function nt(t) {
+  return t != null && typeof t == "object";
+}
+var rt = "[object Symbol]";
+function it(t) {
+  return typeof t == "symbol" || nt(t) && et(t) == rt;
+}
+var ot = /\s/;
+function at(t) {
+  for (var e = t.length; e-- && ot.test(t.charAt(e)); )
+    ;
+  return e;
+}
+var ct = /^\s+/;
+function ft(t) {
+  return t && t.slice(0, at(t) + 1).replace(ct, "");
+}
+function I(t) {
+  var e = typeof t;
+  return t != null && (e == "object" || e == "function");
+}
+var R = NaN, ut = /^[-+]0x[0-9a-f]+$/i, st = /^0b[01]+$/i, dt = /^0o[0-7]+$/i, lt = parseInt;
+function F(t) {
+  if (typeof t == "number")
+    return t;
+  if (it(t))
+    return R;
+  if (I(t)) {
+    var e = typeof t.valueOf == "function" ? t.valueOf() : t;
+    t = I(e) ? e + "" : e;
+  }
+  if (typeof t != "string")
+    return t === 0 ? t : +t;
+  t = ft(t);
+  var n = st.test(t);
+  return n || dt.test(t) ? lt(t.slice(2), n ? 2 : 8) : ut.test(t) ? R : +t;
+}
+var S = function() {
+  return W.Date.now();
+}, gt = "Expected a function", mt = Math.max, bt = Math.min;
+function vt(t, e, n) {
+  var i, a, c, f, o, s, d = 0, x = !1, l = !1, v = !0;
+  if (typeof t != "function")
+    throw new TypeError(gt);
+  e = F(e) || 0, I(n) && (x = !!n.leading, l = "maxWait" in n, c = l ? mt(F(n.maxWait) || 0, e) : c, v = "trailing" in n ? !!n.trailing : v);
+  function j(r) {
+    var u = i, g = a;
+    return i = a = void 0, d = r, f = t.apply(g, u), f;
+  }
+  function N(r) {
+    return d = r, o = setTimeout(b, e), x ? j(r) : f;
+  }
+  function A(r) {
+    var u = r - s, g = r - d, C = e - u;
+    return l ? bt(C, c - g) : C;
+  }
+  function E(r) {
+    var u = r - s, g = r - d;
+    return s === void 0 || u >= e || u < 0 || l && g >= c;
+  }
+  function b() {
+    var r = S();
+    if (E(r))
+      return k(r);
+    o = setTimeout(b, A(r));
+  }
+  function k(r) {
+    return o = void 0, v && i ? j(r) : (i = a = void 0, f);
+  }
+  function _() {
+    o !== void 0 && clearTimeout(o), d = 0, i = s = a = o = void 0;
+  }
+  function B() {
+    return o === void 0 ? f : k(S());
+  }
+  function p() {
+    var r = S(), u = E(r);
+    if (i = arguments, a = this, s = r, u) {
+      if (o === void 0)
+        return N(s);
+      if (l)
+        return clearTimeout(o), o = setTimeout(b, e), j(s);
+    }
+    return o === void 0 && (o = setTimeout(b, e)), f;
+  }
+  return p.cancel = _, p.flush = B, p;
+}
+const T = G(
+  {}
+);
+function yt() {
+  const {
+    dom: t,
+    editor: e,
+    setLoading: n,
+    editorFactory: i
+  } = O(T), a = h(null);
+  return H(() => {
+    const c = a.current;
+    if (!i || !c) return;
+    t.current = c;
+    const f = i(c);
+    if (f)
+      return n(!0), f.create().then((o) => {
+        e.current = o;
+      }).finally(() => {
+        n(!1);
+      }).catch(console.error), () => {
+        f.destroy().catch(console.error);
+      };
+  }, [t, e, i, n]), a;
+}
+const jt = () => {
+  const t = yt();
+  return /* @__PURE__ */ P.createElement("div", { "data-milkdown-root": !0, ref: t });
+}, pt = ({ children: t }) => {
+  const e = h(void 0), [n, i] = L(
+    void 0
+  ), a = h(void 0), [c, f] = L(!0), o = U(
+    () => ({
+      loading: c,
+      dom: e,
+      editor: a,
+      setLoading: f,
+      editorFactory: n,
+      setEditorFactory: i
+    }),
+    [c, n]
+  );
+  return /* @__PURE__ */ P.createElement(T.Provider, { value: o }, t);
+};
+function St(t, e = []) {
+  const n = O(T), i = $(t, e);
+  return D(() => {
+    n.setEditorFactory(() => i);
+  }, [n, i]), {
+    loading: n.loading,
+    get: () => n.editor.current
+  };
+}
+function ht() {
+  const t = O(T), e = $(() => t.editor.current, [t.editor]);
+  return [t.loading, e];
+}
+export {
+  pt as M,
+  St as a,
+  jt as b,
+  vt as d,
+  I as i,
+  ht as u
+};