@blockbite/ui 1.0.0

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

@@ -0,0 +1,44 @@
+import { useReducer as c, useLayoutEffect as l } from "@wordpress/element";
+import i from "../components/contrast-checker/index.js";
+import { useBlockElement as s } from "../components/block-list/use-block-props/use-block-refs.js";
+import { j as d } from "../../../../react/jsx-runtime.js";
+function u(o, e) {
+  return o.ownerDocument.defaultView.getComputedStyle(o).getPropertyValue(e);
+}
+function m(o) {
+  if (!o)
+    return {};
+  const e = o.querySelector("a"), t = e?.innerText ? u(e, "color") : void 0, n = u(o, "color");
+  let r = o, a = u(r, "background-color");
+  for (; a === "rgba(0, 0, 0, 0)" && r.parentNode && r.parentNode.nodeType === r.parentNode.ELEMENT_NODE; )
+    r = r.parentNode, a = u(r, "background-color");
+  return {
+    textColor: n,
+    backgroundColor: a,
+    linkColor: t
+  };
+}
+function C(o, e) {
+  return Object.keys(e).some((n) => o[n] !== e[n]) ? e : o;
+}
+function h({
+  clientId: o
+}) {
+  const e = s(o), [t, n] = c(C, {});
+  return l(() => {
+    if (!e)
+      return;
+    function r() {
+      n(m(e));
+    }
+    window.requestAnimationFrame(() => window.requestAnimationFrame(r));
+  }), /* @__PURE__ */ d.jsx(i, {
+    backgroundColor: t.backgroundColor,
+    textColor: t.textColor,
+    linkColor: t.linkColor,
+    enableAlphaChecker: !0
+  });
+}
+export {
+  h as default
+};

package/dist/node_modules/@wordpress/block-editor/build-module/hooks/custom-class-name.js

@@ -0,0 +1,75 @@
+import { clsx as l } from "../../../../clsx/dist/clsx.js";
+import { addFilter as m } from "../../../hooks/build-module/index.js";
+import { TextControl as c } from "@wordpress/components";
+import "../../../i18n/build-module/sprintf.js";
+import "../../../../tannin/index.js";
+import { __ as n } from "../../../i18n/build-module/default-i18n.js";
+import "../../../blocks/build-module/store/index.js";
+import { useBlockEditingMode as u } from "../components/block-editing-mode/index.js";
+import { j as i } from "../../../../react/jsx-runtime.js";
+import f from "../components/inspector-controls/index.js";
+import { hasBlockSupport as r } from "../../../blocks/build-module/api/registration.js";
+function d(t) {
+  return r(t, "customClassName", !0) && (t.attributes = {
+    ...t.attributes,
+    className: {
+      type: "string"
+    }
+  }), t;
+}
+function p({
+  className: t,
+  setAttributes: e
+}) {
+  return u() !== "default" ? null : /* @__PURE__ */ i.jsx(f, {
+    group: "advanced",
+    children: /* @__PURE__ */ i.jsx(c, {
+      __nextHasNoMarginBottom: !0,
+      __next40pxDefaultSize: !0,
+      autoComplete: "off",
+      label: n("Additional CSS class(es)"),
+      value: t || "",
+      onChange: (o) => {
+        e({
+          className: o !== "" ? o : void 0
+        });
+      },
+      help: n("Separate multiple classes with spaces.")
+    })
+  });
+}
+const E = {
+  edit: p,
+  addSaveProps: N,
+  attributeKeys: ["className"],
+  hasSupport(t) {
+    return r(t, "customClassName", !0);
+  }
+};
+function N(t, e, a) {
+  return r(e, "customClassName", !0) && a.className && (t.className = l(t.className, a.className)), t;
+}
+function h(t, e, a, o) {
+  if (!r(t.name, "customClassName", !0) || o.length === 1 && t.innerBlocks.length === e.length || o.length === 1 && e.length > 1 || o.length > 1 && e.length === 1)
+    return t;
+  if (e[a]) {
+    const s = e[a]?.attributes.className;
+    if (s && t.attributes.className === void 0)
+      return {
+        ...t,
+        attributes: {
+          ...t.attributes,
+          className: s
+        }
+      };
+  }
+  return t;
+}
+m("blocks.registerBlockType", "core/editor/custom-class-name/attribute", d);
+m("blocks.switchToBlockType.transformedBlock", "core/color/addTransforms", h);
+export {
+  d as addAttribute,
+  N as addSaveProps,
+  h as addTransforms,
+  E as default
+};

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

@@ -0,0 +1,112 @@
+import { clsx as y } from "../../../../clsx/dist/clsx.js";
+import { Platform as P, useState as x, useEffect as C, useCallback as R } from "@wordpress/element";
+import "../../../blocks/build-module/store/index.js";
+import D from "../components/inspector-controls/index.js";
+import { PaddingVisualizer as j, MarginVisualizer as k } from "./spacing-visualizer.js";
+import { store as p } from "../store/index.js";
+import { unlock as _ } from "../lock-unlock.js";
+import { shouldSkipSerialization as z, cleanEmptyObject as E } from "./utils.js";
+import { j as i } from "../../../../react/jsx-runtime.js";
+import b, { useHasDimensionsPanel as v } from "../components/global-styles/dimensions-panel.js";
+import I from "../../../data/build-module/components/use-select/index.js";
+import O from "../../../data/build-module/components/use-dispatch/use-dispatch.js";
+import { getBlockSupport as l } from "../../../blocks/build-module/api/registration.js";
+const u = "dimensions", B = "spacing";
+function H() {
+  const [t, o] = x(!1), {
+    hideBlockInterface: e,
+    showBlockInterface: s
+  } = _(O(p));
+  return C(() => {
+    t ? e() : s();
+  }, [t, s, e]), [t, o];
+}
+function V({
+  children: t,
+  resetAllFilter: o
+}) {
+  const e = R((s) => {
+    const n = s.style, r = o(n);
+    return {
+      ...s,
+      style: r
+    };
+  }, [o]);
+  return /* @__PURE__ */ i.jsx(D, {
+    group: "dimensions",
+    resetAllFilter: e,
+    children: t
+  });
+}
+function Q({
+  clientId: t,
+  name: o,
+  setAttributes: e,
+  settings: s
+}) {
+  const n = v(s), r = I((a) => a(p).getBlockAttributes(t)?.style, [t]), [c, f] = H(), d = (a) => {
+    e({
+      style: E(a)
+    });
+  };
+  if (!n)
+    return null;
+  const g = l(o, [u, "__experimentalDefaultControls"]), S = l(o, [B, "__experimentalDefaultControls"]), h = {
+    ...g,
+    ...S
+  };
+  return /* @__PURE__ */ i.jsxs(i.Fragment, {
+    children: [/* @__PURE__ */ i.jsx(b, {
+      as: V,
+      panelId: t,
+      settings: s,
+      value: r,
+      onChange: d,
+      defaultControls: h,
+      onVisualize: f
+    }), !!s?.spacing?.padding && /* @__PURE__ */ i.jsx(j, {
+      forceShow: c === "padding",
+      clientId: t,
+      value: r
+    }), !!s?.spacing?.margin && /* @__PURE__ */ i.jsx(k, {
+      forceShow: c === "margin",
+      clientId: t,
+      value: r
+    })]
+  });
+}
+function m(t, o = "any") {
+  if (P.OS !== "web")
+    return !1;
+  const e = l(t, u);
+  return e === !0 ? !0 : o === "any" ? !!(e?.aspectRatio || e?.minHeight) : !!e?.[o];
+}
+const W = {
+  useBlockProps: w,
+  attributeKeys: ["minHeight", "style"],
+  hasSupport(t) {
+    return m(t, "aspectRatio");
+  }
+};
+function w({
+  name: t,
+  minHeight: o,
+  style: e
+}) {
+  if (!m(t, "aspectRatio") || z(t, u, "aspectRatio"))
+    return {};
+  const s = y({
+    "has-aspect-ratio": !!e?.dimensions?.aspectRatio
+  }), n = {};
+  return e?.dimensions?.aspectRatio ? n.minHeight = "unset" : (o || e?.dimensions?.minHeight) && (n.aspectRatio = "unset"), {
+    className: s,
+    style: n
+  };
+}
+export {
+  u as DIMENSIONS_SUPPORT_KEY,
+  Q as DimensionsPanel,
+  B as SPACING_SUPPORT_KEY,
+  W as default,
+  m as hasDimensionsSupport
+};

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

@@ -0,0 +1,186 @@
+import { extend as x } from "../../../../colord/index.js";
+import E from "../../../../colord/plugins/names.js";
+import "../../../blocks/build-module/store/index.js";
+import { addFilter as _ } from "../../../hooks/build-module/index.js";
+import { useMemo as k, useEffect as j } from "@wordpress/element";
+import { getDuotoneStylesheet as w, getDuotoneUnsetStylesheet as A, getDuotoneFilter as F } from "../components/duotone/utils.js";
+import { getBlockCSSSelector as P } from "../components/global-styles/get-block-css-selector.js";
+import { scopeSelector as O } from "../components/global-styles/utils.js";
+import { useBlockSettings as $, usePrivateStyleOverride as b } from "./utils.js";
+import R from "../components/global-styles/filters-panel.js";
+import { useBlockEditingMode as T } from "../components/block-editing-mode/index.js";
+import { useBlockElement as M } from "../components/block-list/use-block-props/use-block-refs.js";
+import { j as p } from "../../../../react/jsx-runtime.js";
+import N from "../../../compose/build-module/hooks/use-instance-id/index.js";
+import { useSettings as D } from "../components/use-settings/index.js";
+import K from "../components/inspector-controls/index.js";
+import U from "../components/block-controls/index.js";
+import W from "../components/duotone-control/index.js";
+import { hasBlockSupport as v, getBlockType as Y, getBlockSupport as h } from "../../../blocks/build-module/api/registration.js";
+const S = [], H = window?.navigator.userAgent && window.navigator.userAgent.includes("Safari") && !window.navigator.userAgent.includes("Chrome") && !window.navigator.userAgent.includes("Chromium");
+x([E]);
+function C({
+  presetSetting: e,
+  defaultSetting: o
+}) {
+  const [r, t, s, n] = D(o, `${e}.custom`, `${e}.theme`, `${e}.default`);
+  return k(() => [...t || S, ...s || S, ...r && n || S], [r, t, s, n]);
+}
+function B(e, o) {
+  if (!e)
+    return;
+  const r = o?.find(({
+    slug: t
+  }) => e === `var:preset|duotone|${t}`);
+  return r ? r.colors : void 0;
+}
+function I(e, o) {
+  if (!e || !Array.isArray(e))
+    return;
+  const r = o?.find((t) => t?.colors?.every((s, n) => s === e[n]));
+  return r ? `var:preset|duotone|${r.slug}` : void 0;
+}
+function L({
+  style: e,
+  setAttributes: o,
+  name: r
+}) {
+  const t = e?.color?.duotone, s = $(r), n = T(), i = C({
+    presetSetting: "color.duotone",
+    defaultSetting: "color.defaultDuotone"
+  }), d = C({
+    presetSetting: "color.palette",
+    defaultSetting: "color.defaultPalette"
+  }), [c, l] = D("color.custom", "color.customDuotone"), f = !c, m = !l || d?.length === 0 && f;
+  if (i?.length === 0 && m || n !== "default")
+    return null;
+  const g = Array.isArray(t) ? t : B(t, i);
+  return /* @__PURE__ */ p.jsxs(p.Fragment, {
+    children: [/* @__PURE__ */ p.jsx(K, {
+      group: "filter",
+      children: /* @__PURE__ */ p.jsx(R, {
+        value: {
+          filter: {
+            duotone: g
+          }
+        },
+        onChange: (a) => {
+          const u = {
+            ...e,
+            color: {
+              ...a?.filter
+            }
+          };
+          o({
+            style: u
+          });
+        },
+        settings: s
+      })
+    }), /* @__PURE__ */ p.jsx(U, {
+      group: "block",
+      __experimentalShareWithChildBlocks: !0,
+      children: /* @__PURE__ */ p.jsx(W, {
+        duotonePalette: i,
+        colorPalette: d,
+        disableCustomDuotone: m,
+        disableCustomColors: f,
+        value: g,
+        onChange: (a) => {
+          const u = I(a, i), y = {
+            ...e,
+            color: {
+              ...e?.color,
+              duotone: u ?? a
+              // use preset or fallback to custom colors.
+            }
+          };
+          o({
+            style: y
+          });
+        },
+        settings: s
+      })
+    })]
+  });
+}
+const ge = {
+  shareWithChildBlocks: !0,
+  edit: L,
+  useBlockProps: G,
+  attributeKeys: ["style"],
+  hasSupport(e) {
+    return v(e, "filter.duotone");
+  }
+};
+function V(e) {
+  return v(e, "filter.duotone") && (e.attributes.style || Object.assign(e.attributes, {
+    style: {
+      type: "object"
+    }
+  })), e;
+}
+function q({
+  clientId: e,
+  id: o,
+  selector: r,
+  attribute: t
+}) {
+  const s = C({
+    presetSetting: "color.duotone",
+    defaultSetting: "color.defaultDuotone"
+  }), n = Array.isArray(t), i = n ? void 0 : B(t, s), d = typeof t == "string" && i, c = typeof t == "string" && !d;
+  let l = null;
+  d ? l = i : (c || n) && (l = t);
+  const g = r.split(",").map((y) => `.${o}${y.trim()}`).join(", "), a = Array.isArray(l) || l === "unset";
+  b(a ? {
+    css: l !== "unset" ? w(g, o) : A(g),
+    __unstableType: "presets"
+  } : void 0), b(a ? {
+    assets: l !== "unset" ? F(o, l) : "",
+    __unstableType: "svgs"
+  } : void 0);
+  const u = M(e);
+  j(() => {
+    if (a && u && H) {
+      const y = u.style.display;
+      u.style.setProperty("display", "inline-block"), u.offsetHeight, u.style.setProperty("display", y);
+    }
+  }, [a, u, l]);
+}
+const z = {};
+function G({
+  clientId: e,
+  name: o,
+  style: r
+}) {
+  const t = N(z), s = k(() => {
+    const c = Y(o);
+    if (c) {
+      if (!h(c, "filter.duotone", !1))
+        return null;
+      const f = h(c, "color.__experimentalDuotone", !1);
+      if (f) {
+        const m = P(c);
+        return typeof f == "string" ? O(m, f) : m;
+      }
+      return P(c, "filter.duotone", {
+        fallback: !0
+      });
+    }
+  }, [o]), n = r?.color?.duotone, i = `wp-duotone-${t}`, d = s && n;
+  return q({
+    clientId: e,
+    id: i,
+    selector: s,
+    attribute: n
+  }), {
+    className: d ? i : ""
+  };
+}
+_("blocks.registerBlockType", "core/editor/duotone/add-attributes", V);
+export {
+  ge as default,
+  B as getColorsFromDuotonePreset,
+  I as getDuotonePresetFromColors
+};

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

@@ -0,0 +1,47 @@
+import { addFilter as f } from "../../../hooks/build-module/index.js";
+import "../../../blocks/build-module/store/index.js";
+import l from "../../../token-list/build-module/index.js";
+import { privateApis as u } from "@wordpress/components";
+import { shouldSkipSerialization as s } from "./utils.js";
+import { TYPOGRAPHY_SUPPORT_KEY as c } from "./typography.js";
+import { unlock as d } from "../lock-unlock.js";
+import { hasBlockSupport as o } from "../../../blocks/build-module/api/registration.js";
+const a = "typography.__experimentalFontFamily", {
+  kebabCase: y
+} = d(u);
+function F(t) {
+  return o(t, a) && (t.attributes.fontFamily || Object.assign(t.attributes, {
+    fontFamily: {
+      type: "string"
+    }
+  })), t;
+}
+function m(t, r, i) {
+  if (!o(r, a) || s(r, c, "fontFamily") || !i?.fontFamily)
+    return t;
+  const e = new l(t.className);
+  e.add(`has-${y(i?.fontFamily)}-font-family`);
+  const n = e.value;
+  return t.className = n || void 0, t;
+}
+function p({
+  name: t,
+  fontFamily: r
+}) {
+  return m({}, t, {
+    fontFamily: r
+  });
+}
+const T = {
+  useBlockProps: p,
+  addSaveProps: m,
+  attributeKeys: ["fontFamily"],
+  hasSupport(t) {
+    return o(t, a);
+  }
+};
+f("blocks.registerBlockType", "core/fontFamily/addAttribute", F);
+export {
+  a as FONT_FAMILY_SUPPORT_KEY,
+  T as default
+};

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

@@ -0,0 +1,77 @@
+import { addFilter as p } from "../../../hooks/build-module/index.js";
+import "../../../blocks/build-module/store/index.js";
+import c from "../../../token-list/build-module/index.js";
+import { TYPOGRAPHY_SUPPORT_KEY as u } from "./typography.js";
+import { transformStyles as l, shouldSkipSerialization as S } from "./utils.js";
+import { useSettings as z } from "../components/use-settings/index.js";
+import { getTypographyFontSizeValue as d } from "../components/global-styles/typography-utils.js";
+import "../../../../react/jsx-runtime.js";
+import { getFontSizeClass as m, getFontSize as g } from "../components/font-sizes/utils.js";
+import { hasBlockSupport as n } from "../../../blocks/build-module/api/registration.js";
+const f = "typography.fontSize";
+function h(t) {
+  return n(t, f) && (t.attributes.fontSize || Object.assign(t.attributes, {
+    fontSize: {
+      type: "string"
+    }
+  })), t;
+}
+function y(t, o, e) {
+  if (!n(o, f) || S(o, u, "fontSize"))
+    return t;
+  const r = new c(t.className);
+  r.add(m(e.fontSize));
+  const i = r.value;
+  return t.className = i || void 0, t;
+}
+function T({
+  name: t,
+  fontSize: o,
+  style: e
+}) {
+  const [r, i, s] = z("typography.fontSizes", "typography.fluid", "layout");
+  if (!n(t, f) || S(t, u, "fontSize") || !o && !e?.typography?.fontSize)
+    return;
+  let a;
+  if (e?.typography?.fontSize && (a = {
+    style: {
+      fontSize: d({
+        size: e.typography.fontSize
+      }, {
+        typography: {
+          fluid: i
+        },
+        layout: s
+      })
+    }
+  }), o && (a = {
+    style: {
+      fontSize: g(r, o, e?.typography?.fontSize).size
+    }
+  }), !!a)
+    return y(a, t, {
+      fontSize: o
+    });
+}
+const w = {
+  useBlockProps: T,
+  addSaveProps: y,
+  attributeKeys: ["fontSize", "style"],
+  hasSupport(t) {
+    return n(t, f);
+  }
+}, k = {
+  fontSize: [["fontSize"], ["style", "typography", "fontSize"]]
+};
+function P(t, o, e, r) {
+  const i = t.name, s = {
+    fontSize: n(i, f)
+  };
+  return l(s, k, t, o, e, r);
+}
+p("blocks.registerBlockType", "core/font/addAttribute", h);
+p("blocks.switchToBlockType.transformedBlock", "core/font-size/addTransforms", P);
+export {
+  f as FONT_SIZE_SUPPORT_KEY,
+  w as default
+};

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

@@ -0,0 +1,21 @@
+import { getSpacingPresetCssVar as i } from "../components/spacing-sizes-control/utils.js";
+function s(t) {
+  if (!t)
+    return null;
+  const n = typeof t == "string";
+  return {
+    top: n ? t : t?.top,
+    left: n ? t : t?.left
+  };
+}
+function g(t, n = "0") {
+  const r = s(t);
+  if (!r)
+    return null;
+  const o = i(r?.top) || n, e = i(r?.left) || n;
+  return o === e ? o : `${o} ${e}`;
+}
+export {
+  s as getGapBoxControlValueFromStyle,
+  g as getGapCSSValue
+};

package/dist/node_modules/@wordpress/block-editor/build-module/hooks/generated-class-name.js

@@ -0,0 +1,11 @@
+import { addFilter as t } from "../../../hooks/build-module/index.js";
+import "../../../blocks/build-module/store/index.js";
+import { hasBlockSupport as m } from "../../../blocks/build-module/api/registration.js";
+import { getBlockDefaultClassName as s } from "../../../blocks/build-module/api/serializer.js";
+function l(e, a) {
+  return m(a, "className", !0) && (typeof e.className == "string" ? e.className = [.../* @__PURE__ */ new Set([s(a.name), ...e.className.split(" ")])].join(" ").trim() : e.className = s(a.name)), e;
+}
+t("blocks.getSaveContent.extraProps", "core/generated-class-name/save-props", l);
+export {
+  l as addGeneratedClassName
+};

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

@@ -0,0 +1,43 @@
+import { addFilter as n } from "../../../hooks/build-module/index.js";
+import { store as l } from "../store/index.js";
+import { j as r } from "../../../../react/jsx-runtime.js";
+import m from "../../../data/build-module/components/use-select/index.js";
+import { GridVisualizer as c } from "../components/grid/grid-visualizer.js";
+import { useGridLayoutSync as f } from "../components/grid/use-grid-layout-sync.js";
+import { createHigherOrderComponent as g } from "../../../compose/build-module/utils/create-higher-order-component/index.js";
+function j(t) {
+  f(t);
+}
+function x({
+  clientId: t,
+  layout: i
+}) {
+  const e = m((o) => {
+    const {
+      isBlockSelected: s,
+      isDraggingBlocks: d,
+      getTemplateLock: a,
+      getBlockEditingMode: u
+    } = o(l);
+    return !(!d() && !s(t) || a(t) || u(t) !== "default");
+  }, [t]);
+  return /* @__PURE__ */ r.jsxs(r.Fragment, {
+    children: [/* @__PURE__ */ r.jsx(j, {
+      clientId: t
+    }), e && /* @__PURE__ */ r.jsx(c, {
+      clientId: t,
+      parentLayout: i
+    })]
+  });
+}
+const y = g((t) => (i) => i.attributes.layout?.type !== "grid" ? /* @__PURE__ */ r.jsx(t, {
+  ...i
+}, "edit") : /* @__PURE__ */ r.jsxs(r.Fragment, {
+  children: [/* @__PURE__ */ r.jsx(x, {
+    clientId: i.clientId,
+    layout: i.attributes.layout
+  }), /* @__PURE__ */ r.jsx(t, {
+    ...i
+  }, "edit")]
+}), "addGridVisualizerToBlockEdit");
+n("editor.BlockEdit", "core/editor/grid-visualizer", y);

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

@@ -0,0 +1,42 @@
+import { createBlockEditFilter as s, createBlockListBlockFilter as k, createBlockSaveFilter as u } from "./utils.js";
+import { useStyleOverride as to } from "./utils.js";
+import "./compat.js";
+import o from "./align.js";
+import d from "./background.js";
+import { setBackgroundStyleDefaults as io } from "./background.js";
+import "./lock.js";
+import m from "./anchor.js";
+import y from "./aria-label.js";
+import i from "./custom-class-name.js";
+import "./generated-class-name.js";
+import r from "./style.js";
+import "./settings.js";
+import e from "./color.js";
+import B from "./dimensions.js";
+import p from "./duotone.js";
+import f from "./font-family.js";
+import l from "./font-size.js";
+import t from "./text-align.js";
+import a from "./border.js";
+import c from "./position.js";
+import b from "./block-style-variation.js";
+import g from "./layout.js";
+import { useLayoutClasses as po } from "./layout.js";
+import n from "./layout-child.js";
+import L from "./content-lock-ui.js";
+import "./metadata.js";
+import S from "./block-hooks.js";
+import x from "./block-bindings.js";
+import "./block-renaming.js";
+import "./grid-visualizer.js";
+import "@wordpress/element";
+import "./use-typography-props.js";
+import "../store/index.js";
+s([o, t, m, i, r, p, c, g, L, S, x, n].filter(Boolean));
+k([o, t, d, r, e, B, p, f, l, a, c, b, n]);
+u([o, t, m, y, i, a, e, r, f, l]);
+export {
+  io as setBackgroundStyleDefaults,
+  po as useLayoutClasses,
+  to as useStyleOverride
+};