@wordpress/components 31.0.1-next.6deb34194.0 → 31.0.1-next.76cff8c98.0

package/build-module/range-control/tooltip.js

@@ -1,62 +0,0 @@
-// packages/components/src/range-control/tooltip.tsx
-import clsx from "clsx";
-import { useCallback, useEffect, useState } from "@wordpress/element";
-import { Tooltip } from "./styles/range-control-styles";
-import { jsx as _jsx } from "react/jsx-runtime";
-function SimpleTooltip(props) {
-  const {
-    className,
-    inputRef,
-    tooltipPlacement,
-    show = false,
-    style = {},
-    value = 0,
-    renderTooltipContent = (v) => v,
-    zIndex = 100,
-    ...restProps
-  } = props;
-  const placement = useTooltipPlacement({
-    inputRef,
-    tooltipPlacement
-  });
-  const classes = clsx("components-simple-tooltip", className);
-  const styles = {
-    ...style,
-    zIndex
-  };
-  return /* @__PURE__ */ _jsx(Tooltip, {
-    ...restProps,
-    "aria-hidden": "false",
-    className: classes,
-    placement,
-    show,
-    role: "tooltip",
-    style: styles,
-    children: renderTooltipContent(value)
-  });
-}
-function useTooltipPlacement({
-  inputRef,
-  tooltipPlacement
-}) {
-  const [placement, setPlacement] = useState();
-  const setTooltipPlacement = useCallback(() => {
-    if (inputRef && inputRef.current) {
-      setPlacement(tooltipPlacement);
-    }
-  }, [tooltipPlacement, inputRef]);
-  useEffect(() => {
-    setTooltipPlacement();
-  }, [setTooltipPlacement]);
-  useEffect(() => {
-    window.addEventListener("resize", setTooltipPlacement);
-    return () => {
-      window.removeEventListener("resize", setTooltipPlacement);
-    };
-  });
-  return placement;
-}
-export {
-  SimpleTooltip as default
-};
-//# sourceMappingURL=tooltip.js.map

package/build-module/range-control/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

package/build-module/range-control/utils.js

@@ -1,35 +0,0 @@
-// packages/components/src/range-control/utils.ts
-import { useCallback } from "@wordpress/element";
-import { useControlledState } from "../utils/hooks";
-import { clamp } from "../utils/math";
-function floatClamp(value, min, max) {
-  if (typeof value !== "number") {
-    return null;
-  }
-  return parseFloat(`${clamp(value, min, max)}`);
-}
-function useControlledRangeValue(settings) {
-  const {
-    min,
-    max,
-    value: valueProp,
-    initial
-  } = settings;
-  const [state, setInternalState] = useControlledState(floatClamp(valueProp, min, max), {
-    initial: floatClamp(initial !== null && initial !== void 0 ? initial : null, min, max),
-    fallback: null
-  });
-  const setState = useCallback((nextValue) => {
-    if (nextValue === null) {
-      setInternalState(null);
-    } else {
-      setInternalState(floatClamp(nextValue, min, max));
-    }
-  }, [min, max, setInternalState]);
-  return [state, setState];
-}
-export {
-  floatClamp,
-  useControlledRangeValue
-};
-//# sourceMappingURL=utils.js.map

package/build-module/resizable-box/index.js

@@ -1,66 +0,0 @@
-// packages/components/src/resizable-box/index.tsx
-import { forwardRef } from "@wordpress/element";
-import clsx from "clsx";
-import { Resizable } from "re-resizable";
-import ResizeTooltip from "./resize-tooltip";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var HANDLE_CLASS_NAME = "components-resizable-box__handle";
-var SIDE_HANDLE_CLASS_NAME = "components-resizable-box__side-handle";
-var CORNER_HANDLE_CLASS_NAME = "components-resizable-box__corner-handle";
-var HANDLE_CLASSES = {
-  top: clsx(HANDLE_CLASS_NAME, SIDE_HANDLE_CLASS_NAME, "components-resizable-box__handle-top"),
-  right: clsx(HANDLE_CLASS_NAME, SIDE_HANDLE_CLASS_NAME, "components-resizable-box__handle-right"),
-  bottom: clsx(HANDLE_CLASS_NAME, SIDE_HANDLE_CLASS_NAME, "components-resizable-box__handle-bottom"),
-  left: clsx(HANDLE_CLASS_NAME, SIDE_HANDLE_CLASS_NAME, "components-resizable-box__handle-left"),
-  topLeft: clsx(HANDLE_CLASS_NAME, CORNER_HANDLE_CLASS_NAME, "components-resizable-box__handle-top", "components-resizable-box__handle-left"),
-  topRight: clsx(HANDLE_CLASS_NAME, CORNER_HANDLE_CLASS_NAME, "components-resizable-box__handle-top", "components-resizable-box__handle-right"),
-  bottomRight: clsx(HANDLE_CLASS_NAME, CORNER_HANDLE_CLASS_NAME, "components-resizable-box__handle-bottom", "components-resizable-box__handle-right"),
-  bottomLeft: clsx(HANDLE_CLASS_NAME, CORNER_HANDLE_CLASS_NAME, "components-resizable-box__handle-bottom", "components-resizable-box__handle-left")
-};
-var HANDLE_STYLES_OVERRIDES = {
-  width: void 0,
-  height: void 0,
-  top: void 0,
-  right: void 0,
-  bottom: void 0,
-  left: void 0
-};
-var HANDLE_STYLES = {
-  top: HANDLE_STYLES_OVERRIDES,
-  right: HANDLE_STYLES_OVERRIDES,
-  bottom: HANDLE_STYLES_OVERRIDES,
-  left: HANDLE_STYLES_OVERRIDES,
-  topLeft: HANDLE_STYLES_OVERRIDES,
-  topRight: HANDLE_STYLES_OVERRIDES,
-  bottomRight: HANDLE_STYLES_OVERRIDES,
-  bottomLeft: HANDLE_STYLES_OVERRIDES
-};
-function UnforwardedResizableBox({
-  className,
-  children,
-  showHandle = true,
-  __experimentalShowTooltip: showTooltip = false,
-  __experimentalTooltipProps: tooltipProps = {},
-  ...props
-}, ref) {
-  return /* @__PURE__ */ _jsxs(Resizable, {
-    className: clsx("components-resizable-box__container", showHandle && "has-show-handle", className),
-    handleComponent: Object.fromEntries(Object.keys(HANDLE_CLASSES).map((key) => [key, /* @__PURE__ */ _jsx("div", {
-      tabIndex: -1
-    }, key)])),
-    handleClasses: HANDLE_CLASSES,
-    handleStyles: HANDLE_STYLES,
-    ref,
-    ...props,
-    children: [children, showTooltip && /* @__PURE__ */ _jsx(ResizeTooltip, {
-      ...tooltipProps
-    })]
-  });
-}
-var ResizableBox = forwardRef(UnforwardedResizableBox);
-var resizable_box_default = ResizableBox;
-export {
-  ResizableBox,
-  resizable_box_default as default
-};
-//# sourceMappingURL=index.js.map

package/build-module/resizable-box/resize-tooltip/index.js

@@ -1,55 +0,0 @@
-// packages/components/src/resizable-box/resize-tooltip/index.tsx
-import clsx from "clsx";
-import { forwardRef } from "@wordpress/element";
-import Label from "./label";
-import { useResizeLabel, POSITIONS } from "./utils";
-import { Root } from "./styles/resize-tooltip.styles";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var noop = () => {
-};
-function ResizeTooltip({
-  axis,
-  className,
-  fadeTimeout = 180,
-  isVisible = true,
-  labelRef,
-  onResize = noop,
-  position = POSITIONS.bottom,
-  showPx = true,
-  zIndex = 1e3,
-  ...props
-}, ref) {
-  const {
-    label,
-    resizeListener
-  } = useResizeLabel({
-    axis,
-    fadeTimeout,
-    onResize,
-    showPx,
-    position
-  });
-  if (!isVisible) {
-    return null;
-  }
-  const classes = clsx("components-resize-tooltip", className);
-  return /* @__PURE__ */ _jsxs(Root, {
-    "aria-hidden": "true",
-    className: classes,
-    ref,
-    ...props,
-    children: [resizeListener, /* @__PURE__ */ _jsx(Label, {
-      "aria-hidden": props["aria-hidden"],
-      label,
-      position,
-      ref: labelRef,
-      zIndex
-    })]
-  });
-}
-var ForwardedComponent = forwardRef(ResizeTooltip);
-var resize_tooltip_default = ForwardedComponent;
-export {
-  resize_tooltip_default as default
-};
-//# sourceMappingURL=index.js.map

package/build-module/resizable-box/resize-tooltip/label.js

@@ -1,68 +0,0 @@
-// packages/components/src/resizable-box/resize-tooltip/label.tsx
-import { forwardRef } from "@wordpress/element";
-import { isRTL } from "@wordpress/i18n";
-import { POSITIONS } from "./utils";
-import { TooltipWrapper, Tooltip, LabelText } from "./styles/resize-tooltip.styles";
-import { jsx as _jsx } from "react/jsx-runtime";
-var CORNER_OFFSET = 4;
-var CURSOR_OFFSET_TOP = CORNER_OFFSET * 2.5;
-function Label({
-  label,
-  position = POSITIONS.corner,
-  zIndex = 1e3,
-  ...props
-}, ref) {
-  const showLabel = !!label;
-  const isBottom = position === POSITIONS.bottom;
-  const isCorner = position === POSITIONS.corner;
-  if (!showLabel) {
-    return null;
-  }
-  let style = {
-    opacity: showLabel ? 1 : void 0,
-    zIndex
-  };
-  let labelStyle = {};
-  if (isBottom) {
-    style = {
-      ...style,
-      position: "absolute",
-      bottom: CURSOR_OFFSET_TOP * -1,
-      left: "50%",
-      transform: "translate(-50%, 0)"
-    };
-    labelStyle = {
-      transform: `translate(0, 100%)`
-    };
-  }
-  if (isCorner) {
-    style = {
-      ...style,
-      position: "absolute",
-      top: CORNER_OFFSET,
-      right: isRTL() ? void 0 : CORNER_OFFSET,
-      left: isRTL() ? CORNER_OFFSET : void 0
-    };
-  }
-  return /* @__PURE__ */ _jsx(TooltipWrapper, {
-    "aria-hidden": "true",
-    className: "components-resizable-tooltip__tooltip-wrapper",
-    ref,
-    style,
-    ...props,
-    children: /* @__PURE__ */ _jsx(Tooltip, {
-      className: "components-resizable-tooltip__tooltip",
-      style: labelStyle,
-      children: /* @__PURE__ */ _jsx(LabelText, {
-        as: "span",
-        children: label
-      })
-    })
-  });
-}
-var ForwardedComponent = forwardRef(Label);
-var label_default = ForwardedComponent;
-export {
-  label_default as default
-};
-//# sourceMappingURL=label.js.map

package/build-module/resizable-box/resize-tooltip/styles/resize-tooltip.styles.js

@@ -1,54 +0,0 @@
-// packages/components/src/resizable-box/resize-tooltip/styles/resize-tooltip.styles.ts
-import _styled from "@emotion/styled/base";
-import { Text } from "../../../text";
-import { font, COLORS, CONFIG } from "../../../utils";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-var Root = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1wq7y4k3"
-} : {
-  target: "e1wq7y4k3",
-  label: "Root"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1cd7zoc",
-  styles: "bottom:0;box-sizing:border-box;left:0;pointer-events:none;position:absolute;right:0;top:0"
-} : {
-  name: "1cd7zoc",
-  styles: "bottom:0;box-sizing:border-box;left:0;pointer-events:none;position:absolute;right:0;top:0",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlc2l6ZS10b29sdGlwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXOEIiLCJmaWxlIjoicmVzaXplLXRvb2x0aXAuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vLi4vLi4vdGV4dCc7XG5pbXBvcnQgeyBmb250LCBDT0xPUlMsIENPTkZJRyB9IGZyb20gJy4uLy4uLy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuXHRib3R0b206IDA7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGxlZnQ6IDA7XG5cdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHJpZ2h0OiAwO1xuXHR0b3A6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgVG9vbHRpcFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdG9wYWNpdHk6IDA7XG5cdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHR0cmFuc2l0aW9uOiBvcGFjaXR5IDEyMG1zIGxpbmVhcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBUb29sdGlwID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnRoZW1lLmZvcmVncm91bmQgfTtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLnJhZGl1c1NtYWxsIH07XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGZvbnQtZmFtaWx5OiAkeyBmb250KCAnZGVmYXVsdC5mb250RmFtaWx5JyApIH07XG5cdGZvbnQtc2l6ZTogMTJweDtcblx0Y29sb3I6ICR7IENPTE9SUy50aGVtZS5mb3JlZ3JvdW5kSW52ZXJ0ZWQgfTtcblx0cGFkZGluZzogNHB4IDhweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuLy8gVE9ETzogUmVzb2x2ZSBuZWVkIHRvIHVzZSAmJiYgdG8gaW5jcmVhc2Ugc3BlY2lmaWNpdHlcbi8vIGh0dHBzOi8vZ2l0aHViLmNvbS9Xb3JkUHJlc3MvZ3V0ZW5iZXJnL2lzc3Vlcy8xODQ4M1xuXG5leHBvcnQgY29uc3QgTGFiZWxUZXh0ID0gc3R5bGVkKCBUZXh0IClgXG5cdCYmJiB7XG5cdFx0Y29sb3I6ICR7IENPTE9SUy50aGVtZS5mb3JlZ3JvdW5kSW52ZXJ0ZWQgfTtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRmb250LXNpemU6IDEzcHg7XG5cdFx0bGluZS1oZWlnaHQ6IDEuNDtcblx0XHR3aGl0ZS1zcGFjZTogbm93cmFwO1xuXHR9XG5gO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var TooltipWrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1wq7y4k2"
-} : {
-  target: "e1wq7y4k2",
-  label: "TooltipWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "ajymcs",
-  styles: "align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;opacity:0;pointer-events:none;transition:opacity 120ms linear"
-} : {
-  name: "ajymcs",
-  styles: "align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;opacity:0;pointer-events:none;transition:opacity 120ms linear",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlc2l6ZS10b29sdGlwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQndDIiwiZmlsZSI6InJlc2l6ZS10b29sdGlwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uLy4uLy4uL3RleHQnO1xuaW1wb3J0IHsgZm9udCwgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi8uLi8uLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBSb290ID0gc3R5bGVkLmRpdmBcblx0Ym90dG9tOiAwO1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRsZWZ0OiAwO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRyaWdodDogMDtcblx0dG9wOiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRvb2x0aXBXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRvcGFjaXR5OiAwO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0dHJhbnNpdGlvbjogb3BhY2l0eSAxMjBtcyBsaW5lYXI7XG5gO1xuXG5leHBvcnQgY29uc3QgVG9vbHRpcCA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy50aGVtZS5mb3JlZ3JvdW5kIH07XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNTbWFsbCB9O1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRmb250LWZhbWlseTogJHsgZm9udCggJ2RlZmF1bHQuZm9udEZhbWlseScgKSB9O1xuXHRmb250LXNpemU6IDEycHg7XG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZm9yZWdyb3VuZEludmVydGVkIH07XG5cdHBhZGRpbmc6IDRweCA4cHg7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbi8vIFRPRE86IFJlc29sdmUgbmVlZCB0byB1c2UgJiYmIHRvIGluY3JlYXNlIHNwZWNpZmljaXR5XG4vLyBodHRwczovL2dpdGh1Yi5jb20vV29yZFByZXNzL2d1dGVuYmVyZy9pc3N1ZXMvMTg0ODNcblxuZXhwb3J0IGNvbnN0IExhYmVsVGV4dCA9IHN0eWxlZCggVGV4dCApYFxuXHQmJiYge1xuXHRcdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZm9yZWdyb3VuZEludmVydGVkIH07XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0Zm9udC1zaXplOiAxM3B4O1xuXHRcdGxpbmUtaGVpZ2h0OiAxLjQ7XG5cdFx0d2hpdGUtc3BhY2U6IG5vd3JhcDtcblx0fVxuYDtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Tooltip = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1wq7y4k1"
-} : {
-  target: "e1wq7y4k1",
-  label: "Tooltip"
-})("background:", COLORS.theme.foreground, ";border-radius:", CONFIG.radiusSmall, ";box-sizing:border-box;font-family:", font("default.fontFamily"), ";font-size:12px;color:", COLORS.theme.foregroundInverted, ";padding:4px 8px;position:relative;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlc2l6ZS10b29sdGlwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQmlDIiwiZmlsZSI6InJlc2l6ZS10b29sdGlwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uLy4uLy4uL3RleHQnO1xuaW1wb3J0IHsgZm9udCwgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi8uLi8uLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBSb290ID0gc3R5bGVkLmRpdmBcblx0Ym90dG9tOiAwO1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRsZWZ0OiAwO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRyaWdodDogMDtcblx0dG9wOiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRvb2x0aXBXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRvcGFjaXR5OiAwO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0dHJhbnNpdGlvbjogb3BhY2l0eSAxMjBtcyBsaW5lYXI7XG5gO1xuXG5leHBvcnQgY29uc3QgVG9vbHRpcCA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy50aGVtZS5mb3JlZ3JvdW5kIH07XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNTbWFsbCB9O1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRmb250LWZhbWlseTogJHsgZm9udCggJ2RlZmF1bHQuZm9udEZhbWlseScgKSB9O1xuXHRmb250LXNpemU6IDEycHg7XG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZm9yZWdyb3VuZEludmVydGVkIH07XG5cdHBhZGRpbmc6IDRweCA4cHg7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbi8vIFRPRE86IFJlc29sdmUgbmVlZCB0byB1c2UgJiYmIHRvIGluY3JlYXNlIHNwZWNpZmljaXR5XG4vLyBodHRwczovL2dpdGh1Yi5jb20vV29yZFByZXNzL2d1dGVuYmVyZy9pc3N1ZXMvMTg0ODNcblxuZXhwb3J0IGNvbnN0IExhYmVsVGV4dCA9IHN0eWxlZCggVGV4dCApYFxuXHQmJiYge1xuXHRcdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZm9yZWdyb3VuZEludmVydGVkIH07XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0Zm9udC1zaXplOiAxM3B4O1xuXHRcdGxpbmUtaGVpZ2h0OiAxLjQ7XG5cdFx0d2hpdGUtc3BhY2U6IG5vd3JhcDtcblx0fVxuYDtcbiJdfQ== */"));
-var LabelText = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
-  target: "e1wq7y4k0"
-} : {
-  target: "e1wq7y4k0",
-  label: "LabelText"
-})("&&&{color:", COLORS.theme.foregroundInverted, ";display:block;font-size:13px;line-height:1.4;white-space:nowrap;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlc2l6ZS10b29sdGlwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q3VDIiwiZmlsZSI6InJlc2l6ZS10b29sdGlwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uLy4uLy4uL3RleHQnO1xuaW1wb3J0IHsgZm9udCwgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi8uLi8uLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBSb290ID0gc3R5bGVkLmRpdmBcblx0Ym90dG9tOiAwO1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRsZWZ0OiAwO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRyaWdodDogMDtcblx0dG9wOiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRvb2x0aXBXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRvcGFjaXR5OiAwO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0dHJhbnNpdGlvbjogb3BhY2l0eSAxMjBtcyBsaW5lYXI7XG5gO1xuXG5leHBvcnQgY29uc3QgVG9vbHRpcCA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy50aGVtZS5mb3JlZ3JvdW5kIH07XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNTbWFsbCB9O1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRmb250LWZhbWlseTogJHsgZm9udCggJ2RlZmF1bHQuZm9udEZhbWlseScgKSB9O1xuXHRmb250LXNpemU6IDEycHg7XG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZm9yZWdyb3VuZEludmVydGVkIH07XG5cdHBhZGRpbmc6IDRweCA4cHg7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbi8vIFRPRE86IFJlc29sdmUgbmVlZCB0byB1c2UgJiYmIHRvIGluY3JlYXNlIHNwZWNpZmljaXR5XG4vLyBodHRwczovL2dpdGh1Yi5jb20vV29yZFByZXNzL2d1dGVuYmVyZy9pc3N1ZXMvMTg0ODNcblxuZXhwb3J0IGNvbnN0IExhYmVsVGV4dCA9IHN0eWxlZCggVGV4dCApYFxuXHQmJiYge1xuXHRcdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZm9yZWdyb3VuZEludmVydGVkIH07XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0Zm9udC1zaXplOiAxM3B4O1xuXHRcdGxpbmUtaGVpZ2h0OiAxLjQ7XG5cdFx0d2hpdGUtc3BhY2U6IG5vd3JhcDtcblx0fVxuYDtcbiJdfQ== */"));
-export {
-  LabelText,
-  Root,
-  Tooltip,
-  TooltipWrapper
-};
-//# sourceMappingURL=resize-tooltip.styles.js.map

package/build-module/resizable-box/resize-tooltip/utils.js

@@ -1,123 +0,0 @@
-// packages/components/src/resizable-box/resize-tooltip/utils.ts
-import { useCallback, useEffect, useRef, useState } from "@wordpress/element";
-import { useResizeObserver } from "@wordpress/compose";
-var noop = () => {
-};
-var POSITIONS = {
-  bottom: "bottom",
-  corner: "corner"
-};
-function useResizeLabel({
-  axis,
-  fadeTimeout = 180,
-  onResize = noop,
-  position = POSITIONS.bottom,
-  showPx = false
-}) {
-  const [resizeListener, sizes] = useResizeObserver();
-  const isAxisControlled = !!axis;
-  const [moveX, setMoveX] = useState(false);
-  const [moveY, setMoveY] = useState(false);
-  const {
-    width,
-    height
-  } = sizes;
-  const heightRef = useRef(height);
-  const widthRef = useRef(width);
-  const moveTimeoutRef = useRef();
-  const debounceUnsetMoveXY = useCallback(() => {
-    const unsetMoveXY = () => {
-      if (isAxisControlled) {
-        return;
-      }
-      setMoveX(false);
-      setMoveY(false);
-    };
-    if (moveTimeoutRef.current) {
-      window.clearTimeout(moveTimeoutRef.current);
-    }
-    moveTimeoutRef.current = window.setTimeout(unsetMoveXY, fadeTimeout);
-  }, [fadeTimeout, isAxisControlled]);
-  useEffect(() => {
-    const isRendered = width !== null || height !== null;
-    if (!isRendered) {
-      return;
-    }
-    const didWidthChange = width !== widthRef.current;
-    const didHeightChange = height !== heightRef.current;
-    if (!didWidthChange && !didHeightChange) {
-      return;
-    }
-    if (width && !widthRef.current && height && !heightRef.current) {
-      widthRef.current = width;
-      heightRef.current = height;
-      return;
-    }
-    if (didWidthChange) {
-      setMoveX(true);
-      widthRef.current = width;
-    }
-    if (didHeightChange) {
-      setMoveY(true);
-      heightRef.current = height;
-    }
-    onResize({
-      width,
-      height
-    });
-    debounceUnsetMoveXY();
-  }, [width, height, onResize, debounceUnsetMoveXY]);
-  const label = getSizeLabel({
-    axis,
-    height,
-    moveX,
-    moveY,
-    position,
-    showPx,
-    width
-  });
-  return {
-    label,
-    resizeListener
-  };
-}
-function getSizeLabel({
-  axis,
-  height,
-  moveX = false,
-  moveY = false,
-  position = POSITIONS.bottom,
-  showPx = false,
-  width
-}) {
-  if (!moveX && !moveY) {
-    return void 0;
-  }
-  if (position === POSITIONS.corner) {
-    return `${width} x ${height}`;
-  }
-  const labelUnit = showPx ? " px" : "";
-  if (axis) {
-    if (axis === "x" && moveX) {
-      return `${width}${labelUnit}`;
-    }
-    if (axis === "y" && moveY) {
-      return `${height}${labelUnit}`;
-    }
-  }
-  if (moveX && moveY) {
-    return `${width} x ${height}`;
-  }
-  if (moveX) {
-    return `${width}${labelUnit}`;
-  }
-  if (moveY) {
-    return `${height}${labelUnit}`;
-  }
-  return void 0;
-}
-export {
-  POSITIONS,
-  useResizeLabel
-};
-//# sourceMappingURL=utils.js.map

package/build-module/responsive-wrapper/index.js

@@ -1,36 +0,0 @@
-// packages/components/src/responsive-wrapper/index.tsx
-import clsx from "clsx";
-import { cloneElement, Children } from "@wordpress/element";
-import { jsx as _jsx } from "react/jsx-runtime";
-function ResponsiveWrapper({
-  naturalWidth,
-  naturalHeight,
-  children,
-  isInline = false
-}) {
-  if (Children.count(children) !== 1) {
-    return null;
-  }
-  const TagName = isInline ? "span" : "div";
-  let aspectRatio;
-  if (naturalWidth && naturalHeight) {
-    aspectRatio = `${naturalWidth} / ${naturalHeight}`;
-  }
-  return /* @__PURE__ */ _jsx(TagName, {
-    className: "components-responsive-wrapper",
-    children: /* @__PURE__ */ _jsx("div", {
-      children: cloneElement(children, {
-        className: clsx("components-responsive-wrapper__content", children.props.className),
-        style: {
-          ...children.props.style,
-          aspectRatio
-        }
-      })
-    })
-  });
-}
-var responsive_wrapper_default = ResponsiveWrapper;
-export {
-  responsive_wrapper_default as default
-};
-//# sourceMappingURL=index.js.map

package/build-module/responsive-wrapper/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map