@orderingstack/front-components-product-configurator 1.3.4 → 1.4.0

package/dist/index.es.js

@@ -4915,11 +4915,11 @@ var root$1 = root;
 var Symbol$1 = root$1.Symbol;
 var Symbol$2 = Symbol$1;
 var objectProto$f = Object.prototype;
-var hasOwnProperty$c = objectProto$f.hasOwnProperty;
+var hasOwnProperty$d = objectProto$f.hasOwnProperty;
 var nativeObjectToString$1 = objectProto$f.toString;
 var symToStringTag$1 = Symbol$2 ? Symbol$2.toStringTag : void 0;
 function getRawTag(value) {
-  var isOwn = hasOwnProperty$c.call(value, symToStringTag$1), tag = value[symToStringTag$1];
+  var isOwn = hasOwnProperty$d.call(value, symToStringTag$1), tag = value[symToStringTag$1];
   try {
     value[symToStringTag$1] = void 0;
     var unmasked = true;
@@ -5043,9 +5043,9 @@ var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
 var reIsHostCtor = /^\[object .+?Constructor\]$/;
 var funcProto = Function.prototype, objectProto$d = Object.prototype;
 var funcToString = funcProto.toString;
-var hasOwnProperty$b = objectProto$d.hasOwnProperty;
+var hasOwnProperty$c = objectProto$d.hasOwnProperty;
 var reIsNative = RegExp(
-  "^" + funcToString.call(hasOwnProperty$b).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+  "^" + funcToString.call(hasOwnProperty$c).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
 );
 function baseIsNative(value) {
   if (!isObject(value) || isMasked(value)) {
@@ -5130,10 +5130,10 @@ function eq(value, other) {
   return value === other || value !== value && other !== other;
 }
 var objectProto$c = Object.prototype;
-var hasOwnProperty$a = objectProto$c.hasOwnProperty;
+var hasOwnProperty$b = objectProto$c.hasOwnProperty;
 function assignValue(object, key, value) {
   var objValue = object[key];
-  if (!(hasOwnProperty$a.call(object, key) && eq(objValue, value)) || value === void 0 && !(key in object)) {
+  if (!(hasOwnProperty$b.call(object, key) && eq(objValue, value)) || value === void 0 && !(key in object)) {
     baseAssignValue(object, key, value);
   }
 }
@@ -5179,12 +5179,12 @@ function baseIsArguments(value) {
   return isObjectLike(value) && baseGetTag(value) == argsTag$3;
 }
 var objectProto$a = Object.prototype;
-var hasOwnProperty$9 = objectProto$a.hasOwnProperty;
+var hasOwnProperty$a = objectProto$a.hasOwnProperty;
 var propertyIsEnumerable$1 = objectProto$a.propertyIsEnumerable;
 var isArguments = baseIsArguments(function() {
   return arguments;
 }()) ? baseIsArguments : function(value) {
-  return isObjectLike(value) && hasOwnProperty$9.call(value, "callee") && !propertyIsEnumerable$1.call(value, "callee");
+  return isObjectLike(value) && hasOwnProperty$a.call(value, "callee") && !propertyIsEnumerable$1.call(value, "callee");
 };
 var isArguments$1 = isArguments;
 function stubFalse() {
@@ -5229,11 +5229,11 @@ var nodeIsTypedArray = nodeUtil$1 && nodeUtil$1.isTypedArray;
 var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
 var isTypedArray$1 = isTypedArray;
 var objectProto$9 = Object.prototype;
-var hasOwnProperty$8 = objectProto$9.hasOwnProperty;
+var hasOwnProperty$9 = objectProto$9.hasOwnProperty;
 function arrayLikeKeys(value, inherited) {
   var isArr = isArray$1(value), isArg = !isArr && isArguments$1(value), isBuff = !isArr && !isArg && isBuffer$1(value), isType = !isArr && !isArg && !isBuff && isTypedArray$1(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
   for (var key in value) {
-    if ((inherited || hasOwnProperty$8.call(value, key)) && !(skipIndexes && (key == "length" || isBuff && (key == "offset" || key == "parent") || isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || isIndex(key, length)))) {
+    if ((inherited || hasOwnProperty$9.call(value, key)) && !(skipIndexes && (key == "length" || isBuff && (key == "offset" || key == "parent") || isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || isIndex(key, length)))) {
       result.push(key);
     }
   }
@@ -5247,14 +5247,14 @@ function overArg(func, transform) {
 var nativeKeys = overArg(Object.keys, Object);
 var nativeKeys$1 = nativeKeys;
 var objectProto$8 = Object.prototype;
-var hasOwnProperty$7 = objectProto$8.hasOwnProperty;
+var hasOwnProperty$8 = objectProto$8.hasOwnProperty;
 function baseKeys(object) {
   if (!isPrototype(object)) {
     return nativeKeys$1(object);
   }
   var result = [];
   for (var key in Object(object)) {
-    if (hasOwnProperty$7.call(object, key) && key != "constructor") {
+    if (hasOwnProperty$8.call(object, key) && key != "constructor") {
       result.push(key);
     }
   }
@@ -5273,14 +5273,14 @@ function nativeKeysIn(object) {
   return result;
 }
 var objectProto$7 = Object.prototype;
-var hasOwnProperty$6 = objectProto$7.hasOwnProperty;
+var hasOwnProperty$7 = objectProto$7.hasOwnProperty;
 function baseKeysIn(object) {
   if (!isObject(object)) {
     return nativeKeysIn(object);
   }
   var isProto = isPrototype(object), result = [];
   for (var key in object) {
-    if (!(key == "constructor" && (isProto || !hasOwnProperty$6.call(object, key)))) {
+    if (!(key == "constructor" && (isProto || !hasOwnProperty$7.call(object, key)))) {
       result.push(key);
     }
   }
@@ -5302,20 +5302,20 @@ function hashDelete(key) {
 }
 var HASH_UNDEFINED$2 = "__lodash_hash_undefined__";
 var objectProto$6 = Object.prototype;
-var hasOwnProperty$5 = objectProto$6.hasOwnProperty;
+var hasOwnProperty$6 = objectProto$6.hasOwnProperty;
 function hashGet(key) {
   var data = this.__data__;
   if (nativeCreate$1) {
     var result = data[key];
     return result === HASH_UNDEFINED$2 ? void 0 : result;
   }
-  return hasOwnProperty$5.call(data, key) ? data[key] : void 0;
+  return hasOwnProperty$6.call(data, key) ? data[key] : void 0;
 }
 var objectProto$5 = Object.prototype;
-var hasOwnProperty$4 = objectProto$5.hasOwnProperty;
+var hasOwnProperty$5 = objectProto$5.hasOwnProperty;
 function hashHas(key) {
   var data = this.__data__;
-  return nativeCreate$1 ? data[key] !== void 0 : hasOwnProperty$4.call(data, key);
+  return nativeCreate$1 ? data[key] !== void 0 : hasOwnProperty$5.call(data, key);
 }
 var HASH_UNDEFINED$1 = "__lodash_hash_undefined__";
 function hashSet(key, value) {
@@ -5595,10 +5595,10 @@ if (DataView$1 && getTag(new DataView$1(new ArrayBuffer(1))) != dataViewTag$3 ||
 }
 var getTag$1 = getTag;
 var objectProto$3 = Object.prototype;
-var hasOwnProperty$3 = objectProto$3.hasOwnProperty;
+var hasOwnProperty$4 = objectProto$3.hasOwnProperty;
 function initCloneArray(array) {
   var length = array.length, result = new array.constructor(length);
-  if (length && typeof array[0] == "string" && hasOwnProperty$3.call(array, "index")) {
+  if (length && typeof array[0] == "string" && hasOwnProperty$4.call(array, "index")) {
     result.index = array.index;
     result.input = array.input;
   }
@@ -5890,7 +5890,7 @@ function equalByTag(object, other, tag, bitmask, customizer, equalFunc, stack) {
 }
 var COMPARE_PARTIAL_FLAG$1 = 1;
 var objectProto$2 = Object.prototype;
-var hasOwnProperty$2 = objectProto$2.hasOwnProperty;
+var hasOwnProperty$3 = objectProto$2.hasOwnProperty;
 function equalObjects(object, other, bitmask, customizer, equalFunc, stack) {
   var isPartial = bitmask & COMPARE_PARTIAL_FLAG$1, objProps = getAllKeys(object), objLength = objProps.length, othProps = getAllKeys(other), othLength = othProps.length;
   if (objLength != othLength && !isPartial) {
@@ -5899,7 +5899,7 @@ function equalObjects(object, other, bitmask, customizer, equalFunc, stack) {
   var index = objLength;
   while (index--) {
     var key = objProps[index];
-    if (!(isPartial ? key in other : hasOwnProperty$2.call(other, key))) {
+    if (!(isPartial ? key in other : hasOwnProperty$3.call(other, key))) {
       return false;
     }
   }
@@ -5937,7 +5937,7 @@ function equalObjects(object, other, bitmask, customizer, equalFunc, stack) {
 var COMPARE_PARTIAL_FLAG = 1;
 var argsTag = "[object Arguments]", arrayTag = "[object Array]", objectTag = "[object Object]";
 var objectProto$1 = Object.prototype;
-var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
+var hasOwnProperty$2 = objectProto$1.hasOwnProperty;
 function baseIsEqualDeep(object, other, bitmask, customizer, equalFunc, stack) {
   var objIsArr = isArray$1(object), othIsArr = isArray$1(other), objTag = objIsArr ? arrayTag : getTag$1(object), othTag = othIsArr ? arrayTag : getTag$1(other);
   objTag = objTag == argsTag ? objectTag : objTag;
@@ -5955,7 +5955,7 @@ function baseIsEqualDeep(object, other, bitmask, customizer, equalFunc, stack) {
     return objIsArr || isTypedArray$1(object) ? equalArrays(object, other, bitmask, customizer, equalFunc, stack) : equalByTag(object, other, objTag, bitmask, customizer, equalFunc, stack);
   }
   if (!(bitmask & COMPARE_PARTIAL_FLAG)) {
-    var objIsWrapped = objIsObj && hasOwnProperty$1.call(object, "__wrapped__"), othIsWrapped = othIsObj && hasOwnProperty$1.call(other, "__wrapped__");
+    var objIsWrapped = objIsObj && hasOwnProperty$2.call(object, "__wrapped__"), othIsWrapped = othIsObj && hasOwnProperty$2.call(other, "__wrapped__");
     if (objIsWrapped || othIsWrapped) {
       var objUnwrapped = objIsWrapped ? object.value() : object, othUnwrapped = othIsWrapped ? other.value() : other;
       stack || (stack = new Stack());
@@ -5994,7 +5994,7 @@ function inRange(number, start, end) {
 }
 var mapTag = "[object Map]", setTag = "[object Set]";
 var objectProto = Object.prototype;
-var hasOwnProperty = objectProto.hasOwnProperty;
+var hasOwnProperty$1 = objectProto.hasOwnProperty;
 function isEmpty(value) {
   if (value == null) {
     return true;
@@ -6010,7 +6010,7 @@ function isEmpty(value) {
     return !baseKeys(value).length;
   }
   for (var key in value) {
-    if (hasOwnProperty.call(value, key)) {
+    if (hasOwnProperty$1.call(value, key)) {
       return false;
     }
   }
@@ -6737,8 +6737,75 @@ function useMenuOptions(product, nestedLvl, parentKind, parentSelCtx) {
 }
 var jsxRuntime = { exports: {} };
 var reactJsxRuntime_production_min = {};
-/**
- * @license React
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var getOwnPropertySymbols = Object.getOwnPropertySymbols;
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+var propIsEnumerable = Object.prototype.propertyIsEnumerable;
+function toObject(val) {
+  if (val === null || val === void 0) {
+    throw new TypeError("Object.assign cannot be called with null or undefined");
+  }
+  return Object(val);
+}
+function shouldUseNative() {
+  try {
+    if (!Object.assign) {
+      return false;
+    }
+    var test1 = new String("abc");
+    test1[5] = "de";
+    if (Object.getOwnPropertyNames(test1)[0] === "5") {
+      return false;
+    }
+    var test2 = {};
+    for (var i2 = 0; i2 < 10; i2++) {
+      test2["_" + String.fromCharCode(i2)] = i2;
+    }
+    var order2 = Object.getOwnPropertyNames(test2).map(function(n2) {
+      return test2[n2];
+    });
+    if (order2.join("") !== "0123456789") {
+      return false;
+    }
+    var test3 = {};
+    "abcdefghijklmnopqrst".split("").forEach(function(letter) {
+      test3[letter] = letter;
+    });
+    if (Object.keys(Object.assign({}, test3)).join("") !== "abcdefghijklmnopqrst") {
+      return false;
+    }
+    return true;
+  } catch (err) {
+    return false;
+  }
+}
+shouldUseNative() ? Object.assign : function(target, source) {
+  var from;
+  var to = toObject(target);
+  var symbols;
+  for (var s2 = 1; s2 < arguments.length; s2++) {
+    from = Object(arguments[s2]);
+    for (var key in from) {
+      if (hasOwnProperty.call(from, key)) {
+        to[key] = from[key];
+      }
+    }
+    if (getOwnPropertySymbols) {
+      symbols = getOwnPropertySymbols(from);
+      for (var i2 = 0; i2 < symbols.length; i2++) {
+        if (propIsEnumerable.call(from, symbols[i2])) {
+          to[symbols[i2]] = from[symbols[i2]];
+        }
+      }
+    }
+  }
+  return to;
+};
+/** @license React v17.0.2
  * react-jsx-runtime.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -6746,20 +6813,26 @@ var reactJsxRuntime_production_min = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var f$3 = React, k$2 = Symbol.for("react.element"), l$4 = Symbol.for("react.fragment"), m$3 = Object.prototype.hasOwnProperty, n$2 = f$3.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p$3 = { key: true, ref: true, __self: true, __source: true };
-function q(c, a2, g) {
-  var b, d2 = {}, e2 = null, h2 = null;
-  void 0 !== g && (e2 = "" + g);
+var f$3 = React, g = 60103;
+reactJsxRuntime_production_min.Fragment = 60107;
+if ("function" === typeof Symbol && Symbol.for) {
+  var h$3 = Symbol.for;
+  g = h$3("react.element");
+  reactJsxRuntime_production_min.Fragment = h$3("react.fragment");
+}
+var m$3 = f$3.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, n$2 = Object.prototype.hasOwnProperty, p$3 = { key: true, ref: true, __self: true, __source: true };
+function q(c, a2, k2) {
+  var b, d2 = {}, e2 = null, l2 = null;
+  void 0 !== k2 && (e2 = "" + k2);
   void 0 !== a2.key && (e2 = "" + a2.key);
-  void 0 !== a2.ref && (h2 = a2.ref);
+  void 0 !== a2.ref && (l2 = a2.ref);
   for (b in a2)
-    m$3.call(a2, b) && !p$3.hasOwnProperty(b) && (d2[b] = a2[b]);
+    n$2.call(a2, b) && !p$3.hasOwnProperty(b) && (d2[b] = a2[b]);
   if (c && c.defaultProps)
     for (b in a2 = c.defaultProps, a2)
       void 0 === d2[b] && (d2[b] = a2[b]);
-  return { $$typeof: k$2, type: c, key: e2, ref: h2, props: d2, _owner: n$2.current };
+  return { $$typeof: g, type: c, key: e2, ref: l2, props: d2, _owner: m$3.current };
 }
-reactJsxRuntime_production_min.Fragment = l$4;
 reactJsxRuntime_production_min.jsx = q;
 reactJsxRuntime_production_min.jsxs = q;
 {
@@ -7309,7 +7382,7 @@ var Dinero = function Dinero2(options) {
       var factor = Math.pow(10, digits);
       return calculator$1.divide(calculator$1.round(calculator$1.multiply(this.toUnit(), factor), roundingMode), factor);
     },
-    toObject: function toObject() {
+    toObject: function toObject2() {
       return {
         amount,
         currency,
@@ -8610,6 +8683,60 @@ function useValidate() {
     isInputCounterIncrementEnabled: isInputCounterIncrementEnabled2
   };
 }
+const addProductToState = (selected, setValue) => {
+  Object.keys(selected).forEach((selCtx) => {
+    setValue(`selected.${selCtx}`, selected[selCtx]);
+  });
+};
+const removeProductFromState = (selCtx, getValues, setValue) => {
+  const changedSelCtx = getValues(`selected.${selCtx}`);
+  setValue(
+    `selected.${selCtx}`,
+    Object.keys(changedSelCtx).reduce((acc, key) => {
+      acc[key] = false;
+      return acc;
+    }, {})
+  );
+};
+const selectUnselectProduct = (setValue, getValues, items, isChecked, state) => {
+  const { selected = {} } = state || {};
+  if (isChecked) {
+    addProductToState(selected, setValue);
+    const checkSubProducts = (items2) => {
+      if (!Array.isArray(items2))
+        return;
+      items2.map((product) => {
+        if (product.state && "selected" in product.state) {
+          const {
+            state: { selected: selected2 }
+          } = product;
+          addProductToState(selected2, setValue);
+        }
+        if (Array.isArray(product.items)) {
+          checkSubProducts(product.items);
+        }
+      });
+    };
+    checkSubProducts(items);
+  } else {
+    Object.keys(selected).forEach((selCtx) => {
+      removeProductFromState(selCtx, getValues, setValue);
+    });
+    const checkSubProducts = (items2) => {
+      if (!Array.isArray(items2))
+        return;
+      items2.map((product) => {
+        const { selCtx } = product;
+        const changedSelCtx = getValues(`selected.${selCtx}`);
+        if (changedSelCtx) {
+          removeProductFromState(selCtx, getValues, setValue);
+        }
+        checkSubProducts(product.items);
+      });
+    };
+    checkSubProducts(items);
+  }
+};
 function useMenuProduct(product, parentAttrs) {
   var _a;
   const { id, selCtx } = product;
@@ -8653,6 +8780,12 @@ function useMenuProduct(product, parentAttrs) {
     const {
       target: { checked, name: selCtx2, defaultValue: productId }
     } = e2;
+    for (const key of Object.keys(selected || {})) {
+      if (key !== (product == null ? void 0 : product.selCtx) && (key == null ? void 0 : key.includes(product.selCtx)) && isRadio) {
+        setValue(`selected.${key}`, false);
+      }
+    }
+    selectUnselectProduct(setValue, getValues, product.items, checked, product.state);
     if (isRadio) {
       console.log("handleOnInputChange radio", selCtx2, productId);
       const selectedContextName = "selected." + selCtx2.replace("radio.", "").split(".")[0];
@@ -9353,8 +9486,8 @@ function p$1(r2, t2 = {}, e2, a2) {
   let d2 = {};
   if (t2) {
     let f2 = false, y2 = [];
-    for (let [h2, g] of Object.entries(t2))
-      typeof g == "boolean" && (f2 = true), g === true && y2.push(h2);
+    for (let [h2, g2] of Object.entries(t2))
+      typeof g2 == "boolean" && (f2 = true), g2 === true && y2.push(h2);
     f2 && (d2["data-headlessui-state"] = y2.join(" "));
   }
   if (o2 === Fragment$1 && Object.keys(F$3(s2)).length > 0) {
@@ -9778,31 +9911,31 @@ let Se$1 = "div", Le = S$1.RenderStrategy | S$1.Static, Me = C$1(function(e2, r2
     throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${a2}`);
   if (typeof o2 != "function")
     throw new Error(`You provided an \`onClose\` prop to the \`Dialog\`, but the value is not a function. Received: ${o2}`);
-  let g = a2 ? 0 : 1, [h2, Q2] = useReducer(Ce$1, { titleId: null, descriptionId: null, panelRef: createRef() }), R = o$3(() => o2(false)), j2 = o$3((T2) => Q2({ type: 0, id: T2 })), x2 = a$2() ? f2 ? false : g === 0 : false, w2 = n$12 > 1, X2 = useContext(H) !== null, Z = w2 ? "parent" : "leaf";
+  let g2 = a2 ? 0 : 1, [h2, Q2] = useReducer(Ce$1, { titleId: null, descriptionId: null, panelRef: createRef() }), R = o$3(() => o2(false)), j2 = o$3((T2) => Q2({ type: 0, id: T2 })), x2 = a$2() ? f2 ? false : g2 === 0 : false, w2 = n$12 > 1, X2 = useContext(H) !== null, Z = w2 ? "parent" : "leaf";
   M$3(u2, w2 ? x2 : false);
   let N2 = o$3(() => {
     var b, D2;
     return [...Array.from((b = y$1 == null ? void 0 : y$1.querySelectorAll("body > *, [data-headlessui-portal]")) != null ? b : []).filter((E2) => !(!(E2 instanceof HTMLElement) || E2.contains(U2.current) || h2.panelRef.current && E2.contains(h2.panelRef.current))), (D2 = h2.panelRef.current) != null ? D2 : u2.current];
   });
   L(() => N2(), R, x2 && !w2), E(y$1 == null ? void 0 : y$1.defaultView, "keydown", (T2) => {
-    T2.defaultPrevented || T2.key === o$1.Escape && g === 0 && (w2 || (T2.preventDefault(), T2.stopPropagation(), R()));
-  }), Oe(y$1, g === 0 && !X2, N2), useEffect(() => {
-    if (g !== 0 || !u2.current)
+    T2.defaultPrevented || T2.key === o$1.Escape && g2 === 0 && (w2 || (T2.preventDefault(), T2.stopPropagation(), R()));
+  }), Oe(y$1, g2 === 0 && !X2, N2), useEffect(() => {
+    if (g2 !== 0 || !u2.current)
       return;
     let T2 = new IntersectionObserver((b) => {
       for (let D2 of b)
         D2.boundingClientRect.x === 0 && D2.boundingClientRect.y === 0 && D2.boundingClientRect.width === 0 && D2.boundingClientRect.height === 0 && R();
     });
     return T2.observe(u2.current), () => T2.disconnect();
-  }, [g, u2, R]);
-  let [ee, te] = k$1(), oe2 = useMemo(() => [{ dialogState: g, close: R, setTitleId: j2 }, h2], [g, h2, R, j2]), V = useMemo(() => ({ open: g === 0 }), [g]), re2 = { ref: _24, id: d2, role: "dialog", "aria-modal": g === 0 ? true : void 0, "aria-labelledby": h2.titleId, "aria-describedby": ee };
-  return React.createElement(M$2, { type: "Dialog", enabled: g === 0, element: u2, onUpdate: o$3((T2, b, D2) => {
+  }, [g2, u2, R]);
+  let [ee, te] = k$1(), oe2 = useMemo(() => [{ dialogState: g2, close: R, setTitleId: j2 }, h2], [g2, h2, R, j2]), V = useMemo(() => ({ open: g2 === 0 }), [g2]), re2 = { ref: _24, id: d2, role: "dialog", "aria-modal": g2 === 0 ? true : void 0, "aria-labelledby": h2.titleId, "aria-describedby": ee };
+  return React.createElement(M$2, { type: "Dialog", enabled: g2 === 0, element: u2, onUpdate: o$3((T2, b, D2) => {
     b === "Dialog" && u$3(T2, { [s.Add]() {
       P2.current.add(D2), i2((E2) => E2 + 1);
     }, [s.Remove]() {
       P2.current.add(D2), i2((E2) => E2 - 1);
     } });
-  }) }, React.createElement(P$1, { force: true }, React.createElement($, null, React.createElement(H.Provider, { value: oe2 }, React.createElement($.Group, { target: u2 }, React.createElement(P$1, { force: false }, React.createElement(te, { slot: V, name: "Dialog.Description" }, React.createElement(de, { initialFocus: p$12, containers: P2, features: x2 ? u$3(Z, { parent: de.features.RestoreFocus, leaf: de.features.All & ~de.features.FocusLock }) : de.features.None }, $$1({ ourProps: re2, theirProps: c, slot: V, defaultTag: Se$1, features: Le, visible: g === 0, name: "Dialog" })))))))), React.createElement(h$1, { features: s$4.Hidden, ref: U2 }));
+  }) }, React.createElement(P$1, { force: true }, React.createElement($, null, React.createElement(H.Provider, { value: oe2 }, React.createElement($.Group, { target: u2 }, React.createElement(P$1, { force: false }, React.createElement(te, { slot: V, name: "Dialog.Description" }, React.createElement(de, { initialFocus: p$12, containers: P2, features: x2 ? u$3(Z, { parent: de.features.RestoreFocus, leaf: de.features.All & ~de.features.FocusLock }) : de.features.None }, $$1({ ourProps: re2, theirProps: c, slot: V, defaultTag: Se$1, features: Le, visible: g2 === 0, name: "Dialog" })))))))), React.createElement(h$1, { features: s$4.Hidden, ref: U2 }));
 }), ke = "div", we = C$1(function(e2, r2) {
   let s2 = I$2(), { id: d2 = `headlessui-dialog-overlay-${s2}`, ...a2 } = e2, [{ dialogState: o2, close: p2 }] = k("Dialog.Overlay"), f2 = y(r2), c = o$3((l2) => {
     if (l2.target === l2.currentTarget) {
@@ -9849,7 +9982,7 @@ function F(t2, e2) {
   if (!t2)
     return n2.dispose;
   let { transitionDuration: a2, transitionDelay: i2 } = getComputedStyle(t2), [m2, d2] = [a2, i2].map((o2) => {
-    let [r2 = 0] = o2.split(",").filter(Boolean).map((l2) => l2.includes("ms") ? parseFloat(l2) : parseFloat(l2) * 1e3).sort((l2, g) => g - l2);
+    let [r2 = 0] = o2.split(",").filter(Boolean).map((l2) => l2.includes("ms") ? parseFloat(l2) : parseFloat(l2) * 1e3).sort((l2, g2) => g2 - l2);
     return r2;
   });
   if (m2 + d2 !== 0) {