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

package/build-module/style-provider/types.mjs

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

package/build-module/surface/component.mjs

@@ -0,0 +1,19 @@
+// packages/components/src/surface/component.tsx
+import { contextConnect } from "../context/index.mjs";
+import { View } from "../view/index.mjs";
+import { useSurface } from "./hook.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+function UnconnectedSurface(props, forwardedRef) {
+  const surfaceProps = useSurface(props);
+  return /* @__PURE__ */ _jsx(View, {
+    ...surfaceProps,
+    ref: forwardedRef
+  });
+}
+var Surface = contextConnect(UnconnectedSurface, "Surface");
+var component_default = Surface;
+export {
+  Surface,
+  component_default as default
+};
+//# sourceMappingURL=component.mjs.map

package/build-module/surface/hook.mjs

@@ -0,0 +1,37 @@
+// packages/components/src/surface/hook.ts
+import { useMemo } from "@wordpress/element";
+import { useContextSystem } from "../context/index.mjs";
+import * as styles from "./styles.mjs";
+import { useCx } from "../utils/hooks/use-cx.mjs";
+function useSurface(props) {
+  const {
+    backgroundSize = 12,
+    borderBottom = false,
+    borderLeft = false,
+    borderRight = false,
+    borderTop = false,
+    className,
+    variant = "primary",
+    ...otherProps
+  } = useContextSystem(props, "Surface");
+  const cx = useCx();
+  const classes = useMemo(() => {
+    const sx = {
+      borders: styles.getBorders({
+        borderBottom,
+        borderLeft,
+        borderRight,
+        borderTop
+      })
+    };
+    return cx(styles.Surface, sx.borders, styles.getVariant(variant, `${backgroundSize}px`, `${backgroundSize - 1}px`), className);
+  }, [backgroundSize, borderBottom, borderLeft, borderRight, borderTop, className, cx, variant]);
+  return {
+    ...otherProps,
+    className: classes
+  };
+}
+export {
+  useSurface
+};
+//# sourceMappingURL=hook.mjs.map

package/build-module/surface/index.mjs

@@ -0,0 +1,7 @@
+// packages/components/src/surface/index.ts
+import { default as default2 } from "./component.mjs";
+export * from "./hook.mjs";
+export {
+  default2 as Surface
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/surface/styles.mjs

@@ -0,0 +1,64 @@
+// packages/components/src/surface/styles.ts
+import { css } from "@emotion/react";
+import { CONFIG, COLORS } from "../utils/index.mjs";
+var Surface = /* @__PURE__ */ css("background-color:", CONFIG.surfaceColor, ";color:", COLORS.gray[900], ";position:relative;" + (process.env.NODE_ENV === "production" ? "" : ";label:Surface;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXMEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgU3VyZmFjZVZhcmlhbnQsIFN1cmZhY2VQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmdyYXlbIDkwMCBdIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGZ1bmN0aW9uIGdldEJvcmRlcnMoIHtcblx0Ym9yZGVyQm90dG9tLFxuXHRib3JkZXJMZWZ0LFxuXHRib3JkZXJSaWdodCxcblx0Ym9yZGVyVG9wLFxufTogUGljazxcblx0U3VyZmFjZVByb3BzLFxuXHQnYm9yZGVyQm90dG9tJyB8ICdib3JkZXJMZWZ0JyB8ICdib3JkZXJSaWdodCcgfCAnYm9yZGVyVG9wJ1xuPiApIHtcblx0Y29uc3QgYm9yZGVyU3R5bGUgPSBgMXB4IHNvbGlkICR7IENPTkZJRy5zdXJmYWNlQm9yZGVyQ29sb3IgfWA7XG5cblx0cmV0dXJuIGNzcygge1xuXHRcdGJvcmRlckJvdHRvbTogYm9yZGVyQm90dG9tID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyTGVmdDogYm9yZGVyTGVmdCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclJpZ2h0OiBib3JkZXJSaWdodCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclRvcDogYm9yZGVyVG9wID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdH0gKTtcbn1cblxuZXhwb3J0IGNvbnN0IHByaW1hcnkgPSBjc3NgYDtcblxuZXhwb3J0IGNvbnN0IHNlY29uZGFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGludENvbG9yIH07XG5gO1xuXG5leHBvcnQgY29uc3QgdGVydGlhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRlcnRpYXJ5Q29sb3IgfTtcbmA7XG5cbmNvbnN0IGN1c3RvbUJhY2tncm91bmRTaXplID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemU6IHN0cmluZyApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZDEgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdCc5MGRlZycsXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbmNvbnN0IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmcgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuZXhwb3J0IGNvbnN0IGdldERvdHRlZCA9IChcblx0c3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nXG4pID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSB9O1xuXHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuYDtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQxID0gW1xuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQyID0gW1xuXHQnOTBkZWcnLFxuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmRDb21iaW5lZCA9IFtcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQxIH0gKWAsXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMiB9IClgLFxuXS5qb2luKCAnLCcgKTtcblxuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nICkgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5cdFx0YmFja2dyb3VuZC1pbWFnZTogJHsgZ3JpZEJhY2tncm91bmRDb21iaW5lZCB9O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudDogU3VyZmFjZVZhcmlhbnQsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZ1xuKSA9PiB7XG5cdHN3aXRjaCAoIHZhcmlhbnQgKSB7XG5cdFx0Y2FzZSAnZG90dGVkJzoge1xuXHRcdFx0cmV0dXJuIGdldERvdHRlZChcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHRcdCk7XG5cdFx0fVxuXHRcdGNhc2UgJ2dyaWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0R3JpZCggc3VyZmFjZUJhY2tncm91bmRTaXplICk7XG5cdFx0fVxuXHRcdGNhc2UgJ3ByaW1hcnknOiB7XG5cdFx0XHRyZXR1cm4gcHJpbWFyeTtcblx0XHR9XG5cdFx0Y2FzZSAnc2Vjb25kYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHNlY29uZGFyeTtcblx0XHR9XG5cdFx0Y2FzZSAndGVydGlhcnknOiB7XG5cdFx0XHRyZXR1cm4gdGVydGlhcnk7XG5cdFx0fVxuXHR9XG59O1xuIl19 */");
+var background = /* @__PURE__ */ css("background-color:", CONFIG.surfaceBackgroundColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:background;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjZCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09ORklHLCBDT0xPUlMgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IFN1cmZhY2VWYXJpYW50LCBTdXJmYWNlUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IFN1cmZhY2UgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQ29sb3IgfTtcblx0Y29sb3I6ICR7IENPTE9SUy5ncmF5WyA5MDAgXSB9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFja2dyb3VuZCA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IgfTtcbmA7XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRCb3JkZXJzKCB7XG5cdGJvcmRlckJvdHRvbSxcblx0Ym9yZGVyTGVmdCxcblx0Ym9yZGVyUmlnaHQsXG5cdGJvcmRlclRvcCxcbn06IFBpY2s8XG5cdFN1cmZhY2VQcm9wcyxcblx0J2JvcmRlckJvdHRvbScgfCAnYm9yZGVyTGVmdCcgfCAnYm9yZGVyUmlnaHQnIHwgJ2JvcmRlclRvcCdcbj4gKSB7XG5cdGNvbnN0IGJvcmRlclN0eWxlID0gYDFweCBzb2xpZCAkeyBDT05GSUcuc3VyZmFjZUJvcmRlckNvbG9yIH1gO1xuXG5cdHJldHVybiBjc3MoIHtcblx0XHRib3JkZXJCb3R0b206IGJvcmRlckJvdHRvbSA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlckxlZnQ6IGJvcmRlckxlZnQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJSaWdodDogYm9yZGVyUmlnaHQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJUb3A6IGJvcmRlclRvcCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHR9ICk7XG59XG5cbmV4cG9ydCBjb25zdCBwcmltYXJ5ID0gY3NzYGA7XG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRpbnRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IHRlcnRpYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUZXJ0aWFyeUNvbG9yIH07XG5gO1xuXG5jb25zdCBjdXN0b21CYWNrZ3JvdW5kU2l6ZSA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcgKSA9PlxuXHRbIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSwgc3VyZmFjZUJhY2tncm91bmRTaXplIF0uam9pbiggJyAnICk7XG5cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQxID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZyApID0+XG5cdFtcblx0XHQnOTBkZWcnLFxuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQyID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZyApID0+XG5cdFtcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kQ29tYmluZWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQxKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRgbGluZWFyLWdyYWRpZW50KCAkeyBkb3R0ZWRCYWNrZ3JvdW5kMihcblx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdCkgfSApIGNlbnRlcmAsXG5cdFx0Q09ORklHLnN1cmZhY2VCb3JkZXJCb2xkQ29sb3IsXG5cdF0uam9pbiggJywnICk7XG5cbmV4cG9ydCBjb25zdCBnZXREb3R0ZWQgPSAoXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZ1xuKSA9PiBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgfTtcblx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcbmA7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMSA9IFtcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMiA9IFtcblx0JzkwZGVnJyxcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgPSBbXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMSB9IClgLFxuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDIgfSApYCxcbl0uam9pbiggJywnICk7XG5cbmV4cG9ydCBjb25zdCBnZXRHcmlkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemU6IHN0cmluZyApID0+IHtcblx0cmV0dXJuIGNzc2Bcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuXHRcdGJhY2tncm91bmQtaW1hZ2U6ICR7IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgfTtcblx0XHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuXHRgO1xufTtcblxuZXhwb3J0IGNvbnN0IGdldFZhcmlhbnQgPSAoXG5cdHZhcmlhbnQ6IFN1cmZhY2VWYXJpYW50LFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemU6IHN0cmluZyxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmdcbikgPT4ge1xuXHRzd2l0Y2ggKCB2YXJpYW50ICkge1xuXHRcdGNhc2UgJ2RvdHRlZCc6IHtcblx0XHRcdHJldHVybiBnZXREb3R0ZWQoXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0XHQpO1xuXHRcdH1cblx0XHRjYXNlICdncmlkJzoge1xuXHRcdFx0cmV0dXJuIGdldEdyaWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApO1xuXHRcdH1cblx0XHRjYXNlICdwcmltYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHByaW1hcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3NlY29uZGFyeSc6IHtcblx0XHRcdHJldHVybiBzZWNvbmRhcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3RlcnRpYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHRlcnRpYXJ5O1xuXHRcdH1cblx0fVxufTtcbiJdfQ== */");
+function getBorders({
+  borderBottom,
+  borderLeft,
+  borderRight,
+  borderTop
+}) {
+  const borderStyle = `1px solid ${CONFIG.surfaceBorderColor}`;
+  return /* @__PURE__ */ css({
+    borderBottom: borderBottom ? borderStyle : void 0,
+    borderLeft: borderLeft ? borderStyle : void 0,
+    borderRight: borderRight ? borderStyle : void 0,
+    borderTop: borderTop ? borderStyle : void 0
+  }, process.env.NODE_ENV === "production" ? "" : ";label:getBorders;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ1EiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgU3VyZmFjZVZhcmlhbnQsIFN1cmZhY2VQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmdyYXlbIDkwMCBdIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGZ1bmN0aW9uIGdldEJvcmRlcnMoIHtcblx0Ym9yZGVyQm90dG9tLFxuXHRib3JkZXJMZWZ0LFxuXHRib3JkZXJSaWdodCxcblx0Ym9yZGVyVG9wLFxufTogUGljazxcblx0U3VyZmFjZVByb3BzLFxuXHQnYm9yZGVyQm90dG9tJyB8ICdib3JkZXJMZWZ0JyB8ICdib3JkZXJSaWdodCcgfCAnYm9yZGVyVG9wJ1xuPiApIHtcblx0Y29uc3QgYm9yZGVyU3R5bGUgPSBgMXB4IHNvbGlkICR7IENPTkZJRy5zdXJmYWNlQm9yZGVyQ29sb3IgfWA7XG5cblx0cmV0dXJuIGNzcygge1xuXHRcdGJvcmRlckJvdHRvbTogYm9yZGVyQm90dG9tID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyTGVmdDogYm9yZGVyTGVmdCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclJpZ2h0OiBib3JkZXJSaWdodCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclRvcDogYm9yZGVyVG9wID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdH0gKTtcbn1cblxuZXhwb3J0IGNvbnN0IHByaW1hcnkgPSBjc3NgYDtcblxuZXhwb3J0IGNvbnN0IHNlY29uZGFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGludENvbG9yIH07XG5gO1xuXG5leHBvcnQgY29uc3QgdGVydGlhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRlcnRpYXJ5Q29sb3IgfTtcbmA7XG5cbmNvbnN0IGN1c3RvbUJhY2tncm91bmRTaXplID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemU6IHN0cmluZyApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZDEgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdCc5MGRlZycsXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbmNvbnN0IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmcgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuZXhwb3J0IGNvbnN0IGdldERvdHRlZCA9IChcblx0c3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nXG4pID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSB9O1xuXHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuYDtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQxID0gW1xuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQyID0gW1xuXHQnOTBkZWcnLFxuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmRDb21iaW5lZCA9IFtcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQxIH0gKWAsXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMiB9IClgLFxuXS5qb2luKCAnLCcgKTtcblxuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nICkgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5cdFx0YmFja2dyb3VuZC1pbWFnZTogJHsgZ3JpZEJhY2tncm91bmRDb21iaW5lZCB9O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudDogU3VyZmFjZVZhcmlhbnQsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZ1xuKSA9PiB7XG5cdHN3aXRjaCAoIHZhcmlhbnQgKSB7XG5cdFx0Y2FzZSAnZG90dGVkJzoge1xuXHRcdFx0cmV0dXJuIGdldERvdHRlZChcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHRcdCk7XG5cdFx0fVxuXHRcdGNhc2UgJ2dyaWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0R3JpZCggc3VyZmFjZUJhY2tncm91bmRTaXplICk7XG5cdFx0fVxuXHRcdGNhc2UgJ3ByaW1hcnknOiB7XG5cdFx0XHRyZXR1cm4gcHJpbWFyeTtcblx0XHR9XG5cdFx0Y2FzZSAnc2Vjb25kYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHNlY29uZGFyeTtcblx0XHR9XG5cdFx0Y2FzZSAndGVydGlhcnknOiB7XG5cdFx0XHRyZXR1cm4gdGVydGlhcnk7XG5cdFx0fVxuXHR9XG59O1xuIl19 */");
+}
+var primary = /* @__PURE__ */ css(process.env.NODE_ENV === "production" ? "" : ";label:primary;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QzBCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09ORklHLCBDT0xPUlMgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IFN1cmZhY2VWYXJpYW50LCBTdXJmYWNlUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IFN1cmZhY2UgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQ29sb3IgfTtcblx0Y29sb3I6ICR7IENPTE9SUy5ncmF5WyA5MDAgXSB9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFja2dyb3VuZCA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IgfTtcbmA7XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRCb3JkZXJzKCB7XG5cdGJvcmRlckJvdHRvbSxcblx0Ym9yZGVyTGVmdCxcblx0Ym9yZGVyUmlnaHQsXG5cdGJvcmRlclRvcCxcbn06IFBpY2s8XG5cdFN1cmZhY2VQcm9wcyxcblx0J2JvcmRlckJvdHRvbScgfCAnYm9yZGVyTGVmdCcgfCAnYm9yZGVyUmlnaHQnIHwgJ2JvcmRlclRvcCdcbj4gKSB7XG5cdGNvbnN0IGJvcmRlclN0eWxlID0gYDFweCBzb2xpZCAkeyBDT05GSUcuc3VyZmFjZUJvcmRlckNvbG9yIH1gO1xuXG5cdHJldHVybiBjc3MoIHtcblx0XHRib3JkZXJCb3R0b206IGJvcmRlckJvdHRvbSA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlckxlZnQ6IGJvcmRlckxlZnQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJSaWdodDogYm9yZGVyUmlnaHQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJUb3A6IGJvcmRlclRvcCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHR9ICk7XG59XG5cbmV4cG9ydCBjb25zdCBwcmltYXJ5ID0gY3NzYGA7XG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRpbnRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IHRlcnRpYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUZXJ0aWFyeUNvbG9yIH07XG5gO1xuXG5jb25zdCBjdXN0b21CYWNrZ3JvdW5kU2l6ZSA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcgKSA9PlxuXHRbIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSwgc3VyZmFjZUJhY2tncm91bmRTaXplIF0uam9pbiggJyAnICk7XG5cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQxID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZyApID0+XG5cdFtcblx0XHQnOTBkZWcnLFxuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQyID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZyApID0+XG5cdFtcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kQ29tYmluZWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQxKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRgbGluZWFyLWdyYWRpZW50KCAkeyBkb3R0ZWRCYWNrZ3JvdW5kMihcblx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdCkgfSApIGNlbnRlcmAsXG5cdFx0Q09ORklHLnN1cmZhY2VCb3JkZXJCb2xkQ29sb3IsXG5cdF0uam9pbiggJywnICk7XG5cbmV4cG9ydCBjb25zdCBnZXREb3R0ZWQgPSAoXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZ1xuKSA9PiBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgfTtcblx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcbmA7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMSA9IFtcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMiA9IFtcblx0JzkwZGVnJyxcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgPSBbXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMSB9IClgLFxuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDIgfSApYCxcbl0uam9pbiggJywnICk7XG5cbmV4cG9ydCBjb25zdCBnZXRHcmlkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemU6IHN0cmluZyApID0+IHtcblx0cmV0dXJuIGNzc2Bcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuXHRcdGJhY2tncm91bmQtaW1hZ2U6ICR7IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgfTtcblx0XHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuXHRgO1xufTtcblxuZXhwb3J0IGNvbnN0IGdldFZhcmlhbnQgPSAoXG5cdHZhcmlhbnQ6IFN1cmZhY2VWYXJpYW50LFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemU6IHN0cmluZyxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmdcbikgPT4ge1xuXHRzd2l0Y2ggKCB2YXJpYW50ICkge1xuXHRcdGNhc2UgJ2RvdHRlZCc6IHtcblx0XHRcdHJldHVybiBnZXREb3R0ZWQoXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0XHQpO1xuXHRcdH1cblx0XHRjYXNlICdncmlkJzoge1xuXHRcdFx0cmV0dXJuIGdldEdyaWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApO1xuXHRcdH1cblx0XHRjYXNlICdwcmltYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHByaW1hcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3NlY29uZGFyeSc6IHtcblx0XHRcdHJldHVybiBzZWNvbmRhcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3RlcnRpYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHRlcnRpYXJ5O1xuXHRcdH1cblx0fVxufTtcbiJdfQ== */");
+var secondary = /* @__PURE__ */ css("background:", CONFIG.surfaceBackgroundTintColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:secondary;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQzRCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09ORklHLCBDT0xPUlMgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IFN1cmZhY2VWYXJpYW50LCBTdXJmYWNlUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IFN1cmZhY2UgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQ29sb3IgfTtcblx0Y29sb3I6ICR7IENPTE9SUy5ncmF5WyA5MDAgXSB9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFja2dyb3VuZCA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IgfTtcbmA7XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRCb3JkZXJzKCB7XG5cdGJvcmRlckJvdHRvbSxcblx0Ym9yZGVyTGVmdCxcblx0Ym9yZGVyUmlnaHQsXG5cdGJvcmRlclRvcCxcbn06IFBpY2s8XG5cdFN1cmZhY2VQcm9wcyxcblx0J2JvcmRlckJvdHRvbScgfCAnYm9yZGVyTGVmdCcgfCAnYm9yZGVyUmlnaHQnIHwgJ2JvcmRlclRvcCdcbj4gKSB7XG5cdGNvbnN0IGJvcmRlclN0eWxlID0gYDFweCBzb2xpZCAkeyBDT05GSUcuc3VyZmFjZUJvcmRlckNvbG9yIH1gO1xuXG5cdHJldHVybiBjc3MoIHtcblx0XHRib3JkZXJCb3R0b206IGJvcmRlckJvdHRvbSA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlckxlZnQ6IGJvcmRlckxlZnQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJSaWdodDogYm9yZGVyUmlnaHQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJUb3A6IGJvcmRlclRvcCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHR9ICk7XG59XG5cbmV4cG9ydCBjb25zdCBwcmltYXJ5ID0gY3NzYGA7XG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRpbnRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IHRlcnRpYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUZXJ0aWFyeUNvbG9yIH07XG5gO1xuXG5jb25zdCBjdXN0b21CYWNrZ3JvdW5kU2l6ZSA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcgKSA9PlxuXHRbIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSwgc3VyZmFjZUJhY2tncm91bmRTaXplIF0uam9pbiggJyAnICk7XG5cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQxID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZyApID0+XG5cdFtcblx0XHQnOTBkZWcnLFxuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQyID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZyApID0+XG5cdFtcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kQ29tYmluZWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQxKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRgbGluZWFyLWdyYWRpZW50KCAkeyBkb3R0ZWRCYWNrZ3JvdW5kMihcblx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdCkgfSApIGNlbnRlcmAsXG5cdFx0Q09ORklHLnN1cmZhY2VCb3JkZXJCb2xkQ29sb3IsXG5cdF0uam9pbiggJywnICk7XG5cbmV4cG9ydCBjb25zdCBnZXREb3R0ZWQgPSAoXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZ1xuKSA9PiBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgfTtcblx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcbmA7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMSA9IFtcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMiA9IFtcblx0JzkwZGVnJyxcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgPSBbXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMSB9IClgLFxuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDIgfSApYCxcbl0uam9pbiggJywnICk7XG5cbmV4cG9ydCBjb25zdCBnZXRHcmlkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemU6IHN0cmluZyApID0+IHtcblx0cmV0dXJuIGNzc2Bcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuXHRcdGJhY2tncm91bmQtaW1hZ2U6ICR7IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgfTtcblx0XHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuXHRgO1xufTtcblxuZXhwb3J0IGNvbnN0IGdldFZhcmlhbnQgPSAoXG5cdHZhcmlhbnQ6IFN1cmZhY2VWYXJpYW50LFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemU6IHN0cmluZyxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmdcbikgPT4ge1xuXHRzd2l0Y2ggKCB2YXJpYW50ICkge1xuXHRcdGNhc2UgJ2RvdHRlZCc6IHtcblx0XHRcdHJldHVybiBnZXREb3R0ZWQoXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0XHQpO1xuXHRcdH1cblx0XHRjYXNlICdncmlkJzoge1xuXHRcdFx0cmV0dXJuIGdldEdyaWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApO1xuXHRcdH1cblx0XHRjYXNlICdwcmltYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHByaW1hcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3NlY29uZGFyeSc6IHtcblx0XHRcdHJldHVybiBzZWNvbmRhcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3RlcnRpYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHRlcnRpYXJ5O1xuXHRcdH1cblx0fVxufTtcbiJdfQ== */");
+var tertiary = /* @__PURE__ */ css("background:", CONFIG.surfaceBackgroundTertiaryColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tertiary;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QzJCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09ORklHLCBDT0xPUlMgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IFN1cmZhY2VWYXJpYW50LCBTdXJmYWNlUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IFN1cmZhY2UgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQ29sb3IgfTtcblx0Y29sb3I6ICR7IENPTE9SUy5ncmF5WyA5MDAgXSB9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFja2dyb3VuZCA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IgfTtcbmA7XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRCb3JkZXJzKCB7XG5cdGJvcmRlckJvdHRvbSxcblx0Ym9yZGVyTGVmdCxcblx0Ym9yZGVyUmlnaHQsXG5cdGJvcmRlclRvcCxcbn06IFBpY2s8XG5cdFN1cmZhY2VQcm9wcyxcblx0J2JvcmRlckJvdHRvbScgfCAnYm9yZGVyTGVmdCcgfCAnYm9yZGVyUmlnaHQnIHwgJ2JvcmRlclRvcCdcbj4gKSB7XG5cdGNvbnN0IGJvcmRlclN0eWxlID0gYDFweCBzb2xpZCAkeyBDT05GSUcuc3VyZmFjZUJvcmRlckNvbG9yIH1gO1xuXG5cdHJldHVybiBjc3MoIHtcblx0XHRib3JkZXJCb3R0b206IGJvcmRlckJvdHRvbSA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlckxlZnQ6IGJvcmRlckxlZnQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJSaWdodDogYm9yZGVyUmlnaHQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJUb3A6IGJvcmRlclRvcCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHR9ICk7XG59XG5cbmV4cG9ydCBjb25zdCBwcmltYXJ5ID0gY3NzYGA7XG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRpbnRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IHRlcnRpYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUZXJ0aWFyeUNvbG9yIH07XG5gO1xuXG5jb25zdCBjdXN0b21CYWNrZ3JvdW5kU2l6ZSA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcgKSA9PlxuXHRbIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSwgc3VyZmFjZUJhY2tncm91bmRTaXplIF0uam9pbiggJyAnICk7XG5cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQxID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZyApID0+XG5cdFtcblx0XHQnOTBkZWcnLFxuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQyID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZyApID0+XG5cdFtcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kQ29tYmluZWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQxKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRgbGluZWFyLWdyYWRpZW50KCAkeyBkb3R0ZWRCYWNrZ3JvdW5kMihcblx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdCkgfSApIGNlbnRlcmAsXG5cdFx0Q09ORklHLnN1cmZhY2VCb3JkZXJCb2xkQ29sb3IsXG5cdF0uam9pbiggJywnICk7XG5cbmV4cG9ydCBjb25zdCBnZXREb3R0ZWQgPSAoXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZ1xuKSA9PiBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgfTtcblx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcbmA7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMSA9IFtcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMiA9IFtcblx0JzkwZGVnJyxcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgPSBbXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMSB9IClgLFxuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDIgfSApYCxcbl0uam9pbiggJywnICk7XG5cbmV4cG9ydCBjb25zdCBnZXRHcmlkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemU6IHN0cmluZyApID0+IHtcblx0cmV0dXJuIGNzc2Bcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuXHRcdGJhY2tncm91bmQtaW1hZ2U6ICR7IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgfTtcblx0XHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuXHRgO1xufTtcblxuZXhwb3J0IGNvbnN0IGdldFZhcmlhbnQgPSAoXG5cdHZhcmlhbnQ6IFN1cmZhY2VWYXJpYW50LFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemU6IHN0cmluZyxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmdcbikgPT4ge1xuXHRzd2l0Y2ggKCB2YXJpYW50ICkge1xuXHRcdGNhc2UgJ2RvdHRlZCc6IHtcblx0XHRcdHJldHVybiBnZXREb3R0ZWQoXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0XHQpO1xuXHRcdH1cblx0XHRjYXNlICdncmlkJzoge1xuXHRcdFx0cmV0dXJuIGdldEdyaWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApO1xuXHRcdH1cblx0XHRjYXNlICdwcmltYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHByaW1hcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3NlY29uZGFyeSc6IHtcblx0XHRcdHJldHVybiBzZWNvbmRhcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3RlcnRpYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHRlcnRpYXJ5O1xuXHRcdH1cblx0fVxufTtcbiJdfQ== */");
+var customBackgroundSize = (surfaceBackgroundSize) => [surfaceBackgroundSize, surfaceBackgroundSize].join(" ");
+var dottedBackground1 = (surfaceBackgroundSizeDotted) => ["90deg", [CONFIG.surfaceBackgroundColor, surfaceBackgroundSizeDotted].join(" "), "transparent 1%"].join(",");
+var dottedBackground2 = (surfaceBackgroundSizeDotted) => [[CONFIG.surfaceBackgroundColor, surfaceBackgroundSizeDotted].join(" "), "transparent 1%"].join(",");
+var dottedBackgroundCombined = (surfaceBackgroundSizeDotted) => [`linear-gradient( ${dottedBackground1(surfaceBackgroundSizeDotted)} ) center`, `linear-gradient( ${dottedBackground2(surfaceBackgroundSizeDotted)} ) center`, CONFIG.surfaceBorderBoldColor].join(",");
+var getDotted = (surfaceBackgroundSize, surfaceBackgroundSizeDotted) => /* @__PURE__ */ css("background:", dottedBackgroundCombined(surfaceBackgroundSizeDotted), ";background-size:", customBackgroundSize(surfaceBackgroundSize), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getDotted;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRlEiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgU3VyZmFjZVZhcmlhbnQsIFN1cmZhY2VQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmdyYXlbIDkwMCBdIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGZ1bmN0aW9uIGdldEJvcmRlcnMoIHtcblx0Ym9yZGVyQm90dG9tLFxuXHRib3JkZXJMZWZ0LFxuXHRib3JkZXJSaWdodCxcblx0Ym9yZGVyVG9wLFxufTogUGljazxcblx0U3VyZmFjZVByb3BzLFxuXHQnYm9yZGVyQm90dG9tJyB8ICdib3JkZXJMZWZ0JyB8ICdib3JkZXJSaWdodCcgfCAnYm9yZGVyVG9wJ1xuPiApIHtcblx0Y29uc3QgYm9yZGVyU3R5bGUgPSBgMXB4IHNvbGlkICR7IENPTkZJRy5zdXJmYWNlQm9yZGVyQ29sb3IgfWA7XG5cblx0cmV0dXJuIGNzcygge1xuXHRcdGJvcmRlckJvdHRvbTogYm9yZGVyQm90dG9tID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyTGVmdDogYm9yZGVyTGVmdCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclJpZ2h0OiBib3JkZXJSaWdodCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclRvcDogYm9yZGVyVG9wID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdH0gKTtcbn1cblxuZXhwb3J0IGNvbnN0IHByaW1hcnkgPSBjc3NgYDtcblxuZXhwb3J0IGNvbnN0IHNlY29uZGFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGludENvbG9yIH07XG5gO1xuXG5leHBvcnQgY29uc3QgdGVydGlhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRlcnRpYXJ5Q29sb3IgfTtcbmA7XG5cbmNvbnN0IGN1c3RvbUJhY2tncm91bmRTaXplID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemU6IHN0cmluZyApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZDEgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdCc5MGRlZycsXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbmNvbnN0IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmcgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuZXhwb3J0IGNvbnN0IGdldERvdHRlZCA9IChcblx0c3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nXG4pID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSB9O1xuXHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuYDtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQxID0gW1xuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQyID0gW1xuXHQnOTBkZWcnLFxuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmRDb21iaW5lZCA9IFtcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQxIH0gKWAsXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMiB9IClgLFxuXS5qb2luKCAnLCcgKTtcblxuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nICkgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5cdFx0YmFja2dyb3VuZC1pbWFnZTogJHsgZ3JpZEJhY2tncm91bmRDb21iaW5lZCB9O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudDogU3VyZmFjZVZhcmlhbnQsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZ1xuKSA9PiB7XG5cdHN3aXRjaCAoIHZhcmlhbnQgKSB7XG5cdFx0Y2FzZSAnZG90dGVkJzoge1xuXHRcdFx0cmV0dXJuIGdldERvdHRlZChcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHRcdCk7XG5cdFx0fVxuXHRcdGNhc2UgJ2dyaWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0R3JpZCggc3VyZmFjZUJhY2tncm91bmRTaXplICk7XG5cdFx0fVxuXHRcdGNhc2UgJ3ByaW1hcnknOiB7XG5cdFx0XHRyZXR1cm4gcHJpbWFyeTtcblx0XHR9XG5cdFx0Y2FzZSAnc2Vjb25kYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHNlY29uZGFyeTtcblx0XHR9XG5cdFx0Y2FzZSAndGVydGlhcnknOiB7XG5cdFx0XHRyZXR1cm4gdGVydGlhcnk7XG5cdFx0fVxuXHR9XG59O1xuIl19 */");
+var gridBackground1 = [`${CONFIG.surfaceBorderSubtleColor} 1px`, "transparent 1px"].join(",");
+var gridBackground2 = ["90deg", `${CONFIG.surfaceBorderSubtleColor} 1px`, "transparent 1px"].join(",");
+var gridBackgroundCombined = [`linear-gradient( ${gridBackground1} )`, `linear-gradient( ${gridBackground2} )`].join(",");
+var getGrid = (surfaceBackgroundSize) => {
+  return /* @__PURE__ */ css("background:", CONFIG.surfaceBackgroundColor, ";background-image:", gridBackgroundCombined, ";background-size:", customBackgroundSize(surfaceBackgroundSize), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getGrid;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwR1ciLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgU3VyZmFjZVZhcmlhbnQsIFN1cmZhY2VQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmdyYXlbIDkwMCBdIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGZ1bmN0aW9uIGdldEJvcmRlcnMoIHtcblx0Ym9yZGVyQm90dG9tLFxuXHRib3JkZXJMZWZ0LFxuXHRib3JkZXJSaWdodCxcblx0Ym9yZGVyVG9wLFxufTogUGljazxcblx0U3VyZmFjZVByb3BzLFxuXHQnYm9yZGVyQm90dG9tJyB8ICdib3JkZXJMZWZ0JyB8ICdib3JkZXJSaWdodCcgfCAnYm9yZGVyVG9wJ1xuPiApIHtcblx0Y29uc3QgYm9yZGVyU3R5bGUgPSBgMXB4IHNvbGlkICR7IENPTkZJRy5zdXJmYWNlQm9yZGVyQ29sb3IgfWA7XG5cblx0cmV0dXJuIGNzcygge1xuXHRcdGJvcmRlckJvdHRvbTogYm9yZGVyQm90dG9tID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyTGVmdDogYm9yZGVyTGVmdCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclJpZ2h0OiBib3JkZXJSaWdodCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclRvcDogYm9yZGVyVG9wID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdH0gKTtcbn1cblxuZXhwb3J0IGNvbnN0IHByaW1hcnkgPSBjc3NgYDtcblxuZXhwb3J0IGNvbnN0IHNlY29uZGFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGludENvbG9yIH07XG5gO1xuXG5leHBvcnQgY29uc3QgdGVydGlhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRlcnRpYXJ5Q29sb3IgfTtcbmA7XG5cbmNvbnN0IGN1c3RvbUJhY2tncm91bmRTaXplID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemU6IHN0cmluZyApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZDEgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdCc5MGRlZycsXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbmNvbnN0IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmcgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuZXhwb3J0IGNvbnN0IGdldERvdHRlZCA9IChcblx0c3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nXG4pID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSB9O1xuXHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuYDtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQxID0gW1xuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQyID0gW1xuXHQnOTBkZWcnLFxuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmRDb21iaW5lZCA9IFtcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQxIH0gKWAsXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMiB9IClgLFxuXS5qb2luKCAnLCcgKTtcblxuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nICkgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5cdFx0YmFja2dyb3VuZC1pbWFnZTogJHsgZ3JpZEJhY2tncm91bmRDb21iaW5lZCB9O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudDogU3VyZmFjZVZhcmlhbnQsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZ1xuKSA9PiB7XG5cdHN3aXRjaCAoIHZhcmlhbnQgKSB7XG5cdFx0Y2FzZSAnZG90dGVkJzoge1xuXHRcdFx0cmV0dXJuIGdldERvdHRlZChcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHRcdCk7XG5cdFx0fVxuXHRcdGNhc2UgJ2dyaWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0R3JpZCggc3VyZmFjZUJhY2tncm91bmRTaXplICk7XG5cdFx0fVxuXHRcdGNhc2UgJ3ByaW1hcnknOiB7XG5cdFx0XHRyZXR1cm4gcHJpbWFyeTtcblx0XHR9XG5cdFx0Y2FzZSAnc2Vjb25kYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHNlY29uZGFyeTtcblx0XHR9XG5cdFx0Y2FzZSAndGVydGlhcnknOiB7XG5cdFx0XHRyZXR1cm4gdGVydGlhcnk7XG5cdFx0fVxuXHR9XG59O1xuIl19 */");
+};
+var getVariant = (variant, surfaceBackgroundSize, surfaceBackgroundSizeDotted) => {
+  switch (variant) {
+    case "dotted": {
+      return getDotted(surfaceBackgroundSize, surfaceBackgroundSizeDotted);
+    }
+    case "grid": {
+      return getGrid(surfaceBackgroundSize);
+    }
+    case "primary": {
+      return primary;
+    }
+    case "secondary": {
+      return secondary;
+    }
+    case "tertiary": {
+      return tertiary;
+    }
+  }
+};
+export {
+  Surface,
+  background,
+  getBorders,
+  getDotted,
+  getGrid,
+  getVariant,
+  primary,
+  secondary,
+  tertiary
+};
+//# sourceMappingURL=styles.mjs.map

package/build-module/surface/types.mjs

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

package/build-module/tab-panel/index.mjs

@@ -0,0 +1,129 @@
+// packages/components/src/tab-panel/index.tsx
+import * as Ariakit from "@ariakit/react";
+import clsx from "clsx";
+import { forwardRef, useEffect, useLayoutEffect, useCallback } from "@wordpress/element";
+import { useInstanceId, usePrevious } from "@wordpress/compose";
+import { isRTL } from "@wordpress/i18n";
+import Button from "../button/index.mjs";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var extractTabName = (id) => {
+  if (typeof id === "undefined" || id === null) {
+    return;
+  }
+  return id.match(/^tab-panel-[0-9]*-(.*)/)?.[1];
+};
+var UnforwardedTabPanel = ({
+  className,
+  children,
+  tabs,
+  selectOnMove = true,
+  initialTabName,
+  orientation = "horizontal",
+  activeClass = "is-active",
+  onSelect
+}, ref) => {
+  const instanceId = useInstanceId(TabPanel2, "tab-panel");
+  const prependInstanceId = useCallback((tabName) => {
+    if (typeof tabName === "undefined") {
+      return;
+    }
+    return `${instanceId}-${tabName}`;
+  }, [instanceId]);
+  const tabStore = Ariakit.useTabStore({
+    setSelectedId: (newTabValue) => {
+      if (typeof newTabValue === "undefined" || newTabValue === null) {
+        return;
+      }
+      const newTab = tabs.find((t) => prependInstanceId(t.name) === newTabValue);
+      if (newTab?.disabled || newTab === selectedTab) {
+        return;
+      }
+      const simplifiedTabName = extractTabName(newTabValue);
+      if (typeof simplifiedTabName === "undefined") {
+        return;
+      }
+      onSelect?.(simplifiedTabName);
+    },
+    orientation,
+    selectOnMove,
+    defaultSelectedId: prependInstanceId(initialTabName),
+    rtl: isRTL()
+  });
+  const selectedTabName = extractTabName(Ariakit.useStoreState(tabStore, "selectedId"));
+  const setTabStoreSelectedId = useCallback((tabName) => {
+    tabStore.setState("selectedId", prependInstanceId(tabName));
+  }, [prependInstanceId, tabStore]);
+  const selectedTab = tabs.find(({
+    name
+  }) => name === selectedTabName);
+  const previousSelectedTabName = usePrevious(selectedTabName);
+  useEffect(() => {
+    if (previousSelectedTabName !== selectedTabName && selectedTabName === initialTabName && !!selectedTabName) {
+      onSelect?.(selectedTabName);
+    }
+  }, [selectedTabName, initialTabName, onSelect, previousSelectedTabName]);
+  useLayoutEffect(() => {
+    if (selectedTab) {
+      return;
+    }
+    const initialTab = tabs.find((tab) => tab.name === initialTabName);
+    if (initialTabName && !initialTab) {
+      return;
+    }
+    if (initialTab && !initialTab.disabled) {
+      setTabStoreSelectedId(initialTab.name);
+    } else {
+      const firstEnabledTab = tabs.find((tab) => !tab.disabled);
+      if (firstEnabledTab) {
+        setTabStoreSelectedId(firstEnabledTab.name);
+      }
+    }
+  }, [tabs, selectedTab, initialTabName, instanceId, setTabStoreSelectedId]);
+  useEffect(() => {
+    if (!selectedTab?.disabled) {
+      return;
+    }
+    const firstEnabledTab = tabs.find((tab) => !tab.disabled);
+    if (firstEnabledTab) {
+      setTabStoreSelectedId(firstEnabledTab.name);
+    }
+  }, [tabs, selectedTab?.disabled, setTabStoreSelectedId, instanceId]);
+  return /* @__PURE__ */ _jsxs("div", {
+    className,
+    ref,
+    children: [/* @__PURE__ */ _jsx(Ariakit.TabList, {
+      store: tabStore,
+      className: "components-tab-panel__tabs",
+      children: tabs.map((tab) => {
+        return /* @__PURE__ */ _jsx(Ariakit.Tab, {
+          id: prependInstanceId(tab.name),
+          className: clsx("components-tab-panel__tabs-item", tab.className, {
+            [activeClass]: tab.name === selectedTabName
+          }),
+          disabled: tab.disabled,
+          "aria-controls": `${prependInstanceId(tab.name)}-view`,
+          render: /* @__PURE__ */ _jsx(Button, {
+            __next40pxDefaultSize: true,
+            icon: tab.icon,
+            label: tab.icon && tab.title,
+            showTooltip: !!tab.icon
+          }),
+          children: !tab.icon && tab.title
+        }, tab.name);
+      })
+    }), selectedTab && /* @__PURE__ */ _jsx(Ariakit.TabPanel, {
+      id: `${prependInstanceId(selectedTab.name)}-view`,
+      store: tabStore,
+      tabId: prependInstanceId(selectedTab.name),
+      className: "components-tab-panel__tab-content",
+      children: children(selectedTab)
+    })]
+  });
+};
+var TabPanel2 = forwardRef(UnforwardedTabPanel);
+var tab_panel_default = TabPanel2;
+export {
+  TabPanel2 as TabPanel,
+  tab_panel_default as default
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/tab-panel/types.mjs

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

package/build-module/tabs/context.mjs

@@ -0,0 +1,10 @@
+// packages/components/src/tabs/context.ts
+import { createContext, useContext } from "@wordpress/element";
+var TabsContext = createContext(void 0);
+TabsContext.displayName = "TabsContext";
+var useTabsContext = () => useContext(TabsContext);
+export {
+  TabsContext,
+  useTabsContext
+};
+//# sourceMappingURL=context.mjs.map

package/build-module/tabs/index.mjs

@@ -0,0 +1,101 @@
+// packages/components/src/tabs/index.tsx
+import * as Ariakit from "@ariakit/react";
+import { useInstanceId } from "@wordpress/compose";
+import { useEffect, useMemo } from "@wordpress/element";
+import { isRTL } from "@wordpress/i18n";
+import { TabsContext } from "./context.mjs";
+import { Tab } from "./tab.mjs";
+import { TabList } from "./tablist.mjs";
+import { TabPanel } from "./tabpanel.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+function externalToInternalTabId(externalId, instanceId) {
+  return externalId && `${instanceId}-${externalId}`;
+}
+function internalToExternalTabId(internalId, instanceId) {
+  return typeof internalId === "string" ? internalId.replace(`${instanceId}-`, "") : internalId;
+}
+var Tabs = Object.assign(function Tabs2({
+  selectOnMove = true,
+  defaultTabId,
+  orientation = "horizontal",
+  onSelect,
+  children,
+  selectedTabId,
+  activeTabId,
+  defaultActiveTabId,
+  onActiveTabIdChange
+}) {
+  const instanceId = useInstanceId(Tabs2, "tabs");
+  const store = Ariakit.useTabStore({
+    selectOnMove,
+    orientation,
+    defaultSelectedId: externalToInternalTabId(defaultTabId, instanceId),
+    setSelectedId: (newSelectedId) => {
+      onSelect?.(internalToExternalTabId(newSelectedId, instanceId));
+    },
+    selectedId: externalToInternalTabId(selectedTabId, instanceId),
+    defaultActiveId: externalToInternalTabId(defaultActiveTabId, instanceId),
+    setActiveId: (newActiveId) => {
+      onActiveTabIdChange?.(internalToExternalTabId(newActiveId, instanceId));
+    },
+    activeId: externalToInternalTabId(activeTabId, instanceId),
+    rtl: isRTL()
+  });
+  const {
+    items,
+    activeId
+  } = Ariakit.useStoreState(store);
+  const {
+    setActiveId
+  } = store;
+  useEffect(() => {
+    requestAnimationFrame(() => {
+      const focusedElement = items?.[0]?.element?.ownerDocument.activeElement;
+      if (!focusedElement || !items.some((item) => focusedElement === item.element)) {
+        return;
+      }
+      if (activeId !== focusedElement.id) {
+        setActiveId(focusedElement.id);
+      }
+    });
+  }, [activeId, items, setActiveId]);
+  const contextValue = useMemo(() => ({
+    store,
+    instanceId
+  }), [store, instanceId]);
+  return /* @__PURE__ */ _jsx(TabsContext.Provider, {
+    value: contextValue,
+    children
+  });
+}, {
+  /**
+   * Renders a single tab.
+   *
+   * The currently active tab receives default styling that can be
+   * overridden with CSS targeting `[aria-selected="true"]`.
+   */
+  Tab: Object.assign(Tab, {
+    displayName: "Tabs.Tab"
+  }),
+  /**
+   * A wrapper component for the `Tab` components.
+   *
+   * It is responsible for rendering the list of tabs.
+   */
+  TabList: Object.assign(TabList, {
+    displayName: "Tabs.TabList"
+  }),
+  /**
+   * Renders the content to display for a single tab once that tab is selected.
+   */
+  TabPanel: Object.assign(TabPanel, {
+    displayName: "Tabs.TabPanel"
+  }),
+  Context: Object.assign(TabsContext, {
+    displayName: "Tabs.Context"
+  })
+});
+export {
+  Tabs
+};
+//# sourceMappingURL=index.mjs.map