@blockbite/ui 2.0.1 → 2.0.2

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

@@ -1,400 +0,0 @@
-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

@@ -1,168 +0,0 @@
-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

@@ -1,29 +0,0 @@
-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
-};