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

package/build-module/box-control/styles/box-control-styles.mjs

@@ -0,0 +1,96 @@
+// packages/components/src/box-control/styles/box-control-styles.ts
+import _styled from "@emotion/styled/base";
+import BoxControlIcon from "../icon.mjs";
+import Button from "../../button/index.mjs";
+import { HStack } from "../../h-stack/index.mjs";
+import RangeControl from "../../range-control/index.mjs";
+import UnitControl from "../../unit-control/index.mjs";
+import { space } from "../../utils/space.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).";
+}
+var StyledUnitControl = /* @__PURE__ */ _styled(UnitControl, process.env.NODE_ENV === "production" ? {
+  target: "e1jovhle5"
+} : {
+  target: "e1jovhle5",
+  label: "StyledUnitControl"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1ejyr19",
+  styles: "max-width:90px"
+} : {
+  name: "1ejyr19",
+  styles: "max-width:90px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJveC1jb250cm9sLXN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjc0QiLCJmaWxlIjoiYm94LWNvbnRyb2wtc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IEJveENvbnRyb2xJY29uIGZyb20gJy4uL2ljb24nO1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi8uLi9idXR0b24nO1xuaW1wb3J0IHsgSFN0YWNrIH0gZnJvbSAnLi4vLi4vaC1zdGFjayc7XG5pbXBvcnQgUmFuZ2VDb250cm9sIGZyb20gJy4uLy4uL3JhbmdlLWNvbnRyb2wnO1xuaW1wb3J0IFVuaXRDb250cm9sIGZyb20gJy4uLy4uL3VuaXQtY29udHJvbCc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3V0aWxzL3NwYWNlJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFVuaXRDb250cm9sID0gc3R5bGVkKCBVbml0Q29udHJvbCApYFxuXHRtYXgtd2lkdGg6IDkwcHg7XG5gO1xuXG5leHBvcnQgY29uc3QgSW5wdXRXcmFwcGVyID0gc3R5bGVkKCBIU3RhY2sgKWBcblx0Z3JpZC1jb2x1bW46IDEgLyBzcGFuIDM7XG5gO1xuXG5leHBvcnQgY29uc3QgUmVzZXRCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiApYFxuXHRncmlkLWFyZWE6IDEgLyAyO1xuXHRqdXN0aWZ5LXNlbGY6IGVuZDtcbmA7XG5cbmV4cG9ydCBjb25zdCBMaW5rZWRCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0Z3JpZC1hcmVhOiAxIC8gMztcblx0anVzdGlmeS1zZWxmOiBlbmQ7XG5gO1xuXG5leHBvcnQgY29uc3QgRmxleGVkQm94Q29udHJvbEljb24gPSBzdHlsZWQoIEJveENvbnRyb2xJY29uIClgXG5cdGZsZXg6IDAgMCBhdXRvO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZsZXhlZFJhbmdlQ29udHJvbCA9IHN0eWxlZCggUmFuZ2VDb250cm9sIClgXG5cdHdpZHRoOiAxMDAlO1xuXHRtYXJnaW4taW5saW5lLWVuZDogJHsgc3BhY2UoIDIgKSB9O1xuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var InputWrapper = /* @__PURE__ */ _styled(HStack, process.env.NODE_ENV === "production" ? {
+  target: "e1jovhle4"
+} : {
+  target: "e1jovhle4",
+  label: "InputWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1j1lmoi",
+  styles: "grid-column:1/span 3"
+} : {
+  name: "1j1lmoi",
+  styles: "grid-column:1/span 3",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJveC1jb250cm9sLXN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjRDIiwiZmlsZSI6ImJveC1jb250cm9sLXN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBCb3hDb250cm9sSWNvbiBmcm9tICcuLi9pY29uJztcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vYnV0dG9uJztcbmltcG9ydCB7IEhTdGFjayB9IGZyb20gJy4uLy4uL2gtc3RhY2snO1xuaW1wb3J0IFJhbmdlQ29udHJvbCBmcm9tICcuLi8uLi9yYW5nZS1jb250cm9sJztcbmltcG9ydCBVbml0Q29udHJvbCBmcm9tICcuLi8uLi91bml0LWNvbnRyb2wnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi8uLi91dGlscy9zcGFjZSc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRVbml0Q29udHJvbCA9IHN0eWxlZCggVW5pdENvbnRyb2wgKWBcblx0bWF4LXdpZHRoOiA5MHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IElucHV0V3JhcHBlciA9IHN0eWxlZCggSFN0YWNrIClgXG5cdGdyaWQtY29sdW1uOiAxIC8gc3BhbiAzO1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlc2V0QnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0Z3JpZC1hcmVhOiAxIC8gMjtcblx0anVzdGlmeS1zZWxmOiBlbmQ7XG5gO1xuXG5leHBvcnQgY29uc3QgTGlua2VkQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGdyaWQtYXJlYTogMSAvIDM7XG5cdGp1c3RpZnktc2VsZjogZW5kO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZsZXhlZEJveENvbnRyb2xJY29uID0gc3R5bGVkKCBCb3hDb250cm9sSWNvbiApYFxuXHRmbGV4OiAwIDAgYXV0bztcbmA7XG5cbmV4cG9ydCBjb25zdCBGbGV4ZWRSYW5nZUNvbnRyb2wgPSBzdHlsZWQoIFJhbmdlQ29udHJvbCApYFxuXHR3aWR0aDogMTAwJTtcblx0bWFyZ2luLWlubGluZS1lbmQ6ICR7IHNwYWNlKCAyICkgfTtcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var ResetButton = /* @__PURE__ */ _styled(Button, process.env.NODE_ENV === "production" ? {
+  target: "e1jovhle3"
+} : {
+  target: "e1jovhle3",
+  label: "ResetButton"
+})(process.env.NODE_ENV === "production" ? {
+  name: "tkya7b",
+  styles: "grid-area:1/2;justify-self:end"
+} : {
+  name: "tkya7b",
+  styles: "grid-area:1/2;justify-self:end",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJveC1jb250cm9sLXN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQjJDIiwiZmlsZSI6ImJveC1jb250cm9sLXN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBCb3hDb250cm9sSWNvbiBmcm9tICcuLi9pY29uJztcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vYnV0dG9uJztcbmltcG9ydCB7IEhTdGFjayB9IGZyb20gJy4uLy4uL2gtc3RhY2snO1xuaW1wb3J0IFJhbmdlQ29udHJvbCBmcm9tICcuLi8uLi9yYW5nZS1jb250cm9sJztcbmltcG9ydCBVbml0Q29udHJvbCBmcm9tICcuLi8uLi91bml0LWNvbnRyb2wnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi8uLi91dGlscy9zcGFjZSc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRVbml0Q29udHJvbCA9IHN0eWxlZCggVW5pdENvbnRyb2wgKWBcblx0bWF4LXdpZHRoOiA5MHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IElucHV0V3JhcHBlciA9IHN0eWxlZCggSFN0YWNrIClgXG5cdGdyaWQtY29sdW1uOiAxIC8gc3BhbiAzO1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlc2V0QnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0Z3JpZC1hcmVhOiAxIC8gMjtcblx0anVzdGlmeS1zZWxmOiBlbmQ7XG5gO1xuXG5leHBvcnQgY29uc3QgTGlua2VkQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGdyaWQtYXJlYTogMSAvIDM7XG5cdGp1c3RpZnktc2VsZjogZW5kO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZsZXhlZEJveENvbnRyb2xJY29uID0gc3R5bGVkKCBCb3hDb250cm9sSWNvbiApYFxuXHRmbGV4OiAwIDAgYXV0bztcbmA7XG5cbmV4cG9ydCBjb25zdCBGbGV4ZWRSYW5nZUNvbnRyb2wgPSBzdHlsZWQoIFJhbmdlQ29udHJvbCApYFxuXHR3aWR0aDogMTAwJTtcblx0bWFyZ2luLWlubGluZS1lbmQ6ICR7IHNwYWNlKCAyICkgfTtcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var LinkedButtonWrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1jovhle2"
+} : {
+  target: "e1jovhle2",
+  label: "LinkedButtonWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1dfa8al",
+  styles: "grid-area:1/3;justify-self:end"
+} : {
+  name: "1dfa8al",
+  styles: "grid-area:1/3;justify-self:end",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJveC1jb250cm9sLXN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQjZDIiwiZmlsZSI6ImJveC1jb250cm9sLXN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBCb3hDb250cm9sSWNvbiBmcm9tICcuLi9pY29uJztcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vYnV0dG9uJztcbmltcG9ydCB7IEhTdGFjayB9IGZyb20gJy4uLy4uL2gtc3RhY2snO1xuaW1wb3J0IFJhbmdlQ29udHJvbCBmcm9tICcuLi8uLi9yYW5nZS1jb250cm9sJztcbmltcG9ydCBVbml0Q29udHJvbCBmcm9tICcuLi8uLi91bml0LWNvbnRyb2wnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi8uLi91dGlscy9zcGFjZSc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRVbml0Q29udHJvbCA9IHN0eWxlZCggVW5pdENvbnRyb2wgKWBcblx0bWF4LXdpZHRoOiA5MHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IElucHV0V3JhcHBlciA9IHN0eWxlZCggSFN0YWNrIClgXG5cdGdyaWQtY29sdW1uOiAxIC8gc3BhbiAzO1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlc2V0QnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0Z3JpZC1hcmVhOiAxIC8gMjtcblx0anVzdGlmeS1zZWxmOiBlbmQ7XG5gO1xuXG5leHBvcnQgY29uc3QgTGlua2VkQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGdyaWQtYXJlYTogMSAvIDM7XG5cdGp1c3RpZnktc2VsZjogZW5kO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZsZXhlZEJveENvbnRyb2xJY29uID0gc3R5bGVkKCBCb3hDb250cm9sSWNvbiApYFxuXHRmbGV4OiAwIDAgYXV0bztcbmA7XG5cbmV4cG9ydCBjb25zdCBGbGV4ZWRSYW5nZUNvbnRyb2wgPSBzdHlsZWQoIFJhbmdlQ29udHJvbCApYFxuXHR3aWR0aDogMTAwJTtcblx0bWFyZ2luLWlubGluZS1lbmQ6ICR7IHNwYWNlKCAyICkgfTtcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var FlexedBoxControlIcon = /* @__PURE__ */ _styled(BoxControlIcon, process.env.NODE_ENV === "production" ? {
+  target: "e1jovhle1"
+} : {
+  target: "e1jovhle1",
+  label: "FlexedBoxControlIcon"
+})(process.env.NODE_ENV === "production" ? {
+  name: "ou8xsw",
+  styles: "flex:0 0 auto"
+} : {
+  name: "ou8xsw",
+  styles: "flex:0 0 auto",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJveC1jb250cm9sLXN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQzREIiwiZmlsZSI6ImJveC1jb250cm9sLXN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBCb3hDb250cm9sSWNvbiBmcm9tICcuLi9pY29uJztcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vYnV0dG9uJztcbmltcG9ydCB7IEhTdGFjayB9IGZyb20gJy4uLy4uL2gtc3RhY2snO1xuaW1wb3J0IFJhbmdlQ29udHJvbCBmcm9tICcuLi8uLi9yYW5nZS1jb250cm9sJztcbmltcG9ydCBVbml0Q29udHJvbCBmcm9tICcuLi8uLi91bml0LWNvbnRyb2wnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi8uLi91dGlscy9zcGFjZSc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRVbml0Q29udHJvbCA9IHN0eWxlZCggVW5pdENvbnRyb2wgKWBcblx0bWF4LXdpZHRoOiA5MHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IElucHV0V3JhcHBlciA9IHN0eWxlZCggSFN0YWNrIClgXG5cdGdyaWQtY29sdW1uOiAxIC8gc3BhbiAzO1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlc2V0QnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0Z3JpZC1hcmVhOiAxIC8gMjtcblx0anVzdGlmeS1zZWxmOiBlbmQ7XG5gO1xuXG5leHBvcnQgY29uc3QgTGlua2VkQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGdyaWQtYXJlYTogMSAvIDM7XG5cdGp1c3RpZnktc2VsZjogZW5kO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZsZXhlZEJveENvbnRyb2xJY29uID0gc3R5bGVkKCBCb3hDb250cm9sSWNvbiApYFxuXHRmbGV4OiAwIDAgYXV0bztcbmA7XG5cbmV4cG9ydCBjb25zdCBGbGV4ZWRSYW5nZUNvbnRyb2wgPSBzdHlsZWQoIFJhbmdlQ29udHJvbCApYFxuXHR3aWR0aDogMTAwJTtcblx0bWFyZ2luLWlubGluZS1lbmQ6ICR7IHNwYWNlKCAyICkgfTtcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var FlexedRangeControl = /* @__PURE__ */ _styled(RangeControl, process.env.NODE_ENV === "production" ? {
+  target: "e1jovhle0"
+} : {
+  target: "e1jovhle0",
+  label: "FlexedRangeControl"
+})("width:100%;margin-inline-end:", space(2), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJveC1jb250cm9sLXN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ3dEIiwiZmlsZSI6ImJveC1jb250cm9sLXN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBCb3hDb250cm9sSWNvbiBmcm9tICcuLi9pY29uJztcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vYnV0dG9uJztcbmltcG9ydCB7IEhTdGFjayB9IGZyb20gJy4uLy4uL2gtc3RhY2snO1xuaW1wb3J0IFJhbmdlQ29udHJvbCBmcm9tICcuLi8uLi9yYW5nZS1jb250cm9sJztcbmltcG9ydCBVbml0Q29udHJvbCBmcm9tICcuLi8uLi91bml0LWNvbnRyb2wnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi8uLi91dGlscy9zcGFjZSc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRVbml0Q29udHJvbCA9IHN0eWxlZCggVW5pdENvbnRyb2wgKWBcblx0bWF4LXdpZHRoOiA5MHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IElucHV0V3JhcHBlciA9IHN0eWxlZCggSFN0YWNrIClgXG5cdGdyaWQtY29sdW1uOiAxIC8gc3BhbiAzO1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlc2V0QnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0Z3JpZC1hcmVhOiAxIC8gMjtcblx0anVzdGlmeS1zZWxmOiBlbmQ7XG5gO1xuXG5leHBvcnQgY29uc3QgTGlua2VkQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGdyaWQtYXJlYTogMSAvIDM7XG5cdGp1c3RpZnktc2VsZjogZW5kO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZsZXhlZEJveENvbnRyb2xJY29uID0gc3R5bGVkKCBCb3hDb250cm9sSWNvbiApYFxuXHRmbGV4OiAwIDAgYXV0bztcbmA7XG5cbmV4cG9ydCBjb25zdCBGbGV4ZWRSYW5nZUNvbnRyb2wgPSBzdHlsZWQoIFJhbmdlQ29udHJvbCApYFxuXHR3aWR0aDogMTAwJTtcblx0bWFyZ2luLWlubGluZS1lbmQ6ICR7IHNwYWNlKCAyICkgfTtcbmA7XG4iXX0= */"));
+export {
+  FlexedBoxControlIcon,
+  FlexedRangeControl,
+  InputWrapper,
+  LinkedButtonWrapper,
+  ResetButton,
+  StyledUnitControl
+};
+//# sourceMappingURL=box-control-styles.mjs.map

package/build-module/box-control/types.mjs

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

package/build-module/box-control/utils.mjs

@@ -0,0 +1,263 @@
+// packages/components/src/box-control/utils.ts
+import { __ } from "@wordpress/i18n";
+import deprecated from "@wordpress/deprecated";
+var CUSTOM_VALUE_SETTINGS = {
+  px: {
+    max: 300,
+    step: 1
+  },
+  "%": {
+    max: 100,
+    step: 1
+  },
+  vw: {
+    max: 100,
+    step: 1
+  },
+  vh: {
+    max: 100,
+    step: 1
+  },
+  em: {
+    max: 10,
+    step: 0.1
+  },
+  rm: {
+    max: 10,
+    step: 0.1
+  },
+  svw: {
+    max: 100,
+    step: 1
+  },
+  lvw: {
+    max: 100,
+    step: 1
+  },
+  dvw: {
+    max: 100,
+    step: 1
+  },
+  svh: {
+    max: 100,
+    step: 1
+  },
+  lvh: {
+    max: 100,
+    step: 1
+  },
+  dvh: {
+    max: 100,
+    step: 1
+  },
+  vi: {
+    max: 100,
+    step: 1
+  },
+  svi: {
+    max: 100,
+    step: 1
+  },
+  lvi: {
+    max: 100,
+    step: 1
+  },
+  dvi: {
+    max: 100,
+    step: 1
+  },
+  vb: {
+    max: 100,
+    step: 1
+  },
+  svb: {
+    max: 100,
+    step: 1
+  },
+  lvb: {
+    max: 100,
+    step: 1
+  },
+  dvb: {
+    max: 100,
+    step: 1
+  },
+  vmin: {
+    max: 100,
+    step: 1
+  },
+  svmin: {
+    max: 100,
+    step: 1
+  },
+  lvmin: {
+    max: 100,
+    step: 1
+  },
+  dvmin: {
+    max: 100,
+    step: 1
+  },
+  vmax: {
+    max: 100,
+    step: 1
+  },
+  svmax: {
+    max: 100,
+    step: 1
+  },
+  lvmax: {
+    max: 100,
+    step: 1
+  },
+  dvmax: {
+    max: 100,
+    step: 1
+  }
+};
+var LABELS = {
+  all: __("All sides"),
+  top: __("Top side"),
+  bottom: __("Bottom side"),
+  left: __("Left side"),
+  right: __("Right side"),
+  vertical: __("Top and bottom sides"),
+  horizontal: __("Left and right sides")
+};
+var DEFAULT_VALUES = {
+  top: void 0,
+  right: void 0,
+  bottom: void 0,
+  left: void 0
+};
+var ALL_SIDES = ["top", "right", "bottom", "left"];
+function mode(arr) {
+  return arr.sort((a, b) => arr.filter((v) => v === a).length - arr.filter((v) => v === b).length).pop();
+}
+function getMergedValue(values = {}, availableSides = ALL_SIDES) {
+  const sides = normalizeSides(availableSides);
+  if (sides.every((side) => values[side] === values[sides[0]])) {
+    return values[sides[0]];
+  }
+  return void 0;
+}
+function isValueMixed(values = {}, availableSides = ALL_SIDES) {
+  const sides = normalizeSides(availableSides);
+  return sides.some((side) => values[side] !== values[sides[0]]);
+}
+function getAllUnitFallback(selectedUnits) {
+  if (!selectedUnits || typeof selectedUnits !== "object") {
+    return void 0;
+  }
+  const filteredUnits = Object.values(selectedUnits).filter(Boolean);
+  return mode(filteredUnits);
+}
+function isValuesDefined(values) {
+  return values && Object.values(values).filter(
+    // Switching units when input is empty causes values only
+    // containing units. This gives false positive on mixed values
+    // unless filtered.
+    (value) => !!value && /\d/.test(value)
+  ).length > 0;
+}
+function getInitialSide(isLinked, splitOnAxis) {
+  let initialSide = "all";
+  if (!isLinked) {
+    initialSide = splitOnAxis ? "vertical" : "top";
+  }
+  return initialSide;
+}
+function normalizeSides(sides) {
+  const filteredSides = [];
+  if (!sides?.length) {
+    return ALL_SIDES;
+  }
+  if (sides.includes("vertical")) {
+    filteredSides.push(...["top", "bottom"]);
+  } else if (sides.includes("horizontal")) {
+    filteredSides.push(...["left", "right"]);
+  } else {
+    const newSides = ALL_SIDES.filter((side) => sides.includes(side));
+    filteredSides.push(...newSides);
+  }
+  return filteredSides;
+}
+function applyValueToSides(currentValues, newValue, sides) {
+  deprecated("applyValueToSides", {
+    since: "6.8",
+    version: "7.0"
+  });
+  const newValues = {
+    ...currentValues
+  };
+  if (sides?.length) {
+    sides.forEach((side) => {
+      if (side === "vertical") {
+        newValues.top = newValue;
+        newValues.bottom = newValue;
+      } else if (side === "horizontal") {
+        newValues.left = newValue;
+        newValues.right = newValue;
+      } else {
+        newValues[side] = newValue;
+      }
+    });
+  } else {
+    ALL_SIDES.forEach((side) => newValues[side] = newValue);
+  }
+  return newValues;
+}
+function getAllowedSides(sides) {
+  const allowedSides = new Set(!sides ? ALL_SIDES : []);
+  sides?.forEach((allowedSide) => {
+    if (allowedSide === "vertical") {
+      allowedSides.add("top");
+      allowedSides.add("bottom");
+    } else if (allowedSide === "horizontal") {
+      allowedSides.add("right");
+      allowedSides.add("left");
+    } else {
+      allowedSides.add(allowedSide);
+    }
+  });
+  return allowedSides;
+}
+function isValuePreset(value, presetKey) {
+  return value.startsWith(`var:preset|${presetKey}|`);
+}
+function getPresetIndexFromValue(value, presetKey, presets) {
+  if (!isValuePreset(value, presetKey)) {
+    return void 0;
+  }
+  const match = value.match(new RegExp(`^var:preset\\|${presetKey}\\|(.+)$`));
+  if (!match) {
+    return void 0;
+  }
+  const slug = match[1];
+  const index = presets.findIndex((preset) => {
+    return preset.slug === slug;
+  });
+  return index !== -1 ? index : void 0;
+}
+function getPresetValueFromIndex(index, presetKey, presets) {
+  const preset = presets[index];
+  return `var:preset|${presetKey}|${preset.slug}`;
+}
+export {
+  ALL_SIDES,
+  CUSTOM_VALUE_SETTINGS,
+  DEFAULT_VALUES,
+  LABELS,
+  applyValueToSides,
+  getAllUnitFallback,
+  getAllowedSides,
+  getInitialSide,
+  getMergedValue,
+  getPresetIndexFromValue,
+  getPresetValueFromIndex,
+  isValueMixed,
+  isValuePreset,
+  isValuesDefined,
+  normalizeSides
+};
+//# sourceMappingURL=utils.mjs.map

package/build-module/button/deprecated.mjs

@@ -0,0 +1,35 @@
+// packages/components/src/button/deprecated.tsx
+import deprecated from "@wordpress/deprecated";
+import { forwardRef } from "@wordpress/element";
+import Button from "./index.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+function UnforwardedIconButton({
+  label,
+  labelPosition,
+  size,
+  tooltip,
+  ...props
+}, ref) {
+  deprecated("wp.components.IconButton", {
+    since: "5.4",
+    alternative: "wp.components.Button",
+    version: "6.2"
+  });
+  return (
+    // Disable reason: the parent component is taking care of the __next40pxDefaultSize prop.
+    // eslint-disable-next-line @wordpress/components-no-missing-40px-size-prop
+    /* @__PURE__ */ _jsx(Button, {
+      ...props,
+      ref,
+      tooltipPosition: labelPosition,
+      iconSize: size,
+      showTooltip: tooltip !== void 0 ? !!tooltip : void 0,
+      label: tooltip || label
+    })
+  );
+}
+var deprecated_default = forwardRef(UnforwardedIconButton);
+export {
+  deprecated_default as default
+};
+//# sourceMappingURL=deprecated.mjs.map

package/build-module/button/deprecated.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/button/deprecated.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Button from '.';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnforwardedIconButton({\n  label,\n  labelPosition,\n  size,\n  tooltip,\n  ...props\n}, ref) {\n  deprecated('wp.components.IconButton', {\n    since: '5.4',\n    alternative: 'wp.components.Button',\n    version: '6.2'\n  });\n  return (\n    /*#__PURE__*/\n    // Disable reason: the parent component is taking care of the __next40pxDefaultSize prop.\n    // eslint-disable-next-line @wordpress/components-no-missing-40px-size-prop\n    _jsx(Button, {\n      ...props,\n      ref: ref,\n      tooltipPosition: labelPosition,\n      iconSize: size,\n      showTooltip: tooltip !== undefined ? !!tooltip : undefined,\n      label: tooltip || label\n    })\n  );\n}\nexport default forwardRef(UnforwardedIconButton);"],
+  "mappings": ";AAOA,OAAO,gBAAgB;AACvB,SAAS,kBAAkB;AAK3B,OAAO,YAAY;AACnB,SAAS,OAAO,YAAY;AAC5B,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,KAAK;AACN,aAAW,4BAA4B;AAAA,IACrC,OAAO;AAAA,IACP,aAAa;AAAA,IACb,SAAS;AAAA,EACX,CAAC;AACD;AAAA;AAAA;AAAA,IAIE,qBAAK,QAAQ;AAAA,MACX,GAAG;AAAA,MACH;AAAA,MACA,iBAAiB;AAAA,MACjB,UAAU;AAAA,MACV,aAAa,YAAY,SAAY,CAAC,CAAC,UAAU;AAAA,MACjD,OAAO,WAAW;AAAA,IACpB,CAAC;AAAA;AAEL;AACA,IAAO,qBAAQ,WAAW,qBAAqB;",
+  "names": []
+}

package/build-module/button/index.mjs

@@ -0,0 +1,212 @@
+// packages/components/src/button/index.tsx
+import clsx from "clsx";
+import deprecated from "@wordpress/deprecated";
+import { forwardRef } from "@wordpress/element";
+import { useInstanceId } from "@wordpress/compose";
+import Tooltip from "../tooltip/index.mjs";
+import Icon from "../icon/index.mjs";
+import { VisuallyHidden } from "../visually-hidden/index.mjs";
+import { positionToPlacement } from "../popover/utils.mjs";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+var disabledEventsOnDisabledButton = ["onMouseDown", "onClick"];
+function useDeprecatedProps({
+  __experimentalIsFocusable,
+  isDefault,
+  isPrimary,
+  isSecondary,
+  isTertiary,
+  isLink,
+  isPressed,
+  isSmall,
+  size,
+  variant,
+  describedBy,
+  ...otherProps
+}) {
+  let computedSize = size;
+  let computedVariant = variant;
+  const newProps = {
+    accessibleWhenDisabled: __experimentalIsFocusable,
+    // @todo Mark `isPressed` as deprecated
+    "aria-pressed": isPressed,
+    description: describedBy
+  };
+  if (isSmall) {
+    var _computedSize;
+    (_computedSize = computedSize) !== null && _computedSize !== void 0 ? _computedSize : computedSize = "small";
+  }
+  if (isPrimary) {
+    var _computedVariant;
+    (_computedVariant = computedVariant) !== null && _computedVariant !== void 0 ? _computedVariant : computedVariant = "primary";
+  }
+  if (isTertiary) {
+    var _computedVariant2;
+    (_computedVariant2 = computedVariant) !== null && _computedVariant2 !== void 0 ? _computedVariant2 : computedVariant = "tertiary";
+  }
+  if (isSecondary) {
+    var _computedVariant3;
+    (_computedVariant3 = computedVariant) !== null && _computedVariant3 !== void 0 ? _computedVariant3 : computedVariant = "secondary";
+  }
+  if (isDefault) {
+    var _computedVariant4;
+    deprecated("wp.components.Button `isDefault` prop", {
+      since: "5.4",
+      alternative: 'variant="secondary"'
+    });
+    (_computedVariant4 = computedVariant) !== null && _computedVariant4 !== void 0 ? _computedVariant4 : computedVariant = "secondary";
+  }
+  if (isLink) {
+    var _computedVariant5;
+    (_computedVariant5 = computedVariant) !== null && _computedVariant5 !== void 0 ? _computedVariant5 : computedVariant = "link";
+  }
+  return {
+    ...newProps,
+    ...otherProps,
+    size: computedSize,
+    variant: computedVariant
+  };
+}
+function UnforwardedButton(props, ref) {
+  const {
+    __next40pxDefaultSize,
+    accessibleWhenDisabled,
+    isBusy,
+    isDestructive,
+    className,
+    disabled,
+    icon,
+    iconPosition = "left",
+    iconSize,
+    showTooltip,
+    tooltipPosition,
+    shortcut,
+    label,
+    children,
+    size = "default",
+    text,
+    variant,
+    description,
+    ...buttonOrAnchorProps
+  } = useDeprecatedProps(props);
+  const {
+    href,
+    target,
+    "aria-checked": ariaChecked,
+    "aria-pressed": ariaPressed,
+    "aria-selected": ariaSelected,
+    ...additionalProps
+  } = "href" in buttonOrAnchorProps ? buttonOrAnchorProps : {
+    href: void 0,
+    target: void 0,
+    ...buttonOrAnchorProps
+  };
+  const instanceId = useInstanceId(Button, "components-button__description");
+  const hasChildren = "string" === typeof children && !!children || Array.isArray(children) && children?.[0] && children[0] !== null && // Tooltip should not considered as a child
+  children?.[0]?.props?.className !== "components-tooltip";
+  const truthyAriaPressedValues = [true, "true", "mixed"];
+  const classes = clsx("components-button", className, {
+    "is-next-40px-default-size": __next40pxDefaultSize,
+    "is-secondary": variant === "secondary",
+    "is-primary": variant === "primary",
+    "is-small": size === "small",
+    "is-compact": size === "compact",
+    "is-tertiary": variant === "tertiary",
+    "is-pressed": truthyAriaPressedValues.includes(ariaPressed),
+    "is-pressed-mixed": ariaPressed === "mixed",
+    "is-busy": isBusy,
+    "is-link": variant === "link",
+    "is-destructive": isDestructive,
+    "has-text": !!icon && (hasChildren || text),
+    "has-icon": !!icon,
+    "has-icon-right": iconPosition === "right"
+  });
+  const trulyDisabled = disabled && !accessibleWhenDisabled;
+  const Tag = href !== void 0 && !disabled ? "a" : "button";
+  const buttonProps = Tag === "button" ? {
+    type: "button",
+    disabled: trulyDisabled,
+    "aria-checked": ariaChecked,
+    "aria-pressed": ariaPressed,
+    "aria-selected": ariaSelected
+  } : {};
+  const anchorProps = Tag === "a" ? {
+    href,
+    target
+  } : {};
+  const disableEventProps = {};
+  if (disabled && accessibleWhenDisabled) {
+    buttonProps["aria-disabled"] = true;
+    anchorProps["aria-disabled"] = true;
+    for (const disabledEvent of disabledEventsOnDisabledButton) {
+      disableEventProps[disabledEvent] = (event) => {
+        if (event) {
+          event.stopPropagation();
+          event.preventDefault();
+        }
+      };
+    }
+  }
+  const shouldShowTooltip = !trulyDisabled && // An explicit tooltip is passed or...
+  (showTooltip && !!label || // There's a shortcut or...
+  !!shortcut || // There's a label and...
+  !!label && // The children are empty and...
+  !children?.length && // The tooltip is not explicitly disabled.
+  false !== showTooltip);
+  const descriptionId = description ? instanceId : void 0;
+  const describedById = additionalProps["aria-describedby"] || descriptionId;
+  const commonProps = {
+    className: classes,
+    "aria-label": additionalProps["aria-label"] || label,
+    "aria-describedby": describedById,
+    ref
+  };
+  const elementChildren = /* @__PURE__ */ _jsxs(_Fragment, {
+    children: [icon && iconPosition === "left" && /* @__PURE__ */ _jsx(Icon, {
+      icon,
+      size: iconSize
+    }), text && /* @__PURE__ */ _jsx(_Fragment, {
+      children: text
+    }), children, icon && iconPosition === "right" && /* @__PURE__ */ _jsx(Icon, {
+      icon,
+      size: iconSize
+    })]
+  });
+  const element = Tag === "a" ? /* @__PURE__ */ _jsx("a", {
+    ...anchorProps,
+    ...additionalProps,
+    ...disableEventProps,
+    ...commonProps,
+    children: elementChildren
+  }) : /* @__PURE__ */ _jsx("button", {
+    ...buttonProps,
+    ...additionalProps,
+    ...disableEventProps,
+    ...commonProps,
+    children: elementChildren
+  });
+  const tooltipProps = shouldShowTooltip ? {
+    text: children?.length && description ? description : label,
+    shortcut,
+    placement: tooltipPosition && // Convert legacy `position` values to be used with the new `placement` prop
+    positionToPlacement(tooltipPosition)
+  } : {};
+  return /* @__PURE__ */ _jsxs(_Fragment, {
+    children: [/* @__PURE__ */ _jsx(Tooltip, {
+      ...tooltipProps,
+      children: element
+    }), description && /* @__PURE__ */ _jsx(VisuallyHidden, {
+      children: /* @__PURE__ */ _jsx("span", {
+        id: descriptionId,
+        children: description
+      })
+    })]
+  });
+}
+var Button = forwardRef(UnforwardedButton);
+var button_default = Button;
+export {
+  Button,
+  UnforwardedButton,
+  button_default as default
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/button/types.mjs

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

package/build-module/button-group/index.mjs

@@ -0,0 +1,32 @@
+// packages/components/src/button-group/index.tsx
+import clsx from "clsx";
+import { forwardRef } from "@wordpress/element";
+import deprecated from "@wordpress/deprecated";
+import { jsx as _jsx } from "react/jsx-runtime";
+function UnforwardedButtonGroup(props, ref) {
+  const {
+    className,
+    __shouldNotWarnDeprecated,
+    ...restProps
+  } = props;
+  const classes = clsx("components-button-group", className);
+  if (!__shouldNotWarnDeprecated) {
+    deprecated("wp.components.ButtonGroup", {
+      since: "6.8",
+      alternative: "wp.components.__experimentalToggleGroupControl"
+    });
+  }
+  return /* @__PURE__ */ _jsx("div", {
+    ref,
+    role: "group",
+    className: classes,
+    ...restProps
+  });
+}
+var ButtonGroup = forwardRef(UnforwardedButtonGroup);
+var button_group_default = ButtonGroup;
+export {
+  ButtonGroup,
+  button_group_default as default
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/button-group/types.mjs

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