@blockbite/ui 1.0.5 → 2.0.1

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

@@ -0,0 +1,203 @@
+import { __experimentalHasSplitBorders as F, __experimentalToolsPanelItem as P, __experimentalIsDefinedBorder as X, BorderBoxControl as Y, BaseControl as Z, __experimentalToolsPanel as oo } from "@wordpress/components";
+import { useCallback as L, useMemo as ro } from "@wordpress/element";
+import "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { __ as f } from "../../../../i18n/build-module/default-i18n.js";
+import eo from "../border-radius-control/index.js";
+import { useColorsPerOrigin as so } from "./hooks.js";
+import { getValueFromVariable as no, useToolsPanelDropdownMenuProps as to } from "./utils.js";
+import { setImmutably as lo } from "../../utils/object.js";
+import { useBorderPanelLabel as ao } from "../../hooks/border.js";
+import { ShadowPopover as uo, useShadowPresets as co } from "./shadow-panel-components.js";
+import { j as l } from "../../../../../react/jsx-runtime.js";
+function Ro(r) {
+  return Object.values(io(r)).some(Boolean);
+}
+function io(r) {
+  return {
+    hasBorderColor: M(r),
+    hasBorderRadius: V(r),
+    hasBorderStyle: E(r),
+    hasBorderWidth: $(r),
+    hasShadow: W(r)
+  };
+}
+function M(r) {
+  return r?.border?.color;
+}
+function V(r) {
+  return r?.border?.radius;
+}
+function E(r) {
+  return r?.border?.style;
+}
+function $(r) {
+  return r?.border?.width;
+}
+function W(r) {
+  const s = co(r);
+  return !!r?.shadow && s.length > 0;
+}
+function ho({
+  resetAllFilter: r,
+  onChange: s,
+  value: c,
+  panelId: t,
+  children: n,
+  label: a
+}) {
+  const b = to(), u = () => {
+    const i = r(c);
+    s(i);
+  };
+  return /* @__PURE__ */ l.jsx(oo, {
+    label: a,
+    resetAll: u,
+    panelId: t,
+    dropdownMenuProps: b,
+    children: n
+  });
+}
+const fo = {
+  radius: !0,
+  color: !0,
+  width: !0,
+  shadow: !0
+};
+function Do({
+  as: r = ho,
+  value: s,
+  onChange: c,
+  inheritedValue: t = s,
+  settings: n,
+  panelId: a,
+  name: b,
+  defaultControls: u = fo
+}) {
+  var i, w, B, S;
+  const j = so(n), h = L((o) => no({
+    settings: n
+  }, "", o), [n]), y = (o) => {
+    const d = j.flatMap(({
+      colors: x
+    }) => x).find(({
+      color: x
+    }) => x === o);
+    return d ? "var:preset|color|" + d.slug : o;
+  }, m = ro(() => {
+    if (F(t?.border)) {
+      const o = {
+        ...t?.border
+      };
+      return ["top", "right", "bottom", "left"].forEach((e) => {
+        o[e] = {
+          ...o[e],
+          color: h(o[e]?.color)
+        };
+      }), o;
+    }
+    return {
+      ...t?.border,
+      color: t?.border?.color ? h(t?.border?.color) : void 0
+    };
+  }, [t?.border, h]), p = (o) => c({
+    ...s,
+    border: o
+  }), R = M(n), D = E(n), H = $(n), v = V(n), g = h(m?.radius), I = (o) => p({
+    ...m,
+    radius: o
+  }), O = () => {
+    const o = s?.border?.radius;
+    return typeof o == "object" ? Object.entries(o).some(Boolean) : !!o;
+  }, C = W(n), k = h(t?.shadow), _ = (i = n?.shadow?.presets) !== null && i !== void 0 ? i : {}, N = (w = (B = (S = _.custom) !== null && S !== void 0 ? S : _.theme) !== null && B !== void 0 ? B : _.default) !== null && w !== void 0 ? w : [], A = (o) => {
+    const e = N?.find(({
+      shadow: d
+    }) => d === o)?.slug;
+    c(lo(s, ["shadow"], e ? `var:preset|shadow|${e}` : o || void 0));
+  }, z = () => !!s?.shadow, U = () => A(void 0), q = () => {
+    if (O())
+      return p({
+        radius: s?.border?.radius
+      });
+    p(void 0);
+  }, G = (o) => {
+    const e = {
+      ...o
+    };
+    F(e) ? ["top", "right", "bottom", "left"].forEach((d) => {
+      e[d] && (e[d] = {
+        ...e[d],
+        color: y(e[d]?.color)
+      });
+    }) : e && (e.color = y(e.color)), p({
+      radius: m?.radius,
+      ...e
+    });
+  }, J = L((o) => ({
+    ...o,
+    border: void 0,
+    shadow: void 0
+  }), []), K = u?.color || u?.width, T = R || D || H || v, Q = ao({
+    blockName: b,
+    hasShadowControl: C,
+    hasBorderControl: T
+  });
+  return /* @__PURE__ */ l.jsxs(r, {
+    resetAllFilter: J,
+    value: s,
+    onChange: c,
+    panelId: a,
+    label: Q,
+    children: [(H || R) && /* @__PURE__ */ l.jsx(P, {
+      hasValue: () => X(s?.border),
+      label: f("Border"),
+      onDeselect: () => q(),
+      isShownByDefault: K,
+      panelId: a,
+      children: /* @__PURE__ */ l.jsx(Y, {
+        colors: j,
+        enableAlpha: !0,
+        enableStyle: D,
+        onChange: G,
+        popoverOffset: 40,
+        popoverPlacement: "left-start",
+        value: m,
+        __experimentalIsRenderedInSidebar: !0,
+        size: "__unstable-large",
+        hideLabelFromVision: !C,
+        label: f("Border")
+      })
+    }), v && /* @__PURE__ */ l.jsx(P, {
+      hasValue: O,
+      label: f("Radius"),
+      onDeselect: () => I(void 0),
+      isShownByDefault: u.radius,
+      panelId: a,
+      children: /* @__PURE__ */ l.jsx(eo, {
+        values: g,
+        onChange: (o) => {
+          I(o || void 0);
+        }
+      })
+    }), C && /* @__PURE__ */ l.jsxs(P, {
+      label: f("Shadow"),
+      hasValue: z,
+      onDeselect: U,
+      isShownByDefault: u.shadow,
+      panelId: a,
+      children: [T ? /* @__PURE__ */ l.jsx(Z.VisualLabel, {
+        as: "legend",
+        children: f("Shadow")
+      }) : null, /* @__PURE__ */ l.jsx(uo, {
+        shadow: k,
+        onShadowChange: A,
+        settings: n
+      })]
+    })]
+  });
+}
+export {
+  Do as default,
+  Ro as useHasBorderPanel,
+  io as useHasBorderPanelControls
+};

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

@@ -0,0 +1,448 @@
+import { clsx as _e } from "../../../../../clsx/dist/clsx.js";
+import { __experimentalToolsPanel as we, __experimentalToolsPanelItem as Ve, Dropdown as Te, __experimentalDropdownContentWrapper as je, Button as q, privateApis as ye, __experimentalHStack as Be, __experimentalZStack as Ge, Flex as He, ColorIndicator as Le, FlexItem as Ie } from "@wordpress/components";
+import { useCallback as Se, useRef as De } from "@wordpress/element";
+import "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { __ as a } from "../../../../i18n/build-module/default-i18n.js";
+import Ee from "../colors-gradients/control.js";
+import { useColorsPerOrigin as C, useGradientsPerOrigin as H } from "./hooks.js";
+import { getValueFromVariable as Ne, useToolsPanelDropdownMenuProps as Fe } from "./utils.js";
+import { setImmutably as m } from "../../utils/object.js";
+import { unlock as Ae } from "../../lock-unlock.js";
+import { j as t } from "../../../../../react/jsx-runtime.js";
+import Re from "../../../../icons/build-module/library/reset.js";
+function lo(e) {
+  const n = Q(e), r = oe(e), c = X(e), l = h(e), i = ee(e), k = Y(e);
+  return n || r || c || l || i || k;
+}
+function Q(e) {
+  const n = C(e);
+  return e?.color?.text && (n?.length > 0 || e?.color?.custom);
+}
+function X(e) {
+  const n = C(e);
+  return e?.color?.link && (n?.length > 0 || e?.color?.custom);
+}
+function Y(e) {
+  const n = C(e);
+  return e?.color?.caption && (n?.length > 0 || e?.color?.custom);
+}
+function h(e) {
+  const n = C(e), r = H(e);
+  return e?.color?.heading && (n?.length > 0 || e?.color?.custom || r?.length > 0 || e?.color?.customGradient);
+}
+function ee(e) {
+  const n = C(e), r = H(e);
+  return e?.color?.button && (n?.length > 0 || e?.color?.custom || r?.length > 0 || e?.color?.customGradient);
+}
+function oe(e) {
+  const n = C(e), r = H(e);
+  return e?.color?.background && (n?.length > 0 || e?.color?.custom || r?.length > 0 || e?.color?.customGradient);
+}
+function Me({
+  resetAllFilter: e,
+  onChange: n,
+  value: r,
+  panelId: c,
+  children: l
+}) {
+  const i = Fe(), k = () => {
+    const _ = e(r);
+    n(_);
+  };
+  return /* @__PURE__ */ t.jsx(we, {
+    label: a("Elements"),
+    resetAll: k,
+    panelId: c,
+    hasInnerWrapper: !0,
+    headingLevel: 3,
+    className: "color-block-support-panel",
+    __experimentalFirstVisibleItemClass: "first",
+    __experimentalLastVisibleItemClass: "last",
+    dropdownMenuProps: i,
+    children: /* @__PURE__ */ t.jsx("div", {
+      className: "color-block-support-panel__inner-wrapper",
+      children: l
+    })
+  });
+}
+const Oe = {
+  text: !0,
+  background: !0,
+  link: !0,
+  heading: !0,
+  button: !0,
+  caption: !0
+}, ze = {
+  placement: "left-start",
+  offset: 36,
+  shift: !0
+}, {
+  Tabs: G
+} = Ae(ye), Ue = ({
+  indicators: e,
+  label: n
+}) => /* @__PURE__ */ t.jsxs(Be, {
+  justify: "flex-start",
+  children: [/* @__PURE__ */ t.jsx(Ge, {
+    isLayered: !1,
+    offset: -8,
+    children: e.map((r, c) => /* @__PURE__ */ t.jsx(He, {
+      expanded: !1,
+      children: /* @__PURE__ */ t.jsx(Le, {
+        colorValue: r
+      })
+    }, c))
+  }), /* @__PURE__ */ t.jsx(Ie, {
+    className: "block-editor-panel-color-gradient-settings__color-name",
+    children: n
+  })]
+});
+function J({
+  isGradient: e,
+  inheritedValue: n,
+  userValue: r,
+  setValue: c,
+  colorGradientControlSettings: l
+}) {
+  return /* @__PURE__ */ t.jsx(Ee, {
+    ...l,
+    showTitle: !1,
+    enableAlpha: !0,
+    __experimentalIsRenderedInSidebar: !0,
+    colorValue: e ? void 0 : n,
+    gradientValue: e ? n : void 0,
+    onColorChange: e ? void 0 : c,
+    onGradientChange: e ? c : void 0,
+    clearable: n === r,
+    headingLevel: 3
+  });
+}
+function Ke({
+  label: e,
+  hasValue: n,
+  resetValue: r,
+  isShownByDefault: c,
+  indicators: l,
+  tabs: i,
+  colorGradientControlSettings: k,
+  panelId: _
+}) {
+  var g;
+  const w = i.find((u) => u.userValue !== void 0), {
+    key: T,
+    ...j
+  } = (g = i[0]) !== null && g !== void 0 ? g : {}, P = De(void 0);
+  return /* @__PURE__ */ t.jsx(Ve, {
+    className: "block-editor-tools-panel-color-gradient-settings__item",
+    hasValue: n,
+    label: e,
+    onDeselect: r,
+    isShownByDefault: c,
+    panelId: _,
+    children: /* @__PURE__ */ t.jsx(Te, {
+      popoverProps: ze,
+      className: "block-editor-tools-panel-color-gradient-settings__dropdown",
+      renderToggle: ({
+        onToggle: u,
+        isOpen: s
+      }) => {
+        const f = {
+          onClick: u,
+          className: _e("block-editor-panel-color-gradient-settings__dropdown", {
+            "is-open": s
+          }),
+          "aria-expanded": s,
+          ref: P
+        };
+        return /* @__PURE__ */ t.jsxs(t.Fragment, {
+          children: [/* @__PURE__ */ t.jsx(q, {
+            ...f,
+            __next40pxDefaultSize: !0,
+            children: /* @__PURE__ */ t.jsx(Ue, {
+              indicators: l,
+              label: e
+            })
+          }), n() && /* @__PURE__ */ t.jsx(q, {
+            __next40pxDefaultSize: !0,
+            label: a("Reset"),
+            className: "block-editor-panel-color-gradient-settings__reset",
+            size: "small",
+            icon: Re,
+            onClick: () => {
+              r(), s && u(), P.current?.focus();
+            }
+          })]
+        });
+      },
+      renderContent: () => /* @__PURE__ */ t.jsx(je, {
+        paddingSize: "none",
+        children: /* @__PURE__ */ t.jsxs("div", {
+          className: "block-editor-panel-color-gradient-settings__dropdown-content",
+          children: [i.length === 1 && /* @__PURE__ */ t.jsx(J, {
+            ...j,
+            colorGradientControlSettings: k
+          }, T), i.length > 1 && /* @__PURE__ */ t.jsxs(G, {
+            defaultTabId: w?.key,
+            children: [/* @__PURE__ */ t.jsx(G.TabList, {
+              children: i.map((u) => /* @__PURE__ */ t.jsx(G.Tab, {
+                tabId: u.key,
+                children: u.label
+              }, u.key))
+            }), i.map((u) => {
+              const {
+                key: s,
+                ...f
+              } = u;
+              return /* @__PURE__ */ t.jsx(G.TabPanel, {
+                tabId: s,
+                focusable: !1,
+                children: /* @__PURE__ */ t.jsx(J, {
+                  ...f,
+                  colorGradientControlSettings: k
+                }, s)
+              }, s);
+            })]
+          })]
+        })
+      })
+    })
+  });
+}
+function to({
+  as: e = Me,
+  value: n,
+  onChange: r,
+  inheritedValue: c = n,
+  settings: l,
+  panelId: i,
+  defaultControls: k = Oe,
+  children: _
+}) {
+  const g = C(l), w = H(l), T = l?.color?.custom, j = l?.color?.customGradient, P = g.length > 0 || T, u = w.length > 0 || j, s = (o) => Ne({
+    settings: l
+  }, "", o), f = (o) => {
+    const p = g.flatMap(({
+      colors: x
+    }) => x).find(({
+      color: x
+    }) => x === o);
+    return p ? "var:preset|color|" + p.slug : o;
+  }, E = (o) => {
+    const p = w.flatMap(({
+      gradients: x
+    }) => x).find(({
+      gradient: x
+    }) => x === o);
+    return p ? "var:preset|gradient|" + p.slug : o;
+  }, ne = oe(l), N = s(c?.color?.background), F = s(n?.color?.background), y = s(c?.color?.gradient), A = s(n?.color?.gradient), re = () => !!F || !!A, le = (o) => {
+    const d = m(n, ["color", "background"], f(o));
+    d.color.gradient = void 0, r(d);
+  }, te = (o) => {
+    const d = m(n, ["color", "gradient"], E(o));
+    d.color.background = void 0, r(d);
+  }, se = () => {
+    const o = m(n, ["color", "background"], void 0);
+    o.color.gradient = void 0, r(o);
+  }, ae = X(l), L = s(c?.elements?.link?.color?.text), R = s(n?.elements?.link?.color?.text), ce = (o) => {
+    r(m(n, ["elements", "link", "color", "text"], f(o)));
+  }, M = s(c?.elements?.link?.[":hover"]?.color?.text), O = s(n?.elements?.link?.[":hover"]?.color?.text), de = (o) => {
+    r(m(n, ["elements", "link", ":hover", "color", "text"], f(o)));
+  }, ie = () => !!R || !!O, ue = () => {
+    let o = m(n, ["elements", "link", ":hover", "color", "text"], void 0);
+    o = m(o, ["elements", "link", "color", "text"], void 0), r(o);
+  }, me = Q(l), I = s(c?.color?.text), z = s(n?.color?.text), pe = () => !!z, U = (o) => {
+    let d = m(n, ["color", "text"], f(o));
+    I === L && (d = m(d, ["elements", "link", "color", "text"], f(o))), r(d);
+  }, ke = () => U(void 0), K = [{
+    name: "caption",
+    label: a("Captions"),
+    showPanel: Y(l)
+  }, {
+    name: "button",
+    label: a("Button"),
+    showPanel: ee(l)
+  }, {
+    name: "heading",
+    label: a("Heading"),
+    showPanel: h(l)
+  }, {
+    name: "h1",
+    label: a("H1"),
+    showPanel: h(l)
+  }, {
+    name: "h2",
+    label: a("H2"),
+    showPanel: h(l)
+  }, {
+    name: "h3",
+    label: a("H3"),
+    showPanel: h(l)
+  }, {
+    name: "h4",
+    label: a("H4"),
+    showPanel: h(l)
+  }, {
+    name: "h5",
+    label: a("H5"),
+    showPanel: h(l)
+  }, {
+    name: "h6",
+    label: a("H6"),
+    showPanel: h(l)
+  }], fe = Se((o) => ({
+    ...o,
+    color: void 0,
+    elements: {
+      ...o?.elements,
+      link: {
+        ...o?.elements?.link,
+        color: void 0,
+        ":hover": {
+          color: void 0
+        }
+      },
+      ...K.reduce((d, p) => ({
+        ...d,
+        [p.name]: {
+          ...o?.elements?.[p.name],
+          color: void 0
+        }
+      }), {})
+    }
+  }), []), W = [me && {
+    key: "text",
+    label: a("Text"),
+    hasValue: pe,
+    resetValue: ke,
+    isShownByDefault: k.text,
+    indicators: [I],
+    tabs: [{
+      key: "text",
+      label: a("Text"),
+      inheritedValue: I,
+      setValue: U,
+      userValue: z
+    }]
+  }, ne && {
+    key: "background",
+    label: a("Background"),
+    hasValue: re,
+    resetValue: se,
+    isShownByDefault: k.background,
+    indicators: [y ?? N],
+    tabs: [P && {
+      key: "background",
+      label: a("Color"),
+      inheritedValue: N,
+      setValue: le,
+      userValue: F
+    }, u && {
+      key: "gradient",
+      label: a("Gradient"),
+      inheritedValue: y,
+      setValue: te,
+      userValue: A,
+      isGradient: !0
+    }].filter(Boolean)
+  }, ae && {
+    key: "link",
+    label: a("Link"),
+    hasValue: ie,
+    resetValue: ue,
+    isShownByDefault: k.link,
+    indicators: [L, M],
+    tabs: [{
+      key: "link",
+      label: a("Default"),
+      inheritedValue: L,
+      setValue: ce,
+      userValue: R
+    }, {
+      key: "hover",
+      label: a("Hover"),
+      inheritedValue: M,
+      setValue: de,
+      userValue: O
+    }]
+  }].filter(Boolean);
+  return K.forEach(({
+    name: o,
+    label: d,
+    showPanel: p
+  }) => {
+    if (!p)
+      return;
+    const x = s(c?.elements?.[o]?.color?.background), B = s(c?.elements?.[o]?.color?.gradient), S = s(c?.elements?.[o]?.color?.text), v = s(n?.elements?.[o]?.color?.background), Z = s(n?.elements?.[o]?.color?.gradient), $ = s(n?.elements?.[o]?.color?.text), xe = () => !!($ || v || Z), be = () => {
+      const b = m(n, ["elements", o, "color", "background"], void 0);
+      b.elements[o].color.gradient = void 0, b.elements[o].color.text = void 0, r(b);
+    }, he = (b) => {
+      r(m(n, ["elements", o, "color", "text"], f(b)));
+    }, ge = (b) => {
+      const V = m(n, ["elements", o, "color", "background"], f(b));
+      V.elements[o].color.gradient = void 0, r(V);
+    }, Ce = (b) => {
+      const V = m(n, ["elements", o, "color", "gradient"], E(b));
+      V.elements[o].color.background = void 0, r(V);
+    }, Pe = !0, D = o !== "caption";
+    W.push({
+      key: o,
+      label: d,
+      hasValue: xe,
+      resetValue: be,
+      isShownByDefault: k[o],
+      indicators: D ? [S, B ?? x] : [S],
+      tabs: [P && Pe && {
+        key: "text",
+        label: a("Text"),
+        inheritedValue: S,
+        setValue: he,
+        userValue: $
+      }, P && D && {
+        key: "background",
+        label: a("Background"),
+        inheritedValue: x,
+        setValue: ge,
+        userValue: v
+      }, u && D && {
+        key: "gradient",
+        label: a("Gradient"),
+        inheritedValue: B,
+        setValue: Ce,
+        userValue: Z,
+        isGradient: !0
+      }].filter(Boolean)
+    });
+  }), /* @__PURE__ */ t.jsxs(e, {
+    resetAllFilter: fe,
+    value: n,
+    onChange: r,
+    panelId: i,
+    children: [W.map((o) => {
+      const {
+        key: d,
+        ...p
+      } = o;
+      return /* @__PURE__ */ t.jsx(Ke, {
+        ...p,
+        colorGradientControlSettings: {
+          colors: g,
+          disableCustomColors: !T,
+          gradients: w,
+          disableCustomGradients: !j
+        },
+        panelId: i
+      }, d);
+    }), _]
+  });
+}
+export {
+  to as default,
+  oe as useHasBackgroundColorPanel,
+  ee as useHasButtonPanel,
+  Y as useHasCaptionPanel,
+  lo as useHasColorPanel,
+  h as useHasHeadingPanel,
+  X as useHasLinkPanel,
+  Q as useHasTextPanel
+};

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

@@ -0,0 +1,12 @@
+import { createContext as e } from "@wordpress/element";
+const t = {
+  user: {},
+  base: {},
+  merged: {},
+  setUserConfig: () => {
+  }
+}, r = e(t);
+export {
+  t as DEFAULT_GLOBAL_STYLES_CONTEXT,
+  r as GlobalStylesContext
+};