@blockbite/ui 1.0.4 → 2.0.0

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

@@ -0,0 +1,249 @@
+import { __experimentalUseCustomUnits as k, __experimentalVStack as I, __experimentalToolsPanelItem as v, __experimentalToggleGroupControl as G, __experimentalToggleGroupControlOption as b, __experimentalUnitControl as D, __experimentalHStack as T, __experimentalInputControl as _, Flex as V, FlexItem as j } from "@wordpress/components";
+import "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { __ as r, _x as g } from "../../../../i18n/build-module/default-i18n.js";
+import { useEffect as R } from "@wordpress/element";
+import { useGetNumberOfBlocksBeforeCell as N } from "../grid/use-get-number-of-blocks-before-cell.js";
+import { store as C } from "../../store/index.js";
+import { useSettings as U } from "../use-settings/index.js";
+import { j as t } from "../../../../../react/jsx-runtime.js";
+import H from "../../../../data/build-module/components/use-select/index.js";
+import O from "../../../../data/build-module/components/use-dispatch/use-dispatch.js";
+function P(s, e) {
+  const {
+    orientation: n = "horizontal"
+  } = e;
+  return s === "fill" ? r("Stretch to fill available space.") : s === "fixed" && n === "horizontal" ? r("Specify a fixed width.") : s === "fixed" ? r("Specify a fixed height.") : r("Fit contents.");
+}
+function te({
+  value: s = {},
+  onChange: e,
+  parentLayout: n,
+  isShownByDefault: p,
+  panelId: f
+}) {
+  const {
+    type: l,
+    default: {
+      type: o = "default"
+    } = {}
+  } = n ?? {}, i = l || o;
+  return i === "flex" ? /* @__PURE__ */ t.jsx(E, {
+    childLayout: s,
+    onChange: e,
+    parentLayout: n,
+    isShownByDefault: p,
+    panelId: f
+  }) : i === "grid" ? /* @__PURE__ */ t.jsx(W, {
+    childLayout: s,
+    onChange: e,
+    parentLayout: n,
+    isShownByDefault: p,
+    panelId: f
+  }) : null;
+}
+function E({
+  childLayout: s,
+  onChange: e,
+  parentLayout: n,
+  isShownByDefault: p,
+  panelId: f
+}) {
+  const {
+    selfStretch: l,
+    flexSize: o
+  } = s, {
+    orientation: i = "horizontal"
+  } = n ?? {}, u = () => !!l, d = i === "horizontal" ? r("Width") : r("Height"), [h] = U("spacing.units"), x = k({
+    availableUnits: h || ["%", "px", "em", "rem", "vh", "vw"]
+  }), S = () => {
+    e({
+      selfStretch: void 0,
+      flexSize: void 0
+    });
+  };
+  return R(() => {
+    l === "fixed" && !o && e({
+      ...s,
+      selfStretch: "fit"
+    });
+  }, []), /* @__PURE__ */ t.jsxs(I, {
+    as: v,
+    spacing: 2,
+    hasValue: u,
+    label: d,
+    onDeselect: S,
+    isShownByDefault: p,
+    panelId: f,
+    children: [/* @__PURE__ */ t.jsxs(G, {
+      __nextHasNoMarginBottom: !0,
+      size: "__unstable-large",
+      label: M(n),
+      value: l || "fit",
+      help: P(l, n),
+      onChange: (m) => {
+        e({
+          selfStretch: m,
+          flexSize: m !== "fixed" ? null : o
+        });
+      },
+      isBlock: !0,
+      children: [/* @__PURE__ */ t.jsx(b, {
+        value: "fit",
+        label: g("Fit", "Intrinsic block width in flex layout")
+      }, "fit"), /* @__PURE__ */ t.jsx(b, {
+        value: "fill",
+        label: g("Grow", "Block with expanding width in flex layout")
+      }, "fill"), /* @__PURE__ */ t.jsx(b, {
+        value: "fixed",
+        label: g("Fixed", "Block with fixed width in flex layout")
+      }, "fixed")]
+    }), l === "fixed" && /* @__PURE__ */ t.jsx(D, {
+      size: "__unstable-large",
+      units: x,
+      onChange: (m) => {
+        e({
+          selfStretch: l,
+          flexSize: m
+        });
+      },
+      value: o,
+      label: d,
+      hideLabelFromVision: !0
+    })]
+  });
+}
+function M(s) {
+  const {
+    orientation: e = "horizontal"
+  } = s;
+  return e === "horizontal" ? r("Width") : r("Height");
+}
+function W({
+  childLayout: s,
+  onChange: e,
+  parentLayout: n,
+  isShownByDefault: p,
+  panelId: f
+}) {
+  const {
+    columnStart: l,
+    rowStart: o,
+    columnSpan: i,
+    rowSpan: u
+  } = s, {
+    columnCount: d = 3,
+    rowCount: h
+  } = n ?? {}, x = H((a) => a(C).getBlockRootClientId(f)), {
+    moveBlocksToPosition: S,
+    __unstableMarkNextChangeAsNotPersistent: m
+  } = O(C), w = N(x, d), z = () => !!l || !!o, y = () => !!i || !!u, B = () => {
+    e({
+      columnStart: void 0,
+      rowStart: void 0
+    });
+  }, F = () => {
+    e({
+      columnSpan: void 0,
+      rowSpan: void 0
+    });
+  };
+  return /* @__PURE__ */ t.jsxs(t.Fragment, {
+    children: [/* @__PURE__ */ t.jsxs(T, {
+      as: v,
+      hasValue: y,
+      label: r("Grid span"),
+      onDeselect: F,
+      isShownByDefault: p,
+      panelId: f,
+      children: [/* @__PURE__ */ t.jsx(_, {
+        size: "__unstable-large",
+        label: r("Column span"),
+        type: "number",
+        onChange: (a) => {
+          const c = a === "" ? 1 : parseInt(a, 10);
+          e({
+            columnStart: l,
+            rowStart: o,
+            rowSpan: u,
+            columnSpan: c
+          });
+        },
+        value: i ?? 1,
+        min: 1
+      }), /* @__PURE__ */ t.jsx(_, {
+        size: "__unstable-large",
+        label: r("Row span"),
+        type: "number",
+        onChange: (a) => {
+          const c = a === "" ? 1 : parseInt(a, 10);
+          e({
+            columnStart: l,
+            rowStart: o,
+            columnSpan: i,
+            rowSpan: c
+          });
+        },
+        value: u ?? 1,
+        min: 1
+      })]
+    }), window.__experimentalEnableGridInteractivity && d && // Use Flex with an explicit width on the FlexItem instead of HStack to
+    // work around an issue in webkit where inputs with a max attribute are
+    // sized incorrectly.
+    /* @__PURE__ */ t.jsxs(V, {
+      as: v,
+      hasValue: z,
+      label: r("Grid placement"),
+      onDeselect: B,
+      isShownByDefault: !1,
+      panelId: f,
+      children: [/* @__PURE__ */ t.jsx(j, {
+        style: {
+          width: "50%"
+        },
+        children: /* @__PURE__ */ t.jsx(_, {
+          size: "__unstable-large",
+          label: r("Column"),
+          type: "number",
+          onChange: (a) => {
+            const c = a === "" ? 1 : parseInt(a, 10);
+            e({
+              columnStart: c,
+              rowStart: o,
+              columnSpan: i,
+              rowSpan: u
+            }), m(), S([f], x, x, w(c, o));
+          },
+          value: l ?? 1,
+          min: 1,
+          max: d ? d - (i ?? 1) + 1 : void 0
+        })
+      }), /* @__PURE__ */ t.jsx(j, {
+        style: {
+          width: "50%"
+        },
+        children: /* @__PURE__ */ t.jsx(_, {
+          size: "__unstable-large",
+          label: r("Row"),
+          type: "number",
+          onChange: (a) => {
+            const c = a === "" ? 1 : parseInt(a, 10);
+            e({
+              columnStart: l,
+              rowStart: c,
+              columnSpan: i,
+              rowSpan: u
+            }), m(), S([f], x, x, w(l, c));
+          },
+          value: o ?? 1,
+          min: 1,
+          max: h ? h - (u ?? 1) + 1 : void 0
+        })
+      })]
+    })]
+  });
+}
+export {
+  M as childLayoutOrientation,
+  te as default
+};

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

@@ -0,0 +1,26 @@
+import { extend as n } from "../../../../../colord/index.js";
+import s from "../../../../../colord/plugins/names.js";
+import m from "../../../../../colord/plugins/a11y.js";
+import { privateApis as u } from "@wordpress/components";
+import { unlock as f } from "../../lock-unlock.js";
+n([s, m]);
+const {
+  kebabCase: a
+} = f(u), k = (t, r, e) => {
+  if (r) {
+    const o = t?.find((i) => i.slug === r);
+    if (o)
+      return o;
+  }
+  return {
+    color: e
+  };
+};
+function d(t, r) {
+  if (!(!t || !r))
+    return `has-${a(r)}-${t}`;
+}
+export {
+  d as getColorClassName,
+  k as getColorObjectByAttributeValues
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/colors-gradients/control.js

@@ -0,0 +1,124 @@
+import { clsx as G } from "../../../../../clsx/dist/clsx.js";
+import "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { __ as g } from "../../../../i18n/build-module/default-i18n.js";
+import { BaseControl as p, __experimentalVStack as N, privateApis as P, GradientPicker as A, ColorPalette as S } from "@wordpress/components";
+import { useSettings as y } from "../use-settings/index.js";
+import { unlock as B } from "../../lock-unlock.js";
+import { j as o } from "../../../../../react/jsx-runtime.js";
+const {
+  Tabs: l
+} = B(P), L = ["colors", "disableCustomColors", "gradients", "disableCustomGradients"], r = {
+  color: "color",
+  gradient: "gradient"
+};
+function h({
+  colors: e,
+  gradients: t,
+  disableCustomColors: s,
+  disableCustomGradients: c,
+  __experimentalIsRenderedInSidebar: i,
+  className: k,
+  label: C,
+  onColorChange: d,
+  onGradientChange: m,
+  colorValue: I,
+  gradientValue: x,
+  clearable: j,
+  showTitle: T = !0,
+  enableAlpha: v,
+  headingLevel: f
+}) {
+  const n = d && (e && e.length > 0 || !s), b = m && (t && t.length > 0 || !c);
+  if (!n && !b)
+    return null;
+  const u = {
+    [r.color]: /* @__PURE__ */ o.jsx(S, {
+      value: I,
+      onChange: b ? (a) => {
+        d(a), m();
+      } : d,
+      colors: e,
+      disableCustomColors: s,
+      __experimentalIsRenderedInSidebar: i,
+      clearable: j,
+      enableAlpha: v,
+      headingLevel: f
+    }),
+    [r.gradient]: /* @__PURE__ */ o.jsx(A, {
+      value: x,
+      onChange: n ? (a) => {
+        m(a), d();
+      } : m,
+      gradients: t,
+      disableCustomGradients: c,
+      __experimentalIsRenderedInSidebar: i,
+      clearable: j,
+      headingLevel: f
+    })
+  }, _ = (a) => /* @__PURE__ */ o.jsx("div", {
+    className: "block-editor-color-gradient-control__panel",
+    children: u[a]
+  });
+  return /* @__PURE__ */ o.jsx(p, {
+    __nextHasNoMarginBottom: !0,
+    className: G("block-editor-color-gradient-control", k),
+    children: /* @__PURE__ */ o.jsx("fieldset", {
+      className: "block-editor-color-gradient-control__fieldset",
+      children: /* @__PURE__ */ o.jsxs(N, {
+        spacing: 1,
+        children: [T && /* @__PURE__ */ o.jsx("legend", {
+          children: /* @__PURE__ */ o.jsx("div", {
+            className: "block-editor-color-gradient-control__color-indicator",
+            children: /* @__PURE__ */ o.jsx(p.VisualLabel, {
+              children: C
+            })
+          })
+        }), n && b && /* @__PURE__ */ o.jsx("div", {
+          children: /* @__PURE__ */ o.jsxs(l, {
+            defaultTabId: x ? r.gradient : !!n && r.color,
+            children: [/* @__PURE__ */ o.jsxs(l.TabList, {
+              children: [/* @__PURE__ */ o.jsx(l.Tab, {
+                tabId: r.color,
+                children: g("Color")
+              }), /* @__PURE__ */ o.jsx(l.Tab, {
+                tabId: r.gradient,
+                children: g("Gradient")
+              })]
+            }), /* @__PURE__ */ o.jsx(l.TabPanel, {
+              tabId: r.color,
+              className: "block-editor-color-gradient-control__panel",
+              focusable: !1,
+              children: u.color
+            }), /* @__PURE__ */ o.jsx(l.TabPanel, {
+              tabId: r.gradient,
+              className: "block-editor-color-gradient-control__panel",
+              focusable: !1,
+              children: u.gradient
+            })]
+          })
+        }), !b && _(r.color), !n && _(r.gradient)]
+      })
+    })
+  });
+}
+function R(e) {
+  const [t, s, c, i] = y("color.palette", "color.gradients", "color.custom", "color.customGradient");
+  return /* @__PURE__ */ o.jsx(h, {
+    colors: t,
+    gradients: s,
+    disableCustomColors: !c,
+    disableCustomGradients: !i,
+    ...e
+  });
+}
+function q(e) {
+  return L.every((t) => e.hasOwnProperty(t)) ? /* @__PURE__ */ o.jsx(h, {
+    ...e
+  }) : /* @__PURE__ */ o.jsx(R, {
+    ...e
+  });
+}
+export {
+  q as default
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/colors-gradients/use-multiple-origin-colors-and-gradients.js

@@ -0,0 +1,45 @@
+import { useMemo as d } from "@wordpress/element";
+import "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { _x as s } from "../../../../i18n/build-module/default-i18n.js";
+import { useSettings as f } from "../use-settings/index.js";
+function D() {
+  const [c, o, r, l, u, h, a, i, n, m] = f("color.custom", "color.palette.custom", "color.palette.theme", "color.palette.default", "color.defaultPalette", "color.customGradient", "color.gradients.custom", "color.gradients.theme", "color.gradients.default", "color.defaultGradients"), t = {
+    disableCustomColors: !c,
+    disableCustomGradients: !h
+  };
+  return t.colors = d(() => {
+    const e = [];
+    return r && r.length && e.push({
+      name: s("Theme", "Indicates this palette comes from the theme."),
+      slug: "theme",
+      colors: r
+    }), u && l && l.length && e.push({
+      name: s("Default", "Indicates this palette comes from WordPress."),
+      slug: "default",
+      colors: l
+    }), o && o.length && e.push({
+      name: s("Custom", "Indicates this palette is created by the user."),
+      slug: "custom",
+      colors: o
+    }), e;
+  }, [o, r, l, u]), t.gradients = d(() => {
+    const e = [];
+    return i && i.length && e.push({
+      name: s("Theme", "Indicates this palette comes from the theme."),
+      slug: "theme",
+      gradients: i
+    }), m && n && n.length && e.push({
+      name: s("Default", "Indicates this palette comes from WordPress."),
+      slug: "default",
+      gradients: n
+    }), a && a.length && e.push({
+      name: s("Custom", "Indicates this palette is created by the user."),
+      slug: "custom",
+      gradients: a
+    }), e;
+  }, [a, i, n, m]), t.hasColorsOrGradients = !!t.colors.length || !!t.gradients.length, t;
+}
+export {
+  D as default
+};

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

@@ -0,0 +1,73 @@
+import w from "../../../../../colord/plugins/a11y.js";
+import A from "../../../../../colord/plugins/names.js";
+import { colord as p, extend as H } from "../../../../../colord/index.js";
+import { sprintf as m } from "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { __ as o } from "../../../../i18n/build-module/default-i18n.js";
+import { Notice as M } from "@wordpress/components";
+import "../../../../a11y/build-module/index.js";
+import { j as f } from "../../../../../react/jsx-runtime.js";
+import { speak as N } from "../../../../a11y/build-module/shared/index.js";
+H([A, w]);
+function J({
+  backgroundColor: u,
+  fallbackBackgroundColor: b,
+  fallbackTextColor: g,
+  fallbackLinkColor: h,
+  fontSize: k,
+  // Font size value in pixels.
+  isLargeText: s,
+  textColor: x,
+  linkColor: C,
+  enableAlphaChecker: T = !1
+}) {
+  const i = u || b;
+  if (!i)
+    return null;
+  const l = x || g, c = C || h;
+  if (!l && !c)
+    return null;
+  const y = [{
+    color: l,
+    description: o("text color")
+  }, {
+    color: c,
+    description: o("link color")
+  }], t = p(i), j = t.alpha() < 1, R = t.brightness(), B = {
+    level: "AA",
+    size: s || s !== !1 && k >= 24 ? "large" : "small"
+  };
+  let r = "", n = "";
+  for (const e of y) {
+    if (!e.color)
+      continue;
+    const a = p(e.color), v = a.isReadable(t, B), d = a.alpha() < 1;
+    if (!v) {
+      if (j || d)
+        continue;
+      r = R < a.brightness() ? m(
+        // translators: %s is a type of text color, e.g., "text color" or "link color".
+        o("This color combination may be hard for people to read. Try using a darker background color and/or a brighter %s."),
+        e.description
+      ) : m(
+        // translators: %s is a type of text color, e.g., "text color" or "link color".
+        o("This color combination may be hard for people to read. Try using a brighter background color and/or a darker %s."),
+        e.description
+      ), n = o("This color combination may be hard for people to read.");
+      break;
+    }
+    d && T && (r = o("Transparent text may be hard for people to read."), n = o("Transparent text may be hard for people to read."));
+  }
+  return r ? (N(n), /* @__PURE__ */ f.jsx("div", {
+    className: "block-editor-contrast-checker",
+    children: /* @__PURE__ */ f.jsx(M, {
+      spokenMessage: null,
+      status: "warning",
+      isDismissible: !1,
+      children: r
+    })
+  })) : null;
+}
+export {
+  J as default
+};

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

@@ -0,0 +1,74 @@
+import { clsx as y } from "../../../../../clsx/dist/clsx.js";
+import "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { __ as i } from "../../../../i18n/build-module/default-i18n.js";
+import { decodeEntities as g } from "../../../../html-entities/build-module/index.js";
+import { ENTER as A, SPACE as E } from "../../../../keycodes/build-module/index.js";
+import P from "../inserter/index.js";
+import { store as c } from "../../store/index.js";
+import { j as s } from "../../../../../react/jsx-runtime.js";
+import _ from "../../../../data/build-module/components/use-select/index.js";
+import j from "../../../../data/build-module/components/use-dispatch/use-dispatch.js";
+const B = "\uFEFF";
+function K({
+  rootClientId: e
+}) {
+  const {
+    showPrompt: t,
+    isLocked: n,
+    placeholder: l,
+    isManualGrid: a
+  } = _((o) => {
+    const {
+      getBlockCount: u,
+      getSettings: f,
+      getTemplateLock: k,
+      getBlockAttributes: b
+    } = o(c), h = !u(e), {
+      bodyPlaceholder: x
+    } = f();
+    return {
+      showPrompt: h,
+      isLocked: !!k(e),
+      placeholder: x,
+      isManualGrid: b(e)?.layout?.isManualPlacement
+    };
+  }, [e]), {
+    insertDefaultBlock: p,
+    startTyping: m
+  } = j(c);
+  if (n || a)
+    return null;
+  const d = g(l) || i("Type / to choose a block"), r = () => {
+    p(void 0, e), m();
+  };
+  return /* @__PURE__ */ s.jsxs("div", {
+    "data-root-client-id": e || "",
+    className: y("block-editor-default-block-appender", {
+      "has-visible-prompt": t
+    }),
+    children: [/* @__PURE__ */ s.jsx("p", {
+      tabIndex: "0",
+      role: "button",
+      "aria-label": i("Add default block"),
+      className: "block-editor-default-block-appender__content",
+      onKeyDown: (o) => {
+        (A === o.keyCode || E === o.keyCode) && r();
+      },
+      onClick: () => r(),
+      onFocus: () => {
+        t && r();
+      },
+      children: t ? d : B
+    }), /* @__PURE__ */ s.jsx(P, {
+      rootClientId: e,
+      position: "bottom right",
+      isAppender: !0,
+      __experimentalIsQuick: !0
+    })]
+  });
+}
+export {
+  B as ZWNBSP,
+  K as default
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/dimensions-tool/aspect-ratio-tool.js

@@ -0,0 +1,56 @@
+import { __experimentalToolsPanelItem as h, SelectControl as A } from "@wordpress/components";
+import "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { _x as r, __ as u } from "../../../../i18n/build-module/default-i18n.js";
+import { useSettings as v } from "../use-settings/index.js";
+import { j as m } from "../../../../../react/jsx-runtime.js";
+function y({
+  panelId: p,
+  value: t,
+  onChange: a = () => {
+  },
+  options: e,
+  defaultValue: c = "auto",
+  hasValue: i,
+  isShownByDefault: d = !0
+}) {
+  const l = t ?? "auto", [f, R, _] = v("dimensions.aspectRatios.default", "dimensions.aspectRatios.theme", "dimensions.defaultAspectRatios"), n = R?.map(({
+    name: o,
+    ratio: s
+  }) => ({
+    label: o,
+    value: s
+  })), b = f?.map(({
+    name: o,
+    ratio: s
+  }) => ({
+    label: o,
+    value: s
+  })), x = [{
+    label: r("Original", "Aspect ratio option for dimensions control"),
+    value: "auto"
+  }, ..._ ? b : [], ...n || [], {
+    label: r("Custom", "Aspect ratio option for dimensions control"),
+    value: "custom",
+    disabled: !0,
+    hidden: !0
+  }];
+  return /* @__PURE__ */ m.jsx(h, {
+    hasValue: i || (() => l !== c),
+    label: u("Aspect ratio"),
+    onDeselect: () => a(void 0),
+    isShownByDefault: d,
+    panelId: p,
+    children: /* @__PURE__ */ m.jsx(A, {
+      label: u("Aspect ratio"),
+      value: l,
+      options: e ?? x,
+      onChange: a,
+      size: "__unstable-large",
+      __nextHasNoMarginBottom: !0
+    })
+  });
+}
+export {
+  y as default
+};