tw-react-components 0.0.200 → 0.0.203

package/index.esm.js

@@ -680,7 +680,7 @@ function requireReact_production () {
 	react_production.useTransition = function () {
 	  return ReactSharedInternals.H.useTransition();
 	};
-	react_production.version = "19.2.4";
+	react_production.version = "19.2.5";
 	return react_production;
 }
 
@@ -1970,7 +1970,7 @@ function requireReact_development () {
 		    exports$1.useTransition = function () {
 		      return resolveDispatcher().useTransition();
 		    };
-		    exports$1.version = "19.2.4";
+		    exports$1.version = "19.2.5";
 		    "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
 		      "function" ===
 		        typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
@@ -2926,7 +2926,7 @@ function requireReactDom_production () {
 	reactDom_production.useFormStatus = function () {
 	  return ReactSharedInternals.H.useHostTransitionStatus();
 	};
-	reactDom_production.version = "19.2.4";
+	reactDom_production.version = "19.2.5";
 	return reactDom_production;
 }
 
@@ -3354,7 +3354,7 @@ function requireReactDom_development () {
 	    reactDom_development.useFormStatus = function () {
 	      return resolveDispatcher().useHostTransitionStatus();
 	    };
-	    reactDom_development.version = "19.2.4";
+	    reactDom_development.version = "19.2.5";
 	    "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
 	      "function" ===
 	        typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
@@ -4009,7 +4009,7 @@ var Trigger2 = AccordionTrigger$1;
 var Content2$4 = AccordionContent$1;
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4020,7 +4020,7 @@ const mergeClasses = (...classes) => classes.filter((className, index, array) =>
 }).join(" ").trim();
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4029,7 +4029,7 @@ const mergeClasses = (...classes) => classes.filter((className, index, array) =>
 const toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4041,7 +4041,7 @@ const toCamelCase = (string) => string.replace(
 );
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4054,7 +4054,7 @@ const toPascalCase = (string) => {
 };
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4073,7 +4073,7 @@ var defaultAttributes$1 = {
 };
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4088,46 +4088,42 @@ const hasA11yProp = (props) => {
   return false;
 };
 
-/**
- * @license lucide-react v0.563.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
+const LucideContext = reactExports.createContext({});
+const useLucideContext = () => reactExports.useContext(LucideContext);
 
 const Icon = reactExports.forwardRef(
-  ({
-    color = "currentColor",
-    size = 24,
-    strokeWidth = 2,
-    absoluteStrokeWidth,
-    className = "",
-    children,
-    iconNode,
-    ...rest
-  }, ref) => reactExports.createElement(
-    "svg",
-    {
-      ref,
-      ...defaultAttributes$1,
-      width: size,
-      height: size,
-      stroke: color,
-      strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
-      className: mergeClasses("lucide", className),
-      ...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
-      ...rest
-    },
-    [
-      ...iconNode.map(([tag, attrs]) => reactExports.createElement(tag, attrs)),
-      ...Array.isArray(children) ? children : [children]
-    ]
-  )
+  ({ color, size, strokeWidth, absoluteStrokeWidth, className = "", children, iconNode, ...rest }, ref) => {
+    const {
+      size: contextSize = 24,
+      strokeWidth: contextStrokeWidth = 2,
+      absoluteStrokeWidth: contextAbsoluteStrokeWidth = false,
+      color: contextColor = "currentColor",
+      className: contextClass = ""
+    } = useLucideContext() ?? {};
+    const calculatedStrokeWidth = absoluteStrokeWidth ?? contextAbsoluteStrokeWidth ? Number(strokeWidth ?? contextStrokeWidth) * 24 / Number(size ?? contextSize) : strokeWidth ?? contextStrokeWidth;
+    return reactExports.createElement(
+      "svg",
+      {
+        ref,
+        ...defaultAttributes$1,
+        width: size ?? contextSize ?? defaultAttributes$1.width,
+        height: size ?? contextSize ?? defaultAttributes$1.height,
+        stroke: color ?? contextColor,
+        strokeWidth: calculatedStrokeWidth,
+        className: mergeClasses("lucide", contextClass, className),
+        ...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
+        ...rest
+      },
+      [
+        ...iconNode.map(([tag, attrs]) => reactExports.createElement(tag, attrs)),
+        ...Array.isArray(children) ? children : [children]
+      ]
+    );
+  }
 );
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4152,7 +4148,7 @@ const createLucideIcon = (iconName, iconNode) => {
 };
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4169,7 +4165,7 @@ const __iconNode$r = [
 const ArrowDownWideNarrow = createLucideIcon("arrow-down-wide-narrow", __iconNode$r);
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4185,7 +4181,7 @@ const __iconNode$q = [
 const ArrowUpDown = createLucideIcon("arrow-up-down", __iconNode$q);
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4202,7 +4198,7 @@ const __iconNode$p = [
 const ArrowUpNarrowWide = createLucideIcon("arrow-up-narrow-wide", __iconNode$p);
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4216,7 +4212,7 @@ const __iconNode$o = [
 const AtSign = createLucideIcon("at-sign", __iconNode$o);
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4232,7 +4228,7 @@ const __iconNode$n = [
 const Calendar = createLucideIcon("calendar", __iconNode$n);
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4243,7 +4239,7 @@ const __iconNode$m = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
 const Check = createLucideIcon("check", __iconNode$m);
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4254,7 +4250,7 @@ const __iconNode$l = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
 const ChevronDown = createLucideIcon("chevron-down", __iconNode$l);
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4265,7 +4261,7 @@ const __iconNode$k = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
 const ChevronLeft = createLucideIcon("chevron-left", __iconNode$k);
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4276,7 +4272,7 @@ const __iconNode$j = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
 const ChevronRight = createLucideIcon("chevron-right", __iconNode$j);
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4287,7 +4283,7 @@ const __iconNode$i = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
 const ChevronUp = createLucideIcon("chevron-up", __iconNode$i);
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4301,7 +4297,7 @@ const __iconNode$h = [
 const ChevronsDownUp = createLucideIcon("chevrons-down-up", __iconNode$h);
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4309,13 +4305,13 @@ const ChevronsDownUp = createLucideIcon("chevrons-down-up", __iconNode$h);
 
 
 const __iconNode$g = [
-  ["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
-  ["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
+  ["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
+  ["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
 ];
-const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$g);
+const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$g);
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4323,13 +4319,13 @@ const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$g);
 
 
 const __iconNode$f = [
-  ["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
-  ["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
+  ["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
+  ["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
 ];
-const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$f);
+const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$f);
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4343,7 +4339,7 @@ const __iconNode$e = [
 const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$e);
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4358,7 +4354,7 @@ const __iconNode$d = [
 const CircleQuestionMark = createLucideIcon("circle-question-mark", __iconNode$d);
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4369,7 +4365,7 @@ const __iconNode$c = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
 const Circle = createLucideIcon("circle", __iconNode$c);
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4377,13 +4373,13 @@ const Circle = createLucideIcon("circle", __iconNode$c);
 
 
 const __iconNode$b = [
-  ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }],
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }]
 ];
 const Clock = createLucideIcon("clock", __iconNode$b);
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4398,7 +4394,7 @@ const __iconNode$a = [
 const CloudUpload = createLucideIcon("cloud-upload", __iconNode$a);
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4426,7 +4422,7 @@ const __iconNode$9 = [
 const EyeOff = createLucideIcon("eye-off", __iconNode$9);
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4446,7 +4442,7 @@ const __iconNode$8 = [
 const Eye = createLucideIcon("eye", __iconNode$8);
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4464,7 +4460,7 @@ const __iconNode$7 = [
 const GripVertical = createLucideIcon("grip-vertical", __iconNode$7);
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4475,7 +4471,7 @@ const __iconNode$6 = [["path", { d: "M5 12h14", key: "1ays0h" }]];
 const Minus = createLucideIcon("minus", __iconNode$6);
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4490,7 +4486,7 @@ const __iconNode$5 = [
 const Monitor = createLucideIcon("monitor", __iconNode$5);
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4509,7 +4505,7 @@ const __iconNode$4 = [
 const Moon = createLucideIcon("moon", __iconNode$4);
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4523,7 +4519,7 @@ const __iconNode$3 = [
 const PanelLeft = createLucideIcon("panel-left", __iconNode$3);
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4537,7 +4533,7 @@ const __iconNode$2 = [
 const Plus = createLucideIcon("plus", __iconNode$2);
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4558,7 +4554,7 @@ const __iconNode$1 = [
 const Sun = createLucideIcon("sun", __iconNode$1);
 
 /**
- * @license lucide-react v0.563.0 - ISC
+ * @license lucide-react v1.14.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -4569,7 +4565,7 @@ const __iconNode = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ];
-const X = createLucideIcon("x", __iconNode);
+const X$1 = createLucideIcon("x", __iconNode);
 
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
@@ -5063,7 +5059,7 @@ const fromTheme = key => {
 };
 const arbitraryValueRegex = /^\[(?:(\w[\w-]*):)?(.+)\]$/i;
 const arbitraryVariableRegex = /^\((?:(\w[\w-]*):)?(.+)\)$/i;
-const fractionRegex = /^\d+\/\d+$/;
+const fractionRegex = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/;
 const tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
 const lengthUnitRegex = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/;
 const colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/;
@@ -5089,6 +5085,8 @@ const isArbitrarySize = value => getIsArbitraryValue(value, isLabelSize, isNever
 const isArbitraryValue = value => arbitraryValueRegex.test(value);
 const isArbitraryLength = value => getIsArbitraryValue(value, isLabelLength, isLengthOnly);
 const isArbitraryNumber = value => getIsArbitraryValue(value, isLabelNumber, isNumber);
+const isArbitraryWeight = value => getIsArbitraryValue(value, isLabelWeight, isAny);
+const isArbitraryFamilyName = value => getIsArbitraryValue(value, isLabelFamilyName, isNever);
 const isArbitraryPosition = value => getIsArbitraryValue(value, isLabelPosition, isNever);
 const isArbitraryImage = value => getIsArbitraryValue(value, isLabelImage, isImage);
 const isArbitraryShadow = value => getIsArbitraryValue(value, isLabelShadow, isShadow);
@@ -5099,6 +5097,7 @@ const isArbitraryVariablePosition = value => getIsArbitraryVariable(value, isLab
 const isArbitraryVariableSize = value => getIsArbitraryVariable(value, isLabelSize);
 const isArbitraryVariableImage = value => getIsArbitraryVariable(value, isLabelImage);
 const isArbitraryVariableShadow = value => getIsArbitraryVariable(value, isLabelShadow, true);
+const isArbitraryVariableWeight = value => getIsArbitraryVariable(value, isLabelWeight, true);
 // Helpers
 const getIsArbitraryValue = (value, testLabel, testValue) => {
   const result = arbitraryValueRegex.exec(value);
@@ -5127,6 +5126,7 @@ const isLabelSize = label => label === 'length' || label === 'size' || label ===
 const isLabelLength = label => label === 'length';
 const isLabelNumber = label => label === 'number';
 const isLabelFamilyName = label => label === 'family-name';
+const isLabelWeight = label => label === 'number' || label === 'weight';
 const isLabelShadow = label => label === 'shadow';
 const getDefaultConfig = () => {
   /**
@@ -5185,6 +5185,8 @@ const getDefaultConfig = () => {
   const scaleAlignSecondaryAxis = () => ['start', 'end', 'center', 'stretch', 'center-safe', 'end-safe'];
   const scaleMargin = () => ['auto', ...scaleUnambiguousSpacing()];
   const scaleSizing = () => [isFraction, 'auto', 'full', 'dvw', 'dvh', 'lvw', 'lvh', 'svw', 'svh', 'min', 'max', 'fit', ...scaleUnambiguousSpacing()];
+  const scaleSizingInline = () => [isFraction, 'screen', 'full', 'dvw', 'lvw', 'svw', 'min', 'max', 'fit', ...scaleUnambiguousSpacing()];
+  const scaleSizingBlock = () => [isFraction, 'screen', 'full', 'lh', 'dvh', 'lvh', 'svh', 'min', 'max', 'fit', ...scaleUnambiguousSpacing()];
   const scaleColor = () => [themeColor, isArbitraryVariable, isArbitraryValue];
   const scaleBgPosition = () => [...scalePosition(), isArbitraryVariablePosition, isArbitraryPosition, {
     position: [isArbitraryVariable, isArbitraryValue]
@@ -5383,40 +5385,66 @@ const getDefaultConfig = () => {
        */
       position: ['static', 'fixed', 'absolute', 'relative', 'sticky'],
       /**
-       * Top / Right / Bottom / Left
+       * Inset
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
         inset: scaleInset()
       }],
       /**
-       * Right / Left
+       * Inset Inline
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       'inset-x': [{
         'inset-x': scaleInset()
       }],
       /**
-       * Top / Bottom
+       * Inset Block
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       'inset-y': [{
         'inset-y': scaleInset()
       }],
       /**
-       * Start
+       * Inset Inline Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
+       * @todo class group will be renamed to `inset-s` in next major release
        */
       start: [{
+        'inset-s': scaleInset(),
+        /**
+         * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-s-*` utilities.
+         * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
+         */
         start: scaleInset()
       }],
       /**
-       * End
+       * Inset Inline End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
+       * @todo class group will be renamed to `inset-e` in next major release
        */
       end: [{
+        'inset-e': scaleInset(),
+        /**
+         * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-e-*` utilities.
+         * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
+         */
         end: scaleInset()
       }],
+      /**
+       * Inset Block Start
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      'inset-bs': [{
+        'inset-bs': scaleInset()
+      }],
+      /**
+       * Inset Block End
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      'inset-be': [{
+        'inset-be': scaleInset()
+      }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
@@ -5683,33 +5711,47 @@ const getDefaultConfig = () => {
         p: scaleUnambiguousSpacing()
       }],
       /**
-       * Padding X
+       * Padding Inline
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
         px: scaleUnambiguousSpacing()
       }],
       /**
-       * Padding Y
+       * Padding Block
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
         py: scaleUnambiguousSpacing()
       }],
       /**
-       * Padding Start
+       * Padding Inline Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
         ps: scaleUnambiguousSpacing()
       }],
       /**
-       * Padding End
+       * Padding Inline End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
         pe: scaleUnambiguousSpacing()
       }],
+      /**
+       * Padding Block Start
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pbs: [{
+        pbs: scaleUnambiguousSpacing()
+      }],
+      /**
+       * Padding Block End
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pbe: [{
+        pbe: scaleUnambiguousSpacing()
+      }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
@@ -5746,33 +5788,47 @@ const getDefaultConfig = () => {
         m: scaleMargin()
       }],
       /**
-       * Margin X
+       * Margin Inline
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
         mx: scaleMargin()
       }],
       /**
-       * Margin Y
+       * Margin Block
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
         my: scaleMargin()
       }],
       /**
-       * Margin Start
+       * Margin Inline Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
         ms: scaleMargin()
       }],
       /**
-       * Margin End
+       * Margin Inline End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
         me: scaleMargin()
       }],
+      /**
+       * Margin Block Start
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mbs: [{
+        mbs: scaleMargin()
+      }],
+      /**
+       * Margin Block End
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mbe: [{
+        mbe: scaleMargin()
+      }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
@@ -5835,6 +5891,48 @@ const getDefaultConfig = () => {
       size: [{
         size: scaleSizing()
       }],
+      /**
+       * Inline Size
+       * @see https://tailwindcss.com/docs/width
+       */
+      'inline-size': [{
+        inline: ['auto', ...scaleSizingInline()]
+      }],
+      /**
+       * Min-Inline Size
+       * @see https://tailwindcss.com/docs/min-width
+       */
+      'min-inline-size': [{
+        'min-inline': ['auto', ...scaleSizingInline()]
+      }],
+      /**
+       * Max-Inline Size
+       * @see https://tailwindcss.com/docs/max-width
+       */
+      'max-inline-size': [{
+        'max-inline': ['none', ...scaleSizingInline()]
+      }],
+      /**
+       * Block Size
+       * @see https://tailwindcss.com/docs/height
+       */
+      'block-size': [{
+        block: ['auto', ...scaleSizingBlock()]
+      }],
+      /**
+       * Min-Block Size
+       * @see https://tailwindcss.com/docs/min-height
+       */
+      'min-block-size': [{
+        'min-block': ['auto', ...scaleSizingBlock()]
+      }],
+      /**
+       * Max-Block Size
+       * @see https://tailwindcss.com/docs/max-height
+       */
+      'max-block-size': [{
+        'max-block': ['none', ...scaleSizingBlock()]
+      }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
@@ -5907,7 +6005,7 @@ const getDefaultConfig = () => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       'font-weight': [{
-        font: [themeFontWeight, isArbitraryVariable, isArbitraryNumber]
+        font: [themeFontWeight, isArbitraryVariableWeight, isArbitraryWeight]
       }],
       /**
        * Font Stretch
@@ -5921,7 +6019,14 @@ const getDefaultConfig = () => {
        * @see https://tailwindcss.com/docs/font-family
        */
       'font-family': [{
-        font: [isArbitraryVariableFamilyName, isArbitraryValue, themeFont]
+        font: [isArbitraryVariableFamilyName, isArbitraryFamilyName, themeFont]
+      }],
+      /**
+       * Font Feature Settings
+       * @see https://tailwindcss.com/docs/font-feature-settings
+       */
+      'font-features': [{
+        'font-features': [isArbitraryValue]
       }],
       /**
        * Font Variant Numeric
@@ -6340,33 +6445,47 @@ const getDefaultConfig = () => {
         border: scaleBorderWidth()
       }],
       /**
-       * Border Width X
+       * Border Width Inline
        * @see https://tailwindcss.com/docs/border-width
        */
       'border-w-x': [{
         'border-x': scaleBorderWidth()
       }],
       /**
-       * Border Width Y
+       * Border Width Block
        * @see https://tailwindcss.com/docs/border-width
        */
       'border-w-y': [{
         'border-y': scaleBorderWidth()
       }],
       /**
-       * Border Width Start
+       * Border Width Inline Start
        * @see https://tailwindcss.com/docs/border-width
        */
       'border-w-s': [{
         'border-s': scaleBorderWidth()
       }],
       /**
-       * Border Width End
+       * Border Width Inline End
        * @see https://tailwindcss.com/docs/border-width
        */
       'border-w-e': [{
         'border-e': scaleBorderWidth()
       }],
+      /**
+       * Border Width Block Start
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      'border-w-bs': [{
+        'border-bs': scaleBorderWidth()
+      }],
+      /**
+       * Border Width Block End
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      'border-w-be': [{
+        'border-be': scaleBorderWidth()
+      }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
@@ -6441,33 +6560,47 @@ const getDefaultConfig = () => {
         border: scaleColor()
       }],
       /**
-       * Border Color X
+       * Border Color Inline
        * @see https://tailwindcss.com/docs/border-color
        */
       'border-color-x': [{
         'border-x': scaleColor()
       }],
       /**
-       * Border Color Y
+       * Border Color Block
        * @see https://tailwindcss.com/docs/border-color
        */
       'border-color-y': [{
         'border-y': scaleColor()
       }],
       /**
-       * Border Color S
+       * Border Color Inline Start
        * @see https://tailwindcss.com/docs/border-color
        */
       'border-color-s': [{
         'border-s': scaleColor()
       }],
       /**
-       * Border Color E
+       * Border Color Inline End
        * @see https://tailwindcss.com/docs/border-color
        */
       'border-color-e': [{
         'border-e': scaleColor()
       }],
+      /**
+       * Border Color Block Start
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      'border-color-bs': [{
+        'border-bs': scaleColor()
+      }],
+      /**
+       * Border Color Block End
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      'border-color-be': [{
+        'border-be': scaleColor()
+      }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
@@ -7328,33 +7461,47 @@ const getDefaultConfig = () => {
         'scroll-m': scaleUnambiguousSpacing()
       }],
       /**
-       * Scroll Margin X
+       * Scroll Margin Inline
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       'scroll-mx': [{
         'scroll-mx': scaleUnambiguousSpacing()
       }],
       /**
-       * Scroll Margin Y
+       * Scroll Margin Block
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       'scroll-my': [{
         'scroll-my': scaleUnambiguousSpacing()
       }],
       /**
-       * Scroll Margin Start
+       * Scroll Margin Inline Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       'scroll-ms': [{
         'scroll-ms': scaleUnambiguousSpacing()
       }],
       /**
-       * Scroll Margin End
+       * Scroll Margin Inline End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       'scroll-me': [{
         'scroll-me': scaleUnambiguousSpacing()
       }],
+      /**
+       * Scroll Margin Block Start
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      'scroll-mbs': [{
+        'scroll-mbs': scaleUnambiguousSpacing()
+      }],
+      /**
+       * Scroll Margin Block End
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      'scroll-mbe': [{
+        'scroll-mbe': scaleUnambiguousSpacing()
+      }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
@@ -7391,33 +7538,47 @@ const getDefaultConfig = () => {
         'scroll-p': scaleUnambiguousSpacing()
       }],
       /**
-       * Scroll Padding X
+       * Scroll Padding Inline
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       'scroll-px': [{
         'scroll-px': scaleUnambiguousSpacing()
       }],
       /**
-       * Scroll Padding Y
+       * Scroll Padding Block
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       'scroll-py': [{
         'scroll-py': scaleUnambiguousSpacing()
       }],
       /**
-       * Scroll Padding Start
+       * Scroll Padding Inline Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       'scroll-ps': [{
         'scroll-ps': scaleUnambiguousSpacing()
       }],
       /**
-       * Scroll Padding End
+       * Scroll Padding Inline End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       'scroll-pe': [{
         'scroll-pe': scaleUnambiguousSpacing()
       }],
+      /**
+       * Scroll Padding Block Start
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      'scroll-pbs': [{
+        'scroll-pbs': scaleUnambiguousSpacing()
+      }],
+      /**
+       * Scroll Padding Block End
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      'scroll-pbe': [{
+        'scroll-pbe': scaleUnambiguousSpacing()
+      }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
@@ -7552,15 +7713,15 @@ const getDefaultConfig = () => {
     conflictingClassGroups: {
       overflow: ['overflow-x', 'overflow-y'],
       overscroll: ['overscroll-x', 'overscroll-y'],
-      inset: ['inset-x', 'inset-y', 'start', 'end', 'top', 'right', 'bottom', 'left'],
+      inset: ['inset-x', 'inset-y', 'inset-bs', 'inset-be', 'start', 'end', 'top', 'right', 'bottom', 'left'],
       'inset-x': ['right', 'left'],
       'inset-y': ['top', 'bottom'],
       flex: ['basis', 'grow', 'shrink'],
       gap: ['gap-x', 'gap-y'],
-      p: ['px', 'py', 'ps', 'pe', 'pt', 'pr', 'pb', 'pl'],
+      p: ['px', 'py', 'ps', 'pe', 'pbs', 'pbe', 'pt', 'pr', 'pb', 'pl'],
       px: ['pr', 'pl'],
       py: ['pt', 'pb'],
-      m: ['mx', 'my', 'ms', 'me', 'mt', 'mr', 'mb', 'ml'],
+      m: ['mx', 'my', 'ms', 'me', 'mbs', 'mbe', 'mt', 'mr', 'mb', 'ml'],
       mx: ['mr', 'ml'],
       my: ['mt', 'mb'],
       size: ['w', 'h'],
@@ -7580,18 +7741,18 @@ const getDefaultConfig = () => {
       'rounded-b': ['rounded-br', 'rounded-bl'],
       'rounded-l': ['rounded-tl', 'rounded-bl'],
       'border-spacing': ['border-spacing-x', 'border-spacing-y'],
-      'border-w': ['border-w-x', 'border-w-y', 'border-w-s', 'border-w-e', 'border-w-t', 'border-w-r', 'border-w-b', 'border-w-l'],
+      'border-w': ['border-w-x', 'border-w-y', 'border-w-s', 'border-w-e', 'border-w-bs', 'border-w-be', 'border-w-t', 'border-w-r', 'border-w-b', 'border-w-l'],
       'border-w-x': ['border-w-r', 'border-w-l'],
       'border-w-y': ['border-w-t', 'border-w-b'],
-      'border-color': ['border-color-x', 'border-color-y', 'border-color-s', 'border-color-e', 'border-color-t', 'border-color-r', 'border-color-b', 'border-color-l'],
+      'border-color': ['border-color-x', 'border-color-y', 'border-color-s', 'border-color-e', 'border-color-bs', 'border-color-be', 'border-color-t', 'border-color-r', 'border-color-b', 'border-color-l'],
       'border-color-x': ['border-color-r', 'border-color-l'],
       'border-color-y': ['border-color-t', 'border-color-b'],
       translate: ['translate-x', 'translate-y', 'translate-none'],
       'translate-none': ['translate', 'translate-x', 'translate-y', 'translate-z'],
-      'scroll-m': ['scroll-mx', 'scroll-my', 'scroll-ms', 'scroll-me', 'scroll-mt', 'scroll-mr', 'scroll-mb', 'scroll-ml'],
+      'scroll-m': ['scroll-mx', 'scroll-my', 'scroll-ms', 'scroll-me', 'scroll-mbs', 'scroll-mbe', 'scroll-mt', 'scroll-mr', 'scroll-mb', 'scroll-ml'],
       'scroll-mx': ['scroll-mr', 'scroll-ml'],
       'scroll-my': ['scroll-mt', 'scroll-mb'],
-      'scroll-p': ['scroll-px', 'scroll-py', 'scroll-ps', 'scroll-pe', 'scroll-pt', 'scroll-pr', 'scroll-pb', 'scroll-pl'],
+      'scroll-p': ['scroll-px', 'scroll-py', 'scroll-ps', 'scroll-pe', 'scroll-pbs', 'scroll-pbe', 'scroll-pt', 'scroll-pr', 'scroll-pb', 'scroll-pl'],
       'scroll-px': ['scroll-pr', 'scroll-pl'],
       'scroll-py': ['scroll-pt', 'scroll-pb'],
       touch: ['touch-x', 'touch-y', 'touch-pz'],
@@ -11812,7 +11973,7 @@ const BasicInput = (_a) => {
                     'has-[input:focus-visible]:border-ring has-[input:focus-visible]:ring-ring/50 has-[textarea:focus-visible]:border-ring has-[textarea:focus-visible]:ring-ring/50 rounded-md has-[input:focus-visible]:ring-[3px] has-[textarea:focus-visible]:ring-[3px]': type !== 'checkbox',
                     'aria-invalid:!ring-destructive/20 dark:aria-invalid:!ring-destructive/40 aria-invalid:[&>input,&>textarea,&>div]:border-destructive': type !== 'checkbox',
                     'shadow-xs transition-[color,box-shadow]': type !== 'checkbox',
-                }), title: type !== 'textarea' && typeof props.value === 'string' ? props.value : undefined, "data-testid": `${dataTestId}-wrapper`, "aria-invalid": hasErrors, children: [type === 'textarea' ? (jsxRuntimeExports.jsx("textarea", Object.assign({ id: id, className: cn(baseInputClasses, sizeClasses[size].input.replace(/ h-\d/g, ''), 'field-sizing-content min-h-16 py-2', SuffixIcon && 'rounded-r-none border-r-0', inputClassName) }, props, { value: props.value, "data-testid": `${dataTestId}-textarea` }))) : type === 'checkbox' ? (jsxRuntimeExports.jsx("input", Object.assign({ id: id, className: cn('border-input rounded-sm disabled:opacity-50', 'focus:ring-ring/50 focus:border-ring focus:ring-[3px] focus:ring-offset-0', 'aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40', sizeClasses[size].checkbox.input, hasErrors && 'bg-red-100', inputClassName), type: type, checked: Boolean(props.value) }, props, { "data-testid": `${dataTestId}-checkbox`, "aria-invalid": hasErrors }))) : (jsxRuntimeExports.jsx("input", Object.assign({ id: id, className: cn(baseInputClasses, sizeClasses[size].input, SuffixIcon && 'rounded-r-none border-r-0', inputClassName), type: type !== null && type !== void 0 ? type : 'text' }, props, { value: props.value, "data-testid": `${dataTestId}-input` }))), type === 'checkbox' && memoLabel, clearable && (onClear || !!props.value) && !props.disabled && (jsxRuntimeExports.jsx(X, { className: cn('absolute top-1/2 right-2 -translate-y-1/2 cursor-pointer rounded-full bg-white p-0.5 opacity-0 duration-200 group-hover:opacity-100 hover:bg-slate-200 dark:bg-slate-700 dark:hover:bg-slate-800', sizeClasses[size].clearButton.base, {
+                }), title: type !== 'textarea' && typeof props.value === 'string' ? props.value : undefined, "data-testid": `${dataTestId}-wrapper`, "aria-invalid": hasErrors, children: [type === 'textarea' ? (jsxRuntimeExports.jsx("textarea", Object.assign({ id: id, className: cn(baseInputClasses, sizeClasses[size].input.replace(/ h-\d/g, ''), 'field-sizing-content min-h-16 py-2', SuffixIcon && 'rounded-r-none border-r-0', inputClassName) }, props, { value: props.value, "data-testid": `${dataTestId}-textarea` }))) : type === 'checkbox' ? (jsxRuntimeExports.jsx("input", Object.assign({ id: id, className: cn('border-input rounded-sm disabled:opacity-50', 'focus:ring-ring/50 focus:border-ring focus:ring-[3px] focus:ring-offset-0', 'aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40', sizeClasses[size].checkbox.input, hasErrors && 'bg-red-100', inputClassName), type: type, checked: Boolean(props.value) }, props, { "data-testid": `${dataTestId}-checkbox`, "aria-invalid": hasErrors }))) : (jsxRuntimeExports.jsx("input", Object.assign({ id: id, className: cn(baseInputClasses, sizeClasses[size].input, SuffixIcon && 'rounded-r-none border-r-0', inputClassName), type: type !== null && type !== void 0 ? type : 'text' }, props, { value: props.value, "data-testid": `${dataTestId}-input` }))), type === 'checkbox' && memoLabel, clearable && (onClear || !!props.value) && !props.disabled && (jsxRuntimeExports.jsx(X$1, { className: cn('absolute top-1/2 right-2 -translate-y-1/2 cursor-pointer rounded-full bg-white p-0.5 opacity-0 duration-200 group-hover:opacity-100 hover:bg-slate-200 dark:bg-slate-700 dark:hover:bg-slate-800', sizeClasses[size].clearButton.base, {
                             [sizeClasses[size].clearButton.withSuffixIcon]: SuffixIcon,
                         }), onClick: handleClear, onPointerDown: (event) => event.stopPropagation(), "data-testid": `${dataTestId}-clear` })), type !== 'checkbox' && SuffixIcon && (jsxRuntimeExports.jsx(BasicInputExtension, { className: extensionClassName, size: size, disabled: props.disabled, onClick: onSuffixIconClick, dataTestId: `${dataTestId}-suffix`, children: jsxRuntimeExports.jsx(SuffixIcon, { className: sizeClasses[size].suffix.icon }) }))] })] }));
 };
@@ -11969,6 +12130,7 @@ const DateSelector = ({ date, value, minDate, maxDate, locale, calendarView, set
     const [year, setYear] = reactExports.useState(date.getFullYear());
     const [yearOffset, setYearOffset] = reactExports.useState(0);
     reactExports.useEffect(() => {
+        // eslint-disable-next-line react-hooks/set-state-in-effect
         setMonth(date.getMonth());
         setYear(date.getFullYear());
     }, [date]);
@@ -14626,7 +14788,12 @@ const SelectInput = (_a) => {
     const handleOnClear = () => {
         if (readOnly)
             return;
-        onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
+        if (multiple) {
+            onChange === null || onChange === void 0 ? void 0 : onChange([]);
+        }
+        else {
+            onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
+        }
     };
     const handleOnAddItemClicked = () => {
         onNewItemAdded === null || onNewItemAdded === void 0 ? void 0 : onNewItemAdded(searchValue);
@@ -14684,9 +14851,9 @@ var getEventValue = (event) => isObject(event) && event.target
         : event.target.value
     : event;
 
-var getNodeParentName = (name) => name.substring(0, name.search(/\.\d+(\.|$)/)) || name;
-
-var isNameInFieldArray = (names, name) => names.has(getNodeParentName(name));
+var isNameInFieldArray = (names, name) => name
+    .split('.')
+    .some((part, index, arr) => !isNaN(Number(part)) && names.has(arr.slice(0, index).join('.')));
 
 var isPlainObject = (tempObject) => {
     const prototypeCopy = tempObject.constructor && tempObject.constructor.prototype;
@@ -14730,7 +14897,10 @@ var get = (object, path, defaultValue) => {
     if (!path || !isObject(object)) {
         return defaultValue;
     }
-    const result = (isKey(path) ? [path] : stringToPath(path)).reduce((result, key) => isNullOrUndefined(result) ? result : result[key], object);
+    const paths = isKey(path) ? [path] : stringToPath(path);
+    const result = paths.reduce((result, key) => {
+        return isNullOrUndefined(result) ? undefined : result[key];
+    }, object);
     return isUndefined(result) || result === object
         ? isUndefined(object[path])
             ? defaultValue
@@ -14769,8 +14939,7 @@ var set = (object, path, value) => {
 
 const EVENTS = {
     BLUR: 'blur',
-    CHANGE: 'change',
-};
+    CHANGE: 'change'};
 const VALIDATION_MODE = {
     all: 'all',
 };
@@ -14787,9 +14956,7 @@ HookFormControlContext.displayName = 'HookFormControlContext';
 const useFormControlContext = () => React.useContext(HookFormControlContext);
 
 var getProxyFormState = (formState, control, localProxyFormState, isRoot = true) => {
-    const result = {
-        defaultValues: control._defaultValues,
-    };
+    const result = {};
     for (const key in formState) {
         Object.defineProperty(result, key, {
             get: () => {
@@ -14840,7 +15007,10 @@ const useIsomorphicLayoutEffect$1 = typeof window !== 'undefined' ? React.useLay
 function useFormState(props) {
     const formControl = useFormControlContext();
     const { control = formControl, disabled, name, exact } = props || {};
-    const [formState, updateFormState] = React.useState(control._formState);
+    const [formState, updateFormState] = React.useState(() => ({
+        ...control._formState,
+        defaultValues: control._defaultValues,
+    }));
     const _localProxyFormState = React.useRef({
         isDirty: false,
         isLoading: false,
@@ -14860,6 +15030,7 @@ function useFormState(props) {
                 updateFormState({
                     ...control._formState,
                     ...formState,
+                    defaultValues: control._defaultValues,
                 });
         },
     }), [name, disabled, exact]);
@@ -14883,7 +15054,10 @@ var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) =>
 
 var isPrimitive = (value) => isNullOrUndefined(value) || !isObjectType(value);
 
-function deepEqual(object1, object2, _internal_visited = new WeakSet()) {
+function deepEqual(object1, object2, visited = new WeakSet()) {
+    if (object1 === object2) {
+        return true;
+    }
     if (isPrimitive(object1) || isPrimitive(object2)) {
         return Object.is(object1, object2);
     }
@@ -14895,22 +15069,22 @@ function deepEqual(object1, object2, _internal_visited = new WeakSet()) {
     if (keys1.length !== keys2.length) {
         return false;
     }
-    if (_internal_visited.has(object1) || _internal_visited.has(object2)) {
+    if (visited.has(object1) || visited.has(object2)) {
         return true;
     }
-    _internal_visited.add(object1);
-    _internal_visited.add(object2);
+    visited.add(object1);
+    visited.add(object2);
     for (const key of keys1) {
         const val1 = object1[key];
-        if (!keys2.includes(key)) {
+        if (!(key in object2)) {
             return false;
         }
         if (key !== 'ref') {
             const val2 = object2[key];
             if ((isDateObject(val1) && isDateObject(val2)) ||
-                (isObject(val1) && isObject(val2)) ||
-                (Array.isArray(val1) && Array.isArray(val2))
-                ? !deepEqual(val1, val2, _internal_visited)
+                ((isObject(val1) || Array.isArray(val1)) &&
+                    (isObject(val2) || Array.isArray(val2)))
+                ? !deepEqual(val1, val2, visited)
                 : !Object.is(val1, val2)) {
                 return false;
             }
@@ -15046,7 +15220,6 @@ function useController(props) {
         exact,
     });
     const _props = React.useRef(props);
-    const _previousNameRef = React.useRef(undefined);
     const _registerProps = React.useRef(control.register(name, {
         ...props.rules,
         value,
@@ -15112,10 +15285,6 @@ function useController(props) {
     }), [name, disabled, formState.disabled, onChange, onBlur, ref, value]);
     React.useEffect(() => {
         const _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;
-        const previousName = _previousNameRef.current;
-        if (previousName && previousName !== name && !isArrayField) {
-            control.unregister(previousName);
-        }
         control.register(name, {
             ..._props.current.rules,
             ...(isBoolean(_props.current.disabled)
@@ -15137,7 +15306,6 @@ function useController(props) {
             }
         }
         !isArrayField && control.register(name);
-        _previousNameRef.current = name;
         return () => {
             (isArrayField
                 ? _shouldUnregisterField && !control._state.action
@@ -15267,43 +15435,46 @@ const useFormContext = () => React.useContext(HookFormContext);
  * ```
  */
 const FormProvider = (props) => {
-    const { children, watch, getValues, getFieldState, setError, clearErrors, setValue, trigger, formState, resetField, reset, handleSubmit, unregister, control, register, setFocus, subscribe, } = props;
-    return (React.createElement(HookFormContext.Provider, { value: React.useMemo(() => ({
-            watch,
-            getValues,
-            getFieldState,
-            setError,
-            clearErrors,
-            setValue,
-            trigger,
-            formState,
-            resetField,
-            reset,
-            handleSubmit,
-            unregister,
-            control,
-            register,
-            setFocus,
-            subscribe,
-        }), [
-            clearErrors,
-            control,
-            formState,
-            getFieldState,
-            getValues,
-            handleSubmit,
-            register,
-            reset,
-            resetField,
-            setError,
-            setFocus,
-            setValue,
-            subscribe,
-            trigger,
-            unregister,
-            watch,
-        ]) },
-        React.createElement(HookFormControlContext.Provider, { value: control }, children)));
+    const { children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, handleSubmit, unregister, control, register, setFocus, subscribe, } = props;
+    const memoizedValue = React.useMemo(() => ({
+        watch,
+        getValues,
+        getFieldState,
+        setError,
+        clearErrors,
+        setValue,
+        setValues,
+        trigger,
+        formState,
+        resetField,
+        reset,
+        handleSubmit,
+        unregister,
+        control,
+        register,
+        setFocus,
+        subscribe,
+    }), [
+        clearErrors,
+        control,
+        formState,
+        getFieldState,
+        getValues,
+        handleSubmit,
+        register,
+        reset,
+        resetField,
+        setError,
+        setFocus,
+        setValue,
+        setValues,
+        subscribe,
+        trigger,
+        unregister,
+        watch,
+    ]);
+    return (React.createElement(HookFormContext.Provider, { value: memoizedValue },
+        React.createElement(HookFormControlContext.Provider, { value: memoizedValue.control }, children)));
 };
 
 function withForm(Component) {
@@ -15876,7 +16047,7 @@ const DialogOverlay = (_a) => {
 DialogOverlay.displayName = Overlay.displayName;
 const DialogContent = (_a) => {
     var { className, fullScreen, children, dataTestId = 'dialog-content' } = _a, props = __rest(_a, ["className", "fullScreen", "children", "dataTestId"]);
-    return (jsxRuntimeExports.jsxs(DialogPortal, { children: [jsxRuntimeExports.jsx(DialogOverlay, { dataTestId: `${dataTestId}-overlay` }), jsxRuntimeExports.jsxs(Content$1, Object.assign({ className: cn('bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]', 'fixed top-[50%] left-[50%] z-50 flex max-h-[95dvh] w-full max-w-lg translate-x-[-50%] translate-y-[-50%] flex-col gap-4 rounded-lg border p-4 shadow-lg duration-200', className, fullScreen && 'h-full max-h-none w-full max-w-none rounded-none'), "aria-describedby": "dialog-content", "data-testid": dataTestId }, props, { children: [children, jsxRuntimeExports.jsx(Close$1, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-2 right-2 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", asChild: true, "data-testid": `${dataTestId}-close-button`, children: jsxRuntimeExports.jsx(Button, { prefixIcon: X, size: "small", variant: "text" }) }), jsxRuntimeExports.jsx(Description$1, { className: "hidden" })] }))] }));
+    return (jsxRuntimeExports.jsxs(DialogPortal, { children: [jsxRuntimeExports.jsx(DialogOverlay, { dataTestId: `${dataTestId}-overlay` }), jsxRuntimeExports.jsxs(Content$1, Object.assign({ className: cn('bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]', 'fixed top-[50%] left-[50%] z-50 flex max-h-[95dvh] w-full max-w-lg translate-x-[-50%] translate-y-[-50%] flex-col gap-4 rounded-lg border p-4 shadow-lg duration-200', className, fullScreen && 'h-full max-h-none w-full max-w-none rounded-none'), "aria-describedby": "dialog-content", "data-testid": dataTestId }, props, { children: [children, jsxRuntimeExports.jsx(Close$1, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-2 right-2 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", asChild: true, "data-testid": `${dataTestId}-close-button`, children: jsxRuntimeExports.jsx(Button, { prefixIcon: X$1, size: "small", variant: "text" }) }), jsxRuntimeExports.jsx(Description$1, { className: "hidden" })] }))] }));
 };
 DialogContent.displayName = Content$1.displayName;
 const DialogHeader = (_a) => {
@@ -15998,7 +16169,7 @@ const sheetVariants = cva('fixed flex flex-col z-50 gap-4 bg-background p-4 shad
 });
 const SheetContent = (_a) => {
     var { side = 'right', className, children, dataTestId = 'sheet-content' } = _a, props = __rest(_a, ["side", "className", "children", "dataTestId"]);
-    return (jsxRuntimeExports.jsxs(SheetPortal, { children: [jsxRuntimeExports.jsx(SheetOverlay, { dataTestId: `${dataTestId}-overlay` }), jsxRuntimeExports.jsxs(Content$1, Object.assign({ className: cn(sheetVariants({ side }), className), "data-testid": dataTestId }, props, { children: [children, jsxRuntimeExports.jsx(Close$1, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-2 right-2 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", asChild: true, "data-testid": `${dataTestId}-close-button`, children: jsxRuntimeExports.jsx(Button, { prefixIcon: X, size: "small", variant: "text" }) }), jsxRuntimeExports.jsx(Description$1, { className: "hidden" })] }))] }));
+    return (jsxRuntimeExports.jsxs(SheetPortal, { children: [jsxRuntimeExports.jsx(SheetOverlay, { dataTestId: `${dataTestId}-overlay` }), jsxRuntimeExports.jsxs(Content$1, Object.assign({ className: cn(sheetVariants({ side }), className), "data-testid": dataTestId }, props, { children: [children, jsxRuntimeExports.jsx(Close$1, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-2 right-2 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", asChild: true, "data-testid": `${dataTestId}-close-button`, children: jsxRuntimeExports.jsx(Button, { prefixIcon: X$1, size: "small", variant: "text" }) }), jsxRuntimeExports.jsx(Description$1, { className: "hidden" })] }))] }));
 };
 SheetContent.displayName = Content$1.displayName;
 const SheetHeader = (_a) => {
@@ -20656,6 +20827,7 @@ function ListSorterDialog({ className, open, title, items, idResolver, renderer,
     const [loading, setLoading] = reactExports.useState(false);
     reactExports.useEffect(() => {
         if (!open) {
+            // eslint-disable-next-line react-hooks/set-state-in-effect
             setSortedItems(structuredClone(items));
         }
     }, [items, open]);
@@ -21433,181 +21605,21 @@ const Popover = Object.assign($Popover, {
     Content: PopoverContent,
 });
 
-function z(e, t = "Assertion error") {
-  if (!e)
-    throw Error(t);
-}
-function B({
-  group: e
-}) {
-  const { orientation: t, panels: n } = e;
-  return n.reduce((o, i) => (o += t === "horizontal" ? i.element.offsetWidth : i.element.offsetHeight, o), 0);
-}
-function de(e, t) {
-  return Array.from(t).sort(
-    e === "horizontal" ? st : at
-  );
-}
-function st(e, t) {
-  const n = e.element.offsetLeft - t.element.offsetLeft;
-  return n !== 0 ? n : e.element.offsetWidth - t.element.offsetWidth;
-}
-function at(e, t) {
-  const n = e.element.offsetTop - t.element.offsetTop;
-  return n !== 0 ? n : e.element.offsetHeight - t.element.offsetHeight;
-}
-function Ne(e) {
-  return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.ELEMENT_NODE;
-}
-function Fe(e, t) {
-  return {
-    x: e.x >= t.left && e.x <= t.right ? 0 : Math.min(
-      Math.abs(e.x - t.left),
-      Math.abs(e.x - t.right)
-    ),
-    y: e.y >= t.top && e.y <= t.bottom ? 0 : Math.min(
-      Math.abs(e.y - t.top),
-      Math.abs(e.y - t.bottom)
-    )
-  };
-}
-function lt({
-  orientation: e,
-  rects: t,
-  targetRect: n
-}) {
-  const o = {
-    x: n.x + n.width / 2,
-    y: n.y + n.height / 2
-  };
-  let i, r = Number.MAX_VALUE;
-  for (const l of t) {
-    const { x: s, y: a } = Fe(o, l), u = e === "horizontal" ? s : a;
-    u < r && (r = u, i = l);
-  }
-  return z(i, "No rect found"), i;
-}
-let ie;
-function ut() {
-  return ie === void 0 && (typeof matchMedia == "function" ? ie = !!matchMedia("(pointer:coarse)").matches : ie = false), ie;
-}
-function $e(e) {
-  const { element: t, orientation: n, panels: o, separators: i } = e, r = de(
-    n,
-    Array.from(t.children).filter(Ne).map((c) => ({ element: c }))
-  ).map(({ element: c }) => c), l = [];
-  let s = false, a, u = [];
-  for (const c of r)
-    if (c.hasAttribute("data-panel")) {
-      const h = o.find(
-        (y) => y.element === c
-      );
-      if (h) {
-        if (a) {
-          const y = a.element.getBoundingClientRect(), m = c.getBoundingClientRect();
-          let f;
-          if (s) {
-            const d = n === "horizontal" ? new DOMRect(y.right, y.top, 0, y.height) : new DOMRect(
-              y.left,
-              y.bottom,
-              y.width,
-              0
-            ), p = n === "horizontal" ? new DOMRect(m.left, m.top, 0, m.height) : new DOMRect(m.left, m.top, m.width, 0);
-            switch (u.length) {
-              case 0: {
-                f = [
-                  d,
-                  p
-                ];
-                break;
-              }
-              case 1: {
-                const g = u[0], v = lt({
-                  orientation: n,
-                  rects: [y, m],
-                  targetRect: g.element.getBoundingClientRect()
-                });
-                f = [
-                  g,
-                  v === y ? p : d
-                ];
-                break;
-              }
-              default: {
-                f = u;
-                break;
-              }
-            }
-          } else
-            u.length ? f = u : f = [
-              n === "horizontal" ? new DOMRect(
-                y.right,
-                m.top,
-                m.left - y.right,
-                m.height
-              ) : new DOMRect(
-                m.left,
-                y.bottom,
-                m.width,
-                m.top - y.bottom
-              )
-            ];
-          for (const d of f) {
-            let p = "width" in d ? d : d.element.getBoundingClientRect();
-            const g = ut() ? e.resizeTargetMinimumSize.coarse : e.resizeTargetMinimumSize.fine;
-            if (p.width < g) {
-              const v = g - p.width;
-              p = new DOMRect(
-                p.x - v / 2,
-                p.y,
-                p.width + v,
-                p.height
-              );
-            }
-            if (p.height < g) {
-              const v = g - p.height;
-              p = new DOMRect(
-                p.x,
-                p.y - v / 2,
-                p.width,
-                p.height + v
-              );
-            }
-            l.push({
-              group: e,
-              groupSize: B({ group: e }),
-              panels: [a, h],
-              separator: "width" in d ? void 0 : d,
-              rect: p
-            });
-          }
-        }
-        s = false, a = h, u = [];
-      }
-    } else if (c.hasAttribute("data-separator")) {
-      const h = i.find(
-        (y) => y.element === c
-      );
-      h ? u.push(h) : (a = void 0, u = []);
-    } else
-      s = true;
-  return l;
-}
-function ct(e, t) {
+function gt(e, t) {
   const n = getComputedStyle(e), o = parseFloat(n.fontSize);
   return t * o;
 }
-function ft(e, t) {
+function yt(e, t) {
   const n = getComputedStyle(e.ownerDocument.body), o = parseFloat(n.fontSize);
   return t * o;
 }
-function dt(e) {
+function St(e) {
   return e / 100 * window.innerHeight;
 }
-function pt(e) {
+function vt(e) {
   return e / 100 * window.innerWidth;
 }
-function ht(e) {
+function bt(e) {
   switch (typeof e) {
     case "number":
       return [e, "px"];
@@ -21617,13 +21629,13 @@ function ht(e) {
     }
   }
 }
-function re({
+function ie({
   groupSize: e,
   panelElement: t,
   styleProp: n
 }) {
   let o;
-  const [i, r] = ht(n);
+  const [i, r] = bt(n);
   switch (r) {
     case "%": {
       o = i / 100 * e;
@@ -21634,85 +21646,265 @@ function re({
       break;
     }
     case "rem": {
-      o = ft(t, i);
+      o = yt(t, i);
       break;
     }
     case "em": {
-      o = ct(t, i);
+      o = gt(t, i);
       break;
     }
     case "vh": {
-      o = dt(i);
+      o = St(i);
       break;
     }
     case "vw": {
-      o = pt(i);
+      o = vt(i);
       break;
     }
   }
   return o;
 }
-function D(e) {
+function O(e) {
   return parseFloat(e.toFixed(3));
 }
+function ne({
+  group: e
+}) {
+  const { orientation: t, panels: n } = e;
+  return n.reduce((o, i) => (o += t === "horizontal" ? i.element.offsetWidth : i.element.offsetHeight, o), 0);
+}
 function ve(e) {
-  const { panels: t } = e, n = B({ group: e });
+  const { panels: t } = e, n = ne({ group: e });
   return n === 0 ? t.map((o) => ({
+    groupResizeBehavior: o.panelConstraints.groupResizeBehavior,
     collapsedSize: 0,
     collapsible: o.panelConstraints.collapsible === true,
     defaultSize: void 0,
+    disabled: o.panelConstraints.disabled,
     minSize: 0,
     maxSize: 100,
     panelId: o.id
   })) : t.map((o) => {
     const { element: i, panelConstraints: r } = o;
-    let l = 0;
+    let f = 0;
     if (r.collapsedSize !== void 0) {
-      const c = re({
+      const u = ie({
         groupSize: n,
         panelElement: i,
         styleProp: r.collapsedSize
       });
-      l = D(c / n * 100);
+      f = O(u / n * 100);
     }
-    let s;
+    let a;
     if (r.defaultSize !== void 0) {
-      const c = re({
+      const u = ie({
         groupSize: n,
         panelElement: i,
         styleProp: r.defaultSize
       });
-      s = D(c / n * 100);
+      a = O(u / n * 100);
     }
-    let a = 0;
+    let s = 0;
     if (r.minSize !== void 0) {
-      const c = re({
+      const u = ie({
         groupSize: n,
         panelElement: i,
         styleProp: r.minSize
       });
-      a = D(c / n * 100);
+      s = O(u / n * 100);
     }
-    let u = 100;
+    let l = 100;
     if (r.maxSize !== void 0) {
-      const c = re({
+      const u = ie({
         groupSize: n,
         panelElement: i,
         styleProp: r.maxSize
       });
-      u = D(c / n * 100);
+      l = O(u / n * 100);
     }
     return {
-      collapsedSize: l,
+      groupResizeBehavior: r.groupResizeBehavior,
+      collapsedSize: f,
       collapsible: r.collapsible === true,
-      defaultSize: s,
-      minSize: a,
-      maxSize: u,
+      defaultSize: a,
+      disabled: r.disabled,
+      minSize: s,
+      maxSize: l,
       panelId: o.id
     };
   });
 }
-class mt {
+function C(e, t = "Assertion error") {
+  if (!e)
+    throw Error(t);
+}
+function be(e, t) {
+  return Array.from(t).sort(
+    e === "horizontal" ? zt : xt
+  );
+}
+function zt(e, t) {
+  const n = e.element.offsetLeft - t.element.offsetLeft;
+  return n !== 0 ? n : e.element.offsetWidth - t.element.offsetWidth;
+}
+function xt(e, t) {
+  const n = e.element.offsetTop - t.element.offsetTop;
+  return n !== 0 ? n : e.element.offsetHeight - t.element.offsetHeight;
+}
+function qe(e) {
+  return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.ELEMENT_NODE;
+}
+function Ye(e, t) {
+  return {
+    x: e.x >= t.left && e.x <= t.right ? 0 : Math.min(
+      Math.abs(e.x - t.left),
+      Math.abs(e.x - t.right)
+    ),
+    y: e.y >= t.top && e.y <= t.bottom ? 0 : Math.min(
+      Math.abs(e.y - t.top),
+      Math.abs(e.y - t.bottom)
+    )
+  };
+}
+function Pt({
+  orientation: e,
+  rects: t,
+  targetRect: n
+}) {
+  const o = {
+    x: n.x + n.width / 2,
+    y: n.y + n.height / 2
+  };
+  let i, r = Number.MAX_VALUE;
+  for (const f of t) {
+    const { x: a, y: s } = Ye(o, f), l = e === "horizontal" ? a : s;
+    l < r && (r = l, i = f);
+  }
+  return C(i, "No rect found"), i;
+}
+let fe;
+function wt() {
+  return fe === void 0 && (typeof matchMedia == "function" ? fe = !!matchMedia("(pointer:coarse)").matches : fe = false), fe;
+}
+function Je(e) {
+  const { element: t, orientation: n, panels: o, separators: i } = e, r = be(
+    n,
+    Array.from(t.children).filter(qe).map((z) => ({ element: z }))
+  ).map(({ element: z }) => z), f = [];
+  let a = false, s = false, l = -1, u = -1, h = 0, d, S = [];
+  {
+    let z = -1;
+    for (const c of r)
+      c.hasAttribute("data-panel") && (z++, c.hasAttribute("data-disabled") || (h++, l === -1 && (l = z), u = z));
+  }
+  if (h > 1) {
+    let z = -1;
+    for (const c of r)
+      if (c.hasAttribute("data-panel")) {
+        z++;
+        const p = o.find(
+          (m) => m.element === c
+        );
+        if (p) {
+          if (d) {
+            const m = d.element.getBoundingClientRect(), v = c.getBoundingClientRect();
+            let b;
+            if (s) {
+              const y = n === "horizontal" ? new DOMRect(
+                m.right,
+                m.top,
+                0,
+                m.height
+              ) : new DOMRect(
+                m.left,
+                m.bottom,
+                m.width,
+                0
+              ), g = n === "horizontal" ? new DOMRect(v.left, v.top, 0, v.height) : new DOMRect(v.left, v.top, v.width, 0);
+              switch (S.length) {
+                case 0: {
+                  b = [
+                    y,
+                    g
+                  ];
+                  break;
+                }
+                case 1: {
+                  const P = S[0], M = Pt({
+                    orientation: n,
+                    rects: [m, v],
+                    targetRect: P.element.getBoundingClientRect()
+                  });
+                  b = [
+                    P,
+                    M === m ? g : y
+                  ];
+                  break;
+                }
+                default: {
+                  b = S;
+                  break;
+                }
+              }
+            } else
+              S.length ? b = S : b = [
+                n === "horizontal" ? new DOMRect(
+                  m.right,
+                  v.top,
+                  v.left - m.right,
+                  v.height
+                ) : new DOMRect(
+                  v.left,
+                  m.bottom,
+                  v.width,
+                  v.top - m.bottom
+                )
+              ];
+            for (const y of b) {
+              let g = "width" in y ? y : y.element.getBoundingClientRect();
+              const P = wt() ? e.resizeTargetMinimumSize.coarse : e.resizeTargetMinimumSize.fine;
+              if (g.width < P) {
+                const w = P - g.width;
+                g = new DOMRect(
+                  g.x - w / 2,
+                  g.y,
+                  g.width + w,
+                  g.height
+                );
+              }
+              if (g.height < P) {
+                const w = P - g.height;
+                g = new DOMRect(
+                  g.x,
+                  g.y - w / 2,
+                  g.width,
+                  g.height + w
+                );
+              }
+              const M = z <= l || z > u;
+              !a && !M && f.push({
+                group: e,
+                groupSize: ne({ group: e }),
+                panels: [d, p],
+                separator: "width" in y ? void 0 : y,
+                rect: g
+              }), a = false;
+            }
+          }
+          s = false, d = p, S = [];
+        }
+      } else if (c.hasAttribute("data-separator")) {
+        c.ariaDisabled !== null && (a = true);
+        const p = i.find(
+          (m) => m.element === c
+        );
+        p ? S.push(p) : (d = void 0, S = []);
+      } else
+        s = true;
+  }
+  return f;
+}
+class Ze {
   #e = {};
   addListener(t, n) {
     const o = this.#e[t];
@@ -21727,13 +21919,13 @@ class mt {
         o[0].call(null, n);
       else {
         let i = false, r = null;
-        const l = Array.from(o);
-        for (let s = 0; s < l.length; s++) {
-          const a = l[s];
+        const f = Array.from(o);
+        for (let a = 0; a < f.length; a++) {
+          const s = f[a];
           try {
-            a.call(null, n);
-          } catch (u) {
-            r === null && (i = true, r = u);
+            s.call(null, n);
+          } catch (l) {
+            r === null && (i = true, r = l);
           }
         }
         if (i)
@@ -21751,60 +21943,53 @@ class mt {
     }
   }
 }
-function R(e, t, n = 0) {
-  return Math.abs(D(e) - D(t)) <= n;
+let F = /* @__PURE__ */ new Map();
+const Qe = new Ze();
+function Lt(e) {
+  F = new Map(F), F.delete(e);
 }
-let I = {
-  cursorFlags: 0,
-  interactionState: {
-    state: "inactive"
-  },
-  mountedGroups: /* @__PURE__ */ new Map()
-};
-const N = new mt();
-function G() {
-  return I;
-}
-function M(e) {
-  const t = typeof e == "function" ? e(I) : e;
-  if (I === t)
-    return I;
-  const n = I;
-  return I = {
-    ...I,
-    ...t
-  }, t.cursorFlags !== void 0 && N.emit("cursorFlagsChange", I.cursorFlags), t.interactionState !== void 0 && N.emit("interactionStateChange", I.interactionState), t.mountedGroups !== void 0 && (I.mountedGroups.forEach((o, i) => {
-    o.derivedPanelConstraints.forEach((r) => {
-      if (r.collapsible) {
-        const { layout: l } = n.mountedGroups.get(i) ?? {};
-        if (l) {
-          const s = R(
-            r.collapsedSize,
-            o.layout[r.panelId]
-          ), a = R(
-            r.collapsedSize,
-            l[r.panelId]
-          );
-          s && !a && (i.inMemoryLastExpandedPanelSizes[r.panelId] = l[r.panelId]);
-        }
-      }
-    });
-  }), N.emit("mountedGroupsChange", I.mountedGroups)), I;
+function ke(e, t) {
+  for (const [n] of F)
+    if (n.id === e)
+      return n;
+}
+function H(e, t) {
+  for (const [n, o] of F)
+    if (n.id === e)
+      return o;
+  if (t)
+    throw Error(`Could not find data for Group with id ${e}`);
+}
+function X() {
+  return F;
+}
+function ze(e, t) {
+  return Qe.addListener("groupChange", (n) => {
+    n.group.id === e && t(n);
+  });
+}
+function $(e, t) {
+  const n = F.get(e);
+  F = new Map(F), F.set(e, t), Qe.emit("groupChange", {
+    group: e,
+    prev: n,
+    next: t
+  });
 }
-function gt(e, t, n) {
+function Ct(e, t, n) {
   let o, i = {
     x: 1 / 0,
     y: 1 / 0
   };
   for (const r of t) {
-    const l = Fe(n, r.rect);
+    const f = Ye(n, r.rect);
     switch (e) {
       case "horizontal": {
-        l.x <= i.x && (o = r, i = l);
+        f.x <= i.x && (o = r, i = f);
         break;
       }
       case "vertical": {
-        l.y <= i.y && (o = r, i = l);
+        f.y <= i.y && (o = r, i = f);
         break;
       }
     }
@@ -21814,109 +21999,109 @@ function gt(e, t, n) {
     hitRegion: o
   } : void 0;
 }
-function yt(e) {
+function Rt(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.DOCUMENT_FRAGMENT_NODE;
 }
-function St(e, t) {
+function Mt(e, t) {
   if (e === t) throw new Error("Cannot compare node with itself");
   const n = {
-    a: be(e),
-    b: be(t)
+    a: Oe(e),
+    b: Oe(t)
   };
   let o;
   for (; n.a.at(-1) === n.b.at(-1); )
     o = n.a.pop(), n.b.pop();
-  z(
+  C(
     o,
     "Stacking order can only be calculated for elements with a common ancestor"
   );
   const i = {
-    a: ze(xe(n.a)),
-    b: ze(xe(n.b))
+    a: De(Ie(n.a)),
+    b: De(Ie(n.b))
   };
   if (i.a === i.b) {
-    const r = o.childNodes, l = {
+    const r = o.childNodes, f = {
       a: n.a.at(-1),
       b: n.b.at(-1)
     };
-    let s = r.length;
-    for (; s--; ) {
-      const a = r[s];
-      if (a === l.a) return 1;
-      if (a === l.b) return -1;
+    let a = r.length;
+    for (; a--; ) {
+      const s = r[a];
+      if (s === f.a) return 1;
+      if (s === f.b) return -1;
     }
   }
   return Math.sign(i.a - i.b);
 }
-const vt = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
-function xt(e) {
-  const t = getComputedStyle(He(e) ?? e).display;
+const Et = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
+function kt(e) {
+  const t = getComputedStyle(et(e) ?? e).display;
   return t === "flex" || t === "inline-flex";
 }
-function zt(e) {
+function It(e) {
   const t = getComputedStyle(e);
-  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || xt(e)) || +t.opacity < 1 || "transform" in t && t.transform !== "none" || "webkitTransform" in t && t.webkitTransform !== "none" || "mixBlendMode" in t && t.mixBlendMode !== "normal" || "filter" in t && t.filter !== "none" || "webkitFilter" in t && t.webkitFilter !== "none" || "isolation" in t && t.isolation === "isolate" || vt.test(t.willChange) || t.webkitOverflowScrolling === "touch");
+  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || kt(e)) || +t.opacity < 1 || "transform" in t && t.transform !== "none" || "webkitTransform" in t && t.webkitTransform !== "none" || "mixBlendMode" in t && t.mixBlendMode !== "normal" || "filter" in t && t.filter !== "none" || "webkitFilter" in t && t.webkitFilter !== "none" || "isolation" in t && t.isolation === "isolate" || Et.test(t.willChange) || t.webkitOverflowScrolling === "touch");
 }
-function xe(e) {
+function Ie(e) {
   let t = e.length;
   for (; t--; ) {
     const n = e[t];
-    if (z(n, "Missing node"), zt(n)) return n;
+    if (C(n, "Missing node"), It(n)) return n;
   }
   return null;
 }
-function ze(e) {
+function De(e) {
   return e && Number(getComputedStyle(e).zIndex) || 0;
 }
-function be(e) {
+function Oe(e) {
   const t = [];
   for (; e; )
-    t.push(e), e = He(e);
+    t.push(e), e = et(e);
   return t;
 }
-function He(e) {
+function et(e) {
   const { parentNode: t } = e;
-  return yt(t) ? t.host : t;
+  return Rt(t) ? t.host : t;
 }
-function bt(e, t) {
+function Dt(e, t) {
   return e.x < t.x + t.width && e.x + e.width > t.x && e.y < t.y + t.height && e.y + e.height > t.y;
 }
-function wt({
+function Ot({
   groupElement: e,
   hitRegion: t,
   pointerEventTarget: n
 }) {
-  if (!Ne(n) || n.contains(e) || e.contains(n))
+  if (!qe(n) || n.contains(e) || e.contains(n))
     return true;
-  if (St(n, e) > 0) {
+  if (Mt(n, e) > 0) {
     let o = n;
     for (; o; ) {
       if (o.contains(e))
         return true;
-      if (bt(o.getBoundingClientRect(), t))
+      if (Dt(o.getBoundingClientRect(), t))
         return false;
       o = o.parentElement;
     }
   }
   return true;
 }
-function pe(e, t) {
+function xe(e, t) {
   const n = [];
   return t.forEach((o, i) => {
     if (i.disabled)
       return;
-    const r = $e(i), l = gt(i.orientation, r, {
+    const r = Je(i), f = Ct(i.orientation, r, {
       x: e.clientX,
       y: e.clientY
     });
-    l && l.distance.x <= 0 && l.distance.y <= 0 && wt({
+    f && f.distance.x <= 0 && f.distance.y <= 0 && Ot({
       groupElement: i.element,
-      hitRegion: l.hitRegion.rect,
+      hitRegion: f.hitRegion.rect,
       pointerEventTarget: e.target
-    }) && n.push(l.hitRegion);
+    }) && n.push(f.hitRegion);
   }), n;
 }
-function Lt(e, t) {
+function Tt(e, t) {
   if (e.length !== t.length)
     return false;
   for (let n = 0; n < e.length; n++)
@@ -21924,28 +22109,36 @@ function Lt(e, t) {
       return false;
   return true;
 }
-function ee(e, t) {
-  return R(e, t) ? 0 : e > t ? 1 : -1;
+function I(e, t, n = 0) {
+  return Math.abs(O(e) - O(t)) <= n;
+}
+function A(e, t) {
+  return I(e, t) ? 0 : e > t ? 1 : -1;
 }
-function W({
-  panelConstraints: e,
-  size: t
+function Z({
+  overrideDisabledPanels: e,
+  panelConstraints: t,
+  prevSize: n,
+  size: o
 }) {
   const {
-    collapsedSize: n = 0,
-    collapsible: o,
-    maxSize: i = 100,
-    minSize: r = 0
-  } = e;
-  if (ee(t, r) < 0)
-    if (o) {
-      const l = (n + r) / 2;
-      ee(t, l) < 0 ? t = n : t = r;
+    collapsedSize: i = 0,
+    collapsible: r,
+    disabled: f,
+    maxSize: a = 100,
+    minSize: s = 0
+  } = t;
+  if (f && !e)
+    return n;
+  if (A(o, s) < 0)
+    if (r) {
+      const l = (i + s) / 2;
+      A(o, l) < 0 ? o = i : o = s;
     } else
-      t = r;
-  return t = Math.min(i, t), t = D(t), t;
+      o = s;
+  return o = Math.min(a, o), o = O(o), o;
 }
-function te({
+function le({
   delta: e,
   initialLayout: t,
   panelConstraints: n,
@@ -21953,221 +22146,254 @@ function te({
   prevLayout: i,
   trigger: r
 }) {
-  if (R(e, 0))
+  if (I(e, 0))
     return t;
-  const l = Object.values(t), s = Object.values(i), a = [...l], [u, c] = o;
-  z(u != null, "Invalid first pivot index"), z(c != null, "Invalid second pivot index");
-  let h = 0;
+  const f = r === "imperative-api", a = Object.values(t), s = Object.values(i), l = [...a], [u, h] = o;
+  C(u != null, "Invalid first pivot index"), C(h != null, "Invalid second pivot index");
+  let d = 0;
   switch (r) {
     case "keyboard": {
       {
-        const f = e < 0 ? c : u, d = n[f];
-        z(
-          d,
-          `Panel constraints not found for index ${f}`
+        const c = e < 0 ? h : u, p = n[c];
+        C(
+          p,
+          `Panel constraints not found for index ${c}`
         );
         const {
-          collapsedSize: p = 0,
-          collapsible: g,
-          minSize: v = 0
-        } = d;
-        if (g) {
-          const x = l[f];
-          if (z(
-            x != null,
-            `Previous layout not found for panel index ${f}`
-          ), R(x, p)) {
-            const S = v - x;
-            ee(S, Math.abs(e)) > 0 && (e = e < 0 ? 0 - S : S);
+          collapsedSize: m = 0,
+          collapsible: v,
+          minSize: b = 0
+        } = p;
+        if (v) {
+          const y = a[c];
+          if (C(
+            y != null,
+            `Previous layout not found for panel index ${c}`
+          ), I(y, m)) {
+            const g = b - y;
+            A(g, Math.abs(e)) > 0 && (e = e < 0 ? 0 - g : g);
           }
         }
       }
       {
-        const f = e < 0 ? u : c, d = n[f];
-        z(
-          d,
-          `No panel constraints found for index ${f}`
+        const c = e < 0 ? u : h, p = n[c];
+        C(
+          p,
+          `No panel constraints found for index ${c}`
         );
         const {
-          collapsedSize: p = 0,
-          collapsible: g,
-          minSize: v = 0
-        } = d;
-        if (g) {
-          const x = l[f];
-          if (z(
-            x != null,
-            `Previous layout not found for panel index ${f}`
-          ), R(x, v)) {
-            const S = x - p;
-            ee(S, Math.abs(e)) > 0 && (e = e < 0 ? 0 - S : S);
+          collapsedSize: m = 0,
+          collapsible: v,
+          minSize: b = 0
+        } = p;
+        if (v) {
+          const y = a[c];
+          if (C(
+            y != null,
+            `Previous layout not found for panel index ${c}`
+          ), I(y, b)) {
+            const g = y - m;
+            A(g, Math.abs(e)) > 0 && (e = e < 0 ? 0 - g : g);
           }
         }
       }
       break;
     }
+    default: {
+      const c = e < 0 ? h : u, p = n[c];
+      C(
+        p,
+        `Panel constraints not found for index ${c}`
+      );
+      const m = a[c], { collapsible: v, collapsedSize: b, minSize: y } = p;
+      if (v && A(m, y) < 0)
+        if (e > 0) {
+          const g = y - b, P = g / 2, M = m + e;
+          A(M, y) < 0 && (e = A(e, P) <= 0 ? 0 : g);
+        } else {
+          const g = y - b, P = 100 - g / 2, M = m - e;
+          A(M, y) < 0 && (e = A(100 + e, P) > 0 ? 0 : -g);
+        }
+      break;
+    }
   }
   {
-    const f = e < 0 ? 1 : -1;
-    let d = e < 0 ? c : u, p = 0;
+    const c = e < 0 ? 1 : -1;
+    let p = e < 0 ? h : u, m = 0;
     for (; ; ) {
-      const v = l[d];
-      z(
-        v != null,
-        `Previous layout not found for panel index ${d}`
+      const b = a[p];
+      C(
+        b != null,
+        `Previous layout not found for panel index ${p}`
       );
-      const S = W({
-        panelConstraints: n[d],
+      const g = Z({
+        overrideDisabledPanels: f,
+        panelConstraints: n[p],
+        prevSize: b,
         size: 100
-      }) - v;
-      if (p += S, d += f, d < 0 || d >= n.length)
+      }) - b;
+      if (m += g, p += c, p < 0 || p >= n.length)
         break;
     }
-    const g = Math.min(Math.abs(e), Math.abs(p));
-    e = e < 0 ? 0 - g : g;
+    const v = Math.min(Math.abs(e), Math.abs(m));
+    e = e < 0 ? 0 - v : v;
   }
   {
-    let d = e < 0 ? u : c;
-    for (; d >= 0 && d < n.length; ) {
-      const p = Math.abs(e) - Math.abs(h), g = l[d];
-      z(
-        g != null,
-        `Previous layout not found for panel index ${d}`
+    let p = e < 0 ? u : h;
+    for (; p >= 0 && p < n.length; ) {
+      const m = Math.abs(e) - Math.abs(d), v = a[p];
+      C(
+        v != null,
+        `Previous layout not found for panel index ${p}`
       );
-      const v = g - p, x = W({
-        panelConstraints: n[d],
-        size: v
+      const b = v - m, y = Z({
+        overrideDisabledPanels: f,
+        panelConstraints: n[p],
+        prevSize: v,
+        size: b
       });
-      if (!R(g, x) && (h += g - x, a[d] = x, h.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
+      if (!I(v, y) && (d += v - y, l[p] = y, d.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
         numeric: true
       }) >= 0))
         break;
-      e < 0 ? d-- : d++;
+      e < 0 ? p-- : p++;
     }
   }
-  if (Lt(s, a))
+  if (Tt(s, l))
     return i;
   {
-    const f = e < 0 ? c : u, d = l[f];
-    z(
-      d != null,
-      `Previous layout not found for panel index ${f}`
+    const c = e < 0 ? h : u, p = a[c];
+    C(
+      p != null,
+      `Previous layout not found for panel index ${c}`
     );
-    const p = d + h, g = W({
-      panelConstraints: n[f],
-      size: p
+    const m = p + d, v = Z({
+      overrideDisabledPanels: f,
+      panelConstraints: n[c],
+      prevSize: p,
+      size: m
     });
-    if (a[f] = g, !R(g, p)) {
-      let v = p - g, S = e < 0 ? c : u;
-      for (; S >= 0 && S < n.length; ) {
-        const w = a[S];
-        z(
-          w != null,
-          `Previous layout not found for panel index ${S}`
+    if (l[c] = v, !I(v, m)) {
+      let b = m - v, g = e < 0 ? h : u;
+      for (; g >= 0 && g < n.length; ) {
+        const P = l[g];
+        C(
+          P != null,
+          `Previous layout not found for panel index ${g}`
         );
-        const C = w + v, P = W({
-          panelConstraints: n[S],
-          size: C
+        const M = P + b, w = Z({
+          overrideDisabledPanels: f,
+          panelConstraints: n[g],
+          prevSize: P,
+          size: M
         });
-        if (R(w, P) || (v -= P - w, a[S] = P), R(v, 0))
+        if (I(P, w) || (b -= w - P, l[g] = w), I(b, 0))
           break;
-        e > 0 ? S-- : S++;
+        e > 0 ? g-- : g++;
       }
     }
   }
-  const y = Object.values(a).reduce(
-    (f, d) => d + f,
+  const S = Object.values(l).reduce(
+    (c, p) => p + c,
     0
   );
-  if (!R(y, 100, 0.1))
+  if (!I(S, 100, 0.1))
     return i;
-  const m = Object.keys(i);
-  return a.reduce((f, d, p) => (f[m[p]] = d, f), {});
+  const z = Object.keys(i);
+  return l.reduce((c, p, m) => (c[z[m]] = p, c), {});
 }
-function F(e, t) {
+function W(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return false;
   for (const n in e)
-    if (t[n] === void 0 || ee(e[n], t[n]) !== 0)
+    if (t[n] === void 0 || A(e[n], t[n]) !== 0)
       return false;
   return true;
 }
-function $({
+function U({
   layout: e,
   panelConstraints: t
 }) {
-  const o = [...Object.values(e)], i = o.reduce(
-    (s, a) => s + a,
+  const n = Object.values(e), o = [...n], i = o.reduce(
+    (a, s) => a + s,
     0
   );
   if (o.length !== t.length)
     throw Error(
-      `Invalid ${t.length} panel layout: ${o.map((s) => `${s}%`).join(", ")}`
+      `Invalid ${t.length} panel layout: ${o.map((a) => `${a}%`).join(", ")}`
     );
-  if (!R(i, 100) && o.length > 0)
-    for (let s = 0; s < t.length; s++) {
-      const a = o[s];
-      z(a != null, `No layout data found for index ${s}`);
-      const u = 100 / i * a;
-      o[s] = u;
+  if (!I(i, 100) && o.length > 0)
+    for (let a = 0; a < t.length; a++) {
+      const s = o[a];
+      C(s != null, `No layout data found for index ${a}`);
+      const l = 100 / i * s;
+      o[a] = l;
     }
   let r = 0;
-  for (let s = 0; s < t.length; s++) {
-    const a = o[s];
-    z(a != null, `No layout data found for index ${s}`);
-    const u = W({
-      panelConstraints: t[s],
-      size: a
+  for (let a = 0; a < t.length; a++) {
+    const s = n[a];
+    C(s != null, `No layout data found for index ${a}`);
+    const l = o[a];
+    C(l != null, `No layout data found for index ${a}`);
+    const u = Z({
+      overrideDisabledPanels: true,
+      panelConstraints: t[a],
+      prevSize: s,
+      size: l
     });
-    a != u && (r += a - u, o[s] = u);
-  }
-  if (!R(r, 0))
-    for (let s = 0; s < t.length; s++) {
-      const a = o[s];
-      z(a != null, `No layout data found for index ${s}`);
-      const u = a + r, c = W({
-        panelConstraints: t[s],
-        size: u
+    l != u && (r += l - u, o[a] = u);
+  }
+  if (!I(r, 0))
+    for (let a = 0; a < t.length; a++) {
+      const s = o[a];
+      C(s != null, `No layout data found for index ${a}`);
+      const l = s + r, u = Z({
+        overrideDisabledPanels: true,
+        panelConstraints: t[a],
+        prevSize: s,
+        size: l
       });
-      if (a !== c && (r -= c - a, o[s] = c, R(r, 0)))
+      if (s !== u && (r -= u - s, o[a] = u, I(r, 0)))
         break;
     }
-  const l = Object.keys(e);
-  return o.reduce((s, a, u) => (s[l[u]] = a, s), {});
+  const f = Object.keys(e);
+  return o.reduce((a, s, l) => (a[f[l]] = s, a), {});
 }
-function je({
+function tt({
   groupId: e,
   panelId: t
 }) {
   const n = () => {
-    const { mountedGroups: s } = G();
+    const s = X();
     for (const [
-      a,
+      l,
       {
         defaultLayoutDeferred: u,
-        derivedPanelConstraints: c,
-        layout: h,
-        separatorToPanels: y
+        derivedPanelConstraints: h,
+        layout: d,
+        groupSize: S,
+        separatorToPanels: z
       }
     ] of s)
-      if (a.id === e)
+      if (l.id === e)
         return {
           defaultLayoutDeferred: u,
-          derivedPanelConstraints: c,
-          group: a,
-          layout: h,
-          separatorToPanels: y
+          derivedPanelConstraints: h,
+          group: l,
+          groupSize: S,
+          layout: d,
+          separatorToPanels: z
         };
     throw Error(`Group ${e} not found`);
   }, o = () => {
     const s = n().derivedPanelConstraints.find(
-      (a) => a.panelId === t
+      (l) => l.panelId === t
     );
     if (s !== void 0)
       return s;
     throw Error(`Panel constraints not found for Panel ${t}`);
   }, i = () => {
-    const s = n().group.panels.find((a) => a.id === t);
+    const s = n().group.panels.find((l) => l.id === t);
     if (s !== void 0)
       return s;
     throw Error(`Layout not found for Panel ${t}`);
@@ -22176,99 +22402,113 @@ function je({
     if (s !== void 0)
       return s;
     throw Error(`Layout not found for Panel ${t}`);
-  }, l = (s) => {
-    const a = r();
-    if (s === a)
+  }, f = ({
+    nextSize: s,
+    panels: l,
+    prevLayout: u,
+    derivedPanelConstraints: h
+  }) => {
+    const d = r(), S = l.findIndex((m) => m.id === t), z = S === 0, c = S === l.length - 1;
+    if (c && s < d && (z || l.slice(0, S).every((m, v) => {
+      const b = h[v];
+      return b?.collapsible && I(b.collapsedSize, u[b.panelId]);
+    }))) {
+      const m = l.slice(0, S).reduce((v, b) => v + u[b.id], 0);
+      return {
+        ...u,
+        [t]: O(100 - m)
+      };
+    }
+    return le({
+      delta: c ? d - s : s - d,
+      initialLayout: u,
+      panelConstraints: h,
+      pivotIndices: c ? [S - 1, S] : [S, S + 1],
+      prevLayout: u,
+      trigger: "imperative-api"
+    });
+  }, a = (s) => {
+    const l = r();
+    if (s === l)
       return;
     const {
       defaultLayoutDeferred: u,
-      derivedPanelConstraints: c,
-      group: h,
-      layout: y,
-      separatorToPanels: m
-    } = n(), f = h.panels.findIndex((v) => v.id === t), d = f === h.panels.length - 1, p = te({
-      delta: d ? a - s : s - a,
-      initialLayout: y,
-      panelConstraints: c,
-      pivotIndices: d ? [f - 1, f] : [f, f + 1],
-      prevLayout: y,
-      trigger: "imperative-api"
-    }), g = $({
+      derivedPanelConstraints: h,
+      group: d,
+      groupSize: S,
+      layout: z,
+      separatorToPanels: c
+    } = n(), p = f({
+      nextSize: s,
+      panels: d.panels,
+      prevLayout: z,
+      derivedPanelConstraints: h
+    }), m = U({
       layout: p,
-      panelConstraints: c
+      panelConstraints: h
+    });
+    W(z, m) || $(d, {
+      defaultLayoutDeferred: u,
+      derivedPanelConstraints: h,
+      groupSize: S,
+      layout: m,
+      separatorToPanels: c
     });
-    F(y, g) || M((v) => ({
-      mountedGroups: new Map(v.mountedGroups).set(h, {
-        defaultLayoutDeferred: u,
-        derivedPanelConstraints: c,
-        layout: g,
-        separatorToPanels: m
-      })
-    }));
   };
   return {
     collapse: () => {
-      const { collapsible: s, collapsedSize: a } = o(), { mutableValues: u } = i(), c = r();
-      s && c !== a && (u.expandToSize = c, l(a));
+      const { collapsible: s, collapsedSize: l } = o(), { mutableValues: u } = i(), h = r();
+      s && h !== l && (u.expandToSize = h, a(l));
     },
     expand: () => {
-      const { collapsible: s, collapsedSize: a, minSize: u } = o(), { mutableValues: c } = i(), h = r();
-      if (s && h === a) {
-        let y = c.expandToSize ?? u;
-        y === 0 && (y = 1), l(y);
+      const { collapsible: s, collapsedSize: l, minSize: u } = o(), { mutableValues: h } = i(), d = r();
+      if (s && d === l) {
+        let S = h.expandToSize ?? u;
+        S === 0 && (S = 1), a(S);
       }
     },
     getSize: () => {
-      const { group: s } = n(), a = r(), { element: u } = i(), c = s.orientation === "horizontal" ? u.offsetWidth : u.offsetHeight;
+      const { group: s } = n(), l = r(), { element: u } = i(), h = s.orientation === "horizontal" ? u.offsetWidth : u.offsetHeight;
       return {
-        asPercentage: a,
-        inPixels: c
+        asPercentage: l,
+        inPixels: h
       };
     },
     isCollapsed: () => {
-      const { collapsible: s, collapsedSize: a } = o(), u = r();
-      return s && R(a, u);
+      const { collapsible: s, collapsedSize: l } = o(), u = r();
+      return s && I(l, u);
     },
     resize: (s) => {
-      if (r() !== s) {
-        let u;
-        switch (typeof s) {
-          case "number": {
-            const { group: c } = n(), h = B({ group: c });
-            u = D(s / h * 100);
-            break;
-          }
-          case "string": {
-            u = parseFloat(s);
-            break;
-          }
-        }
-        l(u);
-      }
+      const { group: l } = n(), { element: u } = i(), h = ne({ group: l }), d = ie({
+        groupSize: h,
+        panelElement: u,
+        styleProp: s
+      }), S = O(d / h * 100);
+      a(S);
     }
   };
 }
-function we(e) {
+function Te(e) {
   if (e.defaultPrevented)
     return;
-  const { mountedGroups: t } = G();
-  pe(e, t).forEach((o) => {
-    if (o.separator) {
+  const t = X();
+  xe(e, t).forEach((o) => {
+    if (o.separator && !o.separator.disableDoubleClick) {
       const i = o.panels.find(
         (r) => r.panelConstraints.defaultSize !== void 0
       );
       if (i) {
-        const r = i.panelConstraints.defaultSize, l = je({
+        const r = i.panelConstraints.defaultSize, f = tt({
           groupId: o.group.id,
           panelId: i.id
         });
-        l && r !== void 0 && (l.resize(r), e.preventDefault());
+        f && r !== void 0 && (f.resize(r), e.preventDefault());
       }
     }
   });
 }
-function ae(e) {
-  const { mountedGroups: t } = G();
+function pe(e) {
+  const t = X();
   for (const [n] of t)
     if (n.separators.some(
       (o) => o.element === e
@@ -22276,11 +22516,11 @@ function ae(e) {
       return n;
   throw Error("Could not find parent Group for separator element");
 }
-function Ve({
+function nt({
   groupId: e
 }) {
   const t = () => {
-    const { mountedGroups: n } = G();
+    const n = X();
     for (const [o, i] of n)
       if (o.id === e)
         return { group: o, ...i };
@@ -22296,142 +22536,167 @@ function Ve({
         defaultLayoutDeferred: o,
         derivedPanelConstraints: i,
         group: r,
-        layout: l,
+        groupSize: f,
+        layout: a,
         separatorToPanels: s
-      } = t(), a = $({
+      } = t(), l = U({
         layout: n,
         panelConstraints: i
       });
-      return o ? l : (F(l, a) || M((u) => ({
-        mountedGroups: new Map(u.mountedGroups).set(r, {
-          defaultLayoutDeferred: o,
-          derivedPanelConstraints: i,
-          layout: a,
-          separatorToPanels: s
-        })
-      })), a);
+      return o ? a : (W(a, l) || $(r, {
+        defaultLayoutDeferred: o,
+        derivedPanelConstraints: i,
+        groupSize: f,
+        layout: l,
+        separatorToPanels: s
+      }), l);
     }
   };
 }
-function Ue(e) {
-  const { mountedGroups: t } = G(), n = t.get(e);
-  return z(n, `Mounted Group ${e.id} not found`), n;
-}
-function _(e, t) {
-  const n = ae(e), o = Ue(n), i = n.separators.find(
+function B(e, t) {
+  const n = pe(e), o = H(n.id, true), i = n.separators.find(
     (h) => h.element === e
   );
-  z(i, "Matching separator not found");
+  C(i, "Matching separator not found");
   const r = o.separatorToPanels.get(i);
-  z(r, "Matching panels not found");
-  const l = r.map((h) => n.panels.indexOf(h)), a = Ve({ groupId: n.id }).getLayout(), u = te({
+  C(r, "Matching panels not found");
+  const f = r.map((h) => n.panels.indexOf(h)), s = nt({ groupId: n.id }).getLayout(), l = le({
     delta: t,
-    initialLayout: a,
+    initialLayout: s,
     panelConstraints: o.derivedPanelConstraints,
-    pivotIndices: l,
-    prevLayout: a,
+    pivotIndices: f,
+    prevLayout: s,
     trigger: "keyboard"
-  }), c = $({
-    layout: u,
+  }), u = U({
+    layout: l,
     panelConstraints: o.derivedPanelConstraints
   });
-  F(a, c) || M((h) => ({
-    mountedGroups: new Map(h.mountedGroups).set(n, {
-      defaultLayoutDeferred: o.defaultLayoutDeferred,
-      derivedPanelConstraints: o.derivedPanelConstraints,
-      layout: c,
-      separatorToPanels: o.separatorToPanels
-    })
-  }));
+  W(s, u) || $(n, {
+    defaultLayoutDeferred: o.defaultLayoutDeferred,
+    derivedPanelConstraints: o.derivedPanelConstraints,
+    groupSize: o.groupSize,
+    layout: u,
+    separatorToPanels: o.separatorToPanels
+  });
 }
-function Le(e) {
+function Ge(e) {
   if (e.defaultPrevented)
     return;
-  const t = e.currentTarget, n = ae(t);
+  const t = e.currentTarget, n = pe(t);
   if (!n.disabled)
     switch (e.key) {
       case "ArrowDown": {
-        e.preventDefault(), n.orientation === "vertical" && _(t, 5);
+        e.preventDefault(), n.orientation === "vertical" && B(t, 5);
         break;
       }
       case "ArrowLeft": {
-        e.preventDefault(), n.orientation === "horizontal" && _(t, -5);
+        e.preventDefault(), n.orientation === "horizontal" && B(t, -5);
         break;
       }
       case "ArrowRight": {
-        e.preventDefault(), n.orientation === "horizontal" && _(t, 5);
+        e.preventDefault(), n.orientation === "horizontal" && B(t, 5);
         break;
       }
       case "ArrowUp": {
-        e.preventDefault(), n.orientation === "vertical" && _(t, -5);
+        e.preventDefault(), n.orientation === "vertical" && B(t, -5);
         break;
       }
       case "End": {
-        e.preventDefault(), _(t, 100);
+        e.preventDefault(), B(t, 100);
         break;
       }
       case "Enter": {
         e.preventDefault();
-        const o = ae(t), { derivedPanelConstraints: i, layout: r, separatorToPanels: l } = Ue(o), s = o.separators.find(
-          (h) => h.element === t
+        const o = pe(t), i = H(o.id, true), { derivedPanelConstraints: r, layout: f, separatorToPanels: a } = i, s = o.separators.find(
+          (d) => d.element === t
         );
-        z(s, "Matching separator not found");
-        const a = l.get(s);
-        z(a, "Matching panels not found");
-        const u = a[0], c = i.find(
-          (h) => h.panelId === u.id
+        C(s, "Matching separator not found");
+        const l = a.get(s);
+        C(l, "Matching panels not found");
+        const u = l[0], h = r.find(
+          (d) => d.panelId === u.id
         );
-        if (z(c, "Panel metadata not found"), c.collapsible) {
-          const h = r[u.id], y = c.collapsedSize === h ? o.inMemoryLastExpandedPanelSizes[u.id] ?? c.minSize : c.collapsedSize;
-          _(t, y - h);
+        if (C(h, "Panel metadata not found"), h.collapsible) {
+          const d = f[u.id], S = h.collapsedSize === d ? o.mutableState.expandedPanelSizes[u.id] ?? h.minSize : h.collapsedSize;
+          B(t, S - d);
         }
         break;
       }
       case "F6": {
         e.preventDefault();
-        const i = ae(t).separators.map(
-          (a) => a.element
+        const i = pe(t).separators.map(
+          (s) => s.element
         ), r = Array.from(i).findIndex(
-          (a) => a === e.currentTarget
+          (s) => s === e.currentTarget
         );
-        z(r !== null, "Index not found");
-        const l = e.shiftKey ? r > 0 ? r - 1 : i.length - 1 : r + 1 < i.length ? r + 1 : 0;
-        i[l].focus();
+        C(r !== null, "Index not found");
+        const f = e.shiftKey ? r > 0 ? r - 1 : i.length - 1 : r + 1 < i.length ? r + 1 : 0;
+        i[f].focus({
+          preventScroll: true
+        });
         break;
       }
       case "Home": {
-        e.preventDefault(), _(t, -100);
+        e.preventDefault(), B(t, -100);
         break;
       }
     }
 }
-function Ce(e) {
+let ee = {
+  cursorFlags: 0,
+  state: "inactive"
+};
+const Pe = new Ze();
+function K() {
+  return ee;
+}
+function Gt(e) {
+  return Pe.addListener("change", e);
+}
+function At(e) {
+  const t = ee, n = { ...ee };
+  n.cursorFlags = e, ee = n, Pe.emit("change", {
+    prev: t,
+    next: n
+  });
+}
+function te(e) {
+  const t = ee;
+  ee = e, Pe.emit("change", {
+    prev: t,
+    next: e
+  });
+}
+function Ae(e) {
   if (e.defaultPrevented)
     return;
   if (e.pointerType === "mouse" && e.button > 0)
     return;
-  const { mountedGroups: t } = G(), n = pe(e, t), o = /* @__PURE__ */ new Map();
+  const t = X(), n = xe(e, t), o = /* @__PURE__ */ new Map();
   let i = false;
   n.forEach((r) => {
-    r.separator && (i || (i = true, r.separator.element.focus()));
-    const l = t.get(r.group);
-    l && o.set(r.group, l.layout);
-  }), M({
-    interactionState: {
-      hitRegions: n,
-      initialLayoutMap: o,
-      pointerDownAtPoint: { x: e.clientX, y: e.clientY },
-      state: "active"
-    }
+    r.separator && (i || (i = true, r.separator.element.focus({
+      // @ts-expect-error https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#browser_compatibility
+      focusVisible: false,
+      preventScroll: true
+    })));
+    const f = t.get(r.group);
+    f && o.set(r.group, f.layout);
+  }), te({
+    cursorFlags: 0,
+    hitRegions: n,
+    initialLayoutMap: o,
+    pointerDownAtPoint: { x: e.clientX, y: e.clientY },
+    state: "active"
   }), n.length && e.preventDefault();
 }
-const Ct = (e) => e, ce = () => {
-}, We = 1, Be = 2, Ke = 4, Xe = 8, Pe = 3, Re = 12;
-let se;
-function Me() {
-  return se === void 0 && (se = false, typeof window < "u" && (window.navigator.userAgent.includes("Chrome") || window.navigator.userAgent.includes("Firefox")) && (se = true)), se;
+const Ft = (e) => e, ye = () => {
+}, ot = 1, it = 2, rt = 4, st = 8, Fe = 3, Ne = 12;
+let de;
+function _e() {
+  return de === void 0 && (de = false, typeof window < "u" && (window.navigator.userAgent.includes("Chrome") || window.navigator.userAgent.includes("Firefox")) && (de = true)), de;
 }
-function Pt({
+function Nt({
   cursorFlags: e,
   groups: t,
   state: n
@@ -22441,7 +22706,7 @@ function Pt({
     case "active":
     case "hover":
       t.forEach((r) => {
-        if (!r.disableCursor)
+        if (!r.mutableState.disableCursor)
           switch (r.orientation) {
             case "horizontal": {
               o++;
@@ -22454,44 +22719,47 @@ function Pt({
           }
       });
   }
-  if (o === 0 && i === 0)
-    return null;
-  switch (n) {
-    case "active": {
-      if (e && Me()) {
-        const r = (e & We) !== 0, l = (e & Be) !== 0, s = (e & Ke) !== 0, a = (e & Xe) !== 0;
-        if (r)
-          return s ? "se-resize" : a ? "ne-resize" : "e-resize";
-        if (l)
-          return s ? "sw-resize" : a ? "nw-resize" : "w-resize";
-        if (s)
-          return "s-resize";
-        if (a)
-          return "n-resize";
+  if (!(o === 0 && i === 0)) {
+    switch (n) {
+      case "active": {
+        if (e && _e()) {
+          const r = (e & ot) !== 0, f = (e & it) !== 0, a = (e & rt) !== 0, s = (e & st) !== 0;
+          if (r)
+            return a ? "se-resize" : s ? "ne-resize" : "e-resize";
+          if (f)
+            return a ? "sw-resize" : s ? "nw-resize" : "w-resize";
+          if (a)
+            return "s-resize";
+          if (s)
+            return "n-resize";
+        }
+        break;
       }
-      break;
     }
+    return _e() ? o > 0 && i > 0 ? "move" : o > 0 ? "ew-resize" : "ns-resize" : o > 0 && i > 0 ? "grab" : o > 0 ? "col-resize" : "row-resize";
   }
-  return Me() ? o > 0 && i > 0 ? "move" : o > 0 ? "ew-resize" : "ns-resize" : o > 0 && i > 0 ? "grab" : o > 0 ? "col-resize" : "row-resize";
 }
-const Ee = /* @__PURE__ */ new WeakMap();
-function he(e) {
+const $e = /* @__PURE__ */ new WeakMap();
+function we(e) {
   if (e.defaultView === null || e.defaultView === void 0)
     return;
-  let { prevStyle: t, styleSheet: n } = Ee.get(e) ?? {};
-  n === void 0 && (n = new e.defaultView.CSSStyleSheet(), e.adoptedStyleSheets.push(n));
-  const { cursorFlags: o, interactionState: i } = G();
-  switch (i.state) {
+  let { prevStyle: t, styleSheet: n } = $e.get(e) ?? {};
+  n === void 0 && (n = new e.defaultView.CSSStyleSheet(), e.adoptedStyleSheets && (Object.isExtensible(e.adoptedStyleSheets) ? e.adoptedStyleSheets.push(n) : e.adoptedStyleSheets = [
+    ...e.adoptedStyleSheets,
+    n
+  ]));
+  const o = K();
+  switch (o.state) {
     case "active":
     case "hover": {
-      const r = Pt({
-        cursorFlags: o,
-        groups: i.hitRegions.map((s) => s.group),
-        state: i.state
-      }), l = `*, *:hover {cursor: ${r} !important; ${i.state === "active" ? "touch-action: none;" : ""} }`;
-      if (t === l)
+      const i = Nt({
+        cursorFlags: o.cursorFlags,
+        groups: o.hitRegions.map((f) => f.group),
+        state: o.state
+      }), r = `*, *:hover {cursor: ${i} !important; }`;
+      if (t === r)
         return;
-      t = l, r ? n.cssRules.length === 0 ? n.insertRule(l) : n.replaceSync(l) : n.cssRules.length === 1 && n.deleteRule(0);
+      t = r, i ? n.cssRules.length === 0 ? n.insertRule(r) : n.replaceSync(r) : n.cssRules.length === 1 && n.deleteRule(0);
       break;
     }
     case "inactive": {
@@ -22499,181 +22767,190 @@ function he(e) {
       break;
     }
   }
-  Ee.set(e, {
+  $e.set(e, {
     prevStyle: t,
     styleSheet: n
   });
 }
-function qe({
+function at({
   document: e,
   event: t,
   hitRegions: n,
   initialLayoutMap: o,
   mountedGroups: i,
   pointerDownAtPoint: r,
-  prevCursorFlags: l
+  prevCursorFlags: f
 }) {
-  let s = 0;
-  const a = new Map(i);
-  n.forEach((c) => {
-    const { group: h, groupSize: y } = c, { disableCursor: m, orientation: f, panels: d } = h;
-    let p = 0;
-    r ? f === "horizontal" ? p = (t.clientX - r.x) / y * 100 : p = (t.clientY - r.y) / y * 100 : f === "horizontal" ? p = t.clientX < 0 ? -100 : 100 : p = t.clientY < 0 ? -100 : 100;
-    const g = o.get(h), {
+  let a = 0;
+  n.forEach((l) => {
+    const { group: u, groupSize: h } = l, { orientation: d, panels: S } = u, { disableCursor: z } = u.mutableState;
+    let c = 0;
+    r ? d === "horizontal" ? c = (t.clientX - r.x) / h * 100 : c = (t.clientY - r.y) / h * 100 : d === "horizontal" ? c = t.clientX < 0 ? -100 : 100 : c = t.clientY < 0 ? -100 : 100;
+    const p = o.get(u), m = i.get(u);
+    if (!p || !m)
+      return;
+    const {
       defaultLayoutDeferred: v,
-      derivedPanelConstraints: x,
-      layout: S,
-      separatorToPanels: w
-    } = i.get(h) ?? { defaultLayoutDeferred: false };
-    if (x && g && S && w) {
-      const C = te({
-        delta: p,
-        initialLayout: g,
-        panelConstraints: x,
-        pivotIndices: c.panels.map((P) => d.indexOf(P)),
-        prevLayout: S,
+      derivedPanelConstraints: b,
+      groupSize: y,
+      layout: g,
+      separatorToPanels: P
+    } = m;
+    if (b && g && P) {
+      const M = le({
+        delta: c,
+        initialLayout: p,
+        panelConstraints: b,
+        pivotIndices: l.panels.map((w) => S.indexOf(w)),
+        prevLayout: g,
         trigger: "mouse-or-touch"
       });
-      if (F(C, S)) {
-        if (p !== 0 && !m)
-          switch (f) {
+      if (W(M, g)) {
+        if (c !== 0 && !z)
+          switch (d) {
             case "horizontal": {
-              s |= p < 0 ? We : Be;
+              a |= c < 0 ? ot : it;
               break;
             }
             case "vertical": {
-              s |= p < 0 ? Ke : Xe;
+              a |= c < 0 ? rt : st;
               break;
             }
           }
-      } else {
-        a.set(c.group, {
+      } else
+        $(l.group, {
           defaultLayoutDeferred: v,
-          derivedPanelConstraints: x,
-          layout: C,
-          separatorToPanels: w
+          derivedPanelConstraints: b,
+          groupSize: y,
+          layout: M,
+          separatorToPanels: P
         });
-        const P = c.group.panels.map(({ id: T }) => T).join(",");
-        c.group.inMemoryLayouts[P] = C;
-      }
     }
   });
-  let u = 0;
-  t.movementX === 0 ? u |= l & Pe : u |= s & Pe, t.movementY === 0 ? u |= l & Re : u |= s & Re, M({
-    cursorFlags: u,
-    mountedGroups: a
-  }), he(e);
-}
-function ke(e) {
-  const { cursorFlags: t, interactionState: n, mountedGroups: o } = G();
+  let s = 0;
+  t.movementX === 0 ? s |= f & Fe : s |= a & Fe, t.movementY === 0 ? s |= f & Ne : s |= a & Ne, At(s), we(e);
+}
+function je(e) {
+  const t = X(), n = K();
   switch (n.state) {
     case "active":
-      qe({
+      at({
         document: e.currentTarget,
         event: e,
         hitRegions: n.hitRegions,
         initialLayoutMap: n.initialLayoutMap,
-        mountedGroups: o,
-        prevCursorFlags: t
+        mountedGroups: t,
+        prevCursorFlags: n.cursorFlags
       });
   }
 }
-function Ge(e) {
+function He(e) {
   if (e.defaultPrevented)
     return;
-  const { cursorFlags: t, interactionState: n, mountedGroups: o } = G();
-  switch (n.state) {
+  const t = K(), n = X();
+  switch (t.state) {
     case "active": {
       if (
         // Skip this check for "pointerleave" events, else Firefox triggers a false positive (see #514)
         e.buttons === 0
       ) {
-        M(
-          (i) => i.interactionState.state === "inactive" ? i : {
-            cursorFlags: 0,
-            interactionState: { state: "inactive" }
-          }
-        ), M((i) => ({
-          mountedGroups: new Map(i.mountedGroups)
-        }));
+        te({
+          cursorFlags: 0,
+          state: "inactive"
+        }), t.hitRegions.forEach((o) => {
+          const i = H(o.group.id, true);
+          $(o.group, i);
+        });
         return;
       }
-      qe({
+      for (const o of t.hitRegions)
+        if (o.separator) {
+          const { element: i } = o.separator;
+          i.hasPointerCapture?.(e.pointerId) || i.setPointerCapture?.(e.pointerId);
+        }
+      at({
         document: e.currentTarget,
         event: e,
-        hitRegions: n.hitRegions,
-        initialLayoutMap: n.initialLayoutMap,
-        mountedGroups: o,
-        pointerDownAtPoint: n.pointerDownAtPoint,
-        prevCursorFlags: t
+        hitRegions: t.hitRegions,
+        initialLayoutMap: t.initialLayoutMap,
+        mountedGroups: n,
+        pointerDownAtPoint: t.pointerDownAtPoint,
+        prevCursorFlags: t.cursorFlags
       });
       break;
     }
     default: {
-      const i = pe(e, o);
-      i.length === 0 ? n.state !== "inactive" && M({
-        interactionState: {
-          state: "inactive"
-        }
-      }) : M({
-        interactionState: {
-          hitRegions: i,
-          state: "hover"
-        }
-      }), he(e.currentTarget);
+      const o = xe(e, n);
+      o.length === 0 ? t.state !== "inactive" && te({
+        cursorFlags: 0,
+        state: "inactive"
+      }) : te({
+        cursorFlags: 0,
+        hitRegions: o,
+        state: "hover"
+      }), we(e.currentTarget);
       break;
     }
   }
 }
-function Ie(e) {
+function Ve(e) {
+  if (e.relatedTarget instanceof HTMLIFrameElement)
+    switch (K().state) {
+      case "hover":
+        te({
+          cursorFlags: 0,
+          state: "inactive"
+        });
+    }
+}
+function Be(e) {
   if (e.defaultPrevented)
     return;
   if (e.pointerType === "mouse" && e.button > 0)
     return;
-  const { interactionState: t } = G();
+  const t = K();
   switch (t.state) {
     case "active":
-      M({
+      te({
         cursorFlags: 0,
-        interactionState: {
-          state: "inactive"
-        }
-      }), t.hitRegions.length > 0 && (he(e.currentTarget), M((n) => ({
-        mountedGroups: new Map(n.mountedGroups)
-      })), e.preventDefault());
+        state: "inactive"
+      }), t.hitRegions.length > 0 && (we(e.currentTarget), t.hitRegions.forEach((n) => {
+        const o = H(n.group.id, true);
+        $(n.group, o);
+      }), e.preventDefault());
   }
 }
-function De(e) {
+function We(e) {
   let t = 0, n = 0;
   const o = {};
   for (const r of e)
     if (r.defaultSize !== void 0) {
       t++;
-      const l = D(r.defaultSize);
-      n += l, o[r.panelId] = l;
+      const f = O(r.defaultSize);
+      n += f, o[r.panelId] = f;
     } else
       o[r.panelId] = void 0;
   const i = e.length - t;
   if (i !== 0) {
-    const r = D((100 - n) / i);
-    for (const l of e)
-      l.defaultSize === void 0 && (o[l.panelId] = r);
+    const r = O((100 - n) / i);
+    for (const f of e)
+      f.defaultSize === void 0 && (o[f.panelId] = r);
   }
   return o;
 }
-function Rt(e, t, n) {
+function _t(e, t, n) {
   if (!n[0])
     return;
-  const i = e.panels.find((u) => u.element === t);
+  const i = e.panels.find((l) => l.element === t);
   if (!i || !i.onResize)
     return;
-  const r = B({ group: e }), l = e.orientation === "horizontal" ? i.element.offsetWidth : i.element.offsetHeight, s = i.mutableValues.prevSize, a = {
-    asPercentage: D(l / r * 100),
-    inPixels: l
+  const r = ne({ group: e }), f = e.orientation === "horizontal" ? i.element.offsetWidth : i.element.offsetHeight, a = i.mutableValues.prevSize, s = {
+    asPercentage: O(f / r * 100),
+    inPixels: f
   };
-  i.mutableValues.prevSize = a, i.onResize(a, i.id, s);
+  i.mutableValues.prevSize = s, i.onResize(s, i.id, a);
 }
-function Mt(e, t) {
+function $t(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return false;
   for (const o in e)
@@ -22681,7 +22958,56 @@ function Mt(e, t) {
       return false;
   return true;
 }
-function Et(e, t) {
+function jt({
+  group: e,
+  nextGroupSize: t,
+  prevGroupSize: n,
+  prevLayout: o
+}) {
+  if (n <= 0 || t <= 0 || n === t)
+    return o;
+  let i = 0, r = 0, f = false;
+  const a = /* @__PURE__ */ new Map(), s = [];
+  for (const h of e.panels) {
+    const d = o[h.id] ?? 0;
+    switch (h.panelConstraints.groupResizeBehavior) {
+      case "preserve-pixel-size": {
+        f = true;
+        const S = d / 100 * n, z = O(
+          S / t * 100
+        );
+        a.set(h.id, z), i += z;
+        break;
+      }
+      case "preserve-relative-size":
+      default: {
+        s.push(h.id), r += d;
+        break;
+      }
+    }
+  }
+  if (!f || s.length === 0)
+    return o;
+  const l = 100 - i, u = { ...o };
+  if (a.forEach((h, d) => {
+    u[d] = h;
+  }), r > 0)
+    for (const h of s) {
+      const d = o[h] ?? 0;
+      u[h] = O(
+        d / r * l
+      );
+    }
+  else {
+    const h = O(
+      l / s.length
+    );
+    for (const d of s)
+      u[d] = h;
+  }
+  return u;
+}
+function Ht(e, t) {
   const n = e.map((i) => i.id), o = Object.keys(t);
   if (n.length !== o.length)
     return false;
@@ -22690,119 +23016,118 @@ function Et(e, t) {
       return false;
   return true;
 }
-const U = /* @__PURE__ */ new Map();
-function kt(e) {
+const J = /* @__PURE__ */ new Map();
+function Vt(e) {
   let t = true;
-  z(
+  C(
     e.element.ownerDocument.defaultView,
     "Cannot register an unmounted Group"
   );
-  const n = e.element.ownerDocument.defaultView.ResizeObserver, o = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), r = new n((f) => {
-    for (const d of f) {
-      const { borderBoxSize: p, target: g } = d;
-      if (g === e.element) {
+  const n = e.element.ownerDocument.defaultView.ResizeObserver, o = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), r = new n((c) => {
+    for (const p of c) {
+      const { borderBoxSize: m, target: v } = p;
+      if (v === e.element) {
         if (t) {
-          if (B({ group: e }) === 0)
+          const b = ne({ group: e });
+          if (b === 0)
             return;
-          M((x) => {
-            const S = x.mountedGroups.get(e);
-            if (S) {
-              const w = ve(e), C = S.defaultLayoutDeferred ? De(w) : S.layout, P = $({
-                layout: C,
-                panelConstraints: w
-              });
-              return !S.defaultLayoutDeferred && F(C, P) && Mt(
-                S.derivedPanelConstraints,
-                w
-              ) ? x : {
-                mountedGroups: new Map(x.mountedGroups).set(e, {
-                  defaultLayoutDeferred: false,
-                  derivedPanelConstraints: w,
-                  layout: P,
-                  separatorToPanels: S.separatorToPanels
-                })
-              };
-            }
-            return x;
+          const y = H(e.id);
+          if (!y)
+            return;
+          const g = ve(e), P = y.defaultLayoutDeferred ? We(g) : y.layout, M = jt({
+            group: e,
+            nextGroupSize: b,
+            prevGroupSize: y.groupSize,
+            prevLayout: P
+          }), w = U({
+            layout: M,
+            panelConstraints: g
+          });
+          if (!y.defaultLayoutDeferred && W(y.layout, w) && $t(
+            y.derivedPanelConstraints,
+            g
+          ) && y.groupSize === b)
+            return;
+          $(e, {
+            defaultLayoutDeferred: false,
+            derivedPanelConstraints: g,
+            groupSize: b,
+            layout: w,
+            separatorToPanels: y.separatorToPanels
           });
         }
       } else
-        Rt(e, g, p);
+        _t(e, v, m);
     }
   });
-  r.observe(e.element), e.panels.forEach((f) => {
-    z(
-      !o.has(f.id),
-      `Panel ids must be unique; id "${f.id}" was used more than once`
-    ), o.add(f.id), f.onResize && r.observe(f.element);
+  r.observe(e.element), e.panels.forEach((c) => {
+    C(
+      !o.has(c.id),
+      `Panel ids must be unique; id "${c.id}" was used more than once`
+    ), o.add(c.id), c.onResize && r.observe(c.element);
   });
-  const l = B({ group: e }), s = ve(e), a = e.panels.map(({ id: f }) => f).join(",");
-  let u = e.defaultLayout;
-  u && (Et(e.panels, u) || (u = void 0));
-  const c = e.inMemoryLayouts[a] ?? u ?? De(s), h = $({
-    layout: c,
-    panelConstraints: s
-  }), y = $e(e), m = e.element.ownerDocument;
-  return M((f) => {
-    const d = /* @__PURE__ */ new Map();
-    return U.set(
-      m,
-      (U.get(m) ?? 0) + 1
-    ), y.forEach((p) => {
-      p.separator && d.set(p.separator, p.panels);
-    }), {
-      mountedGroups: new Map(f.mountedGroups).set(e, {
-        defaultLayoutDeferred: l === 0,
-        derivedPanelConstraints: s,
-        layout: h,
-        separatorToPanels: d
-      })
-    };
-  }), e.separators.forEach((f) => {
-    z(
-      !i.has(f.id),
-      `Separator ids must be unique; id "${f.id}" was used more than once`
-    ), i.add(f.id), f.element.addEventListener("keydown", Le);
-  }), U.get(m) === 1 && (m.addEventListener("dblclick", we, true), m.addEventListener("pointerdown", Ce, true), m.addEventListener("pointerleave", ke), m.addEventListener("pointermove", Ge), m.addEventListener("pointerup", Ie, true)), function() {
-    t = false, U.set(
-      m,
-      Math.max(0, (U.get(m) ?? 0) - 1)
-    ), M((d) => {
-      const p = new Map(d.mountedGroups);
-      return p.delete(e), { mountedGroups: p };
-    }), e.separators.forEach((d) => {
-      d.element.removeEventListener("keydown", Le);
-    }), U.get(m) || (m.removeEventListener(
+  const f = ne({ group: e }), a = ve(e), s = e.panels.map(({ id: c }) => c).join(",");
+  let l = e.mutableState.defaultLayout;
+  l && (Ht(e.panels, l) || (l = void 0));
+  const u = e.mutableState.layouts[s] ?? l ?? We(a), h = U({
+    layout: u,
+    panelConstraints: a
+  }), d = e.element.ownerDocument;
+  J.set(
+    d,
+    (J.get(d) ?? 0) + 1
+  );
+  const S = /* @__PURE__ */ new Map();
+  return Je(e).forEach((c) => {
+    c.separator && S.set(c.separator, c.panels);
+  }), $(e, {
+    defaultLayoutDeferred: f === 0,
+    derivedPanelConstraints: a,
+    groupSize: f,
+    layout: h,
+    separatorToPanels: S
+  }), e.separators.forEach((c) => {
+    C(
+      !i.has(c.id),
+      `Separator ids must be unique; id "${c.id}" was used more than once`
+    ), i.add(c.id), c.element.addEventListener("keydown", Ge);
+  }), J.get(d) === 1 && (d.addEventListener("dblclick", Te, true), d.addEventListener("pointerdown", Ae, true), d.addEventListener("pointerleave", je), d.addEventListener("pointermove", He), d.addEventListener("pointerout", Ve), d.addEventListener("pointerup", Be, true)), function() {
+    t = false, J.set(
+      d,
+      Math.max(0, (J.get(d) ?? 0) - 1)
+    ), Lt(e), e.separators.forEach((p) => {
+      p.element.removeEventListener("keydown", Ge);
+    }), J.get(d) || (d.removeEventListener(
       "dblclick",
-      we,
+      Te,
       true
-    ), m.removeEventListener(
+    ), d.removeEventListener(
       "pointerdown",
-      Ce,
+      Ae,
       true
-    ), m.removeEventListener("pointerleave", ke), m.removeEventListener("pointermove", Ge), m.removeEventListener("pointerup", Ie, true)), r.disconnect();
+    ), d.removeEventListener("pointerleave", je), d.removeEventListener("pointermove", He), d.removeEventListener("pointerout", Ve), d.removeEventListener("pointerup", Be, true)), r.disconnect();
   };
 }
-function Ye() {
+function Bt() {
   const [e, t] = reactExports.useState({}), n = reactExports.useCallback(() => t({}), []);
   return [e, n];
 }
-function me(e) {
+function Le(e) {
   const t = reactExports.useId();
   return `${e ?? t}`;
 }
-const H = typeof window < "u" ? reactExports.useLayoutEffect : reactExports.useEffect;
-function Z(e) {
+const q = typeof window < "u" ? reactExports.useLayoutEffect : reactExports.useEffect;
+function se(e) {
   const t = reactExports.useRef(e);
-  return H(() => {
+  return q(() => {
     t.current = e;
   }, [e]), reactExports.useCallback(
     (...n) => t.current?.(...n),
     [t]
   );
 }
-function ge(...e) {
-  return Z((t) => {
+function Ce(...e) {
+  return se((t) => {
     e.forEach((n) => {
       if (n)
         switch (typeof n) {
@@ -22818,301 +23143,360 @@ function ge(...e) {
     });
   });
 }
-function Gt(e) {
+function Re(e) {
   const t = reactExports.useRef({ ...e });
-  return H(() => {
+  return q(() => {
     for (const n in e)
       t.current[n] = e[n];
   }, [e]), t.current;
 }
-const Ze = reactExports.createContext(null);
-function It(e, t) {
+const lt = reactExports.createContext(null);
+function Wt(e, t) {
   const n = reactExports.useRef({
     getLayout: () => ({}),
-    setLayout: Ct
+    setLayout: Ft
   });
-  reactExports.useImperativeHandle(t, () => n.current, []), H(() => {
+  reactExports.useImperativeHandle(t, () => n.current, []), q(() => {
     Object.assign(
       n.current,
-      Ve({ groupId: e })
+      nt({ groupId: e })
     );
   });
 }
-function Dt({
+function Ut({
   children: e,
   className: t,
   defaultLayout: n,
   disableCursor: o,
   disabled: i,
   elementRef: r,
-  groupRef: l,
-  id: s,
-  onLayoutChange: a,
-  onLayoutChanged: u,
-  orientation: c = "horizontal",
+  groupRef: f,
+  id: a,
+  onLayoutChange: s,
+  onLayoutChanged: l,
+  orientation: u = "horizontal",
   resizeTargetMinimumSize: h = {
     coarse: 20,
     fine: 10
   },
-  style: y,
-  ...m
+  style: d,
+  ...S
 }) {
-  const f = reactExports.useRef({
+  const z = reactExports.useRef({
     onLayoutChange: {},
     onLayoutChanged: {}
-  }), d = Z((b) => {
-    F(f.current.onLayoutChange, b) || (f.current.onLayoutChange = b, a?.(b));
-  }), p = Z((b) => {
-    F(f.current.onLayoutChanged, b) || (f.current.onLayoutChanged = b, u?.(b));
-  }), g = me(s), v = reactExports.useRef(null), [x, S] = Ye(), w = reactExports.useRef({
+  }), c = se((x) => {
+    W(z.current.onLayoutChange, x) || (z.current.onLayoutChange = x, s?.(x));
+  }), p = se((x) => {
+    W(z.current.onLayoutChanged, x) || (z.current.onLayoutChanged = x, l?.(x));
+  }), m = Le(a), v = reactExports.useRef(null), [b, y] = Bt(), g = reactExports.useRef({
     lastExpandedPanelSizes: {},
     layouts: {},
     panels: [],
     resizeTargetMinimumSize: h,
     separators: []
-  }), C = ge(v, r);
-  It(g, l);
-  const P = Z(
-    (b, L) => {
-      const { interactionState: E, mountedGroups: ne } = G();
-      for (const oe of ne.keys())
-        if (oe.id === b) {
-          const K = ne.get(oe);
-          if (K) {
-            let X = false;
-            switch (E.state) {
-              case "active": {
-                X = E.hitRegions.some(
-                  (le) => le.group === oe
-                );
-                break;
-              }
-            }
-            return {
-              flexGrow: K.layout[L] ?? 1,
-              pointerEvents: X ? "none" : void 0
-            };
+  }), P = Ce(v, r);
+  Wt(m, f);
+  const M = se(
+    (x, L) => {
+      const k = K(), R = ke(x), E = H(x);
+      if (E) {
+        let D = false;
+        switch (k.state) {
+          case "active": {
+            D = k.hitRegions.some(
+              (V) => V.group === R
+            );
+            break;
           }
         }
-      return {
-        flexGrow: n?.[L] ?? 1
-      };
+        return {
+          flexGrow: E.layout[L] ?? 1,
+          pointerEvents: D ? "none" : void 0
+        };
+      }
+      if (n?.[L])
+        return {
+          flexGrow: n?.[L]
+        };
     }
-  ), T = reactExports.useMemo(
+  ), w = Re({
+    defaultLayout: n,
+    disableCursor: o
+  }), G = reactExports.useMemo(
     () => ({
-      getPanelStyles: P,
-      id: g,
-      orientation: c,
-      registerPanel: (b) => {
-        const L = w.current;
-        return L.panels = de(c, [
+      get disableCursor() {
+        return !!w.disableCursor;
+      },
+      getPanelStyles: M,
+      id: m,
+      orientation: u,
+      registerPanel: (x) => {
+        const L = g.current;
+        return L.panels = be(u, [
           ...L.panels,
-          b
-        ]), S(), () => {
+          x
+        ]), y(), () => {
           L.panels = L.panels.filter(
-            (E) => E !== b
-          ), S();
+            (k) => k !== x
+          ), y();
         };
       },
-      registerSeparator: (b) => {
-        const L = w.current;
-        return L.separators = de(c, [
+      registerSeparator: (x) => {
+        const L = g.current;
+        return L.separators = be(u, [
           ...L.separators,
-          b
-        ]), S(), () => {
+          x
+        ]), y(), () => {
           L.separators = L.separators.filter(
-            (E) => E !== b
-          ), S();
+            (k) => k !== x
+          ), y();
         };
+      },
+      updatePanelProps: (x, { disabled: L }) => {
+        const R = g.current.panels.find(
+          (V) => V.id === x
+        );
+        R && (R.panelConstraints.disabled = L);
+        const E = ke(m), D = H(m);
+        E && D && $(E, {
+          ...D,
+          derivedPanelConstraints: ve(E)
+        });
+      },
+      updateSeparatorProps: (x, {
+        disabled: L,
+        disableDoubleClick: k
+      }) => {
+        const E = g.current.separators.find(
+          (D) => D.id === x
+        );
+        E && (E.disabled = L, E.disableDoubleClick = k);
       }
     }),
-    [P, g, S, c]
-  ), j = Gt({
-    defaultLayout: n,
-    disableCursor: o
-  }), O = reactExports.useRef(null);
-  return H(() => {
-    const b = v.current;
-    if (b === null)
+    [M, m, y, u, w]
+  ), N = reactExports.useRef(null);
+  return q(() => {
+    const x = v.current;
+    if (x === null)
       return;
-    const L = w.current, E = {
-      defaultLayout: j.defaultLayout,
-      disableCursor: !!j.disableCursor,
+    const L = g.current;
+    let k;
+    if (w.defaultLayout !== void 0 && Object.keys(w.defaultLayout).length === L.panels.length) {
+      k = {};
+      for (const j of L.panels) {
+        const Y = w.defaultLayout[j.id];
+        Y !== void 0 && (k[j.id] = Y);
+      }
+    }
+    const R = {
       disabled: !!i,
-      element: b,
-      id: g,
-      inMemoryLastExpandedPanelSizes: w.current.lastExpandedPanelSizes,
-      inMemoryLayouts: w.current.layouts,
-      orientation: c,
+      element: x,
+      id: m,
+      mutableState: {
+        defaultLayout: k,
+        disableCursor: !!w.disableCursor,
+        expandedPanelSizes: g.current.lastExpandedPanelSizes,
+        layouts: g.current.layouts
+      },
+      orientation: u,
       panels: L.panels,
       resizeTargetMinimumSize: L.resizeTargetMinimumSize,
       separators: L.separators
     };
-    O.current = E;
-    const ne = kt(E), K = G().mountedGroups.get(E);
-    if (K) {
-      const { defaultLayoutDeferred: q, derivedPanelConstraints: A, layout: V } = K;
-      !q && A.length > 0 && (d(V), p(V), L.panels.forEach((ue) => {
-        ue.scheduleUpdate();
-      }));
-    }
-    let X = false;
-    const le = N.addListener(
-      "interactionStateChange",
-      (q) => {
-        const A = q.state === "active";
-        X !== A && (X = A, L.panels.forEach((V) => {
-          V.scheduleUpdate();
-        }));
-      }
-    ), Je = N.addListener(
-      "mountedGroupsChange",
-      (q) => {
-        const A = q.get(E);
-        if (A) {
-          const { defaultLayoutDeferred: V, derivedPanelConstraints: ue, layout: Se } = A;
-          if (V || ue.length === 0)
-            return;
-          const { interactionState: Qe } = G(), et = Qe.state !== "active";
-          d(Se), et && p(Se), L.panels.forEach((tt) => {
-            tt.scheduleUpdate();
-          });
+    N.current = R;
+    const E = Vt(R), { defaultLayoutDeferred: D, derivedPanelConstraints: V, layout: ue } = H(R.id, true);
+    !D && V.length > 0 && (c(ue), p(ue));
+    const oe = ze(m, (j) => {
+      const { defaultLayoutDeferred: Y, derivedPanelConstraints: Ee, layout: ce } = j.next;
+      if (Y || Ee.length === 0)
+        return;
+      const ut = R.panels.map(({ id: _ }) => _).join(",");
+      R.mutableState.layouts[ut] = ce, Ee.forEach((_) => {
+        if (_.collapsible) {
+          const { layout: ge } = j.prev ?? {};
+          if (ge) {
+            const ft = I(
+              _.collapsedSize,
+              ce[_.panelId]
+            ), dt = I(
+              _.collapsedSize,
+              ge[_.panelId]
+            );
+            ft && !dt && (R.mutableState.expandedPanelSizes[_.panelId] = ge[_.panelId]);
+          }
         }
-      }
-    );
+      });
+      const ct = K().state !== "active";
+      c(ce), ct && p(ce);
+    });
     return () => {
-      O.current = null, ne(), le(), Je();
+      N.current = null, E(), oe();
     };
   }, [
     i,
-    g,
+    m,
     p,
-    d,
     c,
-    x,
-    j
+    u,
+    b,
+    w
   ]), reactExports.useEffect(() => {
-    const b = O.current;
-    b && (b.defaultLayout = n, b.disableCursor = !!o);
-  }), /* @__PURE__ */ jsxRuntimeExports.jsx(Ze.Provider, { value: T, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    const x = N.current;
+    x && (x.mutableState.defaultLayout = n, x.mutableState.disableCursor = !!o);
+  }), /* @__PURE__ */ jsxRuntimeExports.jsx(lt.Provider, { value: G, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
-      ...m,
+      ...S,
       className: t,
       "data-group": true,
-      "data-testid": g,
-      id: g,
-      ref: C,
+      "data-testid": m,
+      id: m,
+      ref: P,
       style: {
         height: "100%",
         width: "100%",
         overflow: "hidden",
-        ...y,
+        ...d,
         display: "flex",
-        flexDirection: c === "horizontal" ? "row" : "column",
-        flexWrap: "nowrap"
+        flexDirection: u === "horizontal" ? "row" : "column",
+        flexWrap: "nowrap",
+        // Inform the browser that the library is handling touch events for this element
+        // but still allow users to scroll content within panels in the non-resizing direction
+        // NOTE This is not an inherited style
+        // See github.com/bvaughn/react-resizable-panels/issues/662
+        touchAction: u === "horizontal" ? "pan-y" : "pan-x"
       },
       children: e
     }
   ) });
 }
-Dt.displayName = "Group";
-function ye() {
-  const e = reactExports.useContext(Ze);
-  return z(
+Ut.displayName = "Group";
+function Me() {
+  const e = reactExports.useContext(lt);
+  return C(
     e,
     "Group Context not found; did you render a Panel or Separator outside of a Group?"
   ), e;
 }
-function Ot(e, t) {
-  const { id: n } = ye(), o = reactExports.useRef({
-    collapse: ce,
-    expand: ce,
+function qt(e, t) {
+  const { id: n } = Me(), o = reactExports.useRef({
+    collapse: ye,
+    expand: ye,
     getSize: () => ({
       asPercentage: 0,
       inPixels: 0
     }),
     isCollapsed: () => false,
-    resize: ce
+    resize: ye
   });
-  reactExports.useImperativeHandle(t, () => o.current, []), H(() => {
+  reactExports.useImperativeHandle(t, () => o.current, []), q(() => {
     Object.assign(
       o.current,
-      je({ groupId: n, panelId: e })
+      tt({ groupId: n, panelId: e })
     );
   });
 }
-function At({
+function Yt({
   children: e,
   className: t,
   collapsedSize: n = "0%",
   collapsible: o = false,
   defaultSize: i,
-  elementRef: r,
-  id: l,
-  maxSize: s = "100%",
-  minSize: a = "0%",
-  onResize: u,
-  panelRef: c,
-  style: h,
-  ...y
+  disabled: r,
+  elementRef: f,
+  groupResizeBehavior: a = "preserve-relative-size",
+  id: s,
+  maxSize: l = "100%",
+  minSize: u = "0%",
+  onResize: h,
+  panelRef: d,
+  style: S,
+  ...z
 }) {
-  const m = !!l, f = me(l), d = reactExports.useRef(null), p = ge(d, r), [, g] = Ye(), { getPanelStyles: v, id: x, registerPanel: S } = ye(), w = u !== null, C = Z(
-    (T, j, O) => {
-      u?.(T, l, O);
+  const c = !!s, p = Le(s), m = Re({
+    disabled: r
+  }), v = reactExports.useRef(null), b = Ce(v, f), {
+    getPanelStyles: y,
+    id: g,
+    orientation: P,
+    registerPanel: M,
+    updatePanelProps: w
+  } = Me(), G = h !== null, N = se(
+    (R, E, D) => {
+      h?.(R, s, D);
     }
   );
-  H(() => {
-    const T = d.current;
-    if (T !== null)
-      return S({
-        element: T,
-        id: f,
-        idIsStable: m,
+  q(() => {
+    const R = v.current;
+    if (R !== null) {
+      const E = {
+        element: R,
+        id: p,
+        idIsStable: c,
         mutableValues: {
           expandToSize: void 0,
           prevSize: void 0
         },
-        onResize: w ? C : void 0,
+        onResize: G ? N : void 0,
         panelConstraints: {
+          groupResizeBehavior: a,
           collapsedSize: n,
           collapsible: o,
           defaultSize: i,
-          maxSize: s,
-          minSize: a
-        },
-        scheduleUpdate: g
-      });
+          disabled: m.disabled,
+          maxSize: l,
+          minSize: u
+        }
+      };
+      return M(E);
+    }
   }, [
+    a,
     n,
     o,
     i,
-    g,
-    w,
-    f,
-    m,
-    s,
-    a,
-    C,
-    S
-  ]), Ot(f, c);
-  const P = v(x, f);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    G,
+    p,
+    c,
+    l,
+    u,
+    N,
+    M,
+    m
+  ]), reactExports.useEffect(() => {
+    w(p, { disabled: r });
+  }, [r, p, w]), qt(p, d);
+  const x = () => {
+    const R = y(g, p);
+    if (R)
+      return JSON.stringify(R);
+  }, L = reactExports.useSyncExternalStore(
+    (R) => ze(g, R),
+    x,
+    x
+  );
+  let k;
+  return L ? k = JSON.parse(L) : i ? k = {
+    flexGrow: void 0,
+    flexShrink: void 0,
+    flexBasis: i
+  } : k = { flexGrow: 1 }, /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
-      ...y,
+      ...z,
+      "data-disabled": r || void 0,
       "data-panel": true,
-      "data-testid": f,
-      id: f,
-      ref: p,
+      "data-testid": p,
+      id: p,
+      ref: b,
       style: {
-        ..._t,
+        ...Jt,
         display: "flex",
         flexBasis: 0,
         flexShrink: 1,
-        // Prevent Panel content from interfering with panel size
-        overflow: "hidden",
-        ...P
+        overflow: "visible",
+        ...k
       },
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
@@ -23122,7 +23506,13 @@ function At({
             maxHeight: "100%",
             maxWidth: "100%",
             flexGrow: 1,
-            ...h
+            overflow: "auto",
+            ...S,
+            // Inform the browser that the library is handling touch events for this element
+            // but still allow users to scroll content within panels in the non-resizing direction
+            // NOTE This is not an inherited style
+            // See github.com/bvaughn/react-resizable-panels/issues/662
+            touchAction: P === "horizontal" ? "pan-y" : "pan-x"
           },
           children: e
         }
@@ -23130,8 +23520,8 @@ function At({
     }
   );
 }
-At.displayName = "Panel";
-const _t = {
+Yt.displayName = "Panel";
+const Jt = {
   minHeight: 0,
   maxHeight: "100%",
   height: "auto",
@@ -23143,33 +23533,33 @@ const _t = {
   padding: 0,
   margin: 0
 };
-function Nt({
+function Zt({
   layout: e,
   panelConstraints: t,
   panelId: n,
   panelIndex: o
 }) {
   let i, r;
-  const l = e[n], s = t.find(
-    (a) => a.panelId === n
+  const f = e[n], a = t.find(
+    (s) => s.panelId === n
   );
-  if (s) {
-    const a = s.maxSize, u = s.collapsible ? s.collapsedSize : s.minSize, c = [o, o + 1];
-    r = $({
-      layout: te({
-        delta: u - l,
+  if (a) {
+    const s = a.maxSize, l = a.collapsible ? a.collapsedSize : a.minSize, u = [o, o + 1];
+    r = U({
+      layout: le({
+        delta: l - f,
         initialLayout: e,
         panelConstraints: t,
-        pivotIndices: c,
+        pivotIndices: u,
         prevLayout: e
       }),
       panelConstraints: t
-    })[n], i = $({
-      layout: te({
-        delta: a - l,
+    })[n], i = U({
+      layout: le({
+        delta: s - f,
         initialLayout: e,
         panelConstraints: t,
-        pivotIndices: c,
+        pivotIndices: u,
         prevLayout: e
       }),
       panelConstraints: t
@@ -23179,103 +23569,129 @@ function Nt({
     valueControls: n,
     valueMax: i,
     valueMin: r,
-    valueNow: l
+    valueNow: f
   };
 }
-function Ft({
+function Qt({
   children: e,
   className: t,
-  elementRef: n,
-  id: o,
-  style: i,
-  ...r
+  disabled: n,
+  disableDoubleClick: o,
+  elementRef: i,
+  id: r,
+  style: f,
+  ...a
 }) {
-  const l = me(o), [s, a] = reactExports.useState({}), [u, c] = reactExports.useState("inactive"), h = reactExports.useRef(null), y = ge(h, n), {
-    id: m,
-    orientation: f,
-    registerSeparator: d
-  } = ye(), p = f === "horizontal" ? "vertical" : "horizontal";
-  return H(() => {
-    const g = h.current;
-    if (g !== null) {
-      const v = {
-        element: g,
-        id: l
-      }, x = d(v), S = N.addListener(
-        "interactionStateChange",
-        (C) => {
-          c(
-            C.state !== "inactive" && C.hitRegions.some(
-              (P) => P.separator === v
-            ) ? C.state : "inactive"
+  const s = Le(r), l = Re({
+    disabled: n,
+    disableDoubleClick: o
+  }), [u, h] = reactExports.useState({}), [d, S] = reactExports.useState("inactive"), [z, c] = reactExports.useState(false), p = reactExports.useRef(null), m = Ce(p, i), {
+    disableCursor: v,
+    id: b,
+    orientation: y,
+    registerSeparator: g,
+    updateSeparatorProps: P
+  } = Me(), M = y === "horizontal" ? "vertical" : "horizontal";
+  q(() => {
+    const N = p.current;
+    if (N !== null) {
+      const x = {
+        disabled: l.disabled,
+        disableDoubleClick: l.disableDoubleClick,
+        element: N,
+        id: s
+      }, L = g(x), k = Gt(
+        (E) => {
+          S(
+            E.next.state !== "inactive" && E.next.hitRegions.some(
+              (D) => D.separator === x
+            ) ? E.next.state : "inactive"
           );
         }
-      ), w = N.addListener(
-        "mountedGroupsChange",
-        (C) => {
-          C.forEach(
-            ({ derivedPanelConstraints: P, layout: T, separatorToPanels: j }, O) => {
-              if (O.id === m) {
-                const b = j.get(v);
-                if (b) {
-                  const L = b[0], E = O.panels.indexOf(L);
-                  a(
-                    Nt({
-                      layout: T,
-                      panelConstraints: P,
-                      panelId: L.id,
-                      panelIndex: E
-                    })
-                  );
-                }
-              }
-            }
-          );
+      ), R = ze(
+        b,
+        (E) => {
+          const { derivedPanelConstraints: D, layout: V, separatorToPanels: ue } = E.next, oe = ue.get(x);
+          if (oe) {
+            const j = oe[0], Y = oe.indexOf(j);
+            h(
+              Zt({
+                layout: V,
+                panelConstraints: D,
+                panelId: j.id,
+                panelIndex: Y
+              })
+            );
+          }
         }
       );
       return () => {
-        S(), w(), x();
+        k(), R(), L();
       };
     }
-  }, [m, l, d]), /* @__PURE__ */ jsxRuntimeExports.jsx(
+  }, [b, s, g, l]), reactExports.useEffect(() => {
+    P(s, { disabled: n, disableDoubleClick: o });
+  }, [n, o, s, P]);
+  let w;
+  n && !v && (w = "not-allowed");
+  let G;
+  if (n)
+    G = "disabled";
+  else
+    switch (d) {
+      case "active": {
+        G = "active";
+        break;
+      }
+      default:
+        z ? G = "focus" : G = d;
+    }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
-      ...r,
-      "aria-controls": s.valueControls,
-      "aria-orientation": p,
-      "aria-valuemax": s.valueMax,
-      "aria-valuemin": s.valueMin,
-      "aria-valuenow": s.valueNow,
+      ...a,
+      "aria-controls": u.valueControls,
+      "aria-disabled": n || void 0,
+      "aria-orientation": M,
+      "aria-valuemax": u.valueMax,
+      "aria-valuemin": u.valueMin,
+      "aria-valuenow": u.valueNow,
       children: e,
       className: t,
-      "data-separator": u,
-      "data-testid": l,
-      id: l,
-      ref: y,
+      "data-separator": G,
+      "data-testid": s,
+      id: s,
+      onBlur: () => c(false),
+      onFocus: () => c(true),
+      ref: m,
       role: "separator",
       style: {
         flexBasis: "auto",
-        ...i,
+        cursor: w,
+        ...f,
         flexGrow: 0,
-        flexShrink: 0
+        flexShrink: 0,
+        // Inform the browser that the library is handling touch events for this element
+        // See github.com/bvaughn/react-resizable-panels/issues/662
+        touchAction: "none"
       },
-      tabIndex: 0
+      tabIndex: n ? void 0 : 0
     }
   );
 }
-Ft.displayName = "Separator";
+Qt.displayName = "Separator";
 
 const ResizableGroup = (_a) => {
     var { className, dataTestId } = _a, props = __rest(_a, ["className", "dataTestId"]);
-    return (jsxRuntimeExports.jsx(Dt, Object.assign({ className: cn('flex h-full w-full', className), id: dataTestId }, props)));
+    return (jsxRuntimeExports.jsx(Ut, Object.assign({ className: cn('flex h-full w-full', className), id: dataTestId }, props)));
 };
 const ResizablePanel = (_a) => {
     var { dataTestId } = _a, props = __rest(_a, ["dataTestId"]);
-    return (jsxRuntimeExports.jsx(At, Object.assign({ id: dataTestId }, props)));
+    return (jsxRuntimeExports.jsx(Yt, Object.assign({ id: dataTestId }, props)));
 };
 const ResizableSeparator = (_a) => {
     var { withHandle, className, dataTestId } = _a, props = __rest(_a, ["withHandle", "className", "dataTestId"]);
-    return (jsxRuntimeExports.jsx(Ft, Object.assign({ className: cn('bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden', 'aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90', className), id: dataTestId }, props, { children: withHandle && (jsxRuntimeExports.jsx("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", "data-testid": `${dataTestId}-handle`, children: jsxRuntimeExports.jsx(GripVertical, { className: "h-2.5 w-2.5" }) })) })));
+    return (jsxRuntimeExports.jsx(Qt, Object.assign({ className: cn('bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden', 'aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90', className), id: dataTestId }, props, { children: withHandle && (jsxRuntimeExports.jsx("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", "data-testid": `${dataTestId}-handle`, children: jsxRuntimeExports.jsx(GripVertical, { className: "h-2.5 w-2.5" }) })) })));
 };
 const Resizable = {
     Group: ResizableGroup,
@@ -24346,7 +24762,7 @@ const ToastAction = (_a) => {
 ToastAction.displayName = Action.displayName;
 const ToastClose = (_a) => {
     var { className, dataTestId = 'toast-close' } = _a, props = __rest(_a, ["className", "dataTestId"]);
-    return (jsxRuntimeExports.jsx(Close, Object.assign({ className: cn('text-foreground/50 hover:text-foreground absolute top-1 right-1 cursor-pointer rounded-md p-1 opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100 focus:ring-1 focus:outline-none', 'group-[.success]:text-green-300 group-[.success]:hover:text-green-50 group-[.success]:focus:ring-green-400 group-[.success]:focus:ring-offset-green-600', 'group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600', className), "toast-close": "", "data-testid": dataTestId }, props, { children: jsxRuntimeExports.jsx(X, { className: "h-4 w-4" }) })));
+    return (jsxRuntimeExports.jsx(Close, Object.assign({ className: cn('text-foreground/50 hover:text-foreground absolute top-1 right-1 cursor-pointer rounded-md p-1 opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100 focus:ring-1 focus:outline-none', 'group-[.success]:text-green-300 group-[.success]:hover:text-green-50 group-[.success]:focus:ring-green-400 group-[.success]:focus:ring-offset-green-600', 'group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600', className), "toast-close": "", "data-testid": dataTestId }, props, { children: jsxRuntimeExports.jsx(X$1, { className: "h-4 w-4" }) })));
 };
 ToastClose.displayName = Close.displayName;
 const ToastTitle = (_a) => {