@blockbite/ui 2.0.1 → 2.0.2

package/dist/node_modules/@wordpress/block-editor/build-module/hooks/spacing-visualizer.js

@@ -1,91 +0,0 @@
-import { useReducer as g, useEffect as l, useRef as b, useState as h } from "@wordpress/element";
-import v from "../../../is-shallow-equal/build-module/index.js";
-import S from "../components/block-popover/cover.js";
-import { useBlockElement as y } from "../components/block-list/use-block-props/use-block-refs.js";
-import { j as c } from "../../../../react/jsx-runtime.js";
-function f({
-  clientId: e,
-  value: r,
-  computeStyle: s,
-  forceShow: t
-}) {
-  const o = y(e), [u, d] = g(() => s(o));
-  l(() => {
-    if (!o)
-      return;
-    const a = new window.MutationObserver(d);
-    return a.observe(o, {
-      attributes: !0,
-      attributeFilter: ["style", "class"]
-    }), () => {
-      a.disconnect();
-    };
-  }, [o]);
-  const n = b(r), [m, p] = h(!1);
-  return l(() => {
-    if (v(r, n.current) || t)
-      return;
-    p(!0), n.current = r;
-    const a = setTimeout(() => {
-      p(!1);
-    }, 400);
-    return () => {
-      p(!1), clearTimeout(a);
-    };
-  }, [r, t]), !m && !t ? null : /* @__PURE__ */ c.jsx(S, {
-    clientId: e,
-    __unstablePopoverSlot: "block-toolbar",
-    children: /* @__PURE__ */ c.jsx("div", {
-      className: "block-editor__spacing-visualizer",
-      style: u
-    })
-  });
-}
-function i(e, r) {
-  return e.ownerDocument.defaultView.getComputedStyle(e).getPropertyValue(r);
-}
-function V({
-  clientId: e,
-  value: r,
-  forceShow: s
-}) {
-  return /* @__PURE__ */ c.jsx(f, {
-    clientId: e,
-    value: r?.spacing?.margin,
-    computeStyle: (t) => {
-      const o = i(t, "margin-top"), u = i(t, "margin-right"), d = i(t, "margin-bottom"), n = i(t, "margin-left");
-      return {
-        borderTopWidth: o,
-        borderRightWidth: u,
-        borderBottomWidth: d,
-        borderLeftWidth: n,
-        top: o ? `-${o}` : 0,
-        right: u ? `-${u}` : 0,
-        bottom: d ? `-${d}` : 0,
-        left: n ? `-${n}` : 0
-      };
-    },
-    forceShow: s
-  });
-}
-function z({
-  clientId: e,
-  value: r,
-  forceShow: s
-}) {
-  return /* @__PURE__ */ c.jsx(f, {
-    clientId: e,
-    value: r?.spacing?.padding,
-    computeStyle: (t) => ({
-      borderTopWidth: i(t, "padding-top"),
-      borderRightWidth: i(t, "padding-right"),
-      borderBottomWidth: i(t, "padding-bottom"),
-      borderLeftWidth: i(t, "padding-left")
-    }),
-    forceShow: s
-  });
-}
-export {
-  V as MarginVisualizer,
-  z as PaddingVisualizer
-};

package/dist/node_modules/@wordpress/block-editor/build-module/hooks/style.js

@@ -1,174 +0,0 @@
-import { useMemo as T } from "@wordpress/element";
-import { addFilter as $ } from "../../../hooks/build-module/index.js";
-import "../../../blocks/build-module/store/index.js";
-import { compileCSS as _, getCSSRules as z } from "../../../style-engine/build-module/index.js";
-import { BACKGROUND_SUPPORT_KEY as m, BackgroundImagePanel as Y } from "./background.js";
-import { BORDER_SUPPORT_KEY as x, SHADOW_SUPPORT_KEY as k, BorderPanel as j } from "./border.js";
-import { COLOR_SUPPORT_KEY as E, ColorEdit as B } from "./color.js";
-import { TYPOGRAPHY_SUPPORT_KEYS as C, TYPOGRAPHY_SUPPORT_KEY as g, TypographyPanel as K } from "./typography.js";
-import { DIMENSIONS_SUPPORT_KEY as c, SPACING_SUPPORT_KEY as h, DimensionsPanel as I } from "./dimensions.js";
-import { shouldSkipSerialization as U, useStyleOverride as N, useBlockSettings as v } from "./utils.js";
-import { scopeSelector as y } from "../components/global-styles/utils.js";
-import { useBlockEditingMode as M } from "../components/block-editing-mode/index.js";
-import { j as l } from "../../../../react/jsx-runtime.js";
-import D from "../../../compose/build-module/hooks/use-instance-id/index.js";
-import { hasBlockSupport as L, getBlockSupport as F } from "../../../blocks/build-module/api/registration.js";
-import { __EXPERIMENTAL_ELEMENTS as d } from "../../../blocks/build-module/api/constants.js";
-const G = [...C, x, E, c, m, h, k], O = (t) => G.some((r) => L(t, r));
-function H(t = {}) {
-  const r = {};
-  return z(t).forEach((n) => {
-    r[n.key] = n.value;
-  }), r;
-}
-function w(t) {
-  return O(t) && (t.attributes.style || Object.assign(t.attributes, {
-    style: {
-      type: "object"
-    }
-  })), t;
-}
-const b = {
-  [`${x}.__experimentalSkipSerialization`]: ["border"],
-  [`${E}.__experimentalSkipSerialization`]: [E],
-  [`${g}.__experimentalSkipSerialization`]: [g],
-  [`${c}.__experimentalSkipSerialization`]: [c],
-  [`${h}.__experimentalSkipSerialization`]: [h],
-  [`${k}.__experimentalSkipSerialization`]: [k]
-}, J = {
-  ...b,
-  [`${c}.aspectRatio`]: [`${c}.aspectRatio`],
-  // Skip serialization of aspect ratio in save mode.
-  [`${m}`]: [m]
-  // Skip serialization of background support in save mode.
-}, W = {
-  [`${c}.aspectRatio`]: !0,
-  [`${m}`]: !0
-}, X = {
-  gradients: "gradient"
-};
-function R(t, r, n = !1) {
-  if (!t)
-    return t;
-  let o = t;
-  return n || (o = JSON.parse(JSON.stringify(t))), Array.isArray(r) || (r = [r]), r.forEach((e) => {
-    if (Array.isArray(e) || (e = e.split(".")), e.length > 1) {
-      const [s, ...i] = e;
-      R(o[s], [i], !0);
-    } else e.length === 1 && delete o[e[0]];
-  }), o;
-}
-function A(t, r, n, o = J) {
-  if (!O(r))
-    return t;
-  let {
-    style: e
-  } = n;
-  return Object.entries(o).forEach(([s, i]) => {
-    const a = W[s] || F(r, s);
-    a === !0 && (e = R(e, i)), Array.isArray(a) && a.forEach((S) => {
-      const p = X[S] || S;
-      e = R(e, [[...i, p]]);
-    });
-  }), t.style = {
-    ...H(e),
-    ...t.style
-  }, t;
-}
-function q({
-  clientId: t,
-  name: r,
-  setAttributes: n,
-  __unstableParentLayout: o
-}) {
-  const e = v(r, o), s = M(), i = {
-    clientId: t,
-    name: r,
-    setAttributes: n,
-    settings: {
-      ...e,
-      typography: {
-        ...e.typography,
-        // The text alignment UI for individual blocks is rendered in
-        // the block toolbar, so disable it here.
-        textAlign: !1
-      }
-    }
-  };
-  return s !== "default" ? null : /* @__PURE__ */ l.jsxs(l.Fragment, {
-    children: [/* @__PURE__ */ l.jsx(B, {
-      ...i
-    }), /* @__PURE__ */ l.jsx(Y, {
-      ...i
-    }), /* @__PURE__ */ l.jsx(K, {
-      ...i
-    }), /* @__PURE__ */ l.jsx(j, {
-      ...i
-    }), /* @__PURE__ */ l.jsx(I, {
-      ...i
-    })]
-  });
-}
-const _t = {
-  edit: q,
-  hasSupport: O,
-  addSaveProps: A,
-  attributeKeys: ["style"],
-  useBlockProps: Z
-}, Q = [{
-  elementType: "button"
-}, {
-  elementType: "link",
-  pseudo: [":hover"]
-}, {
-  elementType: "heading",
-  elements: ["h1", "h2", "h3", "h4", "h5", "h6"]
-}], V = {};
-function Z({
-  name: t,
-  style: r
-}) {
-  const n = D(V, "wp-elements"), o = `.${n}`, e = r?.elements, s = T(() => {
-    if (!e)
-      return;
-    const i = [];
-    return Q.forEach(({
-      elementType: a,
-      pseudo: S,
-      elements: p
-    }) => {
-      if (U(t, E, a))
-        return;
-      const u = e?.[a];
-      if (u) {
-        const f = y(o, d[a]);
-        i.push(_(u, {
-          selector: f
-        })), S && S.forEach((P) => {
-          u[P] && i.push(_(u[P], {
-            selector: y(o, `${d[a]}${P}`)
-          }));
-        });
-      }
-      p && p.forEach((f) => {
-        e[f] && i.push(_(e[f], {
-          selector: y(o, d[f])
-        }));
-      });
-    }), i.length > 0 ? i.join("") : void 0;
-  }, [o, e, t]);
-  return N({
-    css: s
-  }), A({
-    className: n
-  }, t, {
-    style: r
-  }, b);
-}
-$("blocks.registerBlockType", "core/style/addAttribute", w);
-export {
-  A as addSaveProps,
-  _t as default,
-  H as getInlineStyles,
-  R as omitStyle
-};

package/dist/node_modules/@wordpress/block-editor/build-module/hooks/text-align.js

@@ -1,99 +0,0 @@
-import { clsx as A } from "../../../../clsx/dist/clsx.js";
-import "../../../i18n/build-module/sprintf.js";
-import "../../../../tannin/index.js";
-import { __ as s } from "../../../i18n/build-module/default-i18n.js";
-import "../../../blocks/build-module/store/index.js";
-import { useBlockEditingMode as T } from "../components/block-editing-mode/index.js";
-import { shouldSkipSerialization as f, useBlockSettings as E, cleanEmptyObject as S } from "./utils.js";
-import { TYPOGRAPHY_SUPPORT_KEY as x } from "./typography.js";
-import { j as p } from "../../../../react/jsx-runtime.js";
-import _ from "../../../icons/build-module/library/align-left.js";
-import N from "../../../icons/build-module/library/align-center.js";
-import P from "../../../icons/build-module/library/align-right.js";
-import C from "../components/block-controls/index.js";
-import { AlignmentControl as k } from "../components/alignment-control/index.js";
-import { hasBlockSupport as B, getBlockSupport as g } from "../../../blocks/build-module/api/registration.js";
-const o = "typography.textAlign", O = [{
-  icon: _,
-  title: s("Align text left"),
-  align: "left"
-}, {
-  icon: N,
-  title: s("Align text center"),
-  align: "center"
-}, {
-  icon: P,
-  title: s("Align text right"),
-  align: "right"
-}], u = ["left", "center", "right"], I = [];
-function a(t) {
-  return Array.isArray(t) ? u.filter((n) => t.includes(n)) : t === !0 ? u : I;
-}
-function L({
-  style: t,
-  name: n,
-  setAttributes: e
-}) {
-  const l = E(n)?.typography?.textAlign, c = T();
-  if (!l || c !== "default")
-    return null;
-  const m = a(g(n, o));
-  if (!m.length)
-    return null;
-  const d = O.filter((r) => m.includes(r.align)), h = (r) => {
-    const y = {
-      ...t,
-      typography: {
-        ...t?.typography,
-        textAlign: r
-      }
-    };
-    e({
-      style: S(y)
-    });
-  };
-  return /* @__PURE__ */ p.jsx(C, {
-    group: "block",
-    children: /* @__PURE__ */ p.jsx(k, {
-      value: t?.typography?.textAlign,
-      onChange: h,
-      alignmentControls: d
-    })
-  });
-}
-const F = {
-  edit: L,
-  useBlockProps: j,
-  addSaveProps: v,
-  attributeKeys: ["style"],
-  hasSupport(t) {
-    return B(t, o, !1);
-  }
-};
-function j({
-  name: t,
-  style: n
-}) {
-  if (!n?.typography?.textAlign || !a(g(t, o)).length || f(t, x, "textAlign"))
-    return null;
-  const i = n.typography.textAlign;
-  return {
-    className: A({
-      [`has-text-align-${i}`]: i
-    })
-  };
-}
-function v(t, n, e) {
-  if (!e?.style?.typography?.textAlign)
-    return t;
-  const {
-    textAlign: i
-  } = e.style.typography, l = g(n, o);
-  return a(l).includes(i) && !f(n, x, "textAlign") && (t.className = A(`has-text-align-${i}`, t.className)), t;
-}
-export {
-  o as TEXT_ALIGN_SUPPORT_KEY,
-  v as addAssignedTextAlign,
-  F as default,
-  a as getValidTextAlignments
-};

package/dist/node_modules/@wordpress/block-editor/build-module/hooks/typography.js

@@ -1,103 +0,0 @@
-import "../../../blocks/build-module/store/index.js";
-import { useMemo as E, useCallback as h } from "@wordpress/element";
-import O from "../components/inspector-controls/index.js";
-import R, { useHasTypographyPanel as F } from "../components/global-styles/typography-panel.js";
-import { LINE_HEIGHT_SUPPORT_KEY as Y } from "./line-height.js";
-import { FONT_FAMILY_SUPPORT_KEY as d } from "./font-family.js";
-import { FONT_SIZE_SUPPORT_KEY as x } from "./font-size.js";
-import { TEXT_ALIGN_SUPPORT_KEY as z } from "./text-align.js";
-import { cleanEmptyObject as U } from "./utils.js";
-import { store as K } from "../store/index.js";
-import { j as y } from "../../../../react/jsx-runtime.js";
-import C from "../../../data/build-module/components/use-select/index.js";
-import { getBlockSupport as I } from "../../../blocks/build-module/api/registration.js";
-function l(t, o) {
-  return Object.fromEntries(Object.entries(t).filter(([e]) => !o.includes(e)));
-}
-const N = "typography.__experimentalLetterSpacing", A = "typography.__experimentalTextTransform", v = "typography.__experimentalTextDecoration", j = "typography.textColumns", G = "typography.__experimentalFontStyle", L = "typography.__experimentalFontWeight", H = "typography.__experimentalWritingMode", M = "typography", ot = [Y, x, G, L, d, z, j, v, H, A, N];
-function f(t) {
-  const o = {
-    ...l(t, ["fontFamily"])
-  }, e = t?.typography?.fontSize, n = t?.typography?.fontFamily, r = e?.startsWith("var:preset|font-size|") ? e.substring(21) : void 0, p = n?.startsWith("var:preset|font-family|") ? n.substring(23) : void 0;
-  return o.typography = {
-    ...l(o.typography, ["fontFamily"]),
-    fontSize: r ? void 0 : e
-  }, {
-    style: U(o),
-    fontFamily: p,
-    fontSize: r
-  };
-}
-function m(t) {
-  return {
-    ...t.style,
-    typography: {
-      ...t.style?.typography,
-      fontFamily: t.fontFamily ? "var:preset|font-family|" + t.fontFamily : void 0,
-      fontSize: t.fontSize ? "var:preset|font-size|" + t.fontSize : t.style?.typography?.fontSize
-    }
-  };
-}
-function W({
-  children: t,
-  resetAllFilter: o
-}) {
-  const e = h((n) => {
-    const r = m(n), p = o(r);
-    return {
-      ...n,
-      ...f(p)
-    };
-  }, [o]);
-  return /* @__PURE__ */ y.jsx(O, {
-    group: "typography",
-    resetAllFilter: e,
-    children: t
-  });
-}
-function et({
-  clientId: t,
-  name: o,
-  setAttributes: e,
-  settings: n
-}) {
-  function r(i) {
-    const {
-      style: u,
-      fontFamily: g,
-      fontSize: P
-    } = i(K).getBlockAttributes(t) || {};
-    return {
-      style: u,
-      fontFamily: g,
-      fontSize: P
-    };
-  }
-  const {
-    style: p,
-    fontFamily: a,
-    fontSize: s
-  } = C(r, [t]), _ = F(n), T = E(() => m({
-    style: p,
-    fontFamily: a,
-    fontSize: s
-  }), [p, s, a]), c = (i) => {
-    e(f(i));
-  };
-  if (!_)
-    return null;
-  const S = I(o, [M, "__experimentalDefaultControls"]);
-  return /* @__PURE__ */ y.jsx(R, {
-    as: W,
-    panelId: t,
-    settings: n,
-    value: T,
-    onChange: c,
-    defaultControls: S
-  });
-}
-export {
-  M as TYPOGRAPHY_SUPPORT_KEY,
-  ot as TYPOGRAPHY_SUPPORT_KEYS,
-  et as TypographyPanel
-};

package/dist/node_modules/@wordpress/block-editor/build-module/hooks/use-typography-props.js

@@ -1,6 +0,0 @@
-import { privateApis as o } from "@wordpress/components";
-import "./style.js";
-import { unlock as r } from "../lock-unlock.js";
-const {
-  kebabCase: t
-} = r(o);

package/dist/node_modules/@wordpress/block-editor/build-module/hooks/use-zoom-out.js

@@ -1,30 +0,0 @@
-import { useRef as c, useEffect as f } from "@wordpress/element";
-import { store as n } from "../store/index.js";
-import { unlock as Z } from "../lock-unlock.js";
-import p from "../../../data/build-module/components/use-dispatch/use-dispatch.js";
-import O from "../../../data/build-module/components/use-select/index.js";
-function h(o = !0) {
-  const {
-    setZoomLevel: s,
-    resetZoomLevel: t
-  } = Z(p(n)), {
-    isZoomedOut: u,
-    isZoomOut: e
-  } = O((l) => {
-    const {
-      isZoomOut: i
-    } = Z(l(n));
-    return {
-      isZoomedOut: i(),
-      isZoomOut: i
-    };
-  }, []), r = c(!1), m = c(o);
-  f(() => {
-    u !== m.current && (r.current = !1);
-  }, [u]), f(() => (m.current = o, o !== e() && (r.current = !0, o ? s("auto-scaled") : t()), () => {
-    r.current && e() && t();
-  }), [o, e, t, s]);
-}
-export {
-  h as useZoomOut
-};