@blockbite/ui 1.0.5 → 2.0.1

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

@@ -0,0 +1,58 @@
+import { colord as r } from "../../../../../colord/index.js";
+function i(t = []) {
+  const e = {
+    r: [],
+    g: [],
+    b: [],
+    a: []
+  };
+  return t.forEach((o) => {
+    const n = r(o).toRgb();
+    e.r.push(n.r / 255), e.g.push(n.g / 255), e.b.push(n.b / 255), e.a.push(n.a);
+  }), e;
+}
+function a(t) {
+  return `${t}{filter:none}`;
+}
+function l(t, e) {
+  return `${t}{filter:url(#${e})}`;
+}
+function f(t, e) {
+  const o = i(e);
+  return `
+<svg
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	viewBox="0 0 0 0"
+	width="0"
+	height="0"
+	focusable="false"
+	role="none"
+	aria-hidden="true"
+	style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"
+>
+	<defs>
+		<filter id="${t}">
+			<!--
+				Use sRGB instead of linearRGB so transparency looks correct.
+				Use perceptual brightness to convert to grayscale.
+			-->
+			<feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "></feColorMatrix>
+			<!-- Use sRGB instead of linearRGB to be consistent with how CSS gradients work. -->
+			<feComponentTransfer color-interpolation-filters="sRGB">
+				<feFuncR type="table" tableValues="${o.r.join(" ")}"></feFuncR>
+				<feFuncG type="table" tableValues="${o.g.join(" ")}"></feFuncG>
+				<feFuncB type="table" tableValues="${o.b.join(" ")}"></feFuncB>
+				<feFuncA type="table" tableValues="${o.a.join(" ")}"></feFuncA>
+			</feComponentTransfer>
+			<!-- Re-mask the image with the original transparency since the feColorMatrix above loses that information. -->
+			<feComposite in2="SourceGraphic" operator="in"></feComposite>
+		</filter>
+	</defs>
+</svg>`;
+}
+export {
+  f as getDuotoneFilter,
+  l as getDuotoneStylesheet,
+  a as getDuotoneUnsetStylesheet,
+  i as getValuesFromColors
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/duotone-control/index.js

@@ -0,0 +1,69 @@
+import { Dropdown as x, MenuGroup as D, DuotonePicker as j, ToolbarButton as C, ColorIndicator as h, DuotoneSwatch as w } from "@wordpress/components";
+import "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { __ as r } from "../../../../i18n/build-module/default-i18n.js";
+import { DOWN as _ } from "../../../../keycodes/build-module/index.js";
+import { j as o } from "../../../../../react/jsx-runtime.js";
+import I from "../../../../compose/build-module/hooks/use-instance-id/index.js";
+import k from "../../../../icons/build-module/icon/index.js";
+import y from "../../../../icons/build-module/library/filter.js";
+function g({
+  id: a,
+  colorPalette: c,
+  duotonePalette: d,
+  disableCustomColors: p,
+  disableCustomDuotone: u,
+  value: e,
+  onChange: m
+}) {
+  let t;
+  e === "unset" ? t = /* @__PURE__ */ o.jsx(h, {
+    className: "block-editor-duotone-control__unset-indicator"
+  }) : e ? t = /* @__PURE__ */ o.jsx(w, {
+    values: e
+  }) : t = /* @__PURE__ */ o.jsx(k, {
+    icon: y
+  });
+  const n = r("Apply duotone filter"), f = `${I(g, "duotone-control", a)}__description`;
+  return /* @__PURE__ */ o.jsx(x, {
+    popoverProps: {
+      className: "block-editor-duotone-control__popover",
+      headerTitle: r("Duotone")
+    },
+    renderToggle: ({
+      isOpen: i,
+      onToggle: l
+    }) => {
+      const b = (s) => {
+        !i && s.keyCode === _ && (s.preventDefault(), l());
+      };
+      return /* @__PURE__ */ o.jsx(C, {
+        showTooltip: !0,
+        onClick: l,
+        "aria-haspopup": "true",
+        "aria-expanded": i,
+        onKeyDown: b,
+        label: n,
+        icon: t
+      });
+    },
+    renderContent: () => /* @__PURE__ */ o.jsxs(D, {
+      label: r("Duotone"),
+      children: [/* @__PURE__ */ o.jsx("p", {
+        children: r("Create a two-tone color effect without losing your original image.")
+      }), /* @__PURE__ */ o.jsx(j, {
+        "aria-label": n,
+        "aria-describedby": f,
+        colorPalette: c,
+        duotonePalette: d,
+        disableCustomColors: p,
+        disableCustomDuotone: u,
+        value: e,
+        onChange: m
+      })]
+    })
+  });
+}
+export {
+  g as default
+};

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

@@ -0,0 +1,77 @@
+import { colord as f, extend as p } from "../../../../../colord/index.js";
+import g from "../../../../../colord/plugins/names.js";
+import y from "../../../../../colord/plugins/a11y.js";
+import { SVG as h } from "@wordpress/components";
+import { memo as v, useMemo as x, useCallback as S } from "@wordpress/element";
+import w from "../../utils/transform-styles/index.js";
+import { store as k } from "../../store/index.js";
+import { unlock as b } from "../../lock-unlock.js";
+import { j as d } from "../../../../../react/jsx-runtime.js";
+import C from "../../../../data/build-module/components/use-select/index.js";
+p([g, y]);
+function j(l, o) {
+  return S((i) => {
+    if (!i)
+      return;
+    const {
+      ownerDocument: n
+    } = i, {
+      defaultView: a,
+      body: r
+    } = n, t = o ? n.querySelector(o) : r;
+    let e;
+    if (t)
+      e = a?.getComputedStyle(t, null).getPropertyValue("background-color");
+    else {
+      const s = n.createElement("div");
+      s.classList.add("editor-styles-wrapper"), r.appendChild(s), e = a?.getComputedStyle(s, null).getPropertyValue("background-color"), r.removeChild(s);
+    }
+    const m = f(e);
+    m.luminance() > 0.5 || m.alpha() === 0 ? r.classList.remove("is-dark-theme") : r.classList.add("is-dark-theme");
+  }, [l, o]);
+}
+function _({
+  styles: l,
+  scope: o,
+  transformOptions: i
+}) {
+  const n = C((t) => b(t(k)).getStyleOverrides(), []), [a, r] = x(() => {
+    const t = Object.values(l ?? []);
+    for (const [e, m] of n) {
+      const s = t.findIndex(({
+        id: c
+      }) => e === c), u = {
+        ...m,
+        id: e
+      };
+      s === -1 ? t.push(u) : t[s] = u;
+    }
+    return [w(t.filter((e) => e?.css), o, i), t.filter((e) => e.__unstableType === "svgs").map((e) => e.assets).join("")];
+  }, [l, n, o, i]);
+  return /* @__PURE__ */ d.jsxs(d.Fragment, {
+    children: [/* @__PURE__ */ d.jsx("style", {
+      ref: j(a, o)
+    }), a.map((t, e) => /* @__PURE__ */ d.jsx("style", {
+      children: t
+    }, e)), /* @__PURE__ */ d.jsx(h, {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 0 0",
+      width: "0",
+      height: "0",
+      role: "none",
+      style: {
+        visibility: "hidden",
+        position: "absolute",
+        left: "-9999px",
+        overflow: "hidden"
+      },
+      dangerouslySetInnerHTML: {
+        __html: r
+      }
+    })]
+  });
+}
+const F = v(_);
+export {
+  F as default
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/font-appearance-control/index.js

@@ -0,0 +1,100 @@
+import { CustomSelectControl as z } from "@wordpress/components";
+import w from "../../../../deprecated/build-module/index.js";
+import { useMemo as A } from "@wordpress/element";
+import { sprintf as d } from "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { __ as t } from "../../../../i18n/build-module/default-i18n.js";
+import { getFontStylesAndWeights as D } from "../../utils/get-font-styles-and-weights.js";
+import { j as k } from "../../../../../react/jsx-runtime.js";
+const E = (s, i) => s ? i ? t("Appearance") : t("Font style") : t("Font weight");
+function q(s) {
+  const {
+    /** Start opting into the larger default height that will become the default size in a future version. */
+    __next40pxDefaultSize: i = !1,
+    onChange: y,
+    hasFontStyles: n = !0,
+    hasFontWeights: f = !0,
+    fontFamilyFaces: g,
+    value: {
+      fontStyle: S,
+      fontWeight: x
+    },
+    ...l
+  } = s, b = n || f, _ = E(n, f), a = {
+    key: "default",
+    name: t("Default"),
+    style: {
+      fontStyle: void 0,
+      fontWeight: void 0
+    }
+  }, {
+    fontStyles: m,
+    fontWeights: h,
+    combinedStyleAndWeightOptions: c
+  } = D(g), W = () => {
+    const e = [a];
+    return c && e.push(...c), e;
+  }, F = () => {
+    const e = [a];
+    return m.forEach(({
+      name: u,
+      value: r
+    }) => {
+      e.push({
+        key: r,
+        name: u,
+        style: {
+          fontStyle: r,
+          fontWeight: void 0
+        }
+      });
+    }), e;
+  }, O = () => {
+    const e = [a];
+    return h.forEach(({
+      name: u,
+      value: r
+    }) => {
+      e.push({
+        key: r,
+        name: u,
+        style: {
+          fontStyle: void 0,
+          fontWeight: r
+        }
+      });
+    }), e;
+  }, p = A(() => n && f ? W() : n ? F() : O(), [s.options, m, h, c]), o = p.find((e) => e.style.fontStyle === S && e.style.fontWeight === x) || p[0], C = () => o ? n ? f ? d(
+    // translators: %s: Currently selected font appearance.
+    t("Currently selected font appearance: %s"),
+    o.name
+  ) : d(
+    // translators: %s: Currently selected font style.
+    t("Currently selected font style: %s"),
+    o.name
+  ) : d(
+    // translators: %s: Currently selected font weight.
+    t("Currently selected font weight: %s"),
+    o.name
+  ) : t("No selected font appearance");
+  return !i && (l.size === void 0 || l.size === "default") && w("36px default size for wp.blockEditor.__experimentalFontAppearanceControl", {
+    since: "6.8",
+    version: "7.1",
+    hint: "Set the `__next40pxDefaultSize` prop to true to start opting into the new default size, which will become the default in a future version."
+  }), b && /* @__PURE__ */ k.jsx(z, {
+    ...l,
+    className: "components-font-appearance-control",
+    __next40pxDefaultSize: i,
+    __shouldNotWarnDeprecated36pxSize: !0,
+    label: _,
+    describedBy: C(),
+    options: p,
+    value: o,
+    onChange: ({
+      selectedItem: e
+    }) => y(e.style)
+  });
+}
+export {
+  q as default
+};

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

@@ -0,0 +1,64 @@
+import { clsx as h } from "../../../../../clsx/dist/clsx.js";
+import { CustomSelectControl as x } from "@wordpress/components";
+import s from "../../../../deprecated/build-module/index.js";
+import "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { __ as a } from "../../../../i18n/build-module/default-i18n.js";
+import { useSettings as y } from "../use-settings/index.js";
+import { j as _ } from "../../../../../react/jsx-runtime.js";
+function F({
+  /** Start opting into the larger default height that will become the default size in a future version. */
+  __next40pxDefaultSize: i = !1,
+  /** Start opting into the new margin-free styles that will become the default in a future version. */
+  __nextHasNoMarginBottom: r = !1,
+  value: m = "",
+  onChange: u,
+  fontFamilies: e,
+  className: p,
+  ...o
+}) {
+  var n;
+  const [f] = y("typography.fontFamilies");
+  if (e || (e = f), !e || e.length === 0)
+    return null;
+  const l = [{
+    key: "",
+    name: a("Default")
+  }, ...e.map(({
+    fontFamily: t,
+    name: d
+  }) => ({
+    key: t,
+    name: d || t,
+    style: {
+      fontFamily: t
+    }
+  }))];
+  r || s("Bottom margin styles for wp.blockEditor.FontFamilyControl", {
+    since: "6.7",
+    version: "7.0",
+    hint: "Set the `__nextHasNoMarginBottom` prop to true to start opting into the new styles, which will become the default in a future version"
+  }), !i && (o.size === void 0 || o.size === "default") && s("36px default size for wp.blockEditor.__experimentalFontFamilyControl", {
+    since: "6.8",
+    version: "7.1",
+    hint: "Set the `__next40pxDefaultSize` prop to true to start opting into the new default size, which will become the default in a future version."
+  });
+  const c = (n = l.find((t) => t.key === m)) !== null && n !== void 0 ? n : "";
+  return /* @__PURE__ */ _.jsx(x, {
+    __next40pxDefaultSize: i,
+    __shouldNotWarnDeprecated36pxSize: !0,
+    label: a("Font"),
+    value: c,
+    onChange: ({
+      selectedItem: t
+    }) => u(t.key),
+    options: l,
+    className: h("block-editor-font-family-control", p, {
+      "is-next-has-no-margin-bottom": r
+    }),
+    ...o
+  });
+}
+export {
+  F as default
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/font-sizes/fluid-utils.js

@@ -0,0 +1,77 @@
+const N = "1600px", D = "320px";
+const x = "14px";
+function g({
+  minimumFontSize: e,
+  maximumFontSize: r,
+  fontSize: t,
+  minimumViewportWidth: _ = D,
+  maximumViewportWidth: M = N,
+  scaleFactor: f = 1,
+  minimumFontSizeLimit: a
+}) {
+  if (a = u(a) ? a : x, t) {
+    const o = u(t);
+    if (!o?.unit)
+      return null;
+    const i = u(a, {
+      coerceTo: o.unit
+    });
+    if (i?.value && !e && !r && o?.value <= i?.value)
+      return null;
+    if (r || (r = `${o.value}${o.unit}`), !e) {
+      const O = o.unit === "px" ? o.value : o.value * 16, h = Math.min(Math.max(1 - 0.075 * Math.log2(O), 0.25), 0.75), F = T(o.value * h, 3);
+      i?.value && F < i?.value ? e = `${i.value}${i.unit}` : e = `${F}${o.unit}`;
+    }
+  }
+  const l = u(e), s = l?.unit || "rem", n = u(r, {
+    coerceTo: s
+  });
+  if (!l || !n)
+    return null;
+  const c = u(e, {
+    coerceTo: "rem"
+  }), I = u(M, {
+    coerceTo: s
+  }), p = u(_, {
+    coerceTo: s
+  });
+  if (!I || !p || !c)
+    return null;
+  const d = I.value - p.value;
+  if (!d)
+    return null;
+  const U = T(p.value / 100, 3), A = T(U, 3) + s, v = 100 * ((n.value - l.value) / d), E = T((v || 1) * f, 3), $ = `${c.value}${c.unit} + ((1vw - ${A}) * ${E})`;
+  return `clamp(${e}, ${$}, ${r})`;
+}
+function u(e, r = {}) {
+  if (typeof e != "string" && typeof e != "number")
+    return null;
+  isFinite(e) && (e = `${e}px`);
+  const {
+    coerceTo: t,
+    rootSizeValue: _,
+    acceptableUnits: M
+  } = {
+    coerceTo: "",
+    // Default browser font size. Later we could inject some JS to compute this `getComputedStyle( document.querySelector( "html" ) ).fontSize`.
+    rootSizeValue: 16,
+    acceptableUnits: ["rem", "px", "em"],
+    ...r
+  }, f = M?.join("|"), a = new RegExp(`^(\\d*\\.?\\d+)(${f}){1,1}$`), l = e.match(a);
+  if (!l || l.length < 3)
+    return null;
+  let [, s, n] = l, c = parseFloat(s);
+  return t === "px" && (n === "em" || n === "rem") && (c = c * _, n = t), n === "px" && (t === "em" || t === "rem") && (c = c / _, n = t), (t === "em" || t === "rem") && (n === "em" || n === "rem") && (n = t), {
+    value: T(c, 3),
+    unit: n
+  };
+}
+function T(e, r = 3) {
+  const t = Math.pow(10, r);
+  return Number.isFinite(e) ? parseFloat(Math.round(e * t) / t) : void 0;
+}
+export {
+  g as getComputedFluidTypographyValue,
+  u as getTypographyValueAndUnit,
+  T as roundToPrecision
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/font-sizes/utils.js

@@ -0,0 +1,24 @@
+import { privateApis as i } from "@wordpress/components";
+import { unlock as s } from "../../lock-unlock.js";
+const {
+  kebabCase: f
+} = s(i), p = (t, e, r) => {
+  if (e) {
+    const n = t?.find(({
+      slug: o
+    }) => o === e);
+    if (n)
+      return n;
+  }
+  return {
+    size: r
+  };
+};
+function m(t) {
+  if (t)
+    return `has-${f(t)}-font-size`;
+}
+export {
+  p as getFontSize,
+  m as getFontSizeClass
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/global-styles/background-panel.js

@@ -0,0 +1,82 @@
+import { __experimentalToolsPanelItem as k, __experimentalToolsPanel as b } from "@wordpress/components";
+import { useCallback as f, Platform as I } from "@wordpress/element";
+import P from "../background-image-control/index.js";
+import { useToolsPanelDropdownMenuProps as h } from "./utils.js";
+import { setImmutably as x } from "../../utils/object.js";
+import "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { __ as c } from "../../../../i18n/build-module/default-i18n.js";
+import { j as u } from "../../../../../react/jsx-runtime.js";
+const B = {
+  backgroundImage: !0
+};
+function _(e) {
+  return I.OS === "web" && e?.background?.backgroundImage;
+}
+function O(e) {
+  return !!e?.background?.backgroundImage?.id || // Supports url() string values in theme.json.
+  typeof e?.background?.backgroundImage == "string" || !!e?.background?.backgroundImage?.url;
+}
+function j({
+  resetAllFilter: e,
+  onChange: o,
+  value: r,
+  panelId: l,
+  children: n,
+  headerLabel: a
+}) {
+  const t = h(), d = () => {
+    const s = e(r);
+    o(s);
+  };
+  return /* @__PURE__ */ u.jsx(b, {
+    label: a,
+    resetAll: d,
+    panelId: l,
+    dropdownMenuProps: t,
+    children: n
+  });
+}
+function S({
+  as: e = j,
+  value: o,
+  onChange: r,
+  inheritedValue: l,
+  settings: n,
+  panelId: a,
+  defaultControls: t = B,
+  defaultValues: d = {},
+  headerLabel: s = c("Background image")
+}) {
+  const m = _(n), g = () => r(x(o, ["background"], {})), i = f((p) => ({
+    ...p,
+    background: {}
+  }), []);
+  return /* @__PURE__ */ u.jsx(e, {
+    resetAllFilter: i,
+    value: o,
+    onChange: r,
+    panelId: a,
+    headerLabel: s,
+    children: m && /* @__PURE__ */ u.jsx(k, {
+      hasValue: () => !!o?.background,
+      label: c("Image"),
+      onDeselect: g,
+      isShownByDefault: t.backgroundImage,
+      panelId: a,
+      children: /* @__PURE__ */ u.jsx(P, {
+        value: o,
+        onChange: r,
+        settings: n,
+        inheritedValue: l,
+        defaultControls: t,
+        defaultValues: d
+      })
+    })
+  });
+}
+export {
+  S as default,
+  O as hasBackgroundImageValue,
+  _ as useHasBackgroundPanel
+};