@wistia/ui 0.14.3-beta.a65ea2b3.ea2330d → 0.14.3

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.14.3-beta.a65ea2b3.ea2330d
+ * @license @wistia/ui v0.14.3
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -10062,7 +10062,6 @@ var ColorPickerProvider = ({
 }) => {
   const [isTransitioning, setIsTransitioning] = (0, import_react41.useState)(false);
   const [nonDerivedValueAsHsv, setNonDerivedValueAsHsv] = (0, import_react41.useState)(convertToHsv(valueAsHex));
-  const [valueAsHsv, setValueAsHsv] = (0, import_react41.useState)(convertToHsv(valueAsHex));
   const [shouldEnforceMinContrast, setShouldEnforceMinContrast] = (0, import_react41.useState)(false);
   const getAccessibleDerivativeColor = (0, import_react41.useCallback)(
     (originalColor) => getAccessibleColor({
@@ -10073,6 +10072,7 @@ var ColorPickerProvider = ({
     }),
     [colorForComparison, minimumContrastRatio, opacityForContrastCalculation]
   );
+  const valueAsHsv = shouldEnforceMinContrast ? getAccessibleDerivativeColor(nonDerivedValueAsHsv) : nonDerivedValueAsHsv;
   const currentContrastRatio = calculateContrast({
     backgroundColor: valueAsHex,
     foregroundColor: colorForComparison,
@@ -10086,18 +10086,9 @@ var ColorPickerProvider = ({
       opacityForContrastCalculation
     });
   }, [valueAsHex, colorForComparison, minimumContrastRatio, opacityForContrastCalculation]);
-  const onChangeNonDerivedValueAsHsv = (0, import_react41.useCallback)(
-    (nonDerivedValue) => {
-      const finalValue = shouldEnforceMinContrast ? getAccessibleDerivativeColor(nonDerivedValue) : nonDerivedValue;
-      const finalValueAsHex = (0, import_fn4.formatHex)(finalValue);
-      if (finalValueAsHex !== valueAsHex) {
-        onValueChange(finalValueAsHex);
-      }
-      setValueAsHsv(finalValue);
-      setNonDerivedValueAsHsv(nonDerivedValue);
-    },
-    [getAccessibleDerivativeColor, onValueChange, shouldEnforceMinContrast, valueAsHex]
-  );
+  const onChangeNonDerivedValueAsHsv = (0, import_react41.useCallback)((nonDerivedValue) => {
+    setNonDerivedValueAsHsv(nonDerivedValue);
+  }, []);
   const changeValueSmoothly = (0, import_react41.useCallback)(
     (toHsv) => {
       setIsTransitioning(true);
@@ -10107,7 +10098,6 @@ var ColorPickerProvider = ({
         (colorForStepAsHsv) => {
           const hexValue = (0, import_fn4.formatHex)(colorForStepAsHsv);
           onValueChange(hexValue);
-          setValueAsHsv(colorForStepAsHsv);
         },
         () => {
           setIsTransitioning(false);
@@ -10133,11 +10123,12 @@ var ColorPickerProvider = ({
       valueAsHsv
     ]
   );
-  const whatValueAsHexShouldBe = (0, import_fn4.formatHex)(valueAsHsv);
-  if (whatValueAsHexShouldBe !== valueAsHex && !isTransitioning) {
-    setValueAsHsv(convertToHsv(valueAsHex));
-    setNonDerivedValueAsHsv(convertToHsv(valueAsHex));
-  }
+  const whatValuePropShouldBe = shouldEnforceMinContrast ? (0, import_fn4.formatHex)(getAccessibleDerivativeColor((0, import_fn4.formatHex)(nonDerivedValueAsHsv))) : (0, import_fn4.formatHex)(nonDerivedValueAsHsv);
+  (0, import_react41.useEffect)(() => {
+    if (valueAsHex !== whatValuePropShouldBe && !isTransitioning) {
+      onValueChange(whatValuePropShouldBe);
+    }
+  }, [valueAsHex, whatValuePropShouldBe, isTransitioning, onValueChange]);
   const contextValue = (0, import_react41.useMemo)(
     () => ({
       colorForComparison,