@eightshift/ui-components 1.6.1 → 1.7.1

package/dist/components/animated-visibility/animated-visibility.js

@@ -143,11 +143,8 @@ const getDefaultTransition = (valueKey, { keyframes: keyframes2 }) => {
   }
   return ease;
 };
-function isTransitionDefined({ when, delay: _delay, delayChildren, staggerChildren, staggerDirection, repeat, repeatType, repeatDelay, from, elapsed, ...transition }) {
-  return !!Object.keys(transition).length;
-}
 function getValueTransition(transition, key) {
-  return transition[key] || transition["default"] || transition;
+  return transition ? transition[key] || transition["default"] || transition : void 0;
 }
 const MotionGlobalConfig = {
   skipAnimations: false,
@@ -350,8 +347,8 @@ if (process.env.NODE_ENV !== "production") {
 }
 const isNumericalString = (v) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(v);
 const checkStringStartsWith = (token) => (key) => typeof key === "string" && key.startsWith(token);
-const isCSSVariableName = checkStringStartsWith("--");
-const startsAsVariableToken = checkStringStartsWith("var(--");
+const isCSSVariableName = /* @__PURE__ */ checkStringStartsWith("--");
+const startsAsVariableToken = /* @__PURE__ */ checkStringStartsWith("var(--");
 const isCSSVariableToken = (value) => {
   const startsWithToken = startsAsVariableToken(value);
   if (!startsWithToken)
@@ -403,18 +400,8 @@ const scale = {
   ...number,
   default: 1
 };
-const sanitize = (v) => Math.round(v * 1e5) / 1e5;
-const floatRegex = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-const colorRegex = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-const singleColorRegex = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu;
-function isString(v) {
-  return typeof v === "string";
-}
-function isNullish(v) {
-  return v == null;
-}
 const createUnitType = (unit) => ({
-  test: (v) => isString(v) && v.endsWith(unit) && v.split(" ").length === 1,
+  test: (v) => typeof v === "string" && v.endsWith(unit) && v.split(" ").length === 1,
   parse: parseFloat,
   transform: (v) => `${v}${unit}`
 });
@@ -619,11 +606,17 @@ class KeyframeResolver {
       this.scheduleResolve();
   }
 }
+const sanitize = (v) => Math.round(v * 1e5) / 1e5;
+const floatRegex = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+function isNullish(v) {
+  return v == null;
+}
+const singleColorRegex = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu;
 const isColorString = (type, testProp) => (v) => {
-  return Boolean(isString(v) && singleColorRegex.test(v) && v.startsWith(type) || testProp && !isNullish(v) && Object.prototype.hasOwnProperty.call(v, testProp));
+  return Boolean(typeof v === "string" && singleColorRegex.test(v) && v.startsWith(type) || testProp && !isNullish(v) && Object.prototype.hasOwnProperty.call(v, testProp));
 };
 const splitColor = (aName, bName, cName) => (v) => {
-  if (!isString(v))
+  if (typeof v !== "string")
     return v;
   const [a, b, c, alpha2] = v.match(floatRegex);
   return {
@@ -694,12 +687,13 @@ const color = {
     }
   },
   transform: (v) => {
-    return isString(v) ? v : v.hasOwnProperty("red") ? rgba.transform(v) : hsla.transform(v);
+    return typeof v === "string" ? v : v.hasOwnProperty("red") ? rgba.transform(v) : hsla.transform(v);
   }
 };
+const colorRegex = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
 function test(v) {
   var _a, _b;
-  return isNaN(v) && isString(v) && (((_a = v.match(floatRegex)) === null || _a === void 0 ? void 0 : _a.length) || 0) + (((_b = v.match(colorRegex)) === null || _b === void 0 ? void 0 : _b.length) || 0) > 0;
+  return isNaN(v) && typeof v === "string" && (((_a = v.match(floatRegex)) === null || _a === void 0 ? void 0 : _a.length) || 0) + (((_b = v.match(colorRegex)) === null || _b === void 0 ? void 0 : _b.length) || 0) > 0;
 }
 const NUMBER_TOKEN = "number";
 const COLOR_TOKEN = "color";
@@ -795,11 +789,7 @@ const filter = {
     return functions ? functions.map(applyDefaultFilter).join(" ") : v;
   }
 };
-const int = {
-  ...number,
-  transform: Math.round
-};
-const numberValueTypes = {
+const browserNumberValueTypes = {
   // Border props
   borderWidth: px,
   borderTopWidth: px,
@@ -817,7 +807,6 @@ const numberValueTypes = {
   maxWidth: px,
   height: px,
   maxHeight: px,
-  size: px,
   top: px,
   right: px,
   bottom: px,
@@ -833,7 +822,11 @@ const numberValueTypes = {
   marginRight: px,
   marginBottom: px,
   marginLeft: px,
-  // Transform props
+  // Misc
+  backgroundPositionX: px,
+  backgroundPositionY: px
+};
+const transformValueTypes = {
   rotate: degrees,
   rotateX: degrees,
   rotateY: degrees,
@@ -857,11 +850,17 @@ const numberValueTypes = {
   opacity: alpha,
   originX: progressPercentage,
   originY: progressPercentage,
-  originZ: px,
-  // Misc
+  originZ: px
+};
+const int = {
+  ...number,
+  transform: Math.round
+};
+const numberValueTypes = {
+  ...browserNumberValueTypes,
+  ...transformValueTypes,
   zIndex: int,
-  backgroundPositionX: px,
-  backgroundPositionY: px,
+  size: px,
   // SVG
   fillOpacity: alpha,
   strokeOpacity: alpha,
@@ -999,14 +998,6 @@ class DOMKeyframesResolver extends KeyframeResolver {
     this.resolveNoneKeyframes();
   }
 }
-function memo(callback) {
-  let result;
-  return () => {
-    if (result === void 0)
-      result = callback();
-    return result;
-  };
-}
 function isGenerator(type) {
   return typeof type === "function";
 }
@@ -1375,6 +1366,7 @@ const easeInOut = /* @__PURE__ */ cubicBezier(0.42, 0, 0.58, 1);
 const isEasingArray = (ease2) => {
   return Array.isArray(ease2) && typeof ease2[0] !== "number";
 };
+const isBezierDefinition = (easing) => Array.isArray(easing) && typeof easing[0] === "number";
 const easingLookup = {
   linear: noop,
   easeIn,
@@ -1389,7 +1381,7 @@ const easingLookup = {
   anticipate
 };
 const easingDefinitionToFunction = (definition) => {
-  if (Array.isArray(definition)) {
+  if (isBezierDefinition(definition)) {
     invariant(definition.length === 4, `Cubic bezier arrays must contain four numerical values.`);
     const [x1, y1, x2, y2] = definition;
     return cubicBezier(x1, y1, x2, y2);
@@ -1932,7 +1924,6 @@ const acceleratedValues = /* @__PURE__ */ new Set([
   // or until we implement support for linear() easing.
   // "background-color"
 ]);
-const isBezierDefinition = (easing) => Array.isArray(easing) && typeof easing[0] === "number";
 const resolution = 10;
 const generateLinearEasing = (easing, duration) => {
   let points = "";
@@ -1942,6 +1933,14 @@ const generateLinearEasing = (easing, duration) => {
   }
   return `linear(${points.substring(0, points.length - 2)})`;
 };
+function memo(callback) {
+  let result;
+  return () => {
+    if (result === void 0)
+      result = callback();
+    return result;
+  };
+}
 const supportsFlags = {
   linearEasing: void 0
 };
@@ -1988,7 +1987,7 @@ function mapEasingToNativeEasing(easing, duration) {
     return supportedWaapiEasing[easing];
   }
 }
-function animateStyle(element, valueName, keyframes2, { delay: delay2 = 0, duration = 300, repeat = 0, repeatType = "loop", ease: ease2, times } = {}) {
+function startWaapiAnimation(element, valueName, keyframes2, { delay: delay2 = 0, duration = 300, repeat = 0, repeatType = "loop", ease: ease2, times } = {}) {
   const keyframeOptions = { [valueName]: keyframes2 };
   if (times)
     keyframeOptions.offset = times;
@@ -2004,6 +2003,10 @@ function animateStyle(element, valueName, keyframes2, { delay: delay2 = 0, durat
     direction: repeatType === "reverse" ? "alternate" : "normal"
   });
 }
+function attachTimeline(animation, timeline) {
+  animation.timeline = timeline;
+  animation.onfinish = null;
+}
 const supportsWaapi = /* @__PURE__ */ memo(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
 const sampleDelta = 10;
 const maxDuration = 2e4;
@@ -2069,10 +2072,10 @@ class AcceleratedAnimation extends BaseAnimation {
       ease2 = pregeneratedAnimation.ease;
       type = "keyframes";
     }
-    const animation = animateStyle(motionValue2.owner.current, name, keyframes2, { ...this.options, duration, times, ease: ease2 });
+    const animation = startWaapiAnimation(motionValue2.owner.current, name, keyframes2, { ...this.options, duration, times, ease: ease2 });
     animation.startTime = startTime !== null && startTime !== void 0 ? startTime : this.calcStartTime();
     if (this.pendingTimeline) {
-      animation.timeline = this.pendingTimeline;
+      attachTimeline(animation, this.pendingTimeline);
       this.pendingTimeline = void 0;
     } else {
       animation.onfinish = () => {
@@ -2153,8 +2156,7 @@ class AcceleratedAnimation extends BaseAnimation {
       if (!resolved)
         return noop;
       const { animation } = resolved;
-      animation.timeline = timeline;
-      animation.onfinish = null;
+      attachTimeline(animation, timeline);
     }
     return noop;
   }
@@ -2230,20 +2232,6 @@ class AcceleratedAnimation extends BaseAnimation {
     !motionValue2.owner.getProps().onUpdate && !repeatDelay && repeatType !== "mirror" && damping !== 0 && type !== "inertia";
   }
 }
-function observeTimeline(update, timeline) {
-  let prevProgress;
-  const onFrame = () => {
-    const { currentTime } = timeline;
-    const percentage = currentTime === null ? 0 : currentTime.value;
-    const progress2 = percentage / 100;
-    if (prevProgress !== progress2) {
-      update(progress2);
-    }
-    prevProgress = progress2;
-  };
-  frame.update(onFrame, true);
-  return () => cancelFrame(onFrame);
-}
 const supportsScrollTimeline = memo(() => window.ScrollTimeline !== void 0);
 class GroupPlaybackControls {
   constructor(animations2) {
@@ -2264,21 +2252,17 @@ class GroupPlaybackControls {
       this.animations[i][propName] = newValue;
     }
   }
-  attachTimeline(timeline) {
-    const cancelAll = this.animations.map((animation) => {
+  attachTimeline(timeline, fallback) {
+    const subscriptions = this.animations.map((animation) => {
       if (supportsScrollTimeline() && animation.attachTimeline) {
-        animation.attachTimeline(timeline);
+        return animation.attachTimeline(timeline);
       } else {
-        animation.pause();
-        return observeTimeline((progress2) => {
-          animation.time = animation.duration * progress2;
-        }, timeline);
+        return fallback(animation);
       }
     });
     return () => {
-      cancelAll.forEach((cancelTimeline, i) => {
-        if (cancelTimeline)
-          cancelTimeline();
+      subscriptions.forEach((cancel, i) => {
+        cancel && cancel();
         this.animations[i].stop();
       });
     };
@@ -2321,6 +2305,9 @@ class GroupPlaybackControls {
     this.runAll("complete");
   }
 }
+function isTransitionDefined({ when, delay: _delay, delayChildren, staggerChildren, staggerDirection, repeat, repeatType, repeatDelay, from, elapsed, ...transition }) {
+  return !!Object.keys(transition).length;
+}
 const animateMotionValue = (name, value, target, transition = {}, element, isHandoff) => (onComplete) => {
   const valueTransition = getValueTransition(transition, name) || {};
   const delay2 = valueTransition.delay || transition.delay || 0;
@@ -2439,7 +2426,7 @@ class MotionValue {
    * @internal
    */
   constructor(init, options = {}) {
-    this.version = "11.8.0";
+    this.version = "11.11.4";
     this.canTrackVelocity = null;
     this.events = {};
     this.updateAndNotify = (v, render = true) => {
@@ -2713,6 +2700,10 @@ const optimizedAppearDataAttribute = "data-" + camelToDash(optimizedAppearDataId
 function getOptimisedAppearId(visualElement) {
   return visualElement.props[optimizedAppearDataAttribute];
 }
+const isMotionValue = (value) => Boolean(value && value.getVelocity);
+function isWillChangeMotionValue(value) {
+  return Boolean(isMotionValue(value) && value.add);
+}
 function getWillChangeName(name) {
   if (transformProps.has(name)) {
     return "transform";
@@ -2720,37 +2711,15 @@ function getWillChangeName(name) {
     return camelToDash(name);
   }
 }
-class WillChangeMotionValue extends MotionValue {
-  constructor() {
-    super(...arguments);
-    this.values = [];
-  }
-  add(name) {
-    const styleName = getWillChangeName(name);
-    if (styleName) {
-      addUniqueItem(this.values, styleName);
-      this.update();
-    }
-  }
-  update() {
-    this.set(this.values.length ? this.values.join(", ") : "auto");
-  }
-}
-const isMotionValue = (value) => Boolean(value && value.getVelocity);
-function isWillChangeMotionValue(value) {
-  return Boolean(isMotionValue(value) && value.add);
-}
 function addValueToWillChange(visualElement, key) {
   var _a;
   if (!visualElement.applyWillChange)
     return;
-  let willChange = visualElement.getValue("willChange");
-  if (!willChange && !((_a = visualElement.props.style) === null || _a === void 0 ? void 0 : _a.willChange)) {
-    willChange = new WillChangeMotionValue("auto");
-    visualElement.addValue("willChange", willChange);
-  }
+  const willChange = visualElement.getValue("willChange");
   if (isWillChangeMotionValue(willChange)) {
     return willChange.add(key);
+  } else if (!((_a = visualElement.props.style) === null || _a === void 0 ? void 0 : _a.willChange) && getWillChangeName(key)) {
+    visualElement.setStaticValue("willChange", "transform");
   }
 }
 function shouldBlockAnimation({ protectedKeys, needsAnimating }, key) {
@@ -5843,9 +5812,8 @@ const MotionContext = createContext({});
 const isBrowser = typeof window !== "undefined";
 const useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect;
 const LazyContext = createContext({ strict: false });
-let scheduleHandoffComplete = false;
 function useVisualElement(Component2, visualState, props, createVisualElement, ProjectionNodeConstructor) {
-  var _a;
+  var _a, _b;
   const { visualElement: parent } = useContext(MotionContext);
   const lazyContext = useContext(LazyContext);
   const presenceContext = useContext(PresenceContext);
@@ -5871,10 +5839,11 @@ function useVisualElement(Component2, visualState, props, createVisualElement, P
     visualElement && visualElement.update(props, presenceContext);
   });
   const optimisedAppearId = props[optimizedAppearDataAttribute];
-  const wantsHandoff = useRef(Boolean(optimisedAppearId) && !window.MotionHandoffIsComplete && ((_a = window.MotionHasOptimisedAnimation) === null || _a === void 0 ? void 0 : _a.call(window, optimisedAppearId)));
+  const wantsHandoff = useRef(Boolean(optimisedAppearId) && !((_a = window.MotionHandoffIsComplete) === null || _a === void 0 ? void 0 : _a.call(window, optimisedAppearId)) && ((_b = window.MotionHasOptimisedAnimation) === null || _b === void 0 ? void 0 : _b.call(window, optimisedAppearId)));
   useIsomorphicLayoutEffect(() => {
     if (!visualElement)
       return;
+    window.MotionIsMounted = true;
     visualElement.updateFeatures();
     microtask.render(visualElement.render);
     if (wantsHandoff.current && visualElement.animationState) {
@@ -5887,17 +5856,16 @@ function useVisualElement(Component2, visualState, props, createVisualElement, P
     if (!wantsHandoff.current && visualElement.animationState) {
       visualElement.animationState.animateChanges();
     }
-    wantsHandoff.current = false;
-    if (!scheduleHandoffComplete) {
-      scheduleHandoffComplete = true;
-      queueMicrotask(completeHandoff);
+    if (wantsHandoff.current) {
+      queueMicrotask(() => {
+        var _a2;
+        (_a2 = window.MotionHandoffMarkAsComplete) === null || _a2 === void 0 ? void 0 : _a2.call(window, optimisedAppearId);
+      });
+      wantsHandoff.current = false;
     }
   });
   return visualElement;
 }
-function completeHandoff() {
-  window.MotionHandoffIsComplete = true;
-}
 function createProjectionNode(visualElement, props, ProjectionNodeConstructor, initialPromotionConfig) {
   const { layoutId, layout: layout2, drag: drag2, dragConstraints, layoutScroll, layoutRoot } = props;
   visualElement.projection = new ProjectionNodeConstructor(visualElement.latestValues, props["data-framer-portal-id"] ? void 0 : getClosestProjectingNode(visualElement.parent));
@@ -6193,12 +6161,6 @@ const makeUseVisualState = (config) => (props, isStatic) => {
   const make = () => makeState(config, props, context, presenceContext, isStatic);
   return isStatic ? make() : useConstant(make);
 };
-function addWillChange(willChange, name) {
-  const memberName = getWillChangeName(name);
-  if (memberName) {
-    addUniqueItem(willChange, memberName);
-  }
-}
 function forEachDefinition(props, definition, callback) {
   const list = Array.isArray(definition) ? definition : [definition];
   for (let i = 0; i < list.length; i++) {
@@ -6212,8 +6174,7 @@ function forEachDefinition(props, definition, callback) {
 function makeLatestValues(props, context, presenceContext, shouldApplyWillChange, scrapeMotionValues) {
   var _a;
   const values = {};
-  const willChange = [];
-  const applyWillChange = shouldApplyWillChange && ((_a = props.style) === null || _a === void 0 ? void 0 : _a.willChange) === void 0;
+  let applyWillChange = shouldApplyWillChange && ((_a = props.style) === null || _a === void 0 ? void 0 : _a.willChange) === void 0;
   const motionValues = scrapeMotionValues(props, {});
   for (const key in motionValues) {
     values[key] = resolveMotionValue(motionValues[key]);
@@ -6251,13 +6212,14 @@ function makeLatestValues(props, context, presenceContext, shouldApplyWillChange
     if (animate && initial !== false && !isAnimationControls(animate)) {
       forEachDefinition(props, animate, (target) => {
         for (const key in target) {
-          addWillChange(willChange, key);
+          const willChangeName = getWillChangeName(key);
+          if (willChangeName) {
+            values.willChange = "transform";
+            return;
+          }
         }
       });
     }
-    if (willChange.length) {
-      values.willChange = willChange.join(",");
-    }
   }
   return values;
 }
@@ -6603,7 +6565,7 @@ function updateMotionValuesFromProps(element, next, prev) {
     if (isMotionValue(nextValue)) {
       element.addValue(key, nextValue);
       if (process.env.NODE_ENV === "development") {
-        warnOnce(nextValue.version === "11.8.0", `Attempting to mix Framer Motion versions ${nextValue.version} with 11.8.0 may not work as expected.`);
+        warnOnce(nextValue.version === "11.11.4", `Attempting to mix Framer Motion versions ${nextValue.version} with 11.11.4 may not work as expected.`);
       }
     } else if (isMotionValue(prevValue)) {
       element.addValue(key, motionValue(nextValue, { owner: element }));
@@ -7142,20 +7104,21 @@ function PopChild({ children, isPresent }) {
 const PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, mode }) => {
   const presenceChildren = useConstant(newChildrenMap);
   const id2 = useId();
+  const memoizedOnExitComplete = useCallback((childId) => {
+    presenceChildren.set(childId, true);
+    for (const isComplete of presenceChildren.values()) {
+      if (!isComplete)
+        return;
+    }
+    onExitComplete && onExitComplete();
+  }, [presenceChildren, onExitComplete]);
   const context = useMemo(
     () => ({
       id: id2,
       initial,
       isPresent,
       custom,
-      onExitComplete: (childId) => {
-        presenceChildren.set(childId, true);
-        for (const isComplete of presenceChildren.values()) {
-          if (!isComplete)
-            return;
-        }
-        onExitComplete && onExitComplete();
-      },
+      onExitComplete: memoizedOnExitComplete,
       register: (childId) => {
         presenceChildren.set(childId, false);
         return () => presenceChildren.delete(childId);
@@ -7166,7 +7129,7 @@ const PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, p
      * we want to make a new context value to ensure they get re-rendered
      * so they can detect that layout change.
      */
-    presenceAffectsLayout ? [Math.random()] : [isPresent]
+    presenceAffectsLayout ? [Math.random(), memoizedOnExitComplete] : [isPresent, memoizedOnExitComplete]
   );
   useMemo(() => {
     presenceChildren.forEach((_, key) => presenceChildren.set(key, false));

package/dist/components/base-control/base-control.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../Text-CdwRBXol.js";
+import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../Text-BVIXT8qq.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 /**

package/dist/components/button/button.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { a as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-CYX0D6At.js";
-import { j as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3, c as $3ef42575df84b30b$export$9d1611c77c2fe928, l as $df56164dff5785e2$export$4338b53315abf666 } from "../../utils-Du2x3YVu.js";
-import { a as $9bf71ea28793e738$export$c5251b9e124bf29 } from "../../FocusScope-B5L3qI3N.js";
+import { a as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-VbCAu4hd.js";
+import { j as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3, c as $3ef42575df84b30b$export$9d1611c77c2fe928, l as $df56164dff5785e2$export$4338b53315abf666 } from "../../utils-BCJajCwh.js";
+import { a as $9bf71ea28793e738$export$c5251b9e124bf29 } from "../../FocusScope-CtCX0OGo.js";
 import React__default, { useState, useRef, forwardRef, createContext } from "react";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-kCEA3M_y.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-Cs-ZD1nu.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { T as Tooltip } from "../../tooltip-srrt1p-b.js";
-import { _ as __ } from "../../default-i18n-BqWys-1G.js";
+import { T as Tooltip } from "../../tooltip-eKaARDoV.js";
+import { _ as __ } from "../../default-i18n-DRnM8y4w.js";
 function $2680b1829e803644$export$fa142eb1681c520(props, ref) {
   const { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, orientation = "horizontal" } = props;
   let [isInToolbar, setInToolbar] = useState(false);

package/dist/components/checkbox/checkbox.js

@@ -1,15 +1,15 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { a as $4e85f108e88277b8$export$b085522c77523c51 } from "../../RSPContexts-2lR5GG9p.js";
-import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, b as $64fa3d84918910a7$export$4d86445c2cf5e3, c as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../../utils-Du2x3YVu.js";
+import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, b as $64fa3d84918910a7$export$4d86445c2cf5e3, c as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../../utils-BCJajCwh.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
 import React__default, { useEffect, useRef, forwardRef, useContext, createContext } from "react";
-import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a, b as $e5be200c675c3b3a$export$dad6ae84456c676a, c as $e5be200c675c3b3a$export$a763b9476acd3eb } from "../../useFormValidationState-DAan_XbC.js";
-import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-Cn2nQUNS.js";
-import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-Dj0JhD9W.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-rz8eyzby.js";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-xMzk3syC.js";
-import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-DsMLX-RC.js";
+import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a, b as $e5be200c675c3b3a$export$dad6ae84456c676a, c as $e5be200c675c3b3a$export$a763b9476acd3eb } from "../../useFormValidationState-BjMhz_VI.js";
+import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-BmltE9Zr.js";
+import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-DZXLEnA_.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-BMOTWmOx.js";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-CgFLw4FA.js";
+import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-WhC7vZaL.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { icons } from "../../icons/icons.js";

package/dist/components/color-pickers/color-picker.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { _ as __ } from "../../default-i18n-BqWys-1G.js";
+import { _ as __ } from "../../default-i18n-DRnM8y4w.js";
 import { Menu, MenuItem, MenuSeparator, MenuSection } from "../menu/menu.js";
 import { ColorSwatch } from "./color-swatch.js";
 import { RichLabel } from "../rich-label/rich-label.js";
@@ -237,7 +237,7 @@ const ColorPicker = (props) => {
                 return /* @__PURE__ */ jsx(
                   MenuSection,
                   {
-                    label: colorGroupNames[groupSlug],
+                    "aria-label": colorGroupNames[groupSlug],
                     children: colors2.map((color) => /* @__PURE__ */ jsx(
                       SingleItem,
                       {

package/dist/components/color-pickers/color-swatch.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { $ as $251c695a52d94a8d$export$cae13e90592f246a } from "../../ColorSwatch-BNX2quma.js";
-import { $ as $799cddbef784668f$export$6e865ea70d7724f } from "../../intlStrings-BxJIrC6b.js";
+import { $ as $251c695a52d94a8d$export$cae13e90592f246a } from "../../ColorSwatch-CinC14s3.js";
+import { $ as $799cddbef784668f$export$6e865ea70d7724f } from "../../Color-BpLubxWI.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { _ as __ } from "../../default-i18n-BqWys-1G.js";
+import { _ as __ } from "../../default-i18n-DRnM8y4w.js";
 /**
  * A simple color/gradient swatch.
  *

package/dist/components/color-pickers/gradient-editor.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { _ as __, s as sprintf } from "../../default-i18n-BqWys-1G.js";
+import { _ as __, s as sprintf } from "../../default-i18n-DRnM8y4w.js";
 import { useMemo, useState } from "react";
 import { Button, ButtonGroup } from "../button/button.js";
 import { icons } from "../../icons/icons.js";
 import { SolidColorPicker } from "./solid-color-picker.js";
 import { Slider } from "../slider/slider.js";
 import { NumberPicker } from "../number-picker/number-picker.js";
-import { $ as $251c695a52d94a8d$export$cae13e90592f246a } from "../../ColorSwatch-BNX2quma.js";
+import { $ as $251c695a52d94a8d$export$cae13e90592f246a } from "../../ColorSwatch-CinC14s3.js";
 import { Menu, MenuItem } from "../menu/menu.js";
 import { MatrixAlign } from "../matrix-align/matrix-align.js";
 import { Spacer } from "../spacer/spacer.js";