@eightshift/ui-components 1.9.1 → 2.0.0

package/dist/{index-641ee5b8.esm-DRaWil7u.js → index-641ee5b8.esm-DbdaYaxR.js}

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { forwardRef, useContext, useLayoutEffect, useRef, useState, useMemo, useCallback, createContext } from "react";
-import { r as reactDomExports } from "./index-D0mHceYg.js";
+import { r as reactDomExports } from "./index-BRp93Yfa.js";
 function _typeof(o) {
   "@babel/helpers - typeof";
   return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
@@ -98,7 +98,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.includes(n)) continue;
+    if (-1 !== e.indexOf(n)) continue;
     t[n] = r[n];
   }
   return t;
@@ -107,8 +107,8 @@ function _objectWithoutProperties(e, t) {
   if (null == e) return {};
   var o, r, i = _objectWithoutPropertiesLoose(e, t);
   if (Object.getOwnPropertySymbols) {
-    var s = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
@@ -121,7 +121,6 @@ function _extends() {
     return n;
   }, _extends.apply(null, arguments);
 }
-var isDevelopment$2 = false;
 function sheetForTag(tag) {
   if (tag.sheet) {
     return tag.sheet;
@@ -162,7 +161,7 @@ var StyleSheet = /* @__PURE__ */ function() {
       _this.container.insertBefore(tag, before);
       _this.tags.push(tag);
     };
-    this.isSpeedy = options2.speedy === void 0 ? !isDevelopment$2 : options2.speedy;
+    this.isSpeedy = options2.speedy === void 0 ? true : options2.speedy;
     this.tags = [];
     this.ctr = 0;
     this.nonce = options2.nonce;
@@ -1394,7 +1393,6 @@ var unitlessKeys = {
   strokeOpacity: 1,
   strokeWidth: 1
 };
-var isDevelopment$1 = false;
 var hyphenateRegex = /[A-Z]|^ms/g;
 var animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g;
 var isCustomProperty = function isCustomProperty2(property) {
@@ -1427,7 +1425,6 @@ var processStyleValue = function processStyleValue2(key, value) {
   }
   return value;
 };
-var noComponentSelectorMessage = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
 function handleInterpolation(mergedProps, registered, interpolation) {
   if (interpolation == null) {
     return "";
@@ -1498,9 +1495,6 @@ function createStringFromObject(mergedProps, registered, obj) {
           string += processStyleName(key) + ":" + processStyleValue(key, asString) + ";";
         }
       } else {
-        if (key === "NO_COMPONENT_SELECTOR" && isDevelopment$1) {
-          throw new Error(noComponentSelectorMessage);
-        }
         if (Array.isArray(value) && typeof value[0] === "string" && registered == null) {
           for (var _i = 0; _i < value.length; _i++) {
             if (isProcessableValue(value[_i])) {
@@ -1567,7 +1561,6 @@ var syncFallback = function syncFallback2(create) {
 };
 var useInsertionEffect = React["useInsertionEffect"] ? React["useInsertionEffect"] : false;
 var useInsertionEffectAlwaysWithSyncFallback = useInsertionEffect || syncFallback;
-var isDevelopment = false;
 var EmotionCacheContext = /* @__PURE__ */ React.createContext(
   // we're doing this to avoid preconstruct's dead code elimination in this one case
   // because this module is primarily intended for the browser and node
@@ -1624,7 +1617,7 @@ var Emotion = /* @__PURE__ */ withEmotionCache(function(props, cache, ref) {
   className += cache.key + "-" + serialized.name;
   var newProps = {};
   for (var _key2 in props) {
-    if (hasOwn.call(props, _key2) && _key2 !== "css" && _key2 !== typePropName && !isDevelopment) {
+    if (hasOwn.call(props, _key2) && _key2 !== "css" && _key2 !== typePropName && true) {
       newProps[_key2] = props[_key2];
     }
   }
@@ -1657,7 +1650,7 @@ var jsx = function jsx2(type, props) {
   var JSX;
   /* @__PURE__ */ (function(_JSX) {
   })(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
-})(jsx || (jsx = {}));
+})(jsx);
 function css$2() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
@@ -1918,6 +1911,9 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
     y
   });
 }
+function rectsAreEqual(a, b) {
+  return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
+}
 function observeMove(element, onMove) {
   let io = null;
   let timeoutId;
@@ -1936,12 +1932,13 @@ function observeMove(element, onMove) {
       threshold = 1;
     }
     cleanup();
+    const elementRectForRootMargin = element.getBoundingClientRect();
     const {
       left,
       top,
       width,
       height
-    } = element.getBoundingClientRect();
+    } = elementRectForRootMargin;
     if (!skip) {
       onMove();
     }
@@ -1972,6 +1969,9 @@ function observeMove(element, onMove) {
           refresh(false, ratio);
         }
       }
+      if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {
+        refresh();
+      }
       isFirstUpdate = false;
     }
     try {
@@ -2035,7 +2035,7 @@ function autoUpdate(reference, floating, update, options2) {
   }
   function frameLoop() {
     const nextRefRect = getBoundingClientRect(reference);
-    if (prevRefRect && (nextRefRect.x !== prevRefRect.x || nextRefRect.y !== prevRefRect.y || nextRefRect.width !== prevRefRect.width || nextRefRect.height !== prevRefRect.height)) {
+    if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {
       update();
     }
     prevRefRect = nextRefRect;
@@ -3084,28 +3084,28 @@ var defaultComponents = function defaultComponents2(props) {
   return _objectSpread2(_objectSpread2({}, components), props.components);
 };
 export {
-  css$1 as A,
-  dropdownIndicatorCSS as B,
-  groupCSS as C,
-  groupHeadingCSS as D,
-  indicatorsContainerCSS as E,
-  indicatorSeparatorCSS as F,
-  inputCSS as G,
-  loadingIndicatorCSS as H,
-  loadingMessageCSS as I,
-  menuCSS as J,
-  menuListCSS as K,
-  menuPortalCSS as L,
-  MenuPlacer as M,
-  multiValueCSS as N,
-  multiValueLabelCSS as O,
-  multiValueRemoveCSS as P,
-  noOptionsMessageCSS as Q,
-  optionCSS as R,
-  placeholderCSS as S,
-  css2 as T,
-  valueContainerCSS as U,
-  notNullish as V,
+  indicatorSeparatorCSS as A,
+  inputCSS as B,
+  loadingIndicatorCSS as C,
+  loadingMessageCSS as D,
+  menuCSS as E,
+  menuListCSS as F,
+  menuPortalCSS as G,
+  multiValueCSS as H,
+  multiValueLabelCSS as I,
+  multiValueRemoveCSS as J,
+  noOptionsMessageCSS as K,
+  optionCSS as L,
+  placeholderCSS as M,
+  css2 as N,
+  valueContainerCSS as O,
+  notNullish as P,
+  scrollIntoView as Q,
+  noop as R,
+  MenuPlacer as S,
+  removeProps as T,
+  jsx as U,
+  css$2 as V,
   supportsPassiveEvents as W,
   _extends as _,
   _objectWithoutProperties as a,
@@ -3124,14 +3124,14 @@ export {
   defaultComponents as n,
   isDocumentElement as o,
   cleanValue as p,
-  scrollIntoView as q,
-  noop as r,
+  clearIndicatorCSS as q,
+  containerCSS as r,
   singleValueAsValue as s,
   toPropertyKey as t,
-  removeProps as u,
+  css$1 as u,
   valueTernary as v,
-  jsx as w,
-  css$2 as x,
-  clearIndicatorCSS as y,
-  containerCSS as z
+  dropdownIndicatorCSS as w,
+  groupCSS as x,
+  groupHeadingCSS as y,
+  indicatorsContainerCSS as z
 };

package/dist/{index-D0mHceYg.js → index-BRp93Yfa.js}

@@ -268,7 +268,6 @@ function requireScheduler_development() {
         if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart === "function") {
           __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
         }
-        var enableSchedulerDebugging = false;
         var enableProfiling = false;
         var frameYieldMs = 5;
         function push(heap, node) {
@@ -429,7 +428,7 @@ function requireScheduler_development() {
           var currentTime = initialTime2;
           advanceTimers(currentTime);
           currentTask = peek(taskQueue);
-          while (currentTask !== null && !enableSchedulerDebugging) {
+          while (currentTask !== null && true) {
             if (currentTask.expirationTime > currentTime && (!hasTimeRemaining || shouldYieldToHost())) {
               break;
             }
@@ -6869,9 +6868,6 @@ function requireReactDom_production_min() {
     hl(a, b);
     (a = a.alternate) && hl(a, b);
   }
-  function jl() {
-    return null;
-  }
   var kl = "function" === typeof reportError ? reportError : function(a) {
     console.error(a);
   };
@@ -7044,7 +7040,7 @@ function requireReactDom_production_min() {
   var ul = { bundleType: tl.bundleType, version: tl.version, rendererPackageName: tl.rendererPackageName, rendererConfig: tl.rendererConfig, overrideHookState: null, overrideHookStateDeletePath: null, overrideHookStateRenamePath: null, overrideProps: null, overridePropsDeletePath: null, overridePropsRenamePath: null, setErrorHandler: null, setSuspenseHandler: null, scheduleUpdate: null, currentDispatcherRef: ua.ReactCurrentDispatcher, findHostInstanceByFiber: function(a) {
     a = Zb(a);
     return null === a ? null : a.stateNode;
-  }, findFiberByHostInstance: tl.findFiberByHostInstance || jl, findHostInstancesForRefresh: null, scheduleRefresh: null, scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, reconcilerVersion: "18.3.1-next-f1338f8080-20240426" };
+  }, findFiberByHostInstance: tl.findFiberByHostInstance, findHostInstancesForRefresh: null, scheduleRefresh: null, scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, reconcilerVersion: "18.3.1-next-f1338f8080-20240426" };
   if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
     var vl = __REACT_DEVTOOLS_GLOBAL_HOOK__;
     if (!vl.isDisabled && vl.supportsFiber) try {
@@ -7214,8 +7210,6 @@ function requireReactDom_development() {
       var enableNewReconciler = false;
       var enableLazyContextPropagation = false;
       var enableLegacyHidden = false;
-      var enableSuspenseAvoidThisFallback = false;
-      var disableCommentsAsDOMContainers = true;
       var enableCustomElementPropertySupport = false;
       var warnAboutStringRefs = true;
       var enableSchedulingProfiler = true;
@@ -10502,7 +10496,6 @@ function requireReactDom_development() {
         /*             */
         16384
       );
-      var LifecycleEffectMask = Passive | Update | Callback | Ref | Snapshot | StoreConsistency;
       var HostEffectMask = (
         /*               */
         32767
@@ -11504,7 +11497,7 @@ function requireReactDom_development() {
         return getHighestPriorityLanes(root2.pendingLanes);
       }
       function getLanesToRetrySynchronouslyOnError(root2) {
-        var everythingButOffscreen = root2.pendingLanes & ~OffscreenLane;
+        var everythingButOffscreen = root2.pendingLanes & -1073741825;
         if (everythingButOffscreen !== NoLanes) {
           return everythingButOffscreen;
         }
@@ -14589,7 +14582,7 @@ function requireReactDom_development() {
           } else if (shouldWarnDev && true && // Convince Flow we've calculated it (it's DEV-only in this method.)
           typeof isCustomComponentTag === "boolean") {
             var serverValue = void 0;
-            var propertyInfo = isCustomComponentTag && enableCustomElementPropertySupport ? null : getPropertyInfo(propKey);
+            var propertyInfo = getPropertyInfo(propKey);
             if (rawProps[SUPPRESS_HYDRATION_WARNING] === true) ;
             else if (propKey === SUPPRESS_CONTENT_EDITABLE_WARNING || propKey === SUPPRESS_HYDRATION_WARNING || // Controlled attributes are not validated
             // TODO: Only ignore them on controlled tags.
@@ -14612,7 +14605,7 @@ function requireReactDom_development() {
                   warnForPropDifference(propKey, serverValue, expectedStyle);
                 }
               }
-            } else if (isCustomComponentTag && !enableCustomElementPropertySupport) {
+            } else if (isCustomComponentTag && true) {
               extraAttributeNames.delete(propKey.toLowerCase());
               serverValue = getValueForAttribute(domElement, propKey, nextProp);
               if (nextProp !== serverValue) {
@@ -16137,7 +16130,7 @@ function requireReactDom_development() {
         }
       }
       function insertNonHydratedInstance(returnFiber, fiber) {
-        fiber.flags = fiber.flags & ~Hydrating | Placement;
+        fiber.flags = fiber.flags & -4097 | Placement;
         warnNonhydratedInstance(returnFiber, fiber);
       }
       function tryHydrate(fiber, nextInstance) {
@@ -17798,7 +17791,7 @@ function requireReactDom_development() {
             return payload;
           }
           case CaptureUpdate: {
-            workInProgress2.flags = workInProgress2.flags & ~ShouldCapture | DidCapture;
+            workInProgress2.flags = workInProgress2.flags & -65537 | DidCapture;
           }
           // Intentional fallthrough
           case UpdateState: {
@@ -18326,9 +18319,9 @@ function requireReactDom_development() {
       function bailoutHooks(current2, workInProgress2, lanes) {
         workInProgress2.updateQueue = current2.updateQueue;
         if ((workInProgress2.mode & StrictEffectsMode) !== NoMode) {
-          workInProgress2.flags &= ~(MountPassiveDev | MountLayoutDev | Passive | Update);
+          workInProgress2.flags &= -50333701;
         } else {
-          workInProgress2.flags &= ~(Passive | Update);
+          workInProgress2.flags &= -2053;
         }
         current2.lanes = removeLanes(current2.lanes, lanes);
       }
@@ -20649,7 +20642,7 @@ function requireReactDom_development() {
         var newState = instance.state = oldState;
         processUpdateQueue(workInProgress2, newProps, instance, renderLanes2);
         newState = workInProgress2.memoizedState;
-        if (unresolvedOldProps === unresolvedNewProps && oldState === newState && !hasContextChanged() && !checkHasForceUpdateAfterProcessing() && !enableLazyContextPropagation) {
+        if (unresolvedOldProps === unresolvedNewProps && oldState === newState && !hasContextChanged() && !checkHasForceUpdateAfterProcessing() && true) {
           if (typeof instance.componentDidUpdate === "function") {
             if (unresolvedOldProps !== current2.memoizedProps || oldState !== current2.memoizedState) {
               workInProgress2.flags |= Update;
@@ -20881,7 +20874,7 @@ function requireReactDom_development() {
           } else {
             suspenseBoundary.flags |= DidCapture;
             sourceFiber.flags |= ForceUpdateForLegacySuspense;
-            sourceFiber.flags &= ~(LifecycleEffectMask | Incomplete);
+            sourceFiber.flags &= -52805;
             if (sourceFiber.tag === ClassComponent) {
               var currentSourceFiber = sourceFiber.alternate;
               if (currentSourceFiber === null) {
@@ -20917,7 +20910,7 @@ function requireReactDom_development() {
           }
           var suspenseBoundary = getNearestSuspenseBoundaryToCapture(returnFiber);
           if (suspenseBoundary !== null) {
-            suspenseBoundary.flags &= ~ForceClientRender;
+            suspenseBoundary.flags &= -257;
             markSuspenseBoundaryShouldCapture(suspenseBoundary, returnFiber, sourceFiber, root2, rootRenderLanes);
             if (suspenseBoundary.mode & ConcurrentMode) {
               attachPingListener(root2, wakeable, rootRenderLanes);
@@ -21488,7 +21481,7 @@ function requireReactDom_development() {
             workInProgress2.child = child;
             var node = child;
             while (node) {
-              node.flags = node.flags & ~Placement | Hydrating;
+              node.flags = node.flags & -3 | Hydrating;
               node = node.sibling;
             }
           }
@@ -21800,7 +21793,7 @@ function requireReactDom_development() {
         var didSuspend = (workInProgress2.flags & DidCapture) !== NoFlags;
         if (didSuspend || shouldRemainOnFallback(suspenseContext, current2)) {
           showFallback = true;
-          workInProgress2.flags &= ~DidCapture;
+          workInProgress2.flags &= -129;
         } else {
           if (current2 === null || current2.memoizedState !== null) {
             {
@@ -22079,7 +22072,7 @@ function requireReactDom_development() {
           }
         } else {
           if (workInProgress2.flags & ForceClientRender) {
-            workInProgress2.flags &= ~ForceClientRender;
+            workInProgress2.flags &= -257;
             var _capturedValue2 = createCapturedValue(new Error("There was an error while hydrating this Suspense boundary. Switched to client rendering."));
             return retrySuspenseComponentWithoutHydrating(current2, workInProgress2, renderLanes2, _capturedValue2);
           } else if (workInProgress2.memoizedState !== null) {
@@ -23073,7 +23066,7 @@ function requireReactDom_development() {
                 var _offscreenFiber2 = workInProgress2.child;
                 _offscreenFiber2.flags |= Visibility;
                 if ((workInProgress2.mode & ConcurrentMode) !== NoMode) {
-                  var hasInvisibleChildContext = current2 === null && (workInProgress2.memoizedProps.unstable_avoidThisFallback !== true || !enableSuspenseAvoidThisFallback);
+                  var hasInvisibleChildContext = current2 === null && (workInProgress2.memoizedProps.unstable_avoidThisFallback !== true || true);
                   if (hasInvisibleChildContext || hasSuspenseContext(suspenseStackCursor.current, InvisibleParentSuspenseContext)) {
                     renderDidSuspend();
                   } else {
@@ -23233,7 +23226,7 @@ function requireReactDom_development() {
               var _prevState = current2.memoizedState;
               var prevIsHidden = _prevState !== null;
               if (prevIsHidden !== nextIsHidden && // LegacyHidden doesn't do any hiding — it only pre-renders.
-              !enableLegacyHidden) {
+              true) {
                 workInProgress2.flags |= Visibility;
               }
             }
@@ -23270,7 +23263,7 @@ function requireReactDom_development() {
             }
             var flags = workInProgress2.flags;
             if (flags & ShouldCapture) {
-              workInProgress2.flags = flags & ~ShouldCapture | DidCapture;
+              workInProgress2.flags = flags & -65537 | DidCapture;
               if ((workInProgress2.mode & ProfileMode) !== NoMode) {
                 transferActualDuration(workInProgress2);
               }
@@ -23285,7 +23278,7 @@ function requireReactDom_development() {
             resetWorkInProgressVersions();
             var _flags = workInProgress2.flags;
             if ((_flags & ShouldCapture) !== NoFlags && (_flags & DidCapture) === NoFlags) {
-              workInProgress2.flags = _flags & ~ShouldCapture | DidCapture;
+              workInProgress2.flags = _flags & -65537 | DidCapture;
               return workInProgress2;
             }
             return null;
@@ -23305,7 +23298,7 @@ function requireReactDom_development() {
             }
             var _flags2 = workInProgress2.flags;
             if (_flags2 & ShouldCapture) {
-              workInProgress2.flags = _flags2 & ~ShouldCapture | DidCapture;
+              workInProgress2.flags = _flags2 & -65537 | DidCapture;
               if ((workInProgress2.mode & ProfileMode) !== NoMode) {
                 transferActualDuration(workInProgress2);
               }
@@ -24101,7 +24094,7 @@ function requireReactDom_development() {
             var parent = parentFiber.stateNode;
             if (parentFiber.flags & ContentReset) {
               resetTextContent(parent);
-              parentFiber.flags &= ~ContentReset;
+              parentFiber.flags &= -33;
             }
             var before = getHostSibling(finishedWork);
             insertOrAppendPlacementNode(finishedWork, before, parent);
@@ -24627,10 +24620,10 @@ function requireReactDom_development() {
           } catch (error2) {
             captureCommitPhaseError(finishedWork, finishedWork.return, error2);
           }
-          finishedWork.flags &= ~Placement;
+          finishedWork.flags &= -3;
         }
         if (flags & Hydrating) {
-          finishedWork.flags &= ~Hydrating;
+          finishedWork.flags &= -4097;
         }
       }
       function commitLayoutEffects(finishedWork, root2, committedLanes) {
@@ -27943,7 +27936,7 @@ function requireReactDom_development() {
         return new ReactDOMHydrationRoot(root2);
       }
       function isValidContainer(node) {
-        return !!(node && (node.nodeType === ELEMENT_NODE || node.nodeType === DOCUMENT_NODE || node.nodeType === DOCUMENT_FRAGMENT_NODE || !disableCommentsAsDOMContainers));
+        return !!(node && (node.nodeType === ELEMENT_NODE || node.nodeType === DOCUMENT_NODE || node.nodeType === DOCUMENT_FRAGMENT_NODE || false));
       }
       function isValidContainerLegacy(node) {
         return !!(node && (node.nodeType === ELEMENT_NODE || node.nodeType === DOCUMENT_NODE || node.nodeType === DOCUMENT_FRAGMENT_NODE || node.nodeType === COMMENT_NODE && node.nodeValue === " react-mount-point-unstable "));

package/dist/index-CcCn9HWX.js

@@ -0,0 +1,44 @@
+import { c as clsx } from "./utils-39D0mStj.js";
+const falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
+const cx = clsx;
+const cva = (base, config) => (props) => {
+  var _config_compoundVariants;
+  if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+  const { variants, defaultVariants } = config;
+  const getVariantClassNames = Object.keys(variants).map((variant) => {
+    const variantProp = props === null || props === void 0 ? void 0 : props[variant];
+    const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
+    if (variantProp === null) return null;
+    const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
+    return variants[variant][variantKey];
+  });
+  const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param) => {
+    let [key, value] = param;
+    if (value === void 0) {
+      return acc;
+    }
+    acc[key] = value;
+    return acc;
+  }, {});
+  const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param) => {
+    let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;
+    return Object.entries(compoundVariantOptions).every((param2) => {
+      let [key, value] = param2;
+      return Array.isArray(value) ? value.includes({
+        ...defaultVariants,
+        ...propsWithoutUndefined
+      }[key]) : {
+        ...defaultVariants,
+        ...propsWithoutUndefined
+      }[key] === value;
+    }) ? [
+      ...acc,
+      cvClass,
+      cvClassName
+    ] : acc;
+  }, []);
+  return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+};
+export {
+  cva as c
+};

package/dist/index.js

@@ -22,7 +22,6 @@ import { InputField } from "./components/input-field/input-field.js";
 import { ImagePlaceholder } from "./components/placeholders/image-placeholder.js";
 import { ItemCollection } from "./components/item-collection/item-collection.js";
 import { LinkInput } from "./components/link-input/link-input.js";
-import { ListBox } from "./components/list-box/list-box.js";
 import { MatrixAlign } from "./components/matrix-align/matrix-align.js";
 import { MediaPlaceholder } from "./components/placeholders/media-placeholder.js";
 import { Menu, MenuItem, MenuSection, MenuSeparator, SubMenuItem } from "./components/menu/menu.js";
@@ -44,7 +43,7 @@ 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, OptionsPanelSection } from "./components/options-panel/options-panel.js";
+import { OptionsPanel, OptionsPanelHeader, OptionsPanelIntro, OptionsPanelSection } from "./components/options-panel/options-panel.js";
 import { Select } from "./components/select/single-select.js";
 import { Slider } from "./components/slider/slider.js";
 import { SolidColorPicker } from "./components/color-pickers/solid-color-picker.js";
@@ -86,7 +85,6 @@ export {
   InputField,
   ItemCollection,
   LinkInput,
-  ListBox,
   MatrixAlign,
   MediaPlaceholder,
   Menu,
@@ -101,6 +99,7 @@ export {
   OptionSelect,
   OptionsPanel,
   OptionsPanelHeader,
+  OptionsPanelIntro,
   OptionsPanelSection,
   Popover,
   RSClearIndicator,

package/dist/{multi-select-components-2Ax71j9a.js → multi-select-components-CkF3LyTF.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useMemo, useLayoutEffect, useEffect, useRef, useCallback, useState, createContext, memo, useReducer, useContext } from "react";
-import { r as reactDomExports } from "./index-D0mHceYg.js";
+import { r as reactDomExports } from "./index-BRp93Yfa.js";
 import { c as clsx } from "./lite-DVmmD_-j.js";
 function useCombinedRefs() {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -3704,11 +3704,11 @@ const getMultiValue = (ComponentToRender) => {
         style,
         ref: setNodeRef,
         className: clsx(
-          "focus:es-uic-outline-none",
+          "es:focus:outline-hidden",
           // Make non-dragged tiles have no pointer events, so you don't see hover styles on things like the remove button.
-          CSS.Translate.toString(transform) && "[&_>_div]:es-uic-pointer-events-none",
+          CSS.Translate.toString(transform) && "es:[&_>_div]:pointer-events-none",
           // Make the currently grabbed item into a fancy holo-like thing.
-          isDragging && "es-uic-z-50 es-uic-blur-[0.5px] [&_>_div]:!es-uic-border [&_>_div]:es-uic-border-dotted [&_>_div]:!es-uic-border-teal-500 [&_>_div]:!es-uic-bg-teal-100/20 [&_>_div]:!es-uic-text-teal-900/15 [&_>_div_[role=button]]:es-uic-opacity-0"
+          isDragging && "es:z-50 es:blur-[0.5px] es:[&_>_div]:border! es:[&_>_div]:border-dotted es:[&_>_div]:border-accent-500! es:[&_>_div]:bg-accent-100/20! es:[&_>_div]:text-accent-900/15! es:[&_>_div_[role=button]]:opacity-0"
         ),
         ...attributes,
         ...listeners,

package/dist/{react-select-async.esm-BZwl7Ddb.js → react-select-async.esm-DcVLw9X5.js}

@@ -1,8 +1,8 @@
-import { a as _objectWithoutProperties, b as _slicedToArray, h as handleInputChange, d as _objectSpread2, e as _defineProperty, _ as _extends } from "./index-641ee5b8.esm-DRaWil7u.js";
+import { a as _objectWithoutProperties, b as _slicedToArray, h as handleInputChange, d as _objectSpread2, e as _defineProperty, _ as _extends } from "./index-641ee5b8.esm-DbdaYaxR.js";
 import * as React from "react";
 import { useRef, useState, useEffect, useCallback, forwardRef } from "react";
-import { u as useStateManager, S as Select } from "./Select-aab027f3.esm-OvJ8lZs8.js";
-import "./index-D0mHceYg.js";
+import { u as useStateManager, S as Select } from "./Select-aab027f3.esm-HFNIFFya.js";
+import "./index-BRp93Yfa.js";
 var _excluded = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
 function useAsync(_ref) {
   var _ref$defaultOptions = _ref.defaultOptions, propsDefaultOptions = _ref$defaultOptions === void 0 ? false : _ref$defaultOptions, _ref$cacheOptions = _ref.cacheOptions, cacheOptions = _ref$cacheOptions === void 0 ? false : _ref$cacheOptions, propsLoadOptions = _ref.loadOptions;

package/dist/{react-select.esm-DI0eSkd8.js → react-select.esm-OZ0cmTjg.js}

@@ -1,8 +1,8 @@
-import { u as useStateManager, S as Select } from "./Select-aab027f3.esm-OvJ8lZs8.js";
-import { _ as _extends } from "./index-641ee5b8.esm-DRaWil7u.js";
+import { u as useStateManager, S as Select } from "./Select-aab027f3.esm-HFNIFFya.js";
+import { _ as _extends } from "./index-641ee5b8.esm-DbdaYaxR.js";
 import * as React from "react";
 import { forwardRef } from "react";
-import "./index-D0mHceYg.js";
+import "./index-BRp93Yfa.js";
 var StateManagedSelect = /* @__PURE__ */ forwardRef(function(props, ref) {
   var baseSelectProps = useStateManager(props);
   return /* @__PURE__ */ React.createElement(Select, _extends({

package/dist/style-editor.js

@@ -0,0 +1 @@
+import './assets/index.css';import './assets/style-editor.css';/* empty css               */

package/dist/style.js

@@ -1 +1 @@
-import './assets/style.css';
+import './assets/index.css';import './assets/style.css';/* empty css               */

package/dist/{textSelection-CdZPiDxh.js → textSelection-BlTDSskG.js}

@@ -1,5 +1,5 @@
 import { useRef, useCallback, useEffect } from "react";
-import { j as $c87311424ea30a05$export$fedb369cb70207f1, g as $431fbd86ca7dc216$export$b204af158042fbac, k as $bbed8b41f857bcc0$export$24490316f764c430 } from "./focusSafely-ChK5oW-0.js";
+import { m as $c87311424ea30a05$export$fedb369cb70207f1, g as $431fbd86ca7dc216$export$b204af158042fbac, n as $bbed8b41f857bcc0$export$24490316f764c430 } from "./focusSafely-CiqTTjWy.js";
 function $03deb23ff14920c4$export$4eaf04e54aa8eed6() {
   let globalListeners = useRef(/* @__PURE__ */ new Map());
   let addGlobalListener = useCallback((eventTarget, type, listener, options) => {
@@ -13,7 +13,7 @@ function $03deb23ff14920c4$export$4eaf04e54aa8eed6() {
       fn,
       options
     });
-    eventTarget.addEventListener(type, listener, options);
+    eventTarget.addEventListener(type, fn, options);
   }, []);
   let removeGlobalListener = useCallback((eventTarget, type, listener, options) => {
     var _globalListeners_current_get;

package/dist/{useButton-C5e_EJlC.js → useButton-CmLbE5vg.js}

@@ -1,7 +1,7 @@
-import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-BmaSD6gC.js";
+import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-39D0mStj.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
-import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-C2xrPFl6.js";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-DZ9pn6Jl.js";
+import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-087cO5Ct.js";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-rg_OQIGW.js";
 function $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref) {
   let {
     elementType = "button",

package/dist/{useEvent-BW_vevRp.js → useEvent-cLDJlznQ.js}

@@ -1,4 +1,4 @@
-import { g as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-BmaSD6gC.js";
+import { g as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-39D0mStj.js";
 import { useEffect } from "react";
 function $e9faafb641e167db$export$90fc3a17d93f704c(ref, event, handler, options) {
   let handleEvent = $8ae05eaa5c114e9c$export$7f54fc3180508a52(handler);

package/dist/{useFocusRing-Dbj6MsFR.js → useFocusRing-CGp3guTX.js}

@@ -1,4 +1,4 @@
-import { a as $507fabe10e71c6fb$export$b9b3dfddab17db27, b as $507fabe10e71c6fb$export$ec71b4b83ac08ec3, c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, d as $9ab94262bd0047c7$export$420e68273165f4ec } from "./focusSafely-ChK5oW-0.js";
+import { a as $507fabe10e71c6fb$export$b9b3dfddab17db27, b as $507fabe10e71c6fb$export$ec71b4b83ac08ec3, c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, d as $9ab94262bd0047c7$export$420e68273165f4ec } from "./focusSafely-CiqTTjWy.js";
 import { useRef, useState, useCallback } from "react";
 function $f7dceffc5ad7768b$export$4e328f61c538687f(props = {}) {
   let { autoFocus = false, isTextInput, within } = props;