@blockbite/ui 1.0.5 → 2.0.0

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

@@ -0,0 +1,400 @@
+import { clsx as k } from "../../../../../clsx/dist/clsx.js";
+import "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { __ as l } from "../../../../i18n/build-module/default-i18n.js";
+import { __experimentalUseCustomUnits as Kn, __experimentalToolsPanelItem as y, __experimentalUnitControl as G, __experimentalInputControlPrefixWrapper as on, BoxControl as I, __experimentalToolsPanel as Qn } from "@wordpress/components";
+import { useState as Yn, useCallback as Zn, Platform as vn } from "@wordpress/element";
+import { getValueFromVariable as sn, useToolsPanelDropdownMenuProps as ne } from "./utils.js";
+import B from "../spacing-sizes-control/index.js";
+import ee from "../height-control/index.js";
+import te from "../child-layout-control/index.js";
+import ie from "../dimensions-tool/aspect-ratio-tool.js";
+import { cleanEmptyObject as oe } from "../../hooks/utils.js";
+import { setImmutably as p } from "../../utils/object.js";
+import { j as s } from "../../../../../react/jsx-runtime.js";
+import an from "../../../../icons/build-module/icon/index.js";
+import se from "../../../../icons/build-module/library/align-none.js";
+import ae from "../../../../icons/build-module/library/stretch-wide.js";
+const W = ["horizontal", "vertical"];
+function Pe(n) {
+  const t = cn(n), i = dn(n), a = un(n), o = pn(n), r = mn(n), c = gn(n), f = fn(n), z = hn(n);
+  return vn.OS === "web" && (t || i || a || o || r || c || f || z);
+}
+function cn(n) {
+  return n?.layout?.contentSize;
+}
+function dn(n) {
+  return n?.layout?.wideSize;
+}
+function un(n) {
+  return n?.spacing?.padding;
+}
+function pn(n) {
+  return n?.spacing?.margin;
+}
+function mn(n) {
+  return n?.spacing?.blockGap;
+}
+function gn(n) {
+  return n?.dimensions?.minHeight;
+}
+function fn(n) {
+  return n?.dimensions?.aspectRatio;
+}
+function hn(n) {
+  var t;
+  const {
+    type: i = "default",
+    default: {
+      type: a = "default"
+    } = {},
+    allowSizingOnChildren: o = !1
+  } = (t = n?.parentLayout) !== null && t !== void 0 ? t : {}, r = (a === "flex" || i === "flex" || a === "grid" || i === "grid") && o;
+  return !!n?.layout && r;
+}
+function le(n) {
+  const {
+    defaultSpacingSizes: t,
+    spacingSizes: i
+  } = n?.spacing || {};
+  return t !== !1 && i?.default?.length > 0 || i?.theme?.length > 0 || i?.custom?.length > 0;
+}
+function ln(n, t) {
+  if (!t || !n)
+    return n;
+  const i = {};
+  return t.forEach((a) => {
+    a === "vertical" && (i.top = n.top, i.bottom = n.bottom), a === "horizontal" && (i.left = n.left, i.right = n.right), i[a] = n?.[a];
+  }), i;
+}
+function rn(n) {
+  return n && typeof n == "string" ? {
+    top: n,
+    right: n,
+    bottom: n,
+    left: n
+  } : n;
+}
+function re(n, t) {
+  return n && (typeof n == "string" ? t ? {
+    top: n,
+    right: n,
+    bottom: n,
+    left: n
+  } : {
+    top: n
+  } : {
+    ...n,
+    right: n?.left,
+    bottom: n?.top
+  });
+}
+function ce({
+  resetAllFilter: n,
+  onChange: t,
+  value: i,
+  panelId: a,
+  children: o
+}) {
+  const r = ne(), c = () => {
+    const f = n(i);
+    t(f);
+  };
+  return /* @__PURE__ */ s.jsx(Qn, {
+    label: l("Dimensions"),
+    resetAll: c,
+    panelId: a,
+    dropdownMenuProps: r,
+    children: o
+  });
+}
+const m = {
+  contentSize: !0,
+  wideSize: !0,
+  padding: !0,
+  margin: !0,
+  blockGap: !0,
+  minHeight: !0,
+  aspectRatio: !0,
+  childLayout: !0
+};
+function De({
+  as: n = ce,
+  value: t,
+  onChange: i,
+  inheritedValue: a = t,
+  settings: o,
+  panelId: r,
+  defaultControls: c = m,
+  onVisualize: f = () => {
+  },
+  // Special case because the layout controls are not part of the dimensions panel
+  // in global styles but not in block inspector.
+  includeLayoutControls: z = !1
+}) {
+  var _, j, P, D, V, H, A, R;
+  const {
+    dimensions: T,
+    spacing: $
+  } = o, h = (e) => e && typeof e == "object" ? Object.keys(e).reduce((u, tn) => (u[tn] = sn({
+    settings: {
+      dimensions: T,
+      spacing: $
+    }
+  }, "", e[tn]), u), {}) : sn({
+    settings: {
+      dimensions: T,
+      spacing: $
+    }
+  }, "", e), d = le(o), g = Kn({
+    availableUnits: o?.spacing?.units || ["%", "px", "em", "rem", "vw"]
+  }), U = -1 / 0, [Sn, E] = Yn(U), N = cn(o) && z, yn = h(a?.layout?.contentSize), F = (e) => {
+    i(p(t, ["layout", "contentSize"], e || void 0));
+  }, xn = () => !!t?.layout?.contentSize, bn = () => F(void 0), X = dn(o) && z, wn = h(a?.layout?.wideSize), q = (e) => {
+    i(p(t, ["layout", "wideSize"], e || void 0));
+  }, zn = () => !!t?.layout?.wideSize, Cn = () => q(void 0), Mn = un(o), _n = h(a?.spacing?.padding), J = rn(_n), x = Array.isArray(o?.spacing?.padding) ? o?.spacing?.padding : o?.spacing?.padding?.sides, jn = x && x.some((e) => W.includes(e)), O = (e) => {
+    const u = ln(e, x);
+    i(p(t, ["spacing", "padding"], u));
+  }, Pn = () => !!t?.spacing?.padding && Object.keys(t?.spacing?.padding).length, Dn = () => O(void 0), K = () => f("padding"), Vn = pn(o), Hn = h(a?.spacing?.margin), Q = rn(Hn), b = Array.isArray(o?.spacing?.margin) ? o?.spacing?.margin : o?.spacing?.margin?.sides, An = b && b.some((e) => W.includes(e)), L = (e) => {
+    const u = ln(e, b);
+    i(p(t, ["spacing", "margin"], u));
+  }, Rn = () => !!t?.spacing?.margin && Object.keys(t?.spacing?.margin).length, On = () => L(void 0), Y = () => f("margin"), Ln = mn(o), C = Array.isArray(o?.spacing?.blockGap) ? o?.spacing?.blockGap : o?.spacing?.blockGap?.sides, S = C && C.some((e) => W.includes(e)), Z = h(a?.spacing?.blockGap), v = re(Z, S), w = (e) => {
+    i(p(t, ["spacing", "blockGap"], e));
+  }, nn = (e) => {
+    e || w(null), !S && e?.hasOwnProperty("top") ? w(e.top) : w({
+      top: e?.top,
+      left: e?.left
+    });
+  }, kn = () => w(void 0), Gn = () => !!t?.spacing?.blockGap, In = gn(o), Bn = h(a?.dimensions?.minHeight), en = (e) => {
+    const u = p(t, ["dimensions", "minHeight"], e);
+    i(p(u, ["dimensions", "aspectRatio"], void 0));
+  }, Wn = () => {
+    en(void 0);
+  }, Tn = () => !!t?.dimensions?.minHeight, $n = fn(o), Un = h(a?.dimensions?.aspectRatio), En = (e) => {
+    const u = p(t, ["dimensions", "aspectRatio"], e);
+    i(p(u, ["dimensions", "minHeight"], void 0));
+  }, Nn = () => !!t?.dimensions?.aspectRatio, Fn = hn(o), Xn = a?.layout, qn = (e) => {
+    i({
+      ...t,
+      layout: {
+        ...e
+      }
+    });
+  }, Jn = Zn((e) => ({
+    ...e,
+    layout: oe({
+      ...e?.layout,
+      contentSize: void 0,
+      wideSize: void 0,
+      selfStretch: void 0,
+      flexSize: void 0,
+      columnStart: void 0,
+      rowStart: void 0,
+      columnSpan: void 0,
+      rowSpan: void 0
+    }),
+    spacing: {
+      ...e?.spacing,
+      padding: void 0,
+      margin: void 0,
+      blockGap: void 0
+    },
+    dimensions: {
+      ...e?.dimensions,
+      minHeight: void 0,
+      aspectRatio: void 0
+    }
+  }), []), M = () => f(!1);
+  return /* @__PURE__ */ s.jsxs(n, {
+    resetAllFilter: Jn,
+    value: t,
+    onChange: i,
+    panelId: r,
+    children: [(N || X) && /* @__PURE__ */ s.jsx("span", {
+      className: "span-columns",
+      children: l("Set the width of the main content area.")
+    }), N && /* @__PURE__ */ s.jsx(y, {
+      label: l("Content width"),
+      hasValue: xn,
+      onDeselect: bn,
+      isShownByDefault: (_ = c.contentSize) !== null && _ !== void 0 ? _ : m.contentSize,
+      panelId: r,
+      children: /* @__PURE__ */ s.jsx(G, {
+        __next40pxDefaultSize: !0,
+        label: l("Content width"),
+        labelPosition: "top",
+        value: yn || "",
+        onChange: (e) => {
+          F(e);
+        },
+        units: g,
+        prefix: /* @__PURE__ */ s.jsx(on, {
+          variant: "icon",
+          children: /* @__PURE__ */ s.jsx(an, {
+            icon: se
+          })
+        })
+      })
+    }), X && /* @__PURE__ */ s.jsx(y, {
+      label: l("Wide width"),
+      hasValue: zn,
+      onDeselect: Cn,
+      isShownByDefault: (j = c.wideSize) !== null && j !== void 0 ? j : m.wideSize,
+      panelId: r,
+      children: /* @__PURE__ */ s.jsx(G, {
+        __next40pxDefaultSize: !0,
+        label: l("Wide width"),
+        labelPosition: "top",
+        value: wn || "",
+        onChange: (e) => {
+          q(e);
+        },
+        units: g,
+        prefix: /* @__PURE__ */ s.jsx(on, {
+          variant: "icon",
+          children: /* @__PURE__ */ s.jsx(an, {
+            icon: ae
+          })
+        })
+      })
+    }), Mn && /* @__PURE__ */ s.jsxs(y, {
+      hasValue: Pn,
+      label: l("Padding"),
+      onDeselect: Dn,
+      isShownByDefault: (P = c.padding) !== null && P !== void 0 ? P : m.padding,
+      className: k({
+        "tools-panel-item-spacing": d
+      }),
+      panelId: r,
+      children: [!d && /* @__PURE__ */ s.jsx(I, {
+        __next40pxDefaultSize: !0,
+        values: J,
+        onChange: O,
+        label: l("Padding"),
+        sides: x,
+        units: g,
+        allowReset: !1,
+        splitOnAxis: jn,
+        inputProps: {
+          onMouseOver: K,
+          onMouseOut: M
+        }
+      }), d && /* @__PURE__ */ s.jsx(B, {
+        values: J,
+        onChange: O,
+        label: l("Padding"),
+        sides: x,
+        units: g,
+        allowReset: !1,
+        onMouseOver: K,
+        onMouseOut: M
+      })]
+    }), Vn && /* @__PURE__ */ s.jsxs(y, {
+      hasValue: Rn,
+      label: l("Margin"),
+      onDeselect: On,
+      isShownByDefault: (D = c.margin) !== null && D !== void 0 ? D : m.margin,
+      className: k({
+        "tools-panel-item-spacing": d
+      }),
+      panelId: r,
+      children: [!d && /* @__PURE__ */ s.jsx(I, {
+        __next40pxDefaultSize: !0,
+        values: Q,
+        onChange: L,
+        inputProps: {
+          min: Sn,
+          onDragStart: () => {
+            E(0);
+          },
+          onDragEnd: () => {
+            E(U);
+          },
+          onMouseOver: Y,
+          onMouseOut: M
+        },
+        label: l("Margin"),
+        sides: b,
+        units: g,
+        allowReset: !1,
+        splitOnAxis: An
+      }), d && /* @__PURE__ */ s.jsx(B, {
+        values: Q,
+        onChange: L,
+        minimumCustomValue: -1 / 0,
+        label: l("Margin"),
+        sides: b,
+        units: g,
+        allowReset: !1,
+        onMouseOver: Y,
+        onMouseOut: M
+      })]
+    }), Ln && /* @__PURE__ */ s.jsxs(y, {
+      hasValue: Gn,
+      label: l("Block spacing"),
+      onDeselect: kn,
+      isShownByDefault: (V = c.blockGap) !== null && V !== void 0 ? V : m.blockGap,
+      className: k({
+        "tools-panel-item-spacing": d,
+        "single-column": (
+          // If UnitControl is used, should be single-column.
+          !d && !S
+        )
+      }),
+      panelId: r,
+      children: [!d && (S ? /* @__PURE__ */ s.jsx(I, {
+        __next40pxDefaultSize: !0,
+        label: l("Block spacing"),
+        min: 0,
+        onChange: nn,
+        units: g,
+        sides: C,
+        values: v,
+        allowReset: !1,
+        splitOnAxis: S
+      }) : /* @__PURE__ */ s.jsx(G, {
+        __next40pxDefaultSize: !0,
+        label: l("Block spacing"),
+        min: 0,
+        onChange: w,
+        units: g,
+        value: Z
+      })), d && /* @__PURE__ */ s.jsx(B, {
+        label: l("Block spacing"),
+        min: 0,
+        onChange: nn,
+        showSideInLabel: !1,
+        sides: S ? C : ["top"],
+        values: v,
+        allowReset: !1
+      })]
+    }), Fn && /* @__PURE__ */ s.jsx(te, {
+      value: Xn,
+      onChange: qn,
+      parentLayout: o?.parentLayout,
+      panelId: r,
+      isShownByDefault: (H = c.childLayout) !== null && H !== void 0 ? H : m.childLayout
+    }), In && /* @__PURE__ */ s.jsx(y, {
+      hasValue: Tn,
+      label: l("Minimum height"),
+      onDeselect: Wn,
+      isShownByDefault: (A = c.minHeight) !== null && A !== void 0 ? A : m.minHeight,
+      panelId: r,
+      children: /* @__PURE__ */ s.jsx(ee, {
+        label: l("Minimum height"),
+        value: Bn,
+        onChange: en
+      })
+    }), $n && /* @__PURE__ */ s.jsx(ie, {
+      hasValue: Nn,
+      value: Un,
+      onChange: En,
+      panelId: r,
+      isShownByDefault: (R = c.aspectRatio) !== null && R !== void 0 ? R : m.aspectRatio
+    })]
+  });
+}
+export {
+  De as default,
+  Pe as useHasDimensionsPanel
+};

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

@@ -0,0 +1,168 @@
+import { clsx as w } from "../../../../../clsx/dist/clsx.js";
+import { __experimentalToolsPanelItem as F, Dropdown as S, __experimentalDropdownContentWrapper as T, MenuGroup as y, DuotonePicker as A, __experimentalToolsPanel as I, Button as h, __experimentalHStack as M, __experimentalZStack as N, Flex as R, ColorIndicator as v, DuotoneSwatch as B, FlexItem as E } from "@wordpress/components";
+import "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { __ as c, _x as L } from "../../../../i18n/build-module/default-i18n.js";
+import { useCallback as V, useMemo as z, useRef as H } from "@wordpress/element";
+import { getValueFromVariable as Y, useToolsPanelDropdownMenuProps as G } from "./utils.js";
+import { setImmutably as O } from "../../utils/object.js";
+import { j as o } from "../../../../../react/jsx-runtime.js";
+import U from "../../../../icons/build-module/library/reset.js";
+const d = [];
+function P(e, {
+  presetSetting: t,
+  defaultSetting: l
+}) {
+  const n = !e?.color?.[l], r = e?.color?.[t]?.custom || d, s = e?.color?.[t]?.theme || d, a = e?.color?.[t]?.default || d;
+  return z(() => [...r, ...s, ...n ? d : a], [n, r, s, a]);
+}
+function W(e) {
+  return e.color.customDuotone || e.color.defaultDuotone || e.color.duotone.length > 0;
+}
+function Z({
+  resetAllFilter: e,
+  onChange: t,
+  value: l,
+  panelId: n,
+  children: r
+}) {
+  const s = G(), a = () => {
+    const i = e(l);
+    t(i);
+  };
+  return /* @__PURE__ */ o.jsx(I, {
+    label: L("Filters", "Name for applying graphical effects"),
+    resetAll: a,
+    panelId: n,
+    dropdownMenuProps: s,
+    children: r
+  });
+}
+const $ = {
+  duotone: !0
+}, q = {
+  placement: "left-start",
+  offset: 36,
+  shift: !0,
+  className: "block-editor-duotone-control__popover",
+  headerTitle: c("Duotone")
+}, J = ({
+  indicator: e,
+  label: t
+}) => /* @__PURE__ */ o.jsxs(M, {
+  justify: "flex-start",
+  children: [/* @__PURE__ */ o.jsx(N, {
+    isLayered: !1,
+    offset: -8,
+    children: /* @__PURE__ */ o.jsx(R, {
+      expanded: !1,
+      children: e === "unset" || !e ? /* @__PURE__ */ o.jsx(v, {
+        className: "block-editor-duotone-control__unset-indicator"
+      }) : /* @__PURE__ */ o.jsx(B, {
+        values: e
+      })
+    })
+  }), /* @__PURE__ */ o.jsx(E, {
+    title: t,
+    children: t
+  })]
+}), K = (e, t) => ({
+  onToggle: l,
+  isOpen: n
+}) => {
+  const r = H(void 0), s = {
+    onClick: l,
+    className: w("block-editor-global-styles-filters-panel__dropdown-toggle", {
+      "is-open": n
+    }),
+    "aria-expanded": n,
+    ref: r
+  }, a = {
+    onClick: () => {
+      n && l(), t(), r.current?.focus();
+    },
+    className: "block-editor-panel-duotone-settings__reset",
+    label: c("Reset")
+  };
+  return /* @__PURE__ */ o.jsxs(o.Fragment, {
+    children: [/* @__PURE__ */ o.jsx(h, {
+      __next40pxDefaultSize: !0,
+      ...s,
+      children: /* @__PURE__ */ o.jsx(J, {
+        indicator: e,
+        label: c("Duotone")
+      })
+    }), e && /* @__PURE__ */ o.jsx(h, {
+      size: "small",
+      icon: U,
+      ...a
+    })]
+  });
+};
+function ue({
+  as: e = Z,
+  value: t,
+  onChange: l,
+  inheritedValue: n = t,
+  settings: r,
+  panelId: s,
+  defaultControls: a = $
+}) {
+  const i = (u) => Y({
+    settings: r
+  }, "", u), D = W(r), p = P(r, {
+    presetSetting: "duotone",
+    defaultSetting: "defaultDuotone"
+  }), j = P(r, {
+    presetSetting: "palette",
+    defaultSetting: "defaultPalette"
+  }), f = i(n?.filter?.duotone), m = (u) => {
+    const _ = p.find(({
+      colors: k
+    }) => k === u), C = _ ? `var:preset|duotone|${_.slug}` : u;
+    l(O(t, ["filter", "duotone"], C));
+  }, b = () => !!t?.filter?.duotone, x = () => m(void 0), g = V((u) => ({
+    ...u,
+    filter: {
+      ...u.filter,
+      duotone: void 0
+    }
+  }), []);
+  return /* @__PURE__ */ o.jsx(e, {
+    resetAllFilter: g,
+    value: t,
+    onChange: l,
+    panelId: s,
+    children: D && /* @__PURE__ */ o.jsx(F, {
+      label: c("Duotone"),
+      hasValue: b,
+      onDeselect: x,
+      isShownByDefault: a.duotone,
+      panelId: s,
+      children: /* @__PURE__ */ o.jsx(S, {
+        popoverProps: q,
+        className: "block-editor-global-styles-filters-panel__dropdown",
+        renderToggle: K(f, x),
+        renderContent: () => /* @__PURE__ */ o.jsx(T, {
+          paddingSize: "small",
+          children: /* @__PURE__ */ o.jsxs(y, {
+            label: c("Duotone"),
+            children: [/* @__PURE__ */ o.jsx("p", {
+              children: c("Create a two-tone color effect without losing your original image.")
+            }), /* @__PURE__ */ o.jsx(A, {
+              colorPalette: j,
+              duotonePalette: p,
+              disableCustomColors: !0,
+              disableCustomDuotone: !0,
+              value: f,
+              onChange: m
+            })]
+          })
+        })
+      })
+    })
+  });
+}
+export {
+  ue as default
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/global-styles/get-block-css-selector.js

@@ -0,0 +1,29 @@
+import { scopeSelector as h } from "./utils.js";
+import { getValueFromObjectPath as o } from "../../utils/object.js";
+function _(s, e = "root", f = {}) {
+  if (!e)
+    return null;
+  const {
+    fallback: a = !1
+  } = f, {
+    name: m,
+    selectors: r,
+    supports: n
+  } = s, c = r && Object.keys(r).length > 0, t = Array.isArray(e) ? e.join(".") : e;
+  let l = null;
+  if (c && r.root ? l = r?.root : n?.__experimentalSelector ? l = n.__experimentalSelector : l = ".wp-block-" + m.replace("core/", "").replace("/", "-"), t === "root")
+    return l;
+  const i = Array.isArray(e) ? e : e.split(".");
+  if (i.length === 1) {
+    const S = a ? l : null;
+    if (c)
+      return o(r, `${t}.root`, null) || o(r, t, null) || S;
+    const p = o(n, `${t}.__experimentalSelector`, null);
+    return p ? h(l, p) : S;
+  }
+  let u;
+  return c && (u = o(r, t, null)), u || (a ? _(s, i[0], f) : null);
+}
+export {
+  _ as getBlockCSSSelector
+};