@blockbite/ui 1.0.5 → 2.0.1

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

@@ -0,0 +1,79 @@
+import { __experimentalHStack as A, BaseControl as E, __experimentalVStack as I } from "@wordpress/components";
+import { useState as b } from "@wordpress/element";
+import { sprintf as w } from "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { _x as O } from "../../../../i18n/build-module/default-i18n.js";
+import B from "./hooks/use-spacing-sizes.js";
+import N from "./input-controls/axial.js";
+import v from "./input-controls/separated.js";
+import y from "./input-controls/single.js";
+import D from "./linked-button.js";
+import { ALL_SIDES as c, getInitialView as U, LABELS as $, VIEWS as o, DEFAULT_VALUES as F } from "./utils.js";
+import { j as n } from "../../../../../react/jsx-runtime.js";
+function P({
+  inputProps: m,
+  label: s,
+  minimumCustomValue: p = 0,
+  onChange: u,
+  onMouseOut: x,
+  onMouseOver: g,
+  showSideInLabel: r = !0,
+  sides: e = c,
+  useSelect: d,
+  values: a
+}) {
+  const f = B(), l = a || F, S = e?.length === 1, h = e?.includes("horizontal") && e?.includes("vertical") && e?.length === 2, [t, C] = b(U(l, e)), L = () => {
+    C(t === o.axial ? o.custom : o.axial);
+  }, i = {
+    ...m,
+    minimumCustomValue: p,
+    onChange: (z) => {
+      const k = {
+        ...a,
+        ...z
+      };
+      u(k);
+    },
+    onMouseOut: x,
+    onMouseOver: g,
+    sides: e,
+    spacingSizes: f,
+    type: s,
+    useSelect: d,
+    values: l
+  }, _ = () => t === o.axial ? /* @__PURE__ */ n.jsx(N, {
+    ...i
+  }) : t === o.custom ? /* @__PURE__ */ n.jsx(v, {
+    ...i
+  }) : /* @__PURE__ */ n.jsx(y, {
+    side: t,
+    ...i,
+    showSideInLabel: r
+  }), j = c.includes(t) && r ? $[t] : "", V = w(
+    // translators: 1: The side of the block being modified (top, bottom, left etc.). 2. Type of spacing being modified (padding, margin, etc).
+    O("%1$s %2$s", "spacing"),
+    s,
+    j
+  ).trim();
+  return /* @__PURE__ */ n.jsxs("fieldset", {
+    className: "spacing-sizes-control",
+    children: [/* @__PURE__ */ n.jsxs(A, {
+      className: "spacing-sizes-control__header",
+      children: [/* @__PURE__ */ n.jsx(E.VisualLabel, {
+        as: "legend",
+        className: "spacing-sizes-control__label",
+        children: V
+      }), !S && !h && /* @__PURE__ */ n.jsx(D, {
+        label: s,
+        onClick: L,
+        isLinked: t === o.axial
+      })]
+    }), /* @__PURE__ */ n.jsx(I, {
+      spacing: 0.5,
+      children: _()
+    })]
+  });
+}
+export {
+  P as default
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/spacing-sizes-control/input-controls/axial.js

@@ -0,0 +1,44 @@
+import C from "./spacing-input-control.js";
+import { hasAxisSupport as S, LABELS as j, ICONS as O, getPresetValueFromCustomValue as V } from "../utils.js";
+import { j as n } from "../../../../../../react/jsx-runtime.js";
+const p = ["vertical", "horizontal"];
+function z({
+  minimumCustomValue: m,
+  onChange: i,
+  onMouseOut: c,
+  onMouseOver: f,
+  sides: l,
+  spacingSizes: a,
+  type: g,
+  values: e
+}) {
+  const h = (t) => (o) => {
+    if (!i)
+      return;
+    const r = {
+      ...Object.keys(e).reduce((u, s) => (u[s] = V(e[s], a), u), {})
+    };
+    t === "vertical" && (r.top = o, r.bottom = o), t === "horizontal" && (r.left = o, r.right = o), i(r);
+  }, x = l?.length ? p.filter((t) => S(l, t)) : p;
+  return /* @__PURE__ */ n.jsx(n.Fragment, {
+    children: x.map((t) => {
+      const o = t === "vertical" ? e.top : e.left;
+      return /* @__PURE__ */ n.jsx(C, {
+        icon: O[t],
+        label: j[t],
+        minimumCustomValue: m,
+        onChange: h(t),
+        onMouseOut: c,
+        onMouseOver: f,
+        side: t,
+        spacingSizes: a,
+        type: g,
+        value: o,
+        withInputField: !1
+      }, `spacing-sizes-control-${t}`);
+    })
+  });
+}
+export {
+  z as default
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/spacing-sizes-control/input-controls/separated.js

@@ -0,0 +1,38 @@
+import x from "./spacing-input-control.js";
+import { ALL_SIDES as m, LABELS as h, ICONS as j, getPresetValueFromCustomValue as I } from "../utils.js";
+import { j as n } from "../../../../../../react/jsx-runtime.js";
+function V({
+  minimumCustomValue: s,
+  onChange: i,
+  onMouseOut: p,
+  onMouseOver: c,
+  sides: o,
+  spacingSizes: r,
+  type: f,
+  values: e
+}) {
+  const g = o?.length ? m.filter((t) => o.includes(t)) : m, C = (t) => (S) => {
+    const u = {
+      ...Object.keys(e).reduce((a, l) => (a[l] = I(e[l], r), a), {})
+    };
+    u[t] = S, i(u);
+  };
+  return /* @__PURE__ */ n.jsx(n.Fragment, {
+    children: g.map((t) => /* @__PURE__ */ n.jsx(x, {
+      icon: j[t],
+      label: h[t],
+      minimumCustomValue: s,
+      onChange: C(t),
+      onMouseOut: p,
+      onMouseOver: c,
+      side: t,
+      spacingSizes: r,
+      type: f,
+      value: e[t],
+      withInputField: !1
+    }, `spacing-sizes-control-${t}`))
+  });
+}
+export {
+  V as default
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/spacing-sizes-control/input-controls/single.js

@@ -0,0 +1,37 @@
+import g from "./spacing-input-control.js";
+import { LABELS as x, getPresetValueFromCustomValue as h } from "../utils.js";
+import { j } from "../../../../../../react/jsx-runtime.js";
+function V({
+  minimumCustomValue: a,
+  onChange: l,
+  onMouseOut: m,
+  onMouseOver: s,
+  showSideInLabel: i,
+  side: e,
+  spacingSizes: n,
+  type: p,
+  values: t
+}) {
+  const f = (C) => (c) => {
+    const o = {
+      ...Object.keys(t).reduce((r, u) => (r[u] = h(t[u], n), r), {})
+    };
+    o[C] = c, l(o);
+  };
+  return /* @__PURE__ */ j.jsx(g, {
+    label: x[e],
+    minimumCustomValue: a,
+    onChange: f(e),
+    onMouseOut: m,
+    onMouseOver: s,
+    showSideInLabel: i,
+    side: e,
+    spacingSizes: n,
+    type: p,
+    value: t[e],
+    withInputField: !1
+  });
+}
+export {
+  V as default
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/spacing-sizes-control/input-controls/spacing-input-control.js

@@ -0,0 +1,286 @@
+import { __experimentalUseCustomUnits as Z, __experimentalParseQuantityAndUnitFromRawValue as q, __experimentalHStack as J, Icon as K, __experimentalUnitControl as W, RangeControl as T, CustomSelectControl as Y, Button as O } from "@wordpress/components";
+import { useState as j, useMemo as ee } from "@wordpress/element";
+import { sprintf as A } from "../../../../../i18n/build-module/sprintf.js";
+import "../../../../../../tannin/index.js";
+import { __ as c, _x as te } from "../../../../../i18n/build-module/default-i18n.js";
+import { useSettings as se } from "../../use-settings/index.js";
+import { store as ne } from "../../../store/index.js";
+import { getPresetValueFromCustomValue as oe, RANGE_CONTROL_MAX_SIZE as ae, isValueSpacingPreset as _, getSliderValueFromPreset as le, getCustomValueFromPreset as re, ALL_SIDES as ie, LABELS as me } from "../utils.js";
+import { j as a } from "../../../../../../react/jsx-runtime.js";
+import ue from "../../../../../data/build-module/components/use-select/index.js";
+import ce from "../../../../../compose/build-module/hooks/use-previous/index.js";
+import pe from "../../../../../icons/build-module/library/settings.js";
+const P = {
+  px: {
+    max: 300,
+    steps: 1
+  },
+  "%": {
+    max: 100,
+    steps: 1
+  },
+  vw: {
+    max: 100,
+    steps: 1
+  },
+  vh: {
+    max: 100,
+    steps: 1
+  },
+  em: {
+    max: 10,
+    steps: 0.1
+  },
+  rm: {
+    max: 10,
+    steps: 0.1
+  },
+  svw: {
+    max: 100,
+    steps: 1
+  },
+  lvw: {
+    max: 100,
+    steps: 1
+  },
+  dvw: {
+    max: 100,
+    steps: 1
+  },
+  svh: {
+    max: 100,
+    steps: 1
+  },
+  lvh: {
+    max: 100,
+    steps: 1
+  },
+  dvh: {
+    max: 100,
+    steps: 1
+  },
+  vi: {
+    max: 100,
+    steps: 1
+  },
+  svi: {
+    max: 100,
+    steps: 1
+  },
+  lvi: {
+    max: 100,
+    steps: 1
+  },
+  dvi: {
+    max: 100,
+    steps: 1
+  },
+  vb: {
+    max: 100,
+    steps: 1
+  },
+  svb: {
+    max: 100,
+    steps: 1
+  },
+  lvb: {
+    max: 100,
+    steps: 1
+  },
+  dvb: {
+    max: 100,
+    steps: 1
+  },
+  vmin: {
+    max: 100,
+    steps: 1
+  },
+  svmin: {
+    max: 100,
+    steps: 1
+  },
+  lvmin: {
+    max: 100,
+    steps: 1
+  },
+  dvmin: {
+    max: 100,
+    steps: 1
+  },
+  vmax: {
+    max: 100,
+    steps: 1
+  },
+  svmax: {
+    max: 100,
+    steps: 1
+  },
+  lvmax: {
+    max: 100,
+    steps: 1
+  },
+  dvmax: {
+    max: 100,
+    steps: 1
+  }
+};
+function Fe({
+  icon: b,
+  isMixed: m = !1,
+  minimumCustomValue: v,
+  onChange: u,
+  onMouseOut: l,
+  onMouseOver: r,
+  showSideInLabel: S = !0,
+  side: L,
+  spacingSizes: s,
+  type: N,
+  value: t
+}) {
+  var d, f;
+  t = oe(t, s);
+  let g = s;
+  const C = s.length <= ae, F = ue((e) => e(ne).getSettings()?.disableCustomSpacingSizes), [o, w] = j(!F && t !== void 0 && !_(t)), [z, V] = j(v), B = ce(t);
+  t && B !== t && !_(t) && o !== !0 && w(!0);
+  const [k] = se("spacing.units"), U = Z({
+    availableUnits: k || ["px", "em", "rem"]
+  });
+  let n = null;
+  !C && !o && t !== void 0 && (!_(t) || _(t) && m) ? (g = [...s, {
+    name: m ? c("Mixed") : (
+      // translators: %s: A custom measurement, e.g. a number followed by a unit like 12px.
+      A(c("Custom (%s)"), t)
+    ),
+    slug: "custom",
+    size: t
+  }], n = g.length - 1) : m || (n = o ? re(t, s) : le(t, s));
+  const h = ee(() => q(n), [n])[1] || U[0]?.value, D = () => {
+    t === void 0 && u("0");
+  }, R = (e) => t === void 0 ? void 0 : s[e]?.name, y = parseFloat(n, 10), G = (e) => !isNaN(parseFloat(e)) ? e : void 0, E = (e, i) => {
+    const x = parseInt(e, 10);
+    if (i === "selectList") {
+      if (x === 0)
+        return;
+      if (x === 1)
+        return "0";
+    } else if (x === 0)
+      return "0";
+    return `var:preset|spacing|${s[e]?.slug}`;
+  }, H = (e) => {
+    u([e, h].join(""));
+  }, $ = m ? c("Mixed") : null, I = g.map((e, i) => ({
+    key: i,
+    name: e.name
+  })), X = s.slice(1, s.length - 1).map((e, i) => ({
+    value: i + 1,
+    label: void 0
+  })), M = ie.includes(L) && S ? me[L] : "", Q = S ? N?.toLowerCase() : N, p = A(
+    // translators: 1: The side of the block being modified (top, bottom, left etc.). 2. Type of spacing being modified (padding, margin, etc).
+    te("%1$s %2$s", "spacing"),
+    M,
+    Q
+  ).trim();
+  return /* @__PURE__ */ a.jsxs(J, {
+    className: "spacing-sizes-control__wrapper",
+    children: [b && /* @__PURE__ */ a.jsx(K, {
+      className: "spacing-sizes-control__icon",
+      icon: b,
+      size: 24
+    }), o && /* @__PURE__ */ a.jsxs(a.Fragment, {
+      children: [/* @__PURE__ */ a.jsx(W, {
+        onMouseOver: r,
+        onMouseOut: l,
+        onFocus: r,
+        onBlur: l,
+        onChange: (e) => u(G(e)),
+        value: n,
+        units: U,
+        min: z,
+        placeholder: $,
+        disableUnits: m,
+        label: p,
+        hideLabelFromVision: !0,
+        className: "spacing-sizes-control__custom-value-input",
+        size: "__unstable-large",
+        onDragStart: () => {
+          t?.charAt(0) === "-" && V(0);
+        },
+        onDrag: () => {
+          t?.charAt(0) === "-" && V(0);
+        },
+        onDragEnd: () => {
+          V(v);
+        }
+      }), /* @__PURE__ */ a.jsx(T, {
+        __next40pxDefaultSize: !0,
+        onMouseOver: r,
+        onMouseOut: l,
+        onFocus: r,
+        onBlur: l,
+        value: y,
+        min: 0,
+        max: (d = P[h]?.max) !== null && d !== void 0 ? d : 10,
+        step: (f = P[h]?.steps) !== null && f !== void 0 ? f : 0.1,
+        withInputField: !1,
+        onChange: H,
+        className: "spacing-sizes-control__custom-value-range",
+        __nextHasNoMarginBottom: !0,
+        label: p,
+        hideLabelFromVision: !0
+      })]
+    }), C && !o && /* @__PURE__ */ a.jsx(T, {
+      __next40pxDefaultSize: !0,
+      onMouseOver: r,
+      onMouseOut: l,
+      className: "spacing-sizes-control__range-control",
+      value: n,
+      onChange: (e) => u(E(e)),
+      onMouseDown: (e) => {
+        e?.nativeEvent?.offsetX < 35 && D();
+      },
+      withInputField: !1,
+      "aria-valuenow": n,
+      "aria-valuetext": s[n]?.name,
+      renderTooltipContent: R,
+      min: 0,
+      max: s.length - 1,
+      marks: X,
+      label: p,
+      hideLabelFromVision: !0,
+      __nextHasNoMarginBottom: !0,
+      onFocus: r,
+      onBlur: l
+    }), !C && !o && /* @__PURE__ */ a.jsx(Y, {
+      className: "spacing-sizes-control__custom-select-control",
+      value: (
+        // passing empty string as a fallback to continue using the
+        // component in controlled mode
+        I.find((e) => e.key === n) || ""
+      ),
+      onChange: (e) => {
+        u(E(e.selectedItem.key, "selectList"));
+      },
+      options: I,
+      label: p,
+      hideLabelFromVision: !0,
+      size: "__unstable-large",
+      onMouseOver: r,
+      onMouseOut: l,
+      onFocus: r,
+      onBlur: l
+    }), !F && /* @__PURE__ */ a.jsx(O, {
+      label: o ? c("Use size preset") : c("Set custom size"),
+      icon: pe,
+      onClick: () => {
+        w(!o);
+      },
+      isPressed: o,
+      size: "small",
+      className: "spacing-sizes-control__custom-toggle",
+      iconSize: 24
+    })]
+  });
+}
+export {
+  Fe as default
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/spacing-sizes-control/linked-button.js

@@ -0,0 +1,23 @@
+import { Button as m } from "@wordpress/components";
+import "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { __ as i } from "../../../../i18n/build-module/default-i18n.js";
+import { j as n } from "../../../../../react/jsx-runtime.js";
+import s from "../../../../icons/build-module/library/link.js";
+import e from "../../../../icons/build-module/library/link-off.js";
+function x({
+  isLinked: o,
+  ...t
+}) {
+  const r = o ? i("Unlink sides") : i("Link sides");
+  return /* @__PURE__ */ n.jsx(m, {
+    ...t,
+    size: "small",
+    icon: o ? s : e,
+    iconSize: 24,
+    label: r
+  });
+}
+export {
+  x as default
+};

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

@@ -0,0 +1,121 @@
+import "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { __ as i } from "../../../../i18n/build-module/default-i18n.js";
+import V from "../../../../icons/build-module/library/sides-left.js";
+import z from "../../../../icons/build-module/library/sides-bottom.js";
+import x from "../../../../icons/build-module/library/sides-right.js";
+import A from "../../../../icons/build-module/library/sides-top.js";
+import b from "../../../../icons/build-module/library/sides-vertical.js";
+import L from "../../../../icons/build-module/library/sides-horizontal.js";
+import l from "../../../../icons/build-module/library/sides-all.js";
+const T = 8, w = ["top", "right", "bottom", "left"], D = {
+  top: void 0,
+  right: void 0,
+  bottom: void 0,
+  left: void 0
+}, U = {
+  custom: l,
+  axial: l,
+  horizontal: L,
+  vertical: b,
+  top: A,
+  right: x,
+  bottom: z,
+  left: V
+}, $ = {
+  default: i("Spacing control"),
+  top: i("Top"),
+  bottom: i("Bottom"),
+  left: i("Left"),
+  right: i("Right"),
+  mixed: i("Mixed"),
+  vertical: i("Vertical"),
+  horizontal: i("Horizontal"),
+  axial: i("Horizontal & vertical"),
+  custom: i("Custom")
+}, a = {
+  axial: "axial",
+  custom: "custom"
+};
+function f(t) {
+  return t?.includes ? t === "0" || t.includes("var:preset|spacing|") : !1;
+}
+function j(t, n) {
+  if (!f(t))
+    return t;
+  const r = g(t);
+  return n.find((e) => String(e.slug) === r)?.size;
+}
+function y(t, n) {
+  if (!t || f(t) || t === "0")
+    return t;
+  const r = n.find((o) => String(o.size) === String(t));
+  return r?.slug ? `var:preset|spacing|${r.slug}` : t;
+}
+function G(t) {
+  if (!t)
+    return;
+  const n = t.match(/var:preset\|spacing\|(.+)/);
+  return n ? `var(--wp--preset--spacing--${n[1]})` : t;
+}
+function g(t) {
+  if (!t)
+    return;
+  if (t === "0" || t === "default")
+    return t;
+  const n = t.match(/var:preset\|spacing\|(.+)/);
+  return n ? n[1] : void 0;
+}
+function W(t, n) {
+  if (t === void 0)
+    return 0;
+  const r = parseFloat(t, 10) === 0 ? "0" : g(t), o = n.findIndex((e) => String(e.slug) === r);
+  return o !== -1 ? o : NaN;
+}
+function E(t, n) {
+  if (!t || !t.length)
+    return !1;
+  const r = t.includes("horizontal") || t.includes("left") && t.includes("right"), o = t.includes("vertical") || t.includes("top") && t.includes("bottom");
+  return n === "horizontal" ? r : n === "vertical" ? o : r || o;
+}
+function _(t = []) {
+  const n = {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  };
+  return t.forEach((r) => n[r] += 1), (n.top + n.bottom) % 2 === 0 && (n.left + n.right) % 2 === 0;
+}
+function X(t = {}, n) {
+  const {
+    top: r,
+    right: o,
+    bottom: e,
+    left: s
+  } = t, c = [r, o, e, s].filter(Boolean), p = r === e && s === o && (!!r || !!s), m = !c.length && _(n), d = n?.includes("horizontal") && n?.includes("vertical") && n?.length === 2;
+  if (E(n) && (p || m))
+    return a.axial;
+  if (d && c.length === 1) {
+    let u;
+    return Object.entries(t).some(([h, S]) => (u = h, S !== void 0)), u;
+  }
+  return n?.length === 1 && !c.length ? n[0] : a.custom;
+}
+export {
+  w as ALL_SIDES,
+  D as DEFAULT_VALUES,
+  U as ICONS,
+  $ as LABELS,
+  T as RANGE_CONTROL_MAX_SIZE,
+  a as VIEWS,
+  j as getCustomValueFromPreset,
+  X as getInitialView,
+  y as getPresetValueFromCustomValue,
+  W as getSliderValueFromPreset,
+  G as getSpacingPresetCssVar,
+  g as getSpacingPresetSlug,
+  E as hasAxisSupport,
+  _ as hasBalancedSidesSupport,
+  f as isValueSpacingPreset
+};

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

@@ -0,0 +1,54 @@
+import { Button as c, privateApis as n } from "@wordpress/components";
+import { forwardRef as m } from "@wordpress/element";
+import { unlock as f } from "../../lock-unlock.js";
+import { j as a } from "../../../../../react/jsx-runtime.js";
+import p from "../../../../icons/build-module/library/close-small.js";
+const {
+  Tabs: s
+} = f(n);
+function u({
+  defaultTabId: t,
+  onClose: o,
+  onSelect: b,
+  selectedTab: d,
+  tabs: l,
+  closeButtonLabel: r
+}, i) {
+  return /* @__PURE__ */ a.jsx("div", {
+    className: "block-editor-tabbed-sidebar",
+    children: /* @__PURE__ */ a.jsxs(s, {
+      selectOnMove: !1,
+      defaultTabId: t,
+      onSelect: b,
+      selectedTabId: d,
+      children: [/* @__PURE__ */ a.jsxs("div", {
+        className: "block-editor-tabbed-sidebar__tablist-and-close-button",
+        children: [/* @__PURE__ */ a.jsx(c, {
+          className: "block-editor-tabbed-sidebar__close-button",
+          icon: p,
+          label: r,
+          onClick: () => o(),
+          size: "compact"
+        }), /* @__PURE__ */ a.jsx(s.TabList, {
+          className: "block-editor-tabbed-sidebar__tablist",
+          ref: i,
+          children: l.map((e) => /* @__PURE__ */ a.jsx(s.Tab, {
+            tabId: e.name,
+            className: "block-editor-tabbed-sidebar__tab",
+            children: e.title
+          }, e.name))
+        })]
+      }), l.map((e) => /* @__PURE__ */ a.jsx(s.TabPanel, {
+        tabId: e.name,
+        focusable: !1,
+        className: "block-editor-tabbed-sidebar__tabpanel",
+        ref: e.panelRef,
+        children: e.panel
+      }, e.name))]
+    })
+  });
+}
+const h = m(u);
+export {
+  h as default
+};