@eightshift/ui-components 5.6.1 → 6.0.0

package/dist/components/tooltip/tooltip.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $d3f049242431219c$export$45fda7c47f93fd48, c as $2a41e45df1593e64$export$d39e1813b3bdd0e1, b as $d3f049242431219c$export$6d3443f2c48bfc20, d as $44f671af83e7d9e0$export$2de4954e8ae13b9f, e as $44f671af83e7d9e0$export$746d02f47f4d381 } from "../../OverlayArrow-DraDOoRn.js";
-import { n as $b5e257d569688ac6$export$535bd6ca7f90a273, b as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$export$f680877a34711e37, i as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-cvK1vxO7.js";
+import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $d3f049242431219c$export$45fda7c47f93fd48, c as $2a41e45df1593e64$export$d39e1813b3bdd0e1, b as $d3f049242431219c$export$6d3443f2c48bfc20, d as $44f671af83e7d9e0$export$2de4954e8ae13b9f, e as $44f671af83e7d9e0$export$746d02f47f4d381 } from "../../OverlayArrow-DokC40S3.js";
+import { m as $b5e257d569688ac6$export$535bd6ca7f90a273, a as $3ef42575df84b30b$export$9d1611c77c2fe928, b as $bdb11010cef70236$export$f680877a34711e37, h as $64fa3d84918910a7$export$2881499e37b75b9a, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, g as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-DGpXyJOJ.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-D2C6R0DK.js";
-import { w as $6179b936705e76d3$export$ae780daf29e6d456, $ as $f645667febf57a63$export$4c014de7c8940b4c, u as $507fabe10e71c6fb$export$630ff653c5ada6a9, l as $507fabe10e71c6fb$export$b9b3dfddab17db27, y as $f645667febf57a63$export$13f3202a3e5ddd5 } from "../../useHover-BRDW3y7-.js";
-import React__default, { useContext, useState, useMemo, useRef, useEffect, forwardRef, createContext } from "react";
-import { a as $96b38030c423d352$export$9fc1347d4195ccb3 } from "../../PortalProvider---wyKpMr.js";
-import { $ as $dbSRa$reactdom } from "../../index-D8-Zjpbd.js";
+import { w as $6179b936705e76d3$export$ae780daf29e6d456, $ as $f645667febf57a63$export$4c014de7c8940b4c, u as $507fabe10e71c6fb$export$630ff653c5ada6a9, l as $507fabe10e71c6fb$export$b9b3dfddab17db27, y as $f645667febf57a63$export$13f3202a3e5ddd5 } from "../../useHover-Bycb7BsD.js";
+import $dbSRa$react__default, { useContext, useState, useMemo, useRef, useEffect, forwardRef, createContext } from "react";
+import { a as $96b38030c423d352$export$9fc1347d4195ccb3 } from "../../PortalProvider-CHPnqDSH.js";
+import { $ as $dbSRa$reactdom } from "../../index-oFgxU4zs.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-const $f57aed4a881a3485$var$Context = /* @__PURE__ */ React__default.createContext(null);
+const $f57aed4a881a3485$var$Context = /* @__PURE__ */ $dbSRa$react__default.createContext(null);
 function $f57aed4a881a3485$export$178405afcd8c5eb(props) {
   let { children } = props;
   let parent = useContext($f57aed4a881a3485$var$Context);
@@ -27,7 +27,7 @@ function $f57aed4a881a3485$export$178405afcd8c5eb(props) {
     parent,
     modalCount
   ]);
-  return /* @__PURE__ */ React__default.createElement($f57aed4a881a3485$var$Context.Provider, {
+  return /* @__PURE__ */ $dbSRa$react__default.createElement($f57aed4a881a3485$var$Context.Provider, {
     value: context
   }, children);
 }
@@ -41,27 +41,27 @@ function $f57aed4a881a3485$export$d9aaed4c3ece1bc0() {
 }
 function $f57aed4a881a3485$var$OverlayContainerDOM(props) {
   let { modalProviderProps } = $f57aed4a881a3485$export$d9aaed4c3ece1bc0();
-  return /* @__PURE__ */ React__default.createElement("div", {
+  return /* @__PURE__ */ $dbSRa$react__default.createElement("div", {
     "data-overlay-container": true,
     ...props,
     ...modalProviderProps
   });
 }
 function $f57aed4a881a3485$export$bf688221f59024e5(props) {
-  return /* @__PURE__ */ React__default.createElement($f57aed4a881a3485$export$178405afcd8c5eb, null, /* @__PURE__ */ React__default.createElement($f57aed4a881a3485$var$OverlayContainerDOM, props));
+  return /* @__PURE__ */ $dbSRa$react__default.createElement($f57aed4a881a3485$export$178405afcd8c5eb, null, /* @__PURE__ */ $dbSRa$react__default.createElement($f57aed4a881a3485$var$OverlayContainerDOM, props));
 }
 function $f57aed4a881a3485$export$b47c3594eab58386(props) {
   let isSSR = $b5e257d569688ac6$export$535bd6ca7f90a273();
   let { portalContainer = isSSR ? null : document.body, ...rest } = props;
   let { getContainer } = $96b38030c423d352$export$9fc1347d4195ccb3();
   if (!props.portalContainer && getContainer) portalContainer = getContainer();
-  React__default.useEffect(() => {
+  $dbSRa$react__default.useEffect(() => {
     if (portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.closest("[data-overlay-container]")) throw new Error("An OverlayContainer must not be inside another container. Please change the portalContainer prop.");
   }, [
     portalContainer
   ]);
   if (!portalContainer) return null;
-  let contents = /* @__PURE__ */ React__default.createElement($f57aed4a881a3485$export$bf688221f59024e5, rest);
+  let contents = /* @__PURE__ */ $dbSRa$react__default.createElement($f57aed4a881a3485$export$bf688221f59024e5, rest);
   return /* @__PURE__ */ $dbSRa$reactdom.createPortal(contents, portalContainer);
 }
 function $326e436e94273fe1$export$1c4b08e0eca38426(props, state) {
@@ -260,7 +260,7 @@ function $4e3b923658d69c60$export$8c610744efcf8a1d(props) {
   let state = $8796f90736e175cb$export$4d40659c25ecb50b(props);
   let ref = useRef(null);
   let { triggerProps, tooltipProps } = $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref);
-  return /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
+  return /* @__PURE__ */ $dbSRa$react__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
     values: [
       [
         $4e3b923658d69c60$export$7a7623236eec67fa,
@@ -274,7 +274,7 @@ function $4e3b923658d69c60$export$8c610744efcf8a1d(props) {
         }
       ]
     ]
-  }, /* @__PURE__ */ React__default.createElement($f645667febf57a63$export$13f3202a3e5ddd5, {
+  }, /* @__PURE__ */ $dbSRa$react__default.createElement($f645667febf57a63$export$13f3202a3e5ddd5, {
     ...triggerProps,
     ref
   }, props.children));
@@ -286,9 +286,9 @@ const $4e3b923658d69c60$export$28c660c63b792dea = /* @__PURE__ */ forwardRef(fun
   let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
   let isExiting = $d3f049242431219c$export$45fda7c47f93fd48(ref, state.isOpen) || props.isExiting || false;
   if (!state.isOpen && !isExiting) return null;
-  return /* @__PURE__ */ React__default.createElement($f57aed4a881a3485$export$b47c3594eab58386, {
+  return /* @__PURE__ */ $dbSRa$react__default.createElement($f57aed4a881a3485$export$b47c3594eab58386, {
     portalContainer: UNSTABLE_portalContainer
-  }, /* @__PURE__ */ React__default.createElement($4e3b923658d69c60$var$TooltipInner, {
+  }, /* @__PURE__ */ $dbSRa$react__default.createElement($4e3b923658d69c60$var$TooltipInner, {
     ...props,
     tooltipRef: ref,
     isExiting
@@ -326,7 +326,7 @@ function $4e3b923658d69c60$var$TooltipInner(props) {
   let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
     global: true
   });
-  return /* @__PURE__ */ React__default.createElement("div", {
+  return /* @__PURE__ */ $dbSRa$react__default.createElement("div", {
     ...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, renderProps, tooltipProps),
     ref: props.tooltipRef,
     style: {
@@ -337,7 +337,7 @@ function $4e3b923658d69c60$var$TooltipInner(props) {
     "data-placement": placement !== null && placement !== void 0 ? placement : void 0,
     "data-entering": isEntering || void 0,
     "data-exiting": props.isExiting || void 0
-  }, /* @__PURE__ */ React__default.createElement($44f671af83e7d9e0$export$2de4954e8ae13b9f.Provider, {
+  }, /* @__PURE__ */ $dbSRa$react__default.createElement($44f671af83e7d9e0$export$2de4954e8ae13b9f.Provider, {
     value: {
       ...arrowProps,
       placement,
@@ -392,10 +392,10 @@ const Tooltip2 = (props) => {
     children,
     text,
     theme = "dark",
-    offset = 0,
+    offset = 5,
     crossOffset = 0,
     containerPadding = 12,
-    openDelay = 1500,
+    openDelay = 1200,
     closeDelay = 500,
     shouldFlip = true,
     arrow,
@@ -429,11 +429,12 @@ const Tooltip2 = (props) => {
             crossOffset,
             className: ({ isEntering, isExiting }) => clsx(
               "es:group es:pointer-events-none",
-              "es:z-20 es:select-none es:rounded-md es:border es:px-1.5 es:py-0.5 es:text-sm es:shadow es:backdrop-blur-3xl es:will-change-[transform,opacity] es:fill-mode-forwards",
-              theme === "light" && "es:border-secondary-200 es:bg-white/90 es:text-secondary-700",
-              theme === "dark" && "es:border-secondary-600 es:bg-black/80 es:text-secondary-100",
-              isEntering && "es:motion-opacity-in es:motion-duration-300 es:motion-safe:data-[placement=left]:motion-translate-x-in-[5%] es:motion-safe:data-[placement=right]:-motion-translate-x-in-[5%] es:motion-safe:data-[placement=top]:motion-translate-y-in-[5%] es:motion-safe:data-[placement=bottom]:-motion-translate-y-in-[5%] es:motion-ease-spring-smooth es:motion-ease-linear/opacity",
-              isExiting && "es:motion-opacity-out es:motion-duration-200 es:motion-safe:data-[placement=left]:motion-translate-x-out-[12.5%] es:motion-safe:data-[placement=right]:motion-translate-x-out-[-12.5%] es:motion-safe:data-[placement=top]:motion-translate-y-out-[12.5%] es:motion-safe:data-[placement=bottom]:motion-translate-y-out-[-12.5%] es:motion-ease-spring-smooth es:motion-ease-linear/opacity",
+              'es:font-variation-["wdth"_72,"YTLC"_520,"wght"_380]',
+              "es:z-40 es:select-none es:rounded-lg es:inset-ring es:px-2.5 es:py-2 es:text-13 es:leading-none es:shadow es:backdrop-blur-xl es:backdrop-brightness-105 es:backdrop-saturate-125 es:will-change-[transform,opacity] es:fill-mode-forwards",
+              theme === "light" && "es:inset-ring-surface-800/5 es:bg-surface-50/90 es:text-secondary-700",
+              theme === "dark" && "es:inset-ring-surface-200/15 es:bg-surface-800/80 es:text-secondary-100",
+              isEntering && "es:motion-opacity-in es:motion-duration-300 es:placement-left:motion-translate-x-in-[5%] es:placement-right:-motion-translate-x-in-[5%] es:placement-top:motion-translate-y-in-[5%] es:placement-bottom:-motion-translate-y-in-[5%] es:motion-ease-spring-smooth es:motion-ease-linear/opacity es:motion-blur-in-[1px]",
+              isExiting && "es:motion-opacity-out es:motion-duration-200 es:placement-left:motion-translate-x-out-[12.5%] es:placement-right:motion-translate-x-out-[-12.5%] es:placement-top:motion-translate-y-out-[12.5%] es:placement-bottom:motion-translate-y-out-[-12.5%] es:motion-ease-spring-smooth es:motion-ease-linear/opacity es:motion-blur-out-[2px]",
               className
             ),
             children: [
@@ -448,7 +449,7 @@ const Tooltip2 = (props) => {
                     "es:pointer-events-none",
                     theme === "light" && "es:fill-secondary-200",
                     theme === "dark" && "es:fill-secondary-600",
-                    "es:group-data-[placement=left]:-rotate-90 es:group-data-[placement=right]:rotate-90 es:group-data-[placement=bottom]:rotate-180",
+                    "es:group-placement-left:-rotate-90 es:group-placement-right:rotate-90 es:group-placement-bottom:rotate-180",
                     "es:forced-colors:fill-[Canvas] es:forced-colors:stroke-[ButtonBorder]"
                   ),
                   children: /* @__PURE__ */ jsx("path", { d: "M0 0 L4 4 L8 0" })

package/dist/{context-DMOmz986.js → context-BQvmiUqb.js}

@@ -1,5 +1,5 @@
-import React__default, { useState, useEffect, useContext } from "react";
-import { n as $b5e257d569688ac6$export$535bd6ca7f90a273 } from "./utils-cvK1vxO7.js";
+import $dbSRa$react__default, { useState, useEffect, useContext } from "react";
+import { m as $b5e257d569688ac6$export$535bd6ca7f90a273 } from "./utils-DGpXyJOJ.js";
 const $148a7a147e38ea7f$var$RTL_SCRIPTS = /* @__PURE__ */ new Set([
   "Arab",
   "Syrc",
@@ -81,7 +81,7 @@ function $1e5a04cdaf7d1af8$export$188ec29ebc2bdc3a() {
   };
   return defaultLocale;
 }
-const $18f2051aff69b9bf$var$I18nContext = /* @__PURE__ */ React__default.createContext(null);
+const $18f2051aff69b9bf$var$I18nContext = /* @__PURE__ */ $dbSRa$react__default.createContext(null);
 function $18f2051aff69b9bf$export$43bb16f9c6d9e3f7() {
   let defaultLocale = $1e5a04cdaf7d1af8$export$188ec29ebc2bdc3a();
   let context = useContext($18f2051aff69b9bf$var$I18nContext);

package/dist/{default-i18n-DBm-GqWM.js → default-i18n-CnQeC5Pl.js}

@@ -206,15 +206,15 @@ Tannin.prototype.dcnpgettext = function(domain, context, singular, plural, n) {
   }
   return index === 0 ? singular : plural;
 };
-const DEFAULT_LOCALE_DATA = {
+var DEFAULT_LOCALE_DATA = {
   "": {
     plural_forms(n) {
       return n === 1 ? 0 : 1;
     }
   }
 };
-const I18N_HOOK_REGEXP = /^i18n\.(n?gettext|has_translation)(_|$)/;
-const createI18n = (initialData, initialDomain, hooks) => {
+var I18N_HOOK_REGEXP = /^i18n\.(n?gettext|has_translation)(_|$)/;
+var createI18n = (initialData, initialDomain, hooks) => {
   const tannin = new Tannin({});
   const listeners = /* @__PURE__ */ new Set();
   const notifyListeners = () => {
@@ -641,7 +641,7 @@ function createDidHook(hooks, storeKey) {
   };
 }
 var createDidHook_default = createDidHook;
-class _Hooks {
+var _Hooks = class {
   actions;
   filters;
   addAction;
@@ -686,13 +686,13 @@ class _Hooks {
     this.didAction = createDidHook_default(this, "actions");
     this.didFilter = createDidHook_default(this, "filters");
   }
-}
+};
 function createHooks() {
   return new _Hooks();
 }
 var createHooks_default = createHooks;
-const defaultHooks = createHooks_default();
-const {
+var defaultHooks = createHooks_default();
+var {
   addAction,
   addFilter,
   removeAction,
@@ -714,14 +714,14 @@ const {
   actions,
   filters
 } = defaultHooks;
-const i18n = createI18n(void 0, void 0, defaultHooks);
+var i18n = createI18n(void 0, void 0, defaultHooks);
 i18n.getLocaleData.bind(i18n);
 i18n.setLocaleData.bind(i18n);
 i18n.resetLocaleData.bind(i18n);
 i18n.subscribe.bind(i18n);
-const __ = i18n.__.bind(i18n);
+var __ = i18n.__.bind(i18n);
 i18n._x.bind(i18n);
-const _n = i18n._n.bind(i18n);
+var _n = i18n._n.bind(i18n);
 i18n._nx.bind(i18n);
 i18n.isRTL.bind(i18n);
 i18n.hasTranslation.bind(i18n);

package/dist/{general-Ck8IV7xJ.js → general-B6pOveVp.js}

@@ -2855,6 +2855,12 @@ const contrast = (a2, b2) => {
   const lumB = luminanceRgb(rgb(b2)) + 0.05;
   return lumA > lumB ? lumA / lumB : lumB / lumA;
 };
+const ensureIterable = (x) => {
+  (x == null || !x[Symbol.iterator]) && illegalArgs(`value is not iterable: ${x}`);
+  return x;
+};
+const ensureArray = (x) => isArray(x) ? x : [...ensureIterable(x)];
+const ensureArrayLike = (x) => isArrayLike(x) ? x : [...ensureIterable(x)];
 const hslCss = (src) => {
   const h = FF(fract(src[0]) * 360);
   const s = PC(clamp01(src[1]));
@@ -3627,12 +3633,6 @@ function max(src) {
     (acc, x) => Math.max(acc, x)
   );
 }
-const ensureIterable = (x) => {
-  (x == null || !x[Symbol.iterator]) && illegalArgs(`value is not iterable: ${x}`);
-  return x;
-};
-const ensureArray = (x) => isArray(x) ? x : [...ensureIterable(x)];
-const ensureArrayLike = (x) => isArrayLike(x) ? x : [...ensureIterable(x)];
 function* permutations(...src) {
   const n = src.length - 1;
   if (n < 0) {
@@ -4019,8 +4019,8 @@ const analyzeImageAsync = async (imageSource, rawSettings, fbfc, fr, ac, dck, sr
     lightnessThreshold: 0.5,
     yFrom: 0,
     yTo: 1,
-    maxSize: 320,
-    alphaThreshold: 30
+    maxSize: 600,
+    alphaThreshold: 50
   };
   const settings = Object.assign({}, defaults, rawSettings);
   const numColors = settings.numColors;
@@ -4046,7 +4046,7 @@ const analyzeImageAsync = async (imageSource, rawSettings, fbfc, fr, ac, dck, sr
     const transparency = { any: true, left: true, right: true, top: true, bottom: true };
     let counts = { any: 0, left: 0, right: 0, top: 0, bottom: 0 };
     const perimeterThresholdW = Math.floor(0.15 * w);
-    const perimeterThresholdH = Math.floor((h > 100 ? 0.05 : 0.5) * h);
+    const perimeterThresholdH = Math.floor((h > 100 ? 0.075 : 0.75) * h);
     const innerThreshold = Math.floor(w * h * 1e-3);
     if (w > 0 && h > 0) {
       for (let x = 0; x < w; x++) {
@@ -4367,5 +4367,6 @@ export {
   analyzeImageData as d,
   floatBufferFromCanvas as f,
   getFileExtension as g,
-  isColorDark as i
+  isColorDark as i,
+  srgb as s
 };

package/dist/icons/icons.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { GenericColorSwatch } from "./generic-color-swatch.js";
 const icons = {
   width: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
@@ -581,7 +581,7 @@ const icons = {
     /* @__PURE__ */ jsx("circle", { cx: "8.5", cy: "8.5", r: "8.5", transform: "matrix(1 0 0 -1 1.5 18.5)", stroke: "currentColor", fill: "none" }),
     /* @__PURE__ */ jsx("path", { d: "m6 11 3 3 5-7", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })
   ] }),
-  check: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "m4 11 4.5 4.5L16 5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }) }),
+  check: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M2 10.79 7.143 16 18 5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }) }),
   textHighlightColorSwatchAlt: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
     /* @__PURE__ */ jsx("path", { d: "m5.5 11.5 1.535-3.412M14.5 11.5l-1.535-3.412m-5.93 0L10 1.5l2.965 6.588m-5.93 0h5.93", stroke: "currentColor", strokeOpacity: "0.3", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }),
     /* @__PURE__ */ jsx("path", { d: "m5.5 11.5 1.535-3.412M14.5 11.5l-1.535-3.412m-5.93 0L10 1.5l2.965 6.588m-5.93 0h5.93", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }),
@@ -1271,7 +1271,7 @@ const icons = {
     /* @__PURE__ */ jsx("rect", { x: "1", y: "14.5", width: "18", height: "4.5", rx: "1.5", stroke: "currentColor", fill: "none" }),
     /* @__PURE__ */ jsx("rect", { x: "1", y: "7.75", width: "18", height: "4.5", rx: "1.5", stroke: "currentColor", fill: "none" })
   ] }),
-  clear: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "m2 2 8 8m0 0 8 8m-8-8 8-8m-8 8-8 8", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }) }),
+  clear: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "m3 3 7 7m0 0 7 7m-7-7 7-7m-7 7-7 7", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }) }),
   dropdownCaret: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "m3 7 6.646 6.646a.5.5 0 0 0 .708 0L17 7", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }) }),
   checkCircleFill: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M10 19a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm-.955-4.452a.55.55 0 0 1-.434-.16l-3-3a.55.55 0 0 1 .692-.847l.086.07 2.54 2.541 4.624-6.471a.55.55 0 1 1 .894.638l-5 7a.55.55 0 0 1-.402.229Z", fill: "currentColor" }) }),
   componentGeneric: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
@@ -1611,7 +1611,7 @@ const icons = {
     /* @__PURE__ */ jsx("rect", { x: "1", y: "6", width: "18", height: "8", rx: "2", stroke: "currentColor", strokeOpacity: "0.3", fill: "none" }),
     /* @__PURE__ */ jsx("path", { d: "M6 10h8", stroke: "currentColor", strokeLinecap: "round", fill: "none" })
   ] }),
-  dropdownCaretAlt: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "m10.53 12.97 4.19-4.19a.75.75 0 0 0-.53-1.28H5.81a.75.75 0 0 0-.53 1.28l4.19 4.19a.75.75 0 0 0 1.06 0Z", fill: "currentColor" }) }),
+  dropdownCaretAlt: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "m10.354 12.646 4.792-4.792A.5.5 0 0 0 14.793 7H5.207a.5.5 0 0 0-.353.854l4.792 4.792a.5.5 0 0 0 .708 0Z", fill: "currentColor" }) }),
   layoutMasonry: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
     /* @__PURE__ */ jsx("rect", { x: "1", y: "1", width: "4.5", height: "7", rx: "1.5", stroke: "currentColor", fill: "none" }),
     /* @__PURE__ */ jsx("rect", { x: "7.75", y: "8", width: "4.5", height: "8", rx: "1.5", stroke: "currentColor", fill: "none" }),
@@ -3227,12 +3227,12 @@ const icons = {
   ] }),
   doorOut: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
     /* @__PURE__ */ jsx("path", { d: "M14 10.5V3a1.5 1.5 0 0 0-1.5-1.5h-7A1.5 1.5 0 0 0 4 3v13a1.5 1.5 0 0 0 1.5 1.5H8", stroke: "currentColor", fill: "none" }),
-    /* @__PURE__ */ jsx("path", { "clip-rule": "evenodd", fillRule: "evenodd", d: "M17 18a1.5 1.5 0 0 1-1.5 1.5h-5A1.5 1.5 0 0 1 9 18v-5a1.5 1.5 0 0 1 1.5-1.5h5A1.5 1.5 0 0 1 17 13v5Zm-1.646-2.146a.5.5 0 0 0 0-.708l-2-2a.5.5 0 0 0-.708.708L13.793 15H11a.5.5 0 0 0 0 1h2.793l-1.147 1.146a.5.5 0 0 0 .708.708l2-2Z", fill: "currentColor" }),
+    /* @__PURE__ */ jsx("path", { clipRule: "evenodd", fillRule: "evenodd", d: "M17 18a1.5 1.5 0 0 1-1.5 1.5h-5A1.5 1.5 0 0 1 9 18v-5a1.5 1.5 0 0 1 1.5-1.5h5A1.5 1.5 0 0 1 17 13v5Zm-1.646-2.146a.5.5 0 0 0 0-.708l-2-2a.5.5 0 0 0-.708.708L13.793 15H11a.5.5 0 0 0 0 1h2.793l-1.147 1.146a.5.5 0 0 0 .708.708l2-2Z", fill: "currentColor" }),
     /* @__PURE__ */ jsx("circle", { cx: "6.5", cy: "9.5", r: "1", fill: "currentColor" })
   ] }),
   doorIn: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
     /* @__PURE__ */ jsx("path", { d: "M6 10.5V3a1.5 1.5 0 0 1 1.5-1.5h7A1.5 1.5 0 0 1 16 3v13a1.5 1.5 0 0 1-1.5 1.5H12", stroke: "currentColor", fill: "none" }),
-    /* @__PURE__ */ jsx("path", { "clip-rule": "evenodd", fillRule: "evenodd", d: "M11 18a1.5 1.5 0 0 1-1.5 1.5h-5A1.5 1.5 0 0 1 3 18v-5a1.5 1.5 0 0 1 1.5-1.5h5A1.5 1.5 0 0 1 11 13v5Zm-1.646-2.146a.5.5 0 0 0 0-.708l-2-2a.5.5 0 0 0-.708.708L7.793 15H5a.5.5 0 0 0 0 1h2.793l-1.147 1.146a.5.5 0 0 0 .708.708l2-2Z", fill: "currentColor" }),
+    /* @__PURE__ */ jsx("path", { clipRule: "evenodd", fillRule: "evenodd", d: "M11 18a1.5 1.5 0 0 1-1.5 1.5h-5A1.5 1.5 0 0 1 3 18v-5a1.5 1.5 0 0 1 1.5-1.5h5A1.5 1.5 0 0 1 11 13v5Zm-1.646-2.146a.5.5 0 0 0 0-.708l-2-2a.5.5 0 0 0-.708.708L7.793 15H5a.5.5 0 0 0 0 1h2.793l-1.147 1.146a.5.5 0 0 0 .708.708l2-2Z", fill: "currentColor" }),
     /* @__PURE__ */ jsx("circle", { cx: "13.5", cy: "9.5", r: "1", fill: "currentColor" })
   ] }),
   webVideo: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
@@ -3296,14 +3296,14 @@ const icons = {
     /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "9", height: "2", rx: "0.75", fill: "currentColor", fillOpacity: "0.3" }),
     /* @__PURE__ */ jsx("rect", { x: "4", y: "7", width: "4", height: "6", rx: "0.75", fill: "currentColor", fillOpacity: "0.12" }),
     /* @__PURE__ */ jsx("rect", { x: "9", y: "7", width: "4", height: "4", rx: "0.75", fill: "currentColor", fillOpacity: "0.12" }),
-    /* @__PURE__ */ jsx("path", { "clip-rule": "evenodd", fillRule: "evenodd", d: "M14.075 11.47a1.176 1.176 0 0 1-1.687 1.06c-.111-.054-.251-.04-.326.058-.226.3-.412.632-.548.99-.05.134.042.276.175.329a1.177 1.177 0 0 1 0 2.186c-.133.053-.226.195-.175.33.136.357.322.69.548.989.075.099.215.112.326.058a1.176 1.176 0 0 1 1.685 1.126c-.007.123.06.247.18.278a4.004 4.004 0 0 0 1.5.095c.143-.018.225-.167.21-.31a1.176 1.176 0 0 1 1.927-1.029c.108.094.276.108.37 0a3.99 3.99 0 0 0 .726-1.207c.05-.135-.042-.276-.175-.33a1.177 1.177 0 0 1 0-2.186c.133-.053.226-.195.175-.33a4.002 4.002 0 0 0-.725-1.207c-.095-.108-.263-.093-.372 0a1.176 1.176 0 0 1-1.927-1.029c.016-.143-.066-.292-.208-.31a4.026 4.026 0 0 0-1.502.095c-.12.03-.186.155-.18.279a.697.697 0 0 1 .003.066Zm1.175 4.942a1.411 1.411 0 1 0-.002-2.822 1.411 1.411 0 0 0 .002 2.822Z", fill: "currentColor" })
+    /* @__PURE__ */ jsx("path", { clipRule: "evenodd", fillRule: "evenodd", d: "M14.075 11.47a1.176 1.176 0 0 1-1.687 1.06c-.111-.054-.251-.04-.326.058-.226.3-.412.632-.548.99-.05.134.042.276.175.329a1.177 1.177 0 0 1 0 2.186c-.133.053-.226.195-.175.33.136.357.322.69.548.989.075.099.215.112.326.058a1.176 1.176 0 0 1 1.685 1.126c-.007.123.06.247.18.278a4.004 4.004 0 0 0 1.5.095c.143-.018.225-.167.21-.31a1.176 1.176 0 0 1 1.927-1.029c.108.094.276.108.37 0a3.99 3.99 0 0 0 .726-1.207c.05-.135-.042-.276-.175-.33a1.177 1.177 0 0 1 0-2.186c.133-.053.226-.195.175-.33a4.002 4.002 0 0 0-.725-1.207c-.095-.108-.263-.093-.372 0a1.176 1.176 0 0 1-1.927-1.029c.016-.143-.066-.292-.208-.31a4.026 4.026 0 0 0-1.502.095c-.12.03-.186.155-.18.279a.697.697 0 0 1 .003.066Zm1.175 4.942a1.411 1.411 0 1 0-.002-2.822 1.411 1.411 0 0 0 .002 2.822Z", fill: "currentColor" })
   ] }),
   captionGeneric: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
     /* @__PURE__ */ jsx("rect", { x: "5", y: "17", width: "10", height: "3", rx: "1", fill: "currentColor" }),
     /* @__PURE__ */ jsx("path", { d: "M16.5 15h-13A1.5 1.5 0 0 1 2 13.5v-11A1.5 1.5 0 0 1 3.5 1h13A1.5 1.5 0 0 1 18 2.5v11a1.5 1.5 0 0 1-1.5 1.5Z", stroke: "currentColor", fill: "none" })
   ] }),
   componentOptions: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
-    /* @__PURE__ */ jsx("path", { "clip-rule": "evenodd", fillRule: "evenodd", d: "M14.575 11.97a1.176 1.176 0 0 1-1.687 1.06c-.111-.054-.251-.04-.326.058-.226.3-.412.632-.548.99-.05.134.042.276.175.329a1.177 1.177 0 0 1 0 2.186c-.133.053-.226.195-.175.33.136.357.322.69.548.989.075.099.215.112.326.058a1.176 1.176 0 0 1 1.685 1.126c-.007.123.06.247.18.278a4.004 4.004 0 0 0 1.5.095c.143-.018.225-.167.21-.31a1.176 1.176 0 0 1 1.927-1.029c.108.094.276.108.37 0a3.99 3.99 0 0 0 .726-1.207c.05-.135-.042-.276-.175-.33a1.177 1.177 0 0 1 0-2.186c.133-.053.226-.195.175-.33a4.002 4.002 0 0 0-.725-1.207c-.095-.108-.263-.093-.372 0a1.176 1.176 0 0 1-1.927-1.029c.016-.143-.066-.292-.208-.31a4.026 4.026 0 0 0-1.502.095c-.12.03-.186.155-.18.279a.697.697 0 0 1 .003.066Zm1.175 4.942a1.411 1.411 0 1 0-.002-2.822 1.411 1.411 0 0 0 .002 2.822Z", fill: "currentColor" }),
+    /* @__PURE__ */ jsx("path", { clipRule: "evenodd", fillRule: "evenodd", d: "M14.575 11.97a1.176 1.176 0 0 1-1.687 1.06c-.111-.054-.251-.04-.326.058-.226.3-.412.632-.548.99-.05.134.042.276.175.329a1.177 1.177 0 0 1 0 2.186c-.133.053-.226.195-.175.33.136.357.322.69.548.989.075.099.215.112.326.058a1.176 1.176 0 0 1 1.685 1.126c-.007.123.06.247.18.278a4.004 4.004 0 0 0 1.5.095c.143-.018.225-.167.21-.31a1.176 1.176 0 0 1 1.927-1.029c.108.094.276.108.37 0a3.99 3.99 0 0 0 .726-1.207c.05-.135-.042-.276-.175-.33a1.177 1.177 0 0 1 0-2.186c.133-.053.226-.195.175-.33a4.002 4.002 0 0 0-.725-1.207c-.095-.108-.263-.093-.372 0a1.176 1.176 0 0 1-1.927-1.029c.016-.143-.066-.292-.208-.31a4.026 4.026 0 0 0-1.502.095c-.12.03-.186.155-.18.279a.697.697 0 0 1 .003.066Zm1.175 4.942a1.411 1.411 0 1 0-.002-2.822 1.411 1.411 0 0 0 .002 2.822Z", fill: "currentColor" }),
     /* @__PURE__ */ jsx("path", { d: "m9.912 19-6.656-3.803a1.5 1.5 0 0 1-.756-1.303V5.235l7.412 4.236V19Z", fill: "currentColor", fillOpacity: "0.12", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ jsx("path", { d: "M17.324 11V5.235L9.912 9.471V19l.926-.53.464-.264m6.021-12.971-6.667-3.81a1.5 1.5 0 0 0-1.488 0L2.5 5.235l7.412 4.236 7.411-4.236Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })
   ] }),
@@ -3386,7 +3386,26 @@ const icons = {
     /* @__PURE__ */ jsx("circle", { cx: "5.25", cy: "5.25", r: "1.75", fill: "currentColor", fillOpacity: "0.5" }),
     /* @__PURE__ */ jsx("path", { d: "M18 11a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h5Zm-.12 2.12a.537.537 0 0 0-.76 0l-1.62 1.62-1.62-1.62a.537.537 0 1 0-.76.76l1.62 1.62-1.62 1.62a.537.537 0 1 0 .76.76l1.62-1.62 1.62 1.62a.537.537 0 1 0 .76-.76l-1.62-1.62 1.62-1.62c.21-.21.21-.55 0-.76Z", fill: "currentColor" }),
     /* @__PURE__ */ jsx("path", { d: "M3.475 10.705 1 12.79V15h10.5l1.5-2.5 1.241-.863-2.436-2.518a1.5 1.5 0 0 0-2.16.004l-1.78 1.854a1.5 1.5 0 0 1-2.114.05l-.278-.263a1.5 1.5 0 0 0-1.998-.059Z", fill: "currentColor", fillOpacity: "0.5" })
-  ] })
+  ] }),
+  responsiveOverridesAltFill: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
+    /* @__PURE__ */ jsx("path", { d: "M11.5 14.5v-3m0 3H9.179m2.321 0h2.321m-2.321-3H17a1.5 1.5 0 0 0 1.5-1.5V3A1.5 1.5 0 0 0 17 1.5H7A1.5 1.5 0 0 0 5.5 3v8.5h6Z", stroke: "currentColor", strokeLinecap: "round", fill: "none" }),
+    /* @__PURE__ */ jsx("rect", { x: "1", y: "7", width: "7", height: "12", rx: "1.5", fill: "currentColor" })
+  ] }),
+  responsiveOverridesAlt2Fill: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
+    /* @__PURE__ */ jsx("path", { d: "M17 1.5H7A1.5 1.5 0 0 0 5.5 3v4.5h1a1 1 0 0 1 1 1v3H17a1.5 1.5 0 0 0 1.5-1.5V3A1.5 1.5 0 0 0 17 1.5Z", fill: "currentColor" }),
+    /* @__PURE__ */ jsx("path", { d: "M11.5 14.5v-3m0 3H9.179m2.321 0h2.321m-2.321-3H17a1.5 1.5 0 0 0 1.5-1.5V3A1.5 1.5 0 0 0 17 1.5H7A1.5 1.5 0 0 0 5.5 3v4.5h1a1 1 0 0 1 1 1v3h4Z", stroke: "currentColor", strokeLinecap: "round", fill: "none" }),
+    /* @__PURE__ */ jsx("rect", { x: "1.5", y: "7.5", width: "6", height: "11", rx: "1", stroke: "currentColor", fill: "none" })
+  ] }),
+  responsiveOverridesAlt3Fill: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
+    /* @__PURE__ */ jsx("path", { d: "M17 1.5H7A1.5 1.5 0 0 0 5.5 3v2.5H7A2.5 2.5 0 0 1 9.5 8v3.5H17a1.5 1.5 0 0 0 1.5-1.5V3A1.5 1.5 0 0 0 17 1.5Z", fill: "currentColor" }),
+    /* @__PURE__ */ jsx("path", { d: "M11.5 14.5v-3m0 3H9.179m2.321 0h2.321m-2.321-3H17a1.5 1.5 0 0 0 1.5-1.5V3A1.5 1.5 0 0 0 17 1.5H7A1.5 1.5 0 0 0 5.5 3v2.5H7A2.5 2.5 0 0 1 9.5 8v3.5h2Z", stroke: "currentColor", strokeLinecap: "round", fill: "none" }),
+    /* @__PURE__ */ jsx("rect", { x: "1", y: "7", width: "7", height: "12", rx: "1.5", fill: "currentColor" })
+  ] }),
+  reorder: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
+    /* @__PURE__ */ jsx("path", { stroke: "currentColor", strokeLinecap: "round", d: "M2.5 5.5h15m-15 3h15m-15 3h15m-15 3h15", fill: "none" }),
+    /* @__PURE__ */ jsx("path", { d: "M12.148 3H7.852a.5.5 0 0 1-.326-.88L9.675.28a.5.5 0 0 1 .65 0l2.149 1.841a.5.5 0 0 1-.326.88Zm0 14H7.852a.5.5 0 0 0-.326.88l2.149 1.841a.5.5 0 0 0 .65 0l2.149-1.841a.5.5 0 0 0-.326-.88Z", fill: "currentColor" })
+  ] }),
+  loaderAlt: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M10 19v-2m-9-7h2m13.367 6.367-1.414-1.414m-11.32 1.414 1.414-1.414M10 3V1m7 9h2M5.047 5.047 3.633 3.633m11.32 1.414 1.414-1.414M10 17v-1.555M3 10h1.555m10.396 4.951-1.1-1.1m-8.803 1.1 1.1-1.1M10 4.556V3m5.444 7H17M6.147 6.147l-1.1-1.1m8.806 1.1 1.1-1.1", stroke: "currentColor", strokeLinecap: "round", fill: "none" }) })
 };
 const blockIcons = {
   // Eightshift blocks.

package/dist/icons/jsx-svg.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as svgToJsxString, a as source_default } from "../react-jsx-parser.min-VUl-CuCv.js";
+import { s as svgToJsxString, a as source_default } from "../react-jsx-parser.min-B_hvYYa1.js";
 /**
  * Renders SVG string as JSX SVGs.
  *

package/dist/icons/spinner.js

@@ -1,3 +1,5 @@
+import { jsx } from "react/jsx-runtime";
+import { c as clsx } from "../lite-DVmmD_-j.js";
 /**
  * A simple loading indicator.
  *
@@ -12,7 +14,7 @@
  *
  * @preserve
  */
-const Spinner = ({ className }) => cloneElement(icons.loader, { className: clsx("es:animate-spin es:size-8 es:text-accent-600", className) });
+const Spinner = ({ className }) => /* @__PURE__ */ jsx("div", { className: clsx("es:animate-spin es:anim-duration-1000", "es:spinner-5 es:text-accent-600 es:size-8 es:rounded-full", className) });
 export {
   Spinner
 };

package/dist/{index-Dq3gT5pW.js → index-BHpUy2Ix.js}

@@ -1,4 +1,4 @@
-import { c as clsx } from "./utils-cvK1vxO7.js";
+import { c as clsx } from "./clsx-DgYk2OaC.js";
 const falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
 const cx = clsx;
 const cva = (base, config) => (props) => {

package/dist/{index-D8-Zjpbd.js → index-oFgxU4zs.js}

@@ -1,4 +1,4 @@
-import React__default from "react";
+import $dbSRa$react__default from "react";
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -724,7 +724,7 @@ var hasRequiredReactDom_production_min;
 function requireReactDom_production_min() {
   if (hasRequiredReactDom_production_min) return reactDom_production_min;
   hasRequiredReactDom_production_min = 1;
-  var aa = React__default, ca = requireScheduler();
+  var aa = $dbSRa$react__default, ca = requireScheduler();
   function p(a) {
     for (var b = "https://reactjs.org/docs/error-decoder.html?invariant=" + a, c = 1; c < arguments.length; c++) b += "&args[]=" + encodeURIComponent(arguments[c]);
     return "Minified React error #" + a + "; visit " + b + " for the full message or use the non-minified dev environment for full errors and additional helpful warnings.";
@@ -7142,7 +7142,7 @@ function requireReactDom_development() {
       if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart === "function") {
         __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
       }
-      var React = React__default;
+      var React = $dbSRa$react__default;
       var Scheduler = requireScheduler();
       var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
       var suppressWarning = false;

package/dist/index.js

@@ -5,9 +5,10 @@ import { Button, ButtonGroup } from "./components/button/button.js";
 import { Checkbox } from "./components/checkbox/checkbox.js";
 import { ComponentToggle } from "./components/component-toggle/component-toggle.js";
 import { ContainerPanel } from "./components/container-panel/container-panel.js";
-import { ColorSwatch } from "./components/color-pickers/color-swatch.js";
+import { C } from "./color-swatch-CFIuSPcO.js";
 import { ColorPicker } from "./components/color-pickers/color-picker.js";
 import { ColumnConfigSlider, ColumnConfigSliderOutput } from "./components/slider/column-config-slider.js";
+import { Container, ContainerGroup } from "./components/base-control/container.js";
 import { DraggableList } from "./components/draggable-list/draggable-list.js";
 import { DraggableListItem, DraggableListItemHandle } from "./components/draggable-list/draggable-list-item.js";
 import { DraggableContext } from "./components/draggable/draggable-context.js";
@@ -37,15 +38,10 @@ import { RepeaterItem } from "./components/repeater/repeater-item.js";
 import { Responsive } from "./components/responsive/responsive.js";
 import { ResponsiveLegacy } from "./components/responsive/responsive-legacy.js";
 import { ResponsivePreview } from "./components/responsive-preview/responsive-preview.js";
-import { __AsyncMultiSelectNext } from "./components/select/v2/async-multi-select.js";
 import { AsyncMultiSelect } from "./components/select/async-multi-select.js";
-import { AsyncSelect } from "./components/select/async-single-select.js";
-import { AsyncSelectNext } from "./components/select/v2/async-select.js";
-import { SelectNext } from "./components/select/v2/single-select.js";
-import { __MultiSelectNext } from "./components/select/v2/multi-select.js";
+import { AsyncSelect } from "./components/select/async-select.js";
 import { Modal } from "./components/modal/modal.js";
 import { MultiSelect } from "./components/select/multi-select.js";
-import { RSClearIndicator, RSDropdownIndicator, RSMultiValue, RSMultiValueContainer, RSMultiValueLabel, RSMultiValueRemove, RSOption, RSSingleValue } from "./components/select/react-select-component-wrappers.js";
 import { OptionSelect } from "./components/option-select/option-select.js";
 import { OptionsPanel, OptionsPanelHeader, OptionsPanelIntro, OptionsPanelSection } from "./components/options-panel/options-panel.js";
 import { Select } from "./components/select/single-select.js";
@@ -64,17 +60,18 @@ export {
   AnimatedVisibility,
   AsyncMultiSelect,
   AsyncSelect,
-  AsyncSelectNext,
   BaseControl,
   BreakpointPreview,
   Button,
   ButtonGroup,
   Checkbox,
   ColorPicker,
-  ColorSwatch,
+  C as ColorSwatch,
   ColumnConfigSlider,
   ColumnConfigSliderOutput,
   ComponentToggle,
+  Container,
+  ContainerGroup,
   ContainerPanel,
   DecorativeTooltip,
   Draggable,
@@ -111,14 +108,6 @@ export {
   OptionsPanelSection,
   Popover,
   PortalProvider,
-  RSClearIndicator,
-  RSDropdownIndicator,
-  RSMultiValue,
-  RSMultiValueContainer,
-  RSMultiValueLabel,
-  RSMultiValueRemove,
-  RSOption,
-  RSSingleValue,
   RadioButton,
   RadioButtonGroup,
   Repeater,
@@ -128,7 +117,6 @@ export {
   ResponsivePreview,
   RichLabel,
   Select,
-  SelectNext,
   Slider,
   SmartImage,
   SolidColorPicker,
@@ -144,7 +132,5 @@ export {
   Tooltip,
   TriggeredPopover,
   VStack,
-  __AsyncMultiSelectNext,
-  __MultiSelectNext,
   getColumnConfigOutputText
 };