@wordpress/components 31.0.1-next.8fd3f8831.0 → 32.0.0

package/build-module/popover/overlay-middlewares.mjs

@@ -0,0 +1,33 @@
+// packages/components/src/popover/overlay-middlewares.tsx
+import { size } from "@floating-ui/react-dom";
+function overlayMiddlewares() {
+  return [{
+    name: "overlay",
+    fn({
+      rects
+    }) {
+      return rects.reference;
+    }
+  }, size({
+    apply({
+      rects,
+      elements
+    }) {
+      var _elements$floating;
+      const {
+        firstElementChild
+      } = (_elements$floating = elements.floating) !== null && _elements$floating !== void 0 ? _elements$floating : {};
+      if (!(firstElementChild instanceof HTMLElement)) {
+        return;
+      }
+      Object.assign(firstElementChild.style, {
+        width: `${rects.reference.width}px`,
+        height: `${rects.reference.height}px`
+      });
+    }
+  })];
+}
+export {
+  overlayMiddlewares
+};
+//# sourceMappingURL=overlay-middlewares.mjs.map

package/build-module/popover/types.mjs

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

package/build-module/popover/utils.mjs

@@ -0,0 +1,207 @@
+// packages/components/src/popover/utils.ts
+import { cubicBezier } from "framer-motion";
+import { DROPDOWN_MOTION } from "../utils/index.mjs";
+var POSITION_TO_PLACEMENT = {
+  bottom: "bottom",
+  top: "top",
+  "middle left": "left",
+  "middle right": "right",
+  "bottom left": "bottom-end",
+  "bottom center": "bottom",
+  "bottom right": "bottom-start",
+  "top left": "top-end",
+  "top center": "top",
+  "top right": "top-start",
+  "middle left left": "left",
+  "middle left right": "left",
+  "middle left bottom": "left-end",
+  "middle left top": "left-start",
+  "middle right left": "right",
+  "middle right right": "right",
+  "middle right bottom": "right-end",
+  "middle right top": "right-start",
+  "bottom left left": "bottom-end",
+  "bottom left right": "bottom-end",
+  "bottom left bottom": "bottom-end",
+  "bottom left top": "bottom-end",
+  "bottom center left": "bottom",
+  "bottom center right": "bottom",
+  "bottom center bottom": "bottom",
+  "bottom center top": "bottom",
+  "bottom right left": "bottom-start",
+  "bottom right right": "bottom-start",
+  "bottom right bottom": "bottom-start",
+  "bottom right top": "bottom-start",
+  "top left left": "top-end",
+  "top left right": "top-end",
+  "top left bottom": "top-end",
+  "top left top": "top-end",
+  "top center left": "top",
+  "top center right": "top",
+  "top center bottom": "top",
+  "top center top": "top",
+  "top right left": "top-start",
+  "top right right": "top-start",
+  "top right bottom": "top-start",
+  "top right top": "top-start",
+  // `middle`/`middle center [corner?]` positions are associated to a fallback
+  // `bottom` placement because there aren't any corresponding placement values.
+  middle: "bottom",
+  "middle center": "bottom",
+  "middle center bottom": "bottom",
+  "middle center left": "bottom",
+  "middle center right": "bottom",
+  "middle center top": "bottom"
+};
+var positionToPlacement = (position) => {
+  var _POSITION_TO_PLACEMEN;
+  return (_POSITION_TO_PLACEMEN = POSITION_TO_PLACEMENT[position]) !== null && _POSITION_TO_PLACEMEN !== void 0 ? _POSITION_TO_PLACEMEN : "bottom";
+};
+var PLACEMENT_TO_ANIMATION_ORIGIN = {
+  top: {
+    originX: 0.5,
+    originY: 1
+  },
+  // open from bottom, center
+  "top-start": {
+    originX: 0,
+    originY: 1
+  },
+  // open from bottom, left
+  "top-end": {
+    originX: 1,
+    originY: 1
+  },
+  // open from bottom, right
+  right: {
+    originX: 0,
+    originY: 0.5
+  },
+  // open from middle, left
+  "right-start": {
+    originX: 0,
+    originY: 0
+  },
+  // open from top, left
+  "right-end": {
+    originX: 0,
+    originY: 1
+  },
+  // open from bottom, left
+  bottom: {
+    originX: 0.5,
+    originY: 0
+  },
+  // open from top, center
+  "bottom-start": {
+    originX: 0,
+    originY: 0
+  },
+  // open from top, left
+  "bottom-end": {
+    originX: 1,
+    originY: 0
+  },
+  // open from top, right
+  left: {
+    originX: 1,
+    originY: 0.5
+  },
+  // open from middle, right
+  "left-start": {
+    originX: 1,
+    originY: 0
+  },
+  // open from top, right
+  "left-end": {
+    originX: 1,
+    originY: 1
+  },
+  // open from bottom, right
+  overlay: {
+    originX: 0.5,
+    originY: 0.5
+  }
+  // open from center, center
+};
+var placementToMotionAnimationProps = (placement) => {
+  const translateProp = placement.startsWith("top") || placement.startsWith("bottom") ? "translateY" : "translateX";
+  const translateDirection = placement.startsWith("top") || placement.startsWith("left") ? 1 : -1;
+  return {
+    style: PLACEMENT_TO_ANIMATION_ORIGIN[placement],
+    initial: {
+      opacity: 0,
+      [translateProp]: `${DROPDOWN_MOTION.SLIDE_DISTANCE * translateDirection}px`
+    },
+    animate: {
+      opacity: 1,
+      [translateProp]: 0
+    },
+    transition: {
+      opacity: {
+        duration: DROPDOWN_MOTION.FADE_DURATION / 1e3,
+        ease: DROPDOWN_MOTION.FADE_EASING.function
+      },
+      [translateProp]: {
+        duration: DROPDOWN_MOTION.SLIDE_DURATION / 1e3,
+        ease: cubicBezier(...DROPDOWN_MOTION.SLIDE_EASING.args)
+      }
+    }
+  };
+};
+function isTopBottom(anchorRef) {
+  return !!anchorRef?.top;
+}
+function isRef(anchorRef) {
+  return !!anchorRef?.current;
+}
+var getReferenceElement = ({
+  anchor,
+  anchorRef,
+  anchorRect,
+  getAnchorRect,
+  fallbackReferenceElement
+}) => {
+  var _referenceElement;
+  let referenceElement = null;
+  if (anchor) {
+    referenceElement = anchor;
+  } else if (isTopBottom(anchorRef)) {
+    referenceElement = {
+      getBoundingClientRect() {
+        const topRect = anchorRef.top.getBoundingClientRect();
+        const bottomRect = anchorRef.bottom.getBoundingClientRect();
+        return new window.DOMRect(topRect.x, topRect.y, topRect.width, bottomRect.bottom - topRect.top);
+      }
+    };
+  } else if (isRef(anchorRef)) {
+    referenceElement = anchorRef.current;
+  } else if (anchorRef) {
+    referenceElement = anchorRef;
+  } else if (anchorRect) {
+    referenceElement = {
+      getBoundingClientRect() {
+        return anchorRect;
+      }
+    };
+  } else if (getAnchorRect) {
+    referenceElement = {
+      getBoundingClientRect() {
+        var _rect$x, _rect$y, _rect$width, _rect$height;
+        const rect = getAnchorRect(fallbackReferenceElement);
+        return new window.DOMRect((_rect$x = rect.x) !== null && _rect$x !== void 0 ? _rect$x : rect.left, (_rect$y = rect.y) !== null && _rect$y !== void 0 ? _rect$y : rect.top, (_rect$width = rect.width) !== null && _rect$width !== void 0 ? _rect$width : rect.right - rect.left, (_rect$height = rect.height) !== null && _rect$height !== void 0 ? _rect$height : rect.bottom - rect.top);
+      }
+    };
+  } else if (fallbackReferenceElement) {
+    referenceElement = fallbackReferenceElement.parentElement;
+  }
+  return (_referenceElement = referenceElement) !== null && _referenceElement !== void 0 ? _referenceElement : null;
+};
+var computePopoverPosition = (c) => c === null || Number.isNaN(c) ? void 0 : Math.round(c);
+export {
+  computePopoverPosition,
+  getReferenceElement,
+  placementToMotionAnimationProps,
+  positionToPlacement
+};
+//# sourceMappingURL=utils.mjs.map

package/build-module/private-apis.mjs

@@ -0,0 +1,44 @@
+// packages/components/src/private-apis.ts
+import { positionToPlacement as __experimentalPopoverLegacyPositionToPlacement } from "./popover/utils.mjs";
+import { Menu } from "./menu/index.mjs";
+import { ComponentsContext } from "./context/context-system-provider.mjs";
+import Theme from "./theme/index.mjs";
+import { Tabs } from "./tabs/index.mjs";
+import { kebabCase, normalizeTextString } from "./utils/strings.mjs";
+import { withIgnoreIMEEvents } from "./utils/with-ignore-ime-events.mjs";
+import { lock } from "./lock-unlock.mjs";
+import Badge from "./badge/index.mjs";
+import { DateCalendar, DateRangeCalendar, TZDate } from "./calendar/index.mjs";
+import { ValidatedCheckboxControl, ValidatedInputControl, ValidatedNumberControl, ValidatedSelectControl, ValidatedRadioControl, ValidatedTextControl, ValidatedTextareaControl, ValidatedToggleControl, ValidatedToggleGroupControl } from "./validated-form-controls/index.mjs";
+import { ValidatedFormTokenField } from "./validated-form-controls/components/form-token-field.mjs";
+import { Picker } from "./color-picker/picker.mjs";
+var privateApis = {};
+lock(privateApis, {
+  __experimentalPopoverLegacyPositionToPlacement,
+  ComponentsContext,
+  Tabs,
+  Theme,
+  Menu,
+  kebabCase,
+  withIgnoreIMEEvents,
+  Badge,
+  normalizeTextString,
+  DateCalendar,
+  DateRangeCalendar,
+  TZDate,
+  Picker,
+  ValidatedInputControl,
+  ValidatedCheckboxControl,
+  ValidatedNumberControl,
+  ValidatedSelectControl,
+  ValidatedRadioControl,
+  ValidatedTextControl,
+  ValidatedTextareaControl,
+  ValidatedToggleControl,
+  ValidatedToggleGroupControl,
+  ValidatedFormTokenField
+});
+export {
+  privateApis
+};
+//# sourceMappingURL=private-apis.mjs.map

package/build-module/progress-bar/index.mjs

@@ -0,0 +1,35 @@
+// packages/components/src/progress-bar/index.tsx
+import { __ } from "@wordpress/i18n";
+import { forwardRef } from "@wordpress/element";
+import * as ProgressBarStyled from "./styles.mjs";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function UnforwardedProgressBar(props, ref) {
+  const {
+    className,
+    value,
+    ...progressProps
+  } = props;
+  const isIndeterminate = !Number.isFinite(value);
+  return /* @__PURE__ */ _jsxs(ProgressBarStyled.Track, {
+    className,
+    children: [/* @__PURE__ */ _jsx(ProgressBarStyled.Indicator, {
+      style: {
+        "--indicator-width": !isIndeterminate ? `${value}%` : void 0
+      },
+      isIndeterminate
+    }), /* @__PURE__ */ _jsx(ProgressBarStyled.ProgressElement, {
+      max: 100,
+      value,
+      "aria-label": __("Loading \u2026"),
+      ref,
+      ...progressProps
+    })]
+  });
+}
+var ProgressBar = forwardRef(UnforwardedProgressBar);
+var progress_bar_default = ProgressBar;
+export {
+  ProgressBar,
+  progress_bar_default as default
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/progress-bar/styles.mjs

@@ -0,0 +1,70 @@
+// packages/components/src/progress-bar/styles.ts
+import _styled from "@emotion/styled/base";
+import { css, keyframes } from "@emotion/react";
+import { isRTL } from "@wordpress/i18n";
+import { COLORS, CONFIG } from "../utils/index.mjs";
+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).";
+}
+function animateProgressBar(isRtl = false) {
+  const animationDirection = isRtl ? "right" : "left";
+  return keyframes({
+    "0%": {
+      [animationDirection]: "-50%"
+    },
+    "100%": {
+      [animationDirection]: "100%"
+    }
+  });
+}
+var INDETERMINATE_TRACK_WIDTH = 50;
+var Track = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e15u147w2"
+} : {
+  target: "e15u147w2",
+  label: "Track"
+})("position:relative;overflow:hidden;height:", CONFIG.borderWidthFocus, ";background-color:color-mix(\n		in srgb,\n		", COLORS.theme.foreground, ",\n		transparent 90%\n	);border-radius:", CONFIG.radiusFull, ";outline:2px solid transparent;outline-offset:2px;:where( & ){width:160px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQytCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIFdvcmRQcmVzcyBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgaXNSVEwgfSBmcm9tICdAd29yZHByZXNzL2kxOG4nO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIENPTkZJRyB9IGZyb20gJy4uL3V0aWxzJztcblxuZnVuY3Rpb24gYW5pbWF0ZVByb2dyZXNzQmFyKCBpc1J0bCA9IGZhbHNlICkge1xuXHRjb25zdCBhbmltYXRpb25EaXJlY3Rpb24gPSBpc1J0bCA/ICdyaWdodCcgOiAnbGVmdCc7XG5cblx0cmV0dXJuIGtleWZyYW1lcygge1xuXHRcdCcwJSc6IHtcblx0XHRcdFsgYW5pbWF0aW9uRGlyZWN0aW9uIF06ICctNTAlJyxcblx0XHR9LFxuXHRcdCcxMDAlJzoge1xuXHRcdFx0WyBhbmltYXRpb25EaXJlY3Rpb24gXTogJzEwMCUnLFxuXHRcdH0sXG5cdH0gKTtcbn1cblxuLy8gV2lkdGggb2YgdGhlIGluZGljYXRvciBmb3IgdGhlIGluZGV0ZXJtaW5hdGUgcHJvZ3Jlc3MgYmFyXG5leHBvcnQgY29uc3QgSU5ERVRFUk1JTkFURV9UUkFDS19XSURUSCA9IDUwO1xuXG5leHBvcnQgY29uc3QgVHJhY2sgPSBzdHlsZWQuZGl2YFxuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdGhlaWdodDogJHsgQ09ORklHLmJvcmRlcldpZHRoRm9jdXMgfTtcblx0LyogVGV4dCBjb2xvciBhdCAxMCUgb3BhY2l0eSAqL1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiBjb2xvci1taXgoXG5cdFx0aW4gc3JnYixcblx0XHQkeyBDT0xPUlMudGhlbWUuZm9yZWdyb3VuZCB9LFxuXHRcdHRyYW5zcGFyZW50IDkwJVxuXHQpO1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzRnVsbCB9O1xuXG5cdC8vIFdpbmRvd3MgaGlnaCBjb250cmFzdCBtb2RlLlxuXHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdG91dGxpbmUtb2Zmc2V0OiAycHg7XG5cblx0OndoZXJlKCAmICkge1xuXHRcdHdpZHRoOiAxNjBweDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IEluZGljYXRvciA9IHN0eWxlZC5kaXY8IHtcblx0aXNJbmRldGVybWluYXRlOiBib29sZWFuO1xufSA+YFxuXHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiAwO1xuXHRoZWlnaHQ6IDEwMCU7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNGdWxsIH07XG5cdC8qIFRleHQgY29sb3IgYXQgOTAlIG9wYWNpdHkgKi9cblx0YmFja2dyb3VuZC1jb2xvcjogY29sb3ItbWl4KFxuXHRcdGluIHNyZ2IsXG5cdFx0JHsgQ09MT1JTLnRoZW1lLmZvcmVncm91bmQgfSxcblx0XHR0cmFuc3BhcmVudCAxMCVcblx0KTtcblxuXHQvLyBXaW5kb3dzIGhpZ2ggY29udHJhc3QgbW9kZS5cblx0b3V0bGluZTogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXHRvdXRsaW5lLW9mZnNldDogLTJweDtcblxuXHQkeyAoIHsgaXNJbmRldGVybWluYXRlIH0gKSA9PlxuXHRcdGlzSW5kZXRlcm1pbmF0ZVxuXHRcdFx0PyBjc3MoIHtcblx0XHRcdFx0XHRhbmltYXRpb25EdXJhdGlvbjogJzEuNXMnLFxuXHRcdFx0XHRcdGFuaW1hdGlvblRpbWluZ0Z1bmN0aW9uOiAnZWFzZS1pbi1vdXQnLFxuXHRcdFx0XHRcdGFuaW1hdGlvbkl0ZXJhdGlvbkNvdW50OiAnaW5maW5pdGUnLFxuXHRcdFx0XHRcdGFuaW1hdGlvbk5hbWU6IGFuaW1hdGVQcm9ncmVzc0JhciggaXNSVEwoKSApLFxuXHRcdFx0XHRcdHdpZHRoOiBgJHsgSU5ERVRFUk1JTkFURV9UUkFDS19XSURUSCB9JWAsXG5cdFx0XHQgIH0gKVxuXHRcdFx0OiBjc3MoIHtcblx0XHRcdFx0XHR3aWR0aDogJ3ZhcigtLWluZGljYXRvci13aWR0aCknLFxuXHRcdFx0XHRcdHRyYW5zaXRpb246ICd3aWR0aCAwLjRzIGVhc2UtaW4tb3V0Jyxcblx0XHRcdCAgfSApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NFbGVtZW50ID0gc3R5bGVkLnByb2dyZXNzYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogMDtcblx0bGVmdDogMDtcblx0b3BhY2l0eTogMDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogMTAwJTtcbmA7XG4iXX0= */"));
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "152sa26",
+  styles: "width:var(--indicator-width);transition:width 0.4s ease-in-out"
+} : {
+  name: "1ox6xu8-Indicator",
+  styles: "width:var(--indicator-width);transition:width 0.4s ease-in-out;label:Indicator;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRksiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogV29yZFByZXNzIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBpc1JUTCB9IGZyb20gJ0B3b3JkcHJlc3MvaTE4bic7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5mdW5jdGlvbiBhbmltYXRlUHJvZ3Jlc3NCYXIoIGlzUnRsID0gZmFsc2UgKSB7XG5cdGNvbnN0IGFuaW1hdGlvbkRpcmVjdGlvbiA9IGlzUnRsID8gJ3JpZ2h0JyA6ICdsZWZ0JztcblxuXHRyZXR1cm4ga2V5ZnJhbWVzKCB7XG5cdFx0JzAlJzoge1xuXHRcdFx0WyBhbmltYXRpb25EaXJlY3Rpb24gXTogJy01MCUnLFxuXHRcdH0sXG5cdFx0JzEwMCUnOiB7XG5cdFx0XHRbIGFuaW1hdGlvbkRpcmVjdGlvbiBdOiAnMTAwJScsXG5cdFx0fSxcblx0fSApO1xufVxuXG4vLyBXaWR0aCBvZiB0aGUgaW5kaWNhdG9yIGZvciB0aGUgaW5kZXRlcm1pbmF0ZSBwcm9ncmVzcyBiYXJcbmV4cG9ydCBjb25zdCBJTkRFVEVSTUlOQVRFX1RSQUNLX1dJRFRIID0gNTA7XG5cbmV4cG9ydCBjb25zdCBUcmFjayA9IHN0eWxlZC5kaXZgXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0aGVpZ2h0OiAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9O1xuXHQvKiBUZXh0IGNvbG9yIGF0IDEwJSBvcGFjaXR5ICovXG5cdGJhY2tncm91bmQtY29sb3I6IGNvbG9yLW1peChcblx0XHRpbiBzcmdiLFxuXHRcdCR7IENPTE9SUy50aGVtZS5mb3JlZ3JvdW5kIH0sXG5cdFx0dHJhbnNwYXJlbnQgOTAlXG5cdCk7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNGdWxsIH07XG5cblx0Ly8gV2luZG93cyBoaWdoIGNvbnRyYXN0IG1vZGUuXG5cdG91dGxpbmU6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblxuXHQ6d2hlcmUoICYgKSB7XG5cdFx0d2lkdGg6IDE2MHB4O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgSW5kaWNhdG9yID0gc3R5bGVkLmRpdjwge1xuXHRpc0luZGV0ZXJtaW5hdGU6IGJvb2xlYW47XG59ID5gXG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDA7XG5cdGhlaWdodDogMTAwJTtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLnJhZGl1c0Z1bGwgfTtcblx0LyogVGV4dCBjb2xvciBhdCA5MCUgb3BhY2l0eSAqL1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiBjb2xvci1taXgoXG5cdFx0aW4gc3JnYixcblx0XHQkeyBDT0xPUlMudGhlbWUuZm9yZWdyb3VuZCB9LFxuXHRcdHRyYW5zcGFyZW50IDEwJVxuXHQpO1xuXG5cdC8vIFdpbmRvd3MgaGlnaCBjb250cmFzdCBtb2RlLlxuXHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdG91dGxpbmUtb2Zmc2V0OiAtMnB4O1xuXG5cdCR7ICggeyBpc0luZGV0ZXJtaW5hdGUgfSApID0+XG5cdFx0aXNJbmRldGVybWluYXRlXG5cdFx0XHQ/IGNzcygge1xuXHRcdFx0XHRcdGFuaW1hdGlvbkR1cmF0aW9uOiAnMS41cycsXG5cdFx0XHRcdFx0YW5pbWF0aW9uVGltaW5nRnVuY3Rpb246ICdlYXNlLWluLW91dCcsXG5cdFx0XHRcdFx0YW5pbWF0aW9uSXRlcmF0aW9uQ291bnQ6ICdpbmZpbml0ZScsXG5cdFx0XHRcdFx0YW5pbWF0aW9uTmFtZTogYW5pbWF0ZVByb2dyZXNzQmFyKCBpc1JUTCgpICksXG5cdFx0XHRcdFx0d2lkdGg6IGAkeyBJTkRFVEVSTUlOQVRFX1RSQUNLX1dJRFRIIH0lYCxcblx0XHRcdCAgfSApXG5cdFx0XHQ6IGNzcygge1xuXHRcdFx0XHRcdHdpZHRoOiAndmFyKC0taW5kaWNhdG9yLXdpZHRoKScsXG5cdFx0XHRcdFx0dHJhbnNpdGlvbjogJ3dpZHRoIDAuNHMgZWFzZS1pbi1vdXQnLFxuXHRcdFx0ICB9ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBQcm9ncmVzc0VsZW1lbnQgPSBzdHlsZWQucHJvZ3Jlc3NgXG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHRvcGFjaXR5OiAwO1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAxMDAlO1xuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var Indicator = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e15u147w1"
+} : {
+  target: "e15u147w1",
+  label: "Indicator"
+})("display:inline-block;position:absolute;top:0;height:100%;border-radius:", CONFIG.radiusFull, ";background-color:color-mix(\n		in srgb,\n		", COLORS.theme.foreground, ",\n		transparent 10%\n	);outline:2px solid transparent;outline-offset:-2px;", ({
+  isIndeterminate
+}) => isIndeterminate ? /* @__PURE__ */ css({
+  animationDuration: "1.5s",
+  animationTimingFunction: "ease-in-out",
+  animationIterationCount: "infinite",
+  animationName: animateProgressBar(isRTL()),
+  width: `${INDETERMINATE_TRACK_WIDTH}%`
+}, process.env.NODE_ENV === "production" ? "" : ";label:Indicator;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRUsiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogV29yZFByZXNzIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBpc1JUTCB9IGZyb20gJ0B3b3JkcHJlc3MvaTE4bic7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5mdW5jdGlvbiBhbmltYXRlUHJvZ3Jlc3NCYXIoIGlzUnRsID0gZmFsc2UgKSB7XG5cdGNvbnN0IGFuaW1hdGlvbkRpcmVjdGlvbiA9IGlzUnRsID8gJ3JpZ2h0JyA6ICdsZWZ0JztcblxuXHRyZXR1cm4ga2V5ZnJhbWVzKCB7XG5cdFx0JzAlJzoge1xuXHRcdFx0WyBhbmltYXRpb25EaXJlY3Rpb24gXTogJy01MCUnLFxuXHRcdH0sXG5cdFx0JzEwMCUnOiB7XG5cdFx0XHRbIGFuaW1hdGlvbkRpcmVjdGlvbiBdOiAnMTAwJScsXG5cdFx0fSxcblx0fSApO1xufVxuXG4vLyBXaWR0aCBvZiB0aGUgaW5kaWNhdG9yIGZvciB0aGUgaW5kZXRlcm1pbmF0ZSBwcm9ncmVzcyBiYXJcbmV4cG9ydCBjb25zdCBJTkRFVEVSTUlOQVRFX1RSQUNLX1dJRFRIID0gNTA7XG5cbmV4cG9ydCBjb25zdCBUcmFjayA9IHN0eWxlZC5kaXZgXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0aGVpZ2h0OiAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9O1xuXHQvKiBUZXh0IGNvbG9yIGF0IDEwJSBvcGFjaXR5ICovXG5cdGJhY2tncm91bmQtY29sb3I6IGNvbG9yLW1peChcblx0XHRpbiBzcmdiLFxuXHRcdCR7IENPTE9SUy50aGVtZS5mb3JlZ3JvdW5kIH0sXG5cdFx0dHJhbnNwYXJlbnQgOTAlXG5cdCk7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNGdWxsIH07XG5cblx0Ly8gV2luZG93cyBoaWdoIGNvbnRyYXN0IG1vZGUuXG5cdG91dGxpbmU6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblxuXHQ6d2hlcmUoICYgKSB7XG5cdFx0d2lkdGg6IDE2MHB4O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgSW5kaWNhdG9yID0gc3R5bGVkLmRpdjwge1xuXHRpc0luZGV0ZXJtaW5hdGU6IGJvb2xlYW47XG59ID5gXG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDA7XG5cdGhlaWdodDogMTAwJTtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLnJhZGl1c0Z1bGwgfTtcblx0LyogVGV4dCBjb2xvciBhdCA5MCUgb3BhY2l0eSAqL1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiBjb2xvci1taXgoXG5cdFx0aW4gc3JnYixcblx0XHQkeyBDT0xPUlMudGhlbWUuZm9yZWdyb3VuZCB9LFxuXHRcdHRyYW5zcGFyZW50IDEwJVxuXHQpO1xuXG5cdC8vIFdpbmRvd3MgaGlnaCBjb250cmFzdCBtb2RlLlxuXHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdG91dGxpbmUtb2Zmc2V0OiAtMnB4O1xuXG5cdCR7ICggeyBpc0luZGV0ZXJtaW5hdGUgfSApID0+XG5cdFx0aXNJbmRldGVybWluYXRlXG5cdFx0XHQ/IGNzcygge1xuXHRcdFx0XHRcdGFuaW1hdGlvbkR1cmF0aW9uOiAnMS41cycsXG5cdFx0XHRcdFx0YW5pbWF0aW9uVGltaW5nRnVuY3Rpb246ICdlYXNlLWluLW91dCcsXG5cdFx0XHRcdFx0YW5pbWF0aW9uSXRlcmF0aW9uQ291bnQ6ICdpbmZpbml0ZScsXG5cdFx0XHRcdFx0YW5pbWF0aW9uTmFtZTogYW5pbWF0ZVByb2dyZXNzQmFyKCBpc1JUTCgpICksXG5cdFx0XHRcdFx0d2lkdGg6IGAkeyBJTkRFVEVSTUlOQVRFX1RSQUNLX1dJRFRIIH0lYCxcblx0XHRcdCAgfSApXG5cdFx0XHQ6IGNzcygge1xuXHRcdFx0XHRcdHdpZHRoOiAndmFyKC0taW5kaWNhdG9yLXdpZHRoKScsXG5cdFx0XHRcdFx0dHJhbnNpdGlvbjogJ3dpZHRoIDAuNHMgZWFzZS1pbi1vdXQnLFxuXHRcdFx0ICB9ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBQcm9ncmVzc0VsZW1lbnQgPSBzdHlsZWQucHJvZ3Jlc3NgXG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHRvcGFjaXR5OiAwO1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAxMDAlO1xuYDtcbiJdfQ== */") : _ref, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1REciLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogV29yZFByZXNzIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBpc1JUTCB9IGZyb20gJ0B3b3JkcHJlc3MvaTE4bic7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5mdW5jdGlvbiBhbmltYXRlUHJvZ3Jlc3NCYXIoIGlzUnRsID0gZmFsc2UgKSB7XG5cdGNvbnN0IGFuaW1hdGlvbkRpcmVjdGlvbiA9IGlzUnRsID8gJ3JpZ2h0JyA6ICdsZWZ0JztcblxuXHRyZXR1cm4ga2V5ZnJhbWVzKCB7XG5cdFx0JzAlJzoge1xuXHRcdFx0WyBhbmltYXRpb25EaXJlY3Rpb24gXTogJy01MCUnLFxuXHRcdH0sXG5cdFx0JzEwMCUnOiB7XG5cdFx0XHRbIGFuaW1hdGlvbkRpcmVjdGlvbiBdOiAnMTAwJScsXG5cdFx0fSxcblx0fSApO1xufVxuXG4vLyBXaWR0aCBvZiB0aGUgaW5kaWNhdG9yIGZvciB0aGUgaW5kZXRlcm1pbmF0ZSBwcm9ncmVzcyBiYXJcbmV4cG9ydCBjb25zdCBJTkRFVEVSTUlOQVRFX1RSQUNLX1dJRFRIID0gNTA7XG5cbmV4cG9ydCBjb25zdCBUcmFjayA9IHN0eWxlZC5kaXZgXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0aGVpZ2h0OiAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9O1xuXHQvKiBUZXh0IGNvbG9yIGF0IDEwJSBvcGFjaXR5ICovXG5cdGJhY2tncm91bmQtY29sb3I6IGNvbG9yLW1peChcblx0XHRpbiBzcmdiLFxuXHRcdCR7IENPTE9SUy50aGVtZS5mb3JlZ3JvdW5kIH0sXG5cdFx0dHJhbnNwYXJlbnQgOTAlXG5cdCk7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNGdWxsIH07XG5cblx0Ly8gV2luZG93cyBoaWdoIGNvbnRyYXN0IG1vZGUuXG5cdG91dGxpbmU6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblxuXHQ6d2hlcmUoICYgKSB7XG5cdFx0d2lkdGg6IDE2MHB4O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgSW5kaWNhdG9yID0gc3R5bGVkLmRpdjwge1xuXHRpc0luZGV0ZXJtaW5hdGU6IGJvb2xlYW47XG59ID5gXG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDA7XG5cdGhlaWdodDogMTAwJTtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLnJhZGl1c0Z1bGwgfTtcblx0LyogVGV4dCBjb2xvciBhdCA5MCUgb3BhY2l0eSAqL1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiBjb2xvci1taXgoXG5cdFx0aW4gc3JnYixcblx0XHQkeyBDT0xPUlMudGhlbWUuZm9yZWdyb3VuZCB9LFxuXHRcdHRyYW5zcGFyZW50IDEwJVxuXHQpO1xuXG5cdC8vIFdpbmRvd3MgaGlnaCBjb250cmFzdCBtb2RlLlxuXHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdG91dGxpbmUtb2Zmc2V0OiAtMnB4O1xuXG5cdCR7ICggeyBpc0luZGV0ZXJtaW5hdGUgfSApID0+XG5cdFx0aXNJbmRldGVybWluYXRlXG5cdFx0XHQ/IGNzcygge1xuXHRcdFx0XHRcdGFuaW1hdGlvbkR1cmF0aW9uOiAnMS41cycsXG5cdFx0XHRcdFx0YW5pbWF0aW9uVGltaW5nRnVuY3Rpb246ICdlYXNlLWluLW91dCcsXG5cdFx0XHRcdFx0YW5pbWF0aW9uSXRlcmF0aW9uQ291bnQ6ICdpbmZpbml0ZScsXG5cdFx0XHRcdFx0YW5pbWF0aW9uTmFtZTogYW5pbWF0ZVByb2dyZXNzQmFyKCBpc1JUTCgpICksXG5cdFx0XHRcdFx0d2lkdGg6IGAkeyBJTkRFVEVSTUlOQVRFX1RSQUNLX1dJRFRIIH0lYCxcblx0XHRcdCAgfSApXG5cdFx0XHQ6IGNzcygge1xuXHRcdFx0XHRcdHdpZHRoOiAndmFyKC0taW5kaWNhdG9yLXdpZHRoKScsXG5cdFx0XHRcdFx0dHJhbnNpdGlvbjogJ3dpZHRoIDAuNHMgZWFzZS1pbi1vdXQnLFxuXHRcdFx0ICB9ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBQcm9ncmVzc0VsZW1lbnQgPSBzdHlsZWQucHJvZ3Jlc3NgXG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHRvcGFjaXR5OiAwO1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAxMDAlO1xuYDtcbiJdfQ== */"));
+var ProgressElement = /* @__PURE__ */ _styled("progress", process.env.NODE_ENV === "production" ? {
+  target: "e15u147w0"
+} : {
+  target: "e15u147w0",
+  label: "ProgressElement"
+})(process.env.NODE_ENV === "production" ? {
+  name: "11fb690",
+  styles: "position:absolute;top:0;left:0;opacity:0;width:100%;height:100%"
+} : {
+  name: "11fb690",
+  styles: "position:absolute;top:0;left:0;opacity:0;width:100%;height:100%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RjhDIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIFdvcmRQcmVzcyBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgaXNSVEwgfSBmcm9tICdAd29yZHByZXNzL2kxOG4nO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIENPTkZJRyB9IGZyb20gJy4uL3V0aWxzJztcblxuZnVuY3Rpb24gYW5pbWF0ZVByb2dyZXNzQmFyKCBpc1J0bCA9IGZhbHNlICkge1xuXHRjb25zdCBhbmltYXRpb25EaXJlY3Rpb24gPSBpc1J0bCA/ICdyaWdodCcgOiAnbGVmdCc7XG5cblx0cmV0dXJuIGtleWZyYW1lcygge1xuXHRcdCcwJSc6IHtcblx0XHRcdFsgYW5pbWF0aW9uRGlyZWN0aW9uIF06ICctNTAlJyxcblx0XHR9LFxuXHRcdCcxMDAlJzoge1xuXHRcdFx0WyBhbmltYXRpb25EaXJlY3Rpb24gXTogJzEwMCUnLFxuXHRcdH0sXG5cdH0gKTtcbn1cblxuLy8gV2lkdGggb2YgdGhlIGluZGljYXRvciBmb3IgdGhlIGluZGV0ZXJtaW5hdGUgcHJvZ3Jlc3MgYmFyXG5leHBvcnQgY29uc3QgSU5ERVRFUk1JTkFURV9UUkFDS19XSURUSCA9IDUwO1xuXG5leHBvcnQgY29uc3QgVHJhY2sgPSBzdHlsZWQuZGl2YFxuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdGhlaWdodDogJHsgQ09ORklHLmJvcmRlcldpZHRoRm9jdXMgfTtcblx0LyogVGV4dCBjb2xvciBhdCAxMCUgb3BhY2l0eSAqL1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiBjb2xvci1taXgoXG5cdFx0aW4gc3JnYixcblx0XHQkeyBDT0xPUlMudGhlbWUuZm9yZWdyb3VuZCB9LFxuXHRcdHRyYW5zcGFyZW50IDkwJVxuXHQpO1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzRnVsbCB9O1xuXG5cdC8vIFdpbmRvd3MgaGlnaCBjb250cmFzdCBtb2RlLlxuXHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdG91dGxpbmUtb2Zmc2V0OiAycHg7XG5cblx0OndoZXJlKCAmICkge1xuXHRcdHdpZHRoOiAxNjBweDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IEluZGljYXRvciA9IHN0eWxlZC5kaXY8IHtcblx0aXNJbmRldGVybWluYXRlOiBib29sZWFuO1xufSA+YFxuXHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiAwO1xuXHRoZWlnaHQ6IDEwMCU7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNGdWxsIH07XG5cdC8qIFRleHQgY29sb3IgYXQgOTAlIG9wYWNpdHkgKi9cblx0YmFja2dyb3VuZC1jb2xvcjogY29sb3ItbWl4KFxuXHRcdGluIHNyZ2IsXG5cdFx0JHsgQ09MT1JTLnRoZW1lLmZvcmVncm91bmQgfSxcblx0XHR0cmFuc3BhcmVudCAxMCVcblx0KTtcblxuXHQvLyBXaW5kb3dzIGhpZ2ggY29udHJhc3QgbW9kZS5cblx0b3V0bGluZTogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXHRvdXRsaW5lLW9mZnNldDogLTJweDtcblxuXHQkeyAoIHsgaXNJbmRldGVybWluYXRlIH0gKSA9PlxuXHRcdGlzSW5kZXRlcm1pbmF0ZVxuXHRcdFx0PyBjc3MoIHtcblx0XHRcdFx0XHRhbmltYXRpb25EdXJhdGlvbjogJzEuNXMnLFxuXHRcdFx0XHRcdGFuaW1hdGlvblRpbWluZ0Z1bmN0aW9uOiAnZWFzZS1pbi1vdXQnLFxuXHRcdFx0XHRcdGFuaW1hdGlvbkl0ZXJhdGlvbkNvdW50OiAnaW5maW5pdGUnLFxuXHRcdFx0XHRcdGFuaW1hdGlvbk5hbWU6IGFuaW1hdGVQcm9ncmVzc0JhciggaXNSVEwoKSApLFxuXHRcdFx0XHRcdHdpZHRoOiBgJHsgSU5ERVRFUk1JTkFURV9UUkFDS19XSURUSCB9JWAsXG5cdFx0XHQgIH0gKVxuXHRcdFx0OiBjc3MoIHtcblx0XHRcdFx0XHR3aWR0aDogJ3ZhcigtLWluZGljYXRvci13aWR0aCknLFxuXHRcdFx0XHRcdHRyYW5zaXRpb246ICd3aWR0aCAwLjRzIGVhc2UtaW4tb3V0Jyxcblx0XHRcdCAgfSApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NFbGVtZW50ID0gc3R5bGVkLnByb2dyZXNzYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogMDtcblx0bGVmdDogMDtcblx0b3BhY2l0eTogMDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogMTAwJTtcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export {
+  INDETERMINATE_TRACK_WIDTH,
+  Indicator,
+  ProgressElement,
+  Track
+};
+//# sourceMappingURL=styles.mjs.map

package/build-module/progress-bar/types.mjs

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

package/build-module/query-controls/author-select.mjs

@@ -0,0 +1,29 @@
+// packages/components/src/query-controls/author-select.tsx
+import { buildTermsTree } from "./terms.mjs";
+import TreeSelect from "../tree-select/index.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+function AuthorSelect({
+  __next40pxDefaultSize,
+  label,
+  noOptionLabel,
+  authorList,
+  selectedAuthorId,
+  onChange: onChangeProp
+}) {
+  if (!authorList) {
+    return null;
+  }
+  const termsTree = buildTermsTree(authorList);
+  return /* @__PURE__ */ _jsx(TreeSelect, {
+    label,
+    noOptionLabel,
+    onChange: onChangeProp,
+    tree: termsTree,
+    selectedId: selectedAuthorId !== void 0 ? String(selectedAuthorId) : void 0,
+    __next40pxDefaultSize
+  });
+}
+export {
+  AuthorSelect as default
+};
+//# sourceMappingURL=author-select.mjs.map

package/build-module/query-controls/category-select.mjs

@@ -0,0 +1,31 @@
+// packages/components/src/query-controls/category-select.tsx
+import { useMemo } from "@wordpress/element";
+import { buildTermsTree } from "./terms.mjs";
+import TreeSelect from "../tree-select/index.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+function CategorySelect({
+  __next40pxDefaultSize,
+  label,
+  noOptionLabel,
+  categoriesList,
+  selectedCategoryId,
+  onChange: onChangeProp,
+  ...props
+}) {
+  const termsTree = useMemo(() => {
+    return buildTermsTree(categoriesList);
+  }, [categoriesList]);
+  return /* @__PURE__ */ _jsx(TreeSelect, {
+    label,
+    noOptionLabel,
+    onChange: onChangeProp,
+    tree: termsTree,
+    selectedId: selectedCategoryId !== void 0 ? String(selectedCategoryId) : void 0,
+    ...props,
+    __next40pxDefaultSize
+  });
+}
+export {
+  CategorySelect as default
+};
+//# sourceMappingURL=category-select.mjs.map

package/build-module/query-controls/index.mjs

@@ -0,0 +1,115 @@
+// packages/components/src/query-controls/index.tsx
+import { __, _x } from "@wordpress/i18n";
+import AuthorSelect from "./author-select.mjs";
+import CategorySelect from "./category-select.mjs";
+import FormTokenField from "../form-token-field/index.mjs";
+import RangeControl from "../range-control/index.mjs";
+import SelectControl from "../select-control/index.mjs";
+import { VStack } from "../v-stack/index.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+var DEFAULT_MIN_ITEMS = 1;
+var DEFAULT_MAX_ITEMS = 100;
+var MAX_CATEGORIES_SUGGESTIONS = 20;
+function isSingleCategorySelection(props) {
+  return "categoriesList" in props;
+}
+function isMultipleCategorySelection(props) {
+  return "categorySuggestions" in props;
+}
+var defaultOrderByOptions = [{
+  label: __("Newest to oldest"),
+  value: "date/desc"
+}, {
+  label: __("Oldest to newest"),
+  value: "date/asc"
+}, {
+  /* translators: Label for ordering posts by title in ascending order. */
+  label: __("A \u2192 Z"),
+  value: "title/asc"
+}, {
+  /* translators: Label for ordering posts by title in descending order. */
+  label: __("Z \u2192 A"),
+  value: "title/desc"
+}];
+function QueryControls({
+  authorList,
+  selectedAuthorId,
+  numberOfItems,
+  order,
+  orderBy,
+  orderByOptions = defaultOrderByOptions,
+  maxItems = DEFAULT_MAX_ITEMS,
+  minItems = DEFAULT_MIN_ITEMS,
+  onAuthorChange,
+  onNumberOfItemsChange,
+  onOrderChange,
+  onOrderByChange,
+  // Props for single OR multiple category selection are not destructured here,
+  // but instead are destructured inline where necessary.
+  ...props
+}) {
+  return /* @__PURE__ */ _jsx(VStack, {
+    spacing: "4",
+    className: "components-query-controls",
+    children: [onOrderChange && onOrderByChange && /* @__PURE__ */ _jsx(SelectControl, {
+      __next40pxDefaultSize: true,
+      label: __("Order by"),
+      value: orderBy === void 0 || order === void 0 ? void 0 : `${orderBy}/${order}`,
+      options: orderByOptions,
+      onChange: (value) => {
+        if (typeof value !== "string") {
+          return;
+        }
+        const [newOrderBy, newOrder] = value.split("/");
+        if (newOrder !== order) {
+          onOrderChange(newOrder);
+        }
+        if (newOrderBy !== orderBy) {
+          onOrderByChange(newOrderBy);
+        }
+      }
+    }, "query-controls-order-select"), isSingleCategorySelection(props) && props.categoriesList && props.onCategoryChange && /* @__PURE__ */ _jsx(CategorySelect, {
+      __next40pxDefaultSize: true,
+      categoriesList: props.categoriesList,
+      label: __("Category"),
+      noOptionLabel: _x("All", "categories"),
+      selectedCategoryId: props.selectedCategoryId,
+      onChange: props.onCategoryChange
+    }, "query-controls-category-select"), isMultipleCategorySelection(props) && props.categorySuggestions && props.onCategoryChange && /* @__PURE__ */ _jsx(FormTokenField, {
+      __next40pxDefaultSize: true,
+      label: __("Categories"),
+      value: props.selectedCategories && props.selectedCategories.map((item) => ({
+        id: item.id,
+        // Keeping the fallback to `item.value` for legacy reasons,
+        // even if items of `selectedCategories` should not have a
+        // `value` property.
+        // @ts-expect-error
+        value: item.name || item.value
+      })),
+      suggestions: Object.keys(props.categorySuggestions),
+      onChange: props.onCategoryChange,
+      maxSuggestions: MAX_CATEGORIES_SUGGESTIONS
+    }, "query-controls-categories-select"), onAuthorChange && /* @__PURE__ */ _jsx(AuthorSelect, {
+      __next40pxDefaultSize: true,
+      authorList,
+      label: __("Author"),
+      noOptionLabel: _x("All", "authors"),
+      selectedAuthorId,
+      onChange: onAuthorChange
+    }, "query-controls-author-select"), onNumberOfItemsChange && /* @__PURE__ */ _jsx(RangeControl, {
+      __next40pxDefaultSize: true,
+      label: __("Number of items"),
+      value: numberOfItems,
+      onChange: onNumberOfItemsChange,
+      min: minItems,
+      max: maxItems,
+      required: true
+    }, "query-controls-range-control")]
+  });
+}
+var query_controls_default = QueryControls;
+export {
+  QueryControls,
+  query_controls_default as default
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/query-controls/terms.mjs

@@ -0,0 +1,39 @@
+// packages/components/src/query-controls/terms.ts
+var ensureParentsAreDefined = (terms) => {
+  return terms.every((term) => term.parent !== null);
+};
+function buildTermsTree(flatTerms) {
+  const flatTermsWithParentAndChildren = flatTerms.map((term) => ({
+    children: [],
+    parent: null,
+    ...term,
+    id: String(term.id)
+  }));
+  if (!ensureParentsAreDefined(flatTermsWithParentAndChildren)) {
+    return flatTermsWithParentAndChildren;
+  }
+  const termsByParent = flatTermsWithParentAndChildren.reduce((acc, term) => {
+    const {
+      parent
+    } = term;
+    if (!acc[parent]) {
+      acc[parent] = [];
+    }
+    acc[parent].push(term);
+    return acc;
+  }, {});
+  const fillWithChildren = (terms) => {
+    return terms.map((term) => {
+      const children = termsByParent[term.id];
+      return {
+        ...term,
+        children: children && children.length ? fillWithChildren(children) : []
+      };
+    });
+  };
+  return fillWithChildren(termsByParent["0"] || []);
+}
+export {
+  buildTermsTree
+};
+//# sourceMappingURL=terms.mjs.map

package/build-module/query-controls/types.mjs

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