@wordpress/components 25.6.1 → 25.8.0

package/build/popover/limit-shift.js

@@ -1,129 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.limitShift = void 0;
-/**
- * External dependencies
- */
-
-/**
- * Parts of this source were derived and modified from `floating-ui`,
- * released under the MIT license.
- *
- * https://github.com/floating-ui/floating-ui
- *
- * Copyright (c) 2021 Floating UI contributors
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-/**
- * Custom limiter function for the `shift` middleware.
- * This function is mostly identical default `limitShift` from ``@floating-ui`;
- * the only difference is that, when computing the min/max shift limits, it
- * also takes into account the iframe offset that is added by the
- * custom "frameOffset" middleware.
- *
- * All unexported types and functions are also from the `@floating-ui` library,
- * and have been copied to this file for convenience.
- */
-
-function getSide(placement) {
-  return placement.split('-')[0];
-}
-function getMainAxisFromPlacement(placement) {
-  return ['top', 'bottom'].includes(getSide(placement)) ? 'x' : 'y';
-}
-function getCrossAxis(axis) {
-  return axis === 'x' ? 'y' : 'x';
-}
-const limitShift = (options = {}) => ({
-  options,
-  fn(middlewareArguments) {
-    const {
-      x,
-      y,
-      placement,
-      rects,
-      middlewareData
-    } = middlewareArguments;
-    const {
-      offset = 0,
-      mainAxis: checkMainAxis = true,
-      crossAxis: checkCrossAxis = true
-    } = options;
-    const coords = {
-      x,
-      y
-    };
-    const mainAxis = getMainAxisFromPlacement(placement);
-    const crossAxis = getCrossAxis(mainAxis);
-    let mainAxisCoord = coords[mainAxis];
-    let crossAxisCoord = coords[crossAxis];
-    const rawOffset = typeof offset === 'function' ? offset(middlewareArguments) : offset;
-    const computedOffset = typeof rawOffset === 'number' ? {
-      mainAxis: rawOffset,
-      crossAxis: 0
-    } : {
-      mainAxis: 0,
-      crossAxis: 0,
-      ...rawOffset
-    };
-
-    // At the moment of writing, this is the only difference
-    // with the `limitShift` function from `@floating-ui`.
-    // This offset needs to be added to all min/max limits
-    // in order to make the shift-limiting work as expected.
-    const additionalFrameOffset = {
-      x: 0,
-      y: 0,
-      ...middlewareData.frameOffset?.amount
-    };
-    if (checkMainAxis) {
-      const len = mainAxis === 'y' ? 'height' : 'width';
-      const limitMin = rects.reference[mainAxis] - rects.floating[len] + computedOffset.mainAxis + additionalFrameOffset[mainAxis];
-      const limitMax = rects.reference[mainAxis] + rects.reference[len] - computedOffset.mainAxis + additionalFrameOffset[mainAxis];
-      if (mainAxisCoord < limitMin) {
-        mainAxisCoord = limitMin;
-      } else if (mainAxisCoord > limitMax) {
-        mainAxisCoord = limitMax;
-      }
-    }
-    if (checkCrossAxis) {
-      var _middlewareData$offse, _middlewareData$offse2;
-      const len = mainAxis === 'y' ? 'width' : 'height';
-      const isOriginSide = ['top', 'left'].includes(getSide(placement));
-      const limitMin = rects.reference[crossAxis] - rects.floating[len] + (isOriginSide ? (_middlewareData$offse = middlewareData.offset?.[crossAxis]) !== null && _middlewareData$offse !== void 0 ? _middlewareData$offse : 0 : 0) + (isOriginSide ? 0 : computedOffset.crossAxis) + additionalFrameOffset[crossAxis];
-      const limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : (_middlewareData$offse2 = middlewareData.offset?.[crossAxis]) !== null && _middlewareData$offse2 !== void 0 ? _middlewareData$offse2 : 0) - (isOriginSide ? computedOffset.crossAxis : 0) + additionalFrameOffset[crossAxis];
-      if (crossAxisCoord < limitMin) {
-        crossAxisCoord = limitMin;
-      } else if (crossAxisCoord > limitMax) {
-        crossAxisCoord = limitMax;
-      }
-    }
-    return {
-      [mainAxis]: mainAxisCoord,
-      [crossAxis]: crossAxisCoord
-    };
-  }
-});
-exports.limitShift = limitShift;
-//# sourceMappingURL=limit-shift.js.map

package/build/popover/limit-shift.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getSide","placement","split","getMainAxisFromPlacement","includes","getCrossAxis","axis","limitShift","options","fn","middlewareArguments","x","y","rects","middlewareData","offset","mainAxis","checkMainAxis","crossAxis","checkCrossAxis","coords","mainAxisCoord","crossAxisCoord","rawOffset","computedOffset","additionalFrameOffset","frameOffset","amount","len","limitMin","reference","floating","limitMax","_middlewareData$offse","_middlewareData$offse2","isOriginSide","exports"],"sources":["@wordpress/components/src/popover/limit-shift.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type {\n\tAxis,\n\tCoords,\n\tPlacement,\n\tSide,\n\tMiddlewareArguments,\n} from '@floating-ui/react-dom';\n\n/**\n * Parts of this source were derived and modified from `floating-ui`,\n * released under the MIT license.\n *\n * https://github.com/floating-ui/floating-ui\n *\n * Copyright (c) 2021 Floating UI contributors\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Custom limiter function for the `shift` middleware.\n * This function is mostly identical default `limitShift` from ``@floating-ui`;\n * the only difference is that, when computing the min/max shift limits, it\n * also takes into account the iframe offset that is added by the\n * custom \"frameOffset\" middleware.\n *\n * All unexported types and functions are also from the `@floating-ui` library,\n * and have been copied to this file for convenience.\n */\n\ntype LimitShiftOffset =\n\t| ( ( args: MiddlewareArguments ) =>\n\t\t\t| number\n\t\t\t| {\n\t\t\t\t\t/**\n\t\t\t\t\t * Offset the limiting of the axis that runs along the alignment of the\n\t\t\t\t\t * floating element.\n\t\t\t\t\t */\n\t\t\t\t\tmainAxis?: number;\n\t\t\t\t\t/**\n\t\t\t\t\t * Offset the limiting of the axis that runs along the side of the\n\t\t\t\t\t * floating element.\n\t\t\t\t\t */\n\t\t\t\t\tcrossAxis?: number;\n\t\t\t  } )\n\t| number\n\t| {\n\t\t\t/**\n\t\t\t * Offset the limiting of the axis that runs along the alignment of the\n\t\t\t * floating element.\n\t\t\t */\n\t\t\tmainAxis?: number;\n\t\t\t/**\n\t\t\t * Offset the limiting of the axis that runs along the side of the\n\t\t\t * floating element.\n\t\t\t */\n\t\t\tcrossAxis?: number;\n\t  };\n\ntype LimitShiftOptions = {\n\t/**\n\t * Offset when limiting starts. `0` will limit when the opposite edges of the\n\t * reference and floating elements are aligned.\n\t * - positive = start limiting earlier\n\t * - negative = start limiting later\n\t */\n\toffset: LimitShiftOffset;\n\t/**\n\t * Whether to limit the axis that runs along the alignment of the floating\n\t * element.\n\t */\n\tmainAxis: boolean;\n\t/**\n\t * Whether to limit the axis that runs along the side of the floating element.\n\t */\n\tcrossAxis: boolean;\n};\n\nfunction getSide( placement: Placement ): Side {\n\treturn placement.split( '-' )[ 0 ] as Side;\n}\n\nfunction getMainAxisFromPlacement( placement: Placement ): Axis {\n\treturn [ 'top', 'bottom' ].includes( getSide( placement ) ) ? 'x' : 'y';\n}\n\nfunction getCrossAxis( axis: Axis ): Axis {\n\treturn axis === 'x' ? 'y' : 'x';\n}\n\nexport const limitShift = (\n\toptions: Partial< LimitShiftOptions > = {}\n): {\n\toptions: Partial< LimitShiftOffset >;\n\tfn: ( middlewareArguments: MiddlewareArguments ) => Coords;\n} => ( {\n\toptions,\n\tfn( middlewareArguments ) {\n\t\tconst { x, y, placement, rects, middlewareData } = middlewareArguments;\n\t\tconst {\n\t\t\toffset = 0,\n\t\t\tmainAxis: checkMainAxis = true,\n\t\t\tcrossAxis: checkCrossAxis = true,\n\t\t} = options;\n\n\t\tconst coords = { x, y };\n\t\tconst mainAxis = getMainAxisFromPlacement( placement );\n\t\tconst crossAxis = getCrossAxis( mainAxis );\n\n\t\tlet mainAxisCoord = coords[ mainAxis ];\n\t\tlet crossAxisCoord = coords[ crossAxis ];\n\n\t\tconst rawOffset =\n\t\t\ttypeof offset === 'function'\n\t\t\t\t? offset( middlewareArguments )\n\t\t\t\t: offset;\n\t\tconst computedOffset =\n\t\t\ttypeof rawOffset === 'number'\n\t\t\t\t? { mainAxis: rawOffset, crossAxis: 0 }\n\t\t\t\t: { mainAxis: 0, crossAxis: 0, ...rawOffset };\n\n\t\t// At the moment of writing, this is the only difference\n\t\t// with the `limitShift` function from `@floating-ui`.\n\t\t// This offset needs to be added to all min/max limits\n\t\t// in order to make the shift-limiting work as expected.\n\t\tconst additionalFrameOffset = {\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\t...middlewareData.frameOffset?.amount,\n\t\t};\n\n\t\tif ( checkMainAxis ) {\n\t\t\tconst len = mainAxis === 'y' ? 'height' : 'width';\n\t\t\tconst limitMin =\n\t\t\t\trects.reference[ mainAxis ] -\n\t\t\t\trects.floating[ len ] +\n\t\t\t\tcomputedOffset.mainAxis +\n\t\t\t\tadditionalFrameOffset[ mainAxis ];\n\t\t\tconst limitMax =\n\t\t\t\trects.reference[ mainAxis ] +\n\t\t\t\trects.reference[ len ] -\n\t\t\t\tcomputedOffset.mainAxis +\n\t\t\t\tadditionalFrameOffset[ mainAxis ];\n\n\t\t\tif ( mainAxisCoord < limitMin ) {\n\t\t\t\tmainAxisCoord = limitMin;\n\t\t\t} else if ( mainAxisCoord > limitMax ) {\n\t\t\t\tmainAxisCoord = limitMax;\n\t\t\t}\n\t\t}\n\n\t\tif ( checkCrossAxis ) {\n\t\t\tconst len = mainAxis === 'y' ? 'width' : 'height';\n\t\t\tconst isOriginSide = [ 'top', 'left' ].includes(\n\t\t\t\tgetSide( placement )\n\t\t\t);\n\t\t\tconst limitMin =\n\t\t\t\trects.reference[ crossAxis ] -\n\t\t\t\trects.floating[ len ] +\n\t\t\t\t( isOriginSide\n\t\t\t\t\t? middlewareData.offset?.[ crossAxis ] ?? 0\n\t\t\t\t\t: 0 ) +\n\t\t\t\t( isOriginSide ? 0 : computedOffset.crossAxis ) +\n\t\t\t\tadditionalFrameOffset[ crossAxis ];\n\t\t\tconst limitMax =\n\t\t\t\trects.reference[ crossAxis ] +\n\t\t\t\trects.reference[ len ] +\n\t\t\t\t( isOriginSide\n\t\t\t\t\t? 0\n\t\t\t\t\t: middlewareData.offset?.[ crossAxis ] ?? 0 ) -\n\t\t\t\t( isOriginSide ? computedOffset.crossAxis : 0 ) +\n\t\t\t\tadditionalFrameOffset[ crossAxis ];\n\n\t\t\tif ( crossAxisCoord < limitMin ) {\n\t\t\t\tcrossAxisCoord = limitMin;\n\t\t\t} else if ( crossAxisCoord > limitMax ) {\n\t\t\t\tcrossAxisCoord = limitMax;\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\t[ mainAxis ]: mainAxisCoord,\n\t\t\t[ crossAxis ]: crossAxisCoord,\n\t\t} as Coords;\n\t},\n} );\n"],"mappings":"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"}

package/build/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.js

@@ -1,78 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _element = require("@wordpress/element");
-var _styles = require("./styles");
-/**
- * WordPress dependencies
- */
-
-function ToggleGroupControlBackdrop({
-  containerRef,
-  containerWidth,
-  isAdaptiveWidth,
-  state
-}) {
-  const [left, setLeft] = (0, _element.useState)(0);
-  const [width, setWidth] = (0, _element.useState)(0);
-  const [canAnimate, setCanAnimate] = (0, _element.useState)(false);
-  const [renderBackdrop, setRenderBackdrop] = (0, _element.useState)(false);
-  (0, _element.useEffect)(() => {
-    const containerNode = containerRef?.current;
-    if (!containerNode) return;
-
-    /**
-     * Workaround for Reakit
-     */
-    const targetNode = containerNode.querySelector(`[data-value="${state}"]`);
-    setRenderBackdrop(!!targetNode);
-    if (!targetNode) {
-      return;
-    }
-    const computeDimensions = () => {
-      const {
-        width: offsetWidth,
-        x
-      } = targetNode.getBoundingClientRect();
-      const {
-        x: parentX
-      } = containerNode.getBoundingClientRect();
-      const borderWidth = 1;
-      const offsetLeft = x - parentX - borderWidth;
-      setLeft(offsetLeft);
-      setWidth(offsetWidth);
-    };
-    // Fix to make the component appear as expected inside popovers.
-    // If the targetNode width is 0 it means the element was not yet rendered we should allow
-    // some time for the render to happen.
-    // requestAnimationFrame instead of setTimeout with a small time does not seems to work.
-    const dimensionsRequestId = window.setTimeout(computeDimensions, 100);
-    let animationRequestId;
-    if (!canAnimate) {
-      animationRequestId = window.requestAnimationFrame(() => {
-        setCanAnimate(true);
-      });
-    }
-    return () => {
-      window.clearTimeout(dimensionsRequestId);
-      window.cancelAnimationFrame(animationRequestId);
-    };
-  }, [canAnimate, containerRef, containerWidth, state, isAdaptiveWidth]);
-  if (!renderBackdrop) {
-    return null;
-  }
-  return (0, _element.createElement)(_styles.BackdropView, {
-    role: "presentation",
-    style: {
-      transform: `translateX(${left}px)`,
-      transition: canAnimate ? undefined : 'none',
-      width
-    }
-  });
-}
-var _default = (0, _element.memo)(ToggleGroupControlBackdrop);
-exports.default = _default;
-//# sourceMappingURL=toggle-group-control-backdrop.js.map

package/build/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_element","require","_styles","ToggleGroupControlBackdrop","containerRef","containerWidth","isAdaptiveWidth","state","left","setLeft","useState","width","setWidth","canAnimate","setCanAnimate","renderBackdrop","setRenderBackdrop","useEffect","containerNode","current","targetNode","querySelector","computeDimensions","offsetWidth","x","getBoundingClientRect","parentX","borderWidth","offsetLeft","dimensionsRequestId","window","setTimeout","animationRequestId","requestAnimationFrame","clearTimeout","cancelAnimationFrame","createElement","BackdropView","role","style","transform","transition","undefined","_default","memo","exports","default"],"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useEffect, memo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { ToggleGroupControlBackdropProps } from '../types';\nimport { BackdropView } from './styles';\n\nfunction ToggleGroupControlBackdrop( {\n\tcontainerRef,\n\tcontainerWidth,\n\tisAdaptiveWidth,\n\tstate,\n}: ToggleGroupControlBackdropProps ) {\n\tconst [ left, setLeft ] = useState( 0 );\n\tconst [ width, setWidth ] = useState( 0 );\n\tconst [ canAnimate, setCanAnimate ] = useState( false );\n\tconst [ renderBackdrop, setRenderBackdrop ] = useState( false );\n\n\tuseEffect( () => {\n\t\tconst containerNode = containerRef?.current;\n\t\tif ( ! containerNode ) return;\n\n\t\t/**\n\t\t * Workaround for Reakit\n\t\t */\n\t\tconst targetNode = containerNode.querySelector(\n\t\t\t`[data-value=\"${ state }\"]`\n\t\t);\n\t\tsetRenderBackdrop( !! targetNode );\n\t\tif ( ! targetNode ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst computeDimensions = () => {\n\t\t\tconst { width: offsetWidth, x } =\n\t\t\t\ttargetNode.getBoundingClientRect();\n\n\t\t\tconst { x: parentX } = containerNode.getBoundingClientRect();\n\n\t\t\tconst borderWidth = 1;\n\t\t\tconst offsetLeft = x - parentX - borderWidth;\n\n\t\t\tsetLeft( offsetLeft );\n\t\t\tsetWidth( offsetWidth );\n\t\t};\n\t\t// Fix to make the component appear as expected inside popovers.\n\t\t// If the targetNode width is 0 it means the element was not yet rendered we should allow\n\t\t// some time for the render to happen.\n\t\t// requestAnimationFrame instead of setTimeout with a small time does not seems to work.\n\t\tconst dimensionsRequestId = window.setTimeout( computeDimensions, 100 );\n\n\t\tlet animationRequestId: number;\n\t\tif ( ! canAnimate ) {\n\t\t\tanimationRequestId = window.requestAnimationFrame( () => {\n\t\t\t\tsetCanAnimate( true );\n\t\t\t} );\n\t\t}\n\t\treturn () => {\n\t\t\twindow.clearTimeout( dimensionsRequestId );\n\t\t\twindow.cancelAnimationFrame( animationRequestId );\n\t\t};\n\t}, [ canAnimate, containerRef, containerWidth, state, isAdaptiveWidth ] );\n\n\tif ( ! renderBackdrop ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<BackdropView\n\t\t\trole=\"presentation\"\n\t\t\tstyle={ {\n\t\t\t\ttransform: `translateX(${ left }px)`,\n\t\t\t\ttransition: canAnimate ? undefined : 'none',\n\t\t\t\twidth,\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nexport default memo( ToggleGroupControlBackdrop );\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAMA,IAAAC,OAAA,GAAAD,OAAA;AATA;AACA;AACA;;AASA,SAASE,0BAA0BA,CAAE;EACpCC,YAAY;EACZC,cAAc;EACdC,eAAe;EACfC;AACgC,CAAC,EAAG;EACpC,MAAM,CAAEC,IAAI,EAAEC,OAAO,CAAE,GAAG,IAAAC,iBAAQ,EAAE,CAAE,CAAC;EACvC,MAAM,CAAEC,KAAK,EAAEC,QAAQ,CAAE,GAAG,IAAAF,iBAAQ,EAAE,CAAE,CAAC;EACzC,MAAM,CAAEG,UAAU,EAAEC,aAAa,CAAE,GAAG,IAAAJ,iBAAQ,EAAE,KAAM,CAAC;EACvD,MAAM,CAAEK,cAAc,EAAEC,iBAAiB,CAAE,GAAG,IAAAN,iBAAQ,EAAE,KAAM,CAAC;EAE/D,IAAAO,kBAAS,EAAE,MAAM;IAChB,MAAMC,aAAa,GAAGd,YAAY,EAAEe,OAAO;IAC3C,IAAK,CAAED,aAAa,EAAG;;IAEvB;AACF;AACA;IACE,MAAME,UAAU,GAAGF,aAAa,CAACG,aAAa,CAC5C,gBAAgBd,KAAO,IACzB,CAAC;IACDS,iBAAiB,CAAE,CAAC,CAAEI,UAAW,CAAC;IAClC,IAAK,CAAEA,UAAU,EAAG;MACnB;IACD;IAEA,MAAME,iBAAiB,GAAGA,CAAA,KAAM;MAC/B,MAAM;QAAEX,KAAK,EAAEY,WAAW;QAAEC;MAAE,CAAC,GAC9BJ,UAAU,CAACK,qBAAqB,CAAC,CAAC;MAEnC,MAAM;QAAED,CAAC,EAAEE;MAAQ,CAAC,GAAGR,aAAa,CAACO,qBAAqB,CAAC,CAAC;MAE5D,MAAME,WAAW,GAAG,CAAC;MACrB,MAAMC,UAAU,GAAGJ,CAAC,GAAGE,OAAO,GAAGC,WAAW;MAE5ClB,OAAO,CAAEmB,UAAW,CAAC;MACrBhB,QAAQ,CAAEW,WAAY,CAAC;IACxB,CAAC;IACD;IACA;IACA;IACA;IACA,MAAMM,mBAAmB,GAAGC,MAAM,CAACC,UAAU,CAAET,iBAAiB,EAAE,GAAI,CAAC;IAEvE,IAAIU,kBAA0B;IAC9B,IAAK,CAAEnB,UAAU,EAAG;MACnBmB,kBAAkB,GAAGF,MAAM,CAACG,qBAAqB,CAAE,MAAM;QACxDnB,aAAa,CAAE,IAAK,CAAC;MACtB,CAAE,CAAC;IACJ;IACA,OAAO,MAAM;MACZgB,MAAM,CAACI,YAAY,CAAEL,mBAAoB,CAAC;MAC1CC,MAAM,CAACK,oBAAoB,CAAEH,kBAAmB,CAAC;IAClD,CAAC;EACF,CAAC,EAAE,CAAEnB,UAAU,EAAET,YAAY,EAAEC,cAAc,EAAEE,KAAK,EAAED,eAAe,CAAG,CAAC;EAEzE,IAAK,CAAES,cAAc,EAAG;IACvB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAf,QAAA,CAAAoC,aAAA,EAAClC,OAAA,CAAAmC,YAAY;IACZC,IAAI,EAAC,cAAc;IACnBC,KAAK,EAAG;MACPC,SAAS,EAAG,cAAchC,IAAM,KAAI;MACpCiC,UAAU,EAAE5B,UAAU,GAAG6B,SAAS,GAAG,MAAM;MAC3C/B;IACD;EAAG,CACH,CAAC;AAEJ;AAAC,IAAAgC,QAAA,GAEc,IAAAC,aAAI,EAAEzC,0BAA2B,CAAC;AAAA0C,OAAA,CAAAC,OAAA,GAAAH,QAAA"}

package/build-module/popover/limit-shift.js

@@ -1,122 +0,0 @@
-/**
- * External dependencies
- */
-
-/**
- * Parts of this source were derived and modified from `floating-ui`,
- * released under the MIT license.
- *
- * https://github.com/floating-ui/floating-ui
- *
- * Copyright (c) 2021 Floating UI contributors
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-/**
- * Custom limiter function for the `shift` middleware.
- * This function is mostly identical default `limitShift` from ``@floating-ui`;
- * the only difference is that, when computing the min/max shift limits, it
- * also takes into account the iframe offset that is added by the
- * custom "frameOffset" middleware.
- *
- * All unexported types and functions are also from the `@floating-ui` library,
- * and have been copied to this file for convenience.
- */
-
-function getSide(placement) {
-  return placement.split('-')[0];
-}
-function getMainAxisFromPlacement(placement) {
-  return ['top', 'bottom'].includes(getSide(placement)) ? 'x' : 'y';
-}
-function getCrossAxis(axis) {
-  return axis === 'x' ? 'y' : 'x';
-}
-export const limitShift = (options = {}) => ({
-  options,
-  fn(middlewareArguments) {
-    const {
-      x,
-      y,
-      placement,
-      rects,
-      middlewareData
-    } = middlewareArguments;
-    const {
-      offset = 0,
-      mainAxis: checkMainAxis = true,
-      crossAxis: checkCrossAxis = true
-    } = options;
-    const coords = {
-      x,
-      y
-    };
-    const mainAxis = getMainAxisFromPlacement(placement);
-    const crossAxis = getCrossAxis(mainAxis);
-    let mainAxisCoord = coords[mainAxis];
-    let crossAxisCoord = coords[crossAxis];
-    const rawOffset = typeof offset === 'function' ? offset(middlewareArguments) : offset;
-    const computedOffset = typeof rawOffset === 'number' ? {
-      mainAxis: rawOffset,
-      crossAxis: 0
-    } : {
-      mainAxis: 0,
-      crossAxis: 0,
-      ...rawOffset
-    };
-
-    // At the moment of writing, this is the only difference
-    // with the `limitShift` function from `@floating-ui`.
-    // This offset needs to be added to all min/max limits
-    // in order to make the shift-limiting work as expected.
-    const additionalFrameOffset = {
-      x: 0,
-      y: 0,
-      ...middlewareData.frameOffset?.amount
-    };
-    if (checkMainAxis) {
-      const len = mainAxis === 'y' ? 'height' : 'width';
-      const limitMin = rects.reference[mainAxis] - rects.floating[len] + computedOffset.mainAxis + additionalFrameOffset[mainAxis];
-      const limitMax = rects.reference[mainAxis] + rects.reference[len] - computedOffset.mainAxis + additionalFrameOffset[mainAxis];
-      if (mainAxisCoord < limitMin) {
-        mainAxisCoord = limitMin;
-      } else if (mainAxisCoord > limitMax) {
-        mainAxisCoord = limitMax;
-      }
-    }
-    if (checkCrossAxis) {
-      var _middlewareData$offse, _middlewareData$offse2;
-      const len = mainAxis === 'y' ? 'width' : 'height';
-      const isOriginSide = ['top', 'left'].includes(getSide(placement));
-      const limitMin = rects.reference[crossAxis] - rects.floating[len] + (isOriginSide ? (_middlewareData$offse = middlewareData.offset?.[crossAxis]) !== null && _middlewareData$offse !== void 0 ? _middlewareData$offse : 0 : 0) + (isOriginSide ? 0 : computedOffset.crossAxis) + additionalFrameOffset[crossAxis];
-      const limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : (_middlewareData$offse2 = middlewareData.offset?.[crossAxis]) !== null && _middlewareData$offse2 !== void 0 ? _middlewareData$offse2 : 0) - (isOriginSide ? computedOffset.crossAxis : 0) + additionalFrameOffset[crossAxis];
-      if (crossAxisCoord < limitMin) {
-        crossAxisCoord = limitMin;
-      } else if (crossAxisCoord > limitMax) {
-        crossAxisCoord = limitMax;
-      }
-    }
-    return {
-      [mainAxis]: mainAxisCoord,
-      [crossAxis]: crossAxisCoord
-    };
-  }
-});
-//# sourceMappingURL=limit-shift.js.map

package/build-module/popover/limit-shift.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getSide","placement","split","getMainAxisFromPlacement","includes","getCrossAxis","axis","limitShift","options","fn","middlewareArguments","x","y","rects","middlewareData","offset","mainAxis","checkMainAxis","crossAxis","checkCrossAxis","coords","mainAxisCoord","crossAxisCoord","rawOffset","computedOffset","additionalFrameOffset","frameOffset","amount","len","limitMin","reference","floating","limitMax","_middlewareData$offse","_middlewareData$offse2","isOriginSide"],"sources":["@wordpress/components/src/popover/limit-shift.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type {\n\tAxis,\n\tCoords,\n\tPlacement,\n\tSide,\n\tMiddlewareArguments,\n} from '@floating-ui/react-dom';\n\n/**\n * Parts of this source were derived and modified from `floating-ui`,\n * released under the MIT license.\n *\n * https://github.com/floating-ui/floating-ui\n *\n * Copyright (c) 2021 Floating UI contributors\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Custom limiter function for the `shift` middleware.\n * This function is mostly identical default `limitShift` from ``@floating-ui`;\n * the only difference is that, when computing the min/max shift limits, it\n * also takes into account the iframe offset that is added by the\n * custom \"frameOffset\" middleware.\n *\n * All unexported types and functions are also from the `@floating-ui` library,\n * and have been copied to this file for convenience.\n */\n\ntype LimitShiftOffset =\n\t| ( ( args: MiddlewareArguments ) =>\n\t\t\t| number\n\t\t\t| {\n\t\t\t\t\t/**\n\t\t\t\t\t * Offset the limiting of the axis that runs along the alignment of the\n\t\t\t\t\t * floating element.\n\t\t\t\t\t */\n\t\t\t\t\tmainAxis?: number;\n\t\t\t\t\t/**\n\t\t\t\t\t * Offset the limiting of the axis that runs along the side of the\n\t\t\t\t\t * floating element.\n\t\t\t\t\t */\n\t\t\t\t\tcrossAxis?: number;\n\t\t\t  } )\n\t| number\n\t| {\n\t\t\t/**\n\t\t\t * Offset the limiting of the axis that runs along the alignment of the\n\t\t\t * floating element.\n\t\t\t */\n\t\t\tmainAxis?: number;\n\t\t\t/**\n\t\t\t * Offset the limiting of the axis that runs along the side of the\n\t\t\t * floating element.\n\t\t\t */\n\t\t\tcrossAxis?: number;\n\t  };\n\ntype LimitShiftOptions = {\n\t/**\n\t * Offset when limiting starts. `0` will limit when the opposite edges of the\n\t * reference and floating elements are aligned.\n\t * - positive = start limiting earlier\n\t * - negative = start limiting later\n\t */\n\toffset: LimitShiftOffset;\n\t/**\n\t * Whether to limit the axis that runs along the alignment of the floating\n\t * element.\n\t */\n\tmainAxis: boolean;\n\t/**\n\t * Whether to limit the axis that runs along the side of the floating element.\n\t */\n\tcrossAxis: boolean;\n};\n\nfunction getSide( placement: Placement ): Side {\n\treturn placement.split( '-' )[ 0 ] as Side;\n}\n\nfunction getMainAxisFromPlacement( placement: Placement ): Axis {\n\treturn [ 'top', 'bottom' ].includes( getSide( placement ) ) ? 'x' : 'y';\n}\n\nfunction getCrossAxis( axis: Axis ): Axis {\n\treturn axis === 'x' ? 'y' : 'x';\n}\n\nexport const limitShift = (\n\toptions: Partial< LimitShiftOptions > = {}\n): {\n\toptions: Partial< LimitShiftOffset >;\n\tfn: ( middlewareArguments: MiddlewareArguments ) => Coords;\n} => ( {\n\toptions,\n\tfn( middlewareArguments ) {\n\t\tconst { x, y, placement, rects, middlewareData } = middlewareArguments;\n\t\tconst {\n\t\t\toffset = 0,\n\t\t\tmainAxis: checkMainAxis = true,\n\t\t\tcrossAxis: checkCrossAxis = true,\n\t\t} = options;\n\n\t\tconst coords = { x, y };\n\t\tconst mainAxis = getMainAxisFromPlacement( placement );\n\t\tconst crossAxis = getCrossAxis( mainAxis );\n\n\t\tlet mainAxisCoord = coords[ mainAxis ];\n\t\tlet crossAxisCoord = coords[ crossAxis ];\n\n\t\tconst rawOffset =\n\t\t\ttypeof offset === 'function'\n\t\t\t\t? offset( middlewareArguments )\n\t\t\t\t: offset;\n\t\tconst computedOffset =\n\t\t\ttypeof rawOffset === 'number'\n\t\t\t\t? { mainAxis: rawOffset, crossAxis: 0 }\n\t\t\t\t: { mainAxis: 0, crossAxis: 0, ...rawOffset };\n\n\t\t// At the moment of writing, this is the only difference\n\t\t// with the `limitShift` function from `@floating-ui`.\n\t\t// This offset needs to be added to all min/max limits\n\t\t// in order to make the shift-limiting work as expected.\n\t\tconst additionalFrameOffset = {\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\t...middlewareData.frameOffset?.amount,\n\t\t};\n\n\t\tif ( checkMainAxis ) {\n\t\t\tconst len = mainAxis === 'y' ? 'height' : 'width';\n\t\t\tconst limitMin =\n\t\t\t\trects.reference[ mainAxis ] -\n\t\t\t\trects.floating[ len ] +\n\t\t\t\tcomputedOffset.mainAxis +\n\t\t\t\tadditionalFrameOffset[ mainAxis ];\n\t\t\tconst limitMax =\n\t\t\t\trects.reference[ mainAxis ] +\n\t\t\t\trects.reference[ len ] -\n\t\t\t\tcomputedOffset.mainAxis +\n\t\t\t\tadditionalFrameOffset[ mainAxis ];\n\n\t\t\tif ( mainAxisCoord < limitMin ) {\n\t\t\t\tmainAxisCoord = limitMin;\n\t\t\t} else if ( mainAxisCoord > limitMax ) {\n\t\t\t\tmainAxisCoord = limitMax;\n\t\t\t}\n\t\t}\n\n\t\tif ( checkCrossAxis ) {\n\t\t\tconst len = mainAxis === 'y' ? 'width' : 'height';\n\t\t\tconst isOriginSide = [ 'top', 'left' ].includes(\n\t\t\t\tgetSide( placement )\n\t\t\t);\n\t\t\tconst limitMin =\n\t\t\t\trects.reference[ crossAxis ] -\n\t\t\t\trects.floating[ len ] +\n\t\t\t\t( isOriginSide\n\t\t\t\t\t? middlewareData.offset?.[ crossAxis ] ?? 0\n\t\t\t\t\t: 0 ) +\n\t\t\t\t( isOriginSide ? 0 : computedOffset.crossAxis ) +\n\t\t\t\tadditionalFrameOffset[ crossAxis ];\n\t\t\tconst limitMax =\n\t\t\t\trects.reference[ crossAxis ] +\n\t\t\t\trects.reference[ len ] +\n\t\t\t\t( isOriginSide\n\t\t\t\t\t? 0\n\t\t\t\t\t: middlewareData.offset?.[ crossAxis ] ?? 0 ) -\n\t\t\t\t( isOriginSide ? computedOffset.crossAxis : 0 ) +\n\t\t\t\tadditionalFrameOffset[ crossAxis ];\n\n\t\t\tif ( crossAxisCoord < limitMin ) {\n\t\t\t\tcrossAxisCoord = limitMin;\n\t\t\t} else if ( crossAxisCoord > limitMax ) {\n\t\t\t\tcrossAxisCoord = limitMax;\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\t[ mainAxis ]: mainAxisCoord,\n\t\t\t[ crossAxis ]: crossAxisCoord,\n\t\t} as Coords;\n\t},\n} );\n"],"mappings":"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"}

package/build-module/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.js

@@ -1,76 +0,0 @@
-import { createElement } from "@wordpress/element";
-/**
- * WordPress dependencies
- */
-import { useState, useEffect, memo } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-
-import { BackdropView } from './styles';
-function ToggleGroupControlBackdrop({
-  containerRef,
-  containerWidth,
-  isAdaptiveWidth,
-  state
-}) {
-  const [left, setLeft] = useState(0);
-  const [width, setWidth] = useState(0);
-  const [canAnimate, setCanAnimate] = useState(false);
-  const [renderBackdrop, setRenderBackdrop] = useState(false);
-  useEffect(() => {
-    const containerNode = containerRef?.current;
-    if (!containerNode) return;
-
-    /**
-     * Workaround for Reakit
-     */
-    const targetNode = containerNode.querySelector(`[data-value="${state}"]`);
-    setRenderBackdrop(!!targetNode);
-    if (!targetNode) {
-      return;
-    }
-    const computeDimensions = () => {
-      const {
-        width: offsetWidth,
-        x
-      } = targetNode.getBoundingClientRect();
-      const {
-        x: parentX
-      } = containerNode.getBoundingClientRect();
-      const borderWidth = 1;
-      const offsetLeft = x - parentX - borderWidth;
-      setLeft(offsetLeft);
-      setWidth(offsetWidth);
-    };
-    // Fix to make the component appear as expected inside popovers.
-    // If the targetNode width is 0 it means the element was not yet rendered we should allow
-    // some time for the render to happen.
-    // requestAnimationFrame instead of setTimeout with a small time does not seems to work.
-    const dimensionsRequestId = window.setTimeout(computeDimensions, 100);
-    let animationRequestId;
-    if (!canAnimate) {
-      animationRequestId = window.requestAnimationFrame(() => {
-        setCanAnimate(true);
-      });
-    }
-    return () => {
-      window.clearTimeout(dimensionsRequestId);
-      window.cancelAnimationFrame(animationRequestId);
-    };
-  }, [canAnimate, containerRef, containerWidth, state, isAdaptiveWidth]);
-  if (!renderBackdrop) {
-    return null;
-  }
-  return createElement(BackdropView, {
-    role: "presentation",
-    style: {
-      transform: `translateX(${left}px)`,
-      transition: canAnimate ? undefined : 'none',
-      width
-    }
-  });
-}
-export default memo(ToggleGroupControlBackdrop);
-//# sourceMappingURL=toggle-group-control-backdrop.js.map

package/build-module/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useState","useEffect","memo","BackdropView","ToggleGroupControlBackdrop","containerRef","containerWidth","isAdaptiveWidth","state","left","setLeft","width","setWidth","canAnimate","setCanAnimate","renderBackdrop","setRenderBackdrop","containerNode","current","targetNode","querySelector","computeDimensions","offsetWidth","x","getBoundingClientRect","parentX","borderWidth","offsetLeft","dimensionsRequestId","window","setTimeout","animationRequestId","requestAnimationFrame","clearTimeout","cancelAnimationFrame","createElement","role","style","transform","transition","undefined"],"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useEffect, memo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { ToggleGroupControlBackdropProps } from '../types';\nimport { BackdropView } from './styles';\n\nfunction ToggleGroupControlBackdrop( {\n\tcontainerRef,\n\tcontainerWidth,\n\tisAdaptiveWidth,\n\tstate,\n}: ToggleGroupControlBackdropProps ) {\n\tconst [ left, setLeft ] = useState( 0 );\n\tconst [ width, setWidth ] = useState( 0 );\n\tconst [ canAnimate, setCanAnimate ] = useState( false );\n\tconst [ renderBackdrop, setRenderBackdrop ] = useState( false );\n\n\tuseEffect( () => {\n\t\tconst containerNode = containerRef?.current;\n\t\tif ( ! containerNode ) return;\n\n\t\t/**\n\t\t * Workaround for Reakit\n\t\t */\n\t\tconst targetNode = containerNode.querySelector(\n\t\t\t`[data-value=\"${ state }\"]`\n\t\t);\n\t\tsetRenderBackdrop( !! targetNode );\n\t\tif ( ! targetNode ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst computeDimensions = () => {\n\t\t\tconst { width: offsetWidth, x } =\n\t\t\t\ttargetNode.getBoundingClientRect();\n\n\t\t\tconst { x: parentX } = containerNode.getBoundingClientRect();\n\n\t\t\tconst borderWidth = 1;\n\t\t\tconst offsetLeft = x - parentX - borderWidth;\n\n\t\t\tsetLeft( offsetLeft );\n\t\t\tsetWidth( offsetWidth );\n\t\t};\n\t\t// Fix to make the component appear as expected inside popovers.\n\t\t// If the targetNode width is 0 it means the element was not yet rendered we should allow\n\t\t// some time for the render to happen.\n\t\t// requestAnimationFrame instead of setTimeout with a small time does not seems to work.\n\t\tconst dimensionsRequestId = window.setTimeout( computeDimensions, 100 );\n\n\t\tlet animationRequestId: number;\n\t\tif ( ! canAnimate ) {\n\t\t\tanimationRequestId = window.requestAnimationFrame( () => {\n\t\t\t\tsetCanAnimate( true );\n\t\t\t} );\n\t\t}\n\t\treturn () => {\n\t\t\twindow.clearTimeout( dimensionsRequestId );\n\t\t\twindow.cancelAnimationFrame( animationRequestId );\n\t\t};\n\t}, [ canAnimate, containerRef, containerWidth, state, isAdaptiveWidth ] );\n\n\tif ( ! renderBackdrop ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<BackdropView\n\t\t\trole=\"presentation\"\n\t\t\tstyle={ {\n\t\t\t\ttransform: `translateX(${ left }px)`,\n\t\t\t\ttransition: canAnimate ? undefined : 'none',\n\t\t\t\twidth,\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nexport default memo( ToggleGroupControlBackdrop );\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,IAAI,QAAQ,oBAAoB;;AAE9D;AACA;AACA;;AAEA,SAASC,YAAY,QAAQ,UAAU;AAEvC,SAASC,0BAA0BA,CAAE;EACpCC,YAAY;EACZC,cAAc;EACdC,eAAe;EACfC;AACgC,CAAC,EAAG;EACpC,MAAM,CAAEC,IAAI,EAAEC,OAAO,CAAE,GAAGV,QAAQ,CAAE,CAAE,CAAC;EACvC,MAAM,CAAEW,KAAK,EAAEC,QAAQ,CAAE,GAAGZ,QAAQ,CAAE,CAAE,CAAC;EACzC,MAAM,CAAEa,UAAU,EAAEC,aAAa,CAAE,GAAGd,QAAQ,CAAE,KAAM,CAAC;EACvD,MAAM,CAAEe,cAAc,EAAEC,iBAAiB,CAAE,GAAGhB,QAAQ,CAAE,KAAM,CAAC;EAE/DC,SAAS,CAAE,MAAM;IAChB,MAAMgB,aAAa,GAAGZ,YAAY,EAAEa,OAAO;IAC3C,IAAK,CAAED,aAAa,EAAG;;IAEvB;AACF;AACA;IACE,MAAME,UAAU,GAAGF,aAAa,CAACG,aAAa,CAC5C,gBAAgBZ,KAAO,IACzB,CAAC;IACDQ,iBAAiB,CAAE,CAAC,CAAEG,UAAW,CAAC;IAClC,IAAK,CAAEA,UAAU,EAAG;MACnB;IACD;IAEA,MAAME,iBAAiB,GAAGA,CAAA,KAAM;MAC/B,MAAM;QAAEV,KAAK,EAAEW,WAAW;QAAEC;MAAE,CAAC,GAC9BJ,UAAU,CAACK,qBAAqB,CAAC,CAAC;MAEnC,MAAM;QAAED,CAAC,EAAEE;MAAQ,CAAC,GAAGR,aAAa,CAACO,qBAAqB,CAAC,CAAC;MAE5D,MAAME,WAAW,GAAG,CAAC;MACrB,MAAMC,UAAU,GAAGJ,CAAC,GAAGE,OAAO,GAAGC,WAAW;MAE5ChB,OAAO,CAAEiB,UAAW,CAAC;MACrBf,QAAQ,CAAEU,WAAY,CAAC;IACxB,CAAC;IACD;IACA;IACA;IACA;IACA,MAAMM,mBAAmB,GAAGC,MAAM,CAACC,UAAU,CAAET,iBAAiB,EAAE,GAAI,CAAC;IAEvE,IAAIU,kBAA0B;IAC9B,IAAK,CAAElB,UAAU,EAAG;MACnBkB,kBAAkB,GAAGF,MAAM,CAACG,qBAAqB,CAAE,MAAM;QACxDlB,aAAa,CAAE,IAAK,CAAC;MACtB,CAAE,CAAC;IACJ;IACA,OAAO,MAAM;MACZe,MAAM,CAACI,YAAY,CAAEL,mBAAoB,CAAC;MAC1CC,MAAM,CAACK,oBAAoB,CAAEH,kBAAmB,CAAC;IAClD,CAAC;EACF,CAAC,EAAE,CAAElB,UAAU,EAAER,YAAY,EAAEC,cAAc,EAAEE,KAAK,EAAED,eAAe,CAAG,CAAC;EAEzE,IAAK,CAAEQ,cAAc,EAAG;IACvB,OAAO,IAAI;EACZ;EAEA,OACCoB,aAAA,CAAChC,YAAY;IACZiC,IAAI,EAAC,cAAc;IACnBC,KAAK,EAAG;MACPC,SAAS,EAAG,cAAc7B,IAAM,KAAI;MACpC8B,UAAU,EAAE1B,UAAU,GAAG2B,SAAS,GAAG,MAAM;MAC3C7B;IACD;EAAG,CACH,CAAC;AAEJ;AAEA,eAAeT,IAAI,CAAEE,0BAA2B,CAAC"}

package/build-types/popover/limit-shift.d.ts

@@ -1,87 +0,0 @@
-/**
- * External dependencies
- */
-import type { Coords, MiddlewareArguments } from '@floating-ui/react-dom';
-/**
- * Parts of this source were derived and modified from `floating-ui`,
- * released under the MIT license.
- *
- * https://github.com/floating-ui/floating-ui
- *
- * Copyright (c) 2021 Floating UI contributors
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-/**
- * Custom limiter function for the `shift` middleware.
- * This function is mostly identical default `limitShift` from ``@floating-ui`;
- * the only difference is that, when computing the min/max shift limits, it
- * also takes into account the iframe offset that is added by the
- * custom "frameOffset" middleware.
- *
- * All unexported types and functions are also from the `@floating-ui` library,
- * and have been copied to this file for convenience.
- */
-type LimitShiftOffset = ((args: MiddlewareArguments) => number | {
-    /**
-     * Offset the limiting of the axis that runs along the alignment of the
-     * floating element.
-     */
-    mainAxis?: number;
-    /**
-     * Offset the limiting of the axis that runs along the side of the
-     * floating element.
-     */
-    crossAxis?: number;
-}) | number | {
-    /**
-     * Offset the limiting of the axis that runs along the alignment of the
-     * floating element.
-     */
-    mainAxis?: number;
-    /**
-     * Offset the limiting of the axis that runs along the side of the
-     * floating element.
-     */
-    crossAxis?: number;
-};
-type LimitShiftOptions = {
-    /**
-     * Offset when limiting starts. `0` will limit when the opposite edges of the
-     * reference and floating elements are aligned.
-     * - positive = start limiting earlier
-     * - negative = start limiting later
-     */
-    offset: LimitShiftOffset;
-    /**
-     * Whether to limit the axis that runs along the alignment of the floating
-     * element.
-     */
-    mainAxis: boolean;
-    /**
-     * Whether to limit the axis that runs along the side of the floating element.
-     */
-    crossAxis: boolean;
-};
-export declare const limitShift: (options?: Partial<LimitShiftOptions>) => {
-    options: Partial<LimitShiftOffset>;
-    fn: (middlewareArguments: MiddlewareArguments) => Coords;
-};
-export {};
-//# sourceMappingURL=limit-shift.d.ts.map

package/build-types/popover/limit-shift.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"limit-shift.d.ts","sourceRoot":"","sources":["../../src/popover/limit-shift.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAEX,MAAM,EAGN,mBAAmB,EACnB,MAAM,wBAAwB,CAAC;AAEhC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH;;;;;;;;;GASG;AAEH,KAAK,gBAAgB,GAClB,CAAE,CAAE,IAAI,EAAE,mBAAmB,KAC3B,MAAM,GACN;IACA;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CAClB,CAAE,GACL,MAAM,GACN;IACA;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEL,KAAK,iBAAiB,GAAG;IACxB;;;;;OAKG;IACH,MAAM,EAAE,gBAAgB,CAAC;IACzB;;;OAGG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;CACnB,CAAC;AAcF,eAAO,MAAM,UAAU,aACb,QAAS,iBAAiB,CAAE;aAE5B,QAAS,gBAAgB,CAAE;8BACT,mBAAmB,KAAM,MAAM;CA2FxD,CAAC"}

package/build-types/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-/**
- * Internal dependencies
- */
-import type { ToggleGroupControlBackdropProps } from '../types';
-declare function ToggleGroupControlBackdrop({ containerRef, containerWidth, isAdaptiveWidth, state, }: ToggleGroupControlBackdropProps): JSX.Element | null;
-declare const _default: import("react").MemoExoticComponent<typeof ToggleGroupControlBackdrop>;
-export default _default;
-//# sourceMappingURL=toggle-group-control-backdrop.d.ts.map

package/build-types/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle-group-control-backdrop.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.tsx"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,UAAU,CAAC;AAGhE,iBAAS,0BAA0B,CAAE,EACpC,YAAY,EACZ,cAAc,EACd,eAAe,EACf,KAAK,GACL,EAAE,+BAA+B,sBAiEjC;;AAED,wBAAkD"}