@butternutbox/pawprint-native 0.10.7 → 0.10.9

package/.turbo/turbo-build.log

@@ -7,12 +7,12 @@
 CJS Build start
 ESM Build start
 DTS Build start
-ESM dist/index.js     1.72 MB
-ESM dist/index.js.map 2.69 MB
-ESM ⚡️ Build success in 11806ms
 CJS dist/index.cjs     1.80 MB
 CJS dist/index.cjs.map 2.70 MB
-CJS ⚡️ Build success in 11807ms
-DTS ⚡️ Build success in 24924ms
+CJS ⚡️ Build success in 11884ms
+ESM dist/index.js     1.72 MB
+ESM dist/index.js.map 2.70 MB
+ESM ⚡️ Build success in 11885ms
+DTS ⚡️ Build success in 22581ms
 DTS dist/index.d.cts 91.44 KB
 DTS dist/index.d.ts  91.44 KB

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @butternutbox/pawprint-native
 
+## 0.10.9
+
+### Patch Changes
+
+- 825e9bb: Drawer: fix the content-driven height re-fit so tall drawers no longer clip or
+  lose the ability to scroll (regression in 0.10.8).
+
+  The 0.10.8 implementation derived the panel height from the body content
+  measured _inside_ the height-constrained `ScrollView` and fed it back to size
+  the panel. For any drawer whose content height depends on the available height,
+  that coupling sized the panel too short and collapsed the scroll region, so tall
+  drawers clipped their content and could not scroll to the end.
+
+  The re-fit is now purely layout-driven: the panel wraps its content and caps at
+  90% of the window height, while `DrawerBody` keeps its own `maxHeight` to bound
+  scrolling (and prevent the `ScrollView` from collapsing). When the body grows or
+  shrinks after open — async loading, expanding sections — the panel re-fits
+  itself through normal layout with no measurement feedback loop. Removes the
+  `DrawerMeasureContext` plumbing and adds a `DynamicContent` story as a
+  regression guard.
+
+## 0.10.8
+
+### Patch Changes
+
+- 8735f2e: DatePicker: remove extra padding on the weekday header, tighten the month-to-dates gap to 16px, size the month-nav buttons to 44px (md), and default the container to full width so it fills its parent without a wrapper.
+- 478f90b: Drawer: re-fit the panel height when body content changes. Previously the drawer measured its height once on open and stayed pinned to that first measurement, so content that grew or shrank afterwards (async loading, expanding sections) left the panel the wrong size — either clipped/scrolling or with an empty gap. The panel now tracks its content, growing and shrinking to fit and capping into a scroll only when the content exceeds the max height.
+- 4c2fd55: Fix Radio tile trailing asset overflowing the tile when the label/subText wraps to multiple lines. The text content now takes the row's remaining width so long copy wraps within the tile instead of pushing the illustration past its edge.
+
 ## 0.10.7
 
 ### Patch Changes

package/dist/index.cjs

@@ -4774,54 +4774,57 @@ ForwardRef472.category = "core";
 var PlayArrow = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18a1 1 0 0 0 0-1.69L9.54 5.98A.998.998 0 0 0 8 6.82" }) }));
 var ForwardRef482 = React65.forwardRef(PlayArrow);
 ForwardRef482.category = "core";
-var Refresh = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "M17.65 6.35a7.95 7.95 0 0 0-6.48-2.31c-3.67.37-6.69 3.35-7.1 7.02C3.52 15.91 7.27 20 12 20a7.98 7.98 0 0 0 7.21-4.56c.32-.67-.16-1.44-.9-1.44-.37 0-.72.2-.88.53a5.994 5.994 0 0 1-6.8 3.31c-2.22-.49-4.01-2.3-4.48-4.52A6.002 6.002 0 0 1 12 6c1.66 0 3.14.69 4.22 1.78l-1.51 1.51c-.63.63-.19 1.71.7 1.71H19c.55 0 1-.45 1-1V6.41c0-.89-1.08-1.34-1.71-.71z" }) }));
-var ForwardRef492 = React65.forwardRef(Refresh);
+var Range = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "m5.83 12 2.46-2.46a.996.996 0 1 0-1.41-1.41L3.7 11.3a.996.996 0 0 0 0 1.41l3.18 3.17a.996.996 0 1 0 1.41-1.41zm12.34 0-2.46 2.46a.996.996 0 1 0 1.41 1.41l3.18-3.17a.996.996 0 0 0 0-1.41l-3.17-3.17a.996.996 0 1 0-1.41 1.41z" }) }));
+var ForwardRef492 = React65.forwardRef(Range);
 ForwardRef492.category = "core";
-var Remove = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "M18 13H6c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1" }) }));
-var ForwardRef502 = React65.forwardRef(Remove);
+var Refresh = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "M17.65 6.35a7.95 7.95 0 0 0-6.48-2.31c-3.67.37-6.69 3.35-7.1 7.02C3.52 15.91 7.27 20 12 20a7.98 7.98 0 0 0 7.21-4.56c.32-.67-.16-1.44-.9-1.44-.37 0-.72.2-.88.53a5.994 5.994 0 0 1-6.8 3.31c-2.22-.49-4.01-2.3-4.48-4.52A6.002 6.002 0 0 1 12 6c1.66 0 3.14.69 4.22 1.78l-1.51 1.51c-.63.63-.19 1.71.7 1.71H19c.55 0 1-.45 1-1V6.41c0-.89-1.08-1.34-1.71-.71z" }) }));
+var ForwardRef502 = React65.forwardRef(Refresh);
 ForwardRef502.category = "core";
-var Remove_default = ForwardRef502;
-var RemoveCircle = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m4 11H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1" }) }));
-var ForwardRef512 = React65.forwardRef(RemoveCircle);
+var Remove = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "M18 13H6c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1" }) }));
+var ForwardRef512 = React65.forwardRef(Remove);
 ForwardRef512.category = "core";
-var RemoveCircle_default = ForwardRef512;
-var RemoveCircleOutline = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "M7 12c0 .55.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1H8c-.55 0-1 .45-1 1m5-10C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8" }) }));
-var ForwardRef522 = React65.forwardRef(RemoveCircleOutline);
+var Remove_default = ForwardRef512;
+var RemoveCircle = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m4 11H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1" }) }));
+var ForwardRef522 = React65.forwardRef(RemoveCircle);
 ForwardRef522.category = "core";
-var RemoveCircleOutline_default = ForwardRef522;
-var Search = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0s.41-1.08 0-1.49zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14" }) }));
-var ForwardRef532 = React65.forwardRef(Search);
+var RemoveCircle_default = ForwardRef522;
+var RemoveCircleOutline = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "M7 12c0 .55.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1H8c-.55 0-1 .45-1 1m5-10C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8" }) }));
+var ForwardRef532 = React65.forwardRef(RemoveCircleOutline);
 ForwardRef532.category = "core";
-var Search_default = ForwardRef532;
-var Settings = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "M19.5 12c0-.23-.01-.45-.03-.68l1.86-1.41c.4-.3.51-.86.26-1.3l-1.87-3.23a.987.987 0 0 0-1.25-.42l-2.15.91c-.37-.26-.76-.49-1.17-.68l-.29-2.31c-.06-.5-.49-.88-.99-.88h-3.73c-.51 0-.94.38-1 .88l-.29 2.31c-.41.19-.8.42-1.17.68l-2.15-.91c-.46-.2-1-.02-1.25.42L2.41 8.62c-.25.44-.14.99.26 1.3l1.86 1.41a7.3 7.3 0 0 0 0 1.35l-1.86 1.41c-.4.3-.51.86-.26 1.3l1.87 3.23c.25.44.79.62 1.25.42l2.15-.91c.37.26.76.49 1.17.68l.29 2.31c.06.5.49.88.99.88h3.73c.5 0 .93-.38.99-.88l.29-2.31c.41-.19.8-.42 1.17-.68l2.15.91c.46.2 1 .02 1.25-.42l1.87-3.23c.25-.44.14-.99-.26-1.3l-1.86-1.41c.03-.23.04-.45.04-.68m-7.46 3.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5" }) }));
-var ForwardRef542 = React65.forwardRef(Settings);
+var RemoveCircleOutline_default = ForwardRef532;
+var Search = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0s.41-1.08 0-1.49zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14" }) }));
+var ForwardRef542 = React65.forwardRef(Search);
 ForwardRef542.category = "core";
-var StarBorder = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "m19.65 9.04-4.84-.42-1.89-4.45c-.34-.81-1.5-.81-1.84 0L9.19 8.63l-4.83.41c-.88.07-1.24 1.17-.57 1.75l3.67 3.18-1.1 4.72c-.2.86.73 1.54 1.49 1.08l4.15-2.5 4.15 2.51c.76.46 1.69-.22 1.49-1.08l-1.1-4.73 3.67-3.18c.67-.58.32-1.68-.56-1.75M12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28z" }) }));
-var ForwardRef552 = React65.forwardRef(StarBorder);
+var Search_default = ForwardRef542;
+var Settings = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "M19.5 12c0-.23-.01-.45-.03-.68l1.86-1.41c.4-.3.51-.86.26-1.3l-1.87-3.23a.987.987 0 0 0-1.25-.42l-2.15.91c-.37-.26-.76-.49-1.17-.68l-.29-2.31c-.06-.5-.49-.88-.99-.88h-3.73c-.51 0-.94.38-1 .88l-.29 2.31c-.41.19-.8.42-1.17.68l-2.15-.91c-.46-.2-1-.02-1.25.42L2.41 8.62c-.25.44-.14.99.26 1.3l1.86 1.41a7.3 7.3 0 0 0 0 1.35l-1.86 1.41c-.4.3-.51.86-.26 1.3l1.87 3.23c.25.44.79.62 1.25.42l2.15-.91c.37.26.76.49 1.17.68l.29 2.31c.06.5.49.88.99.88h3.73c.5 0 .93-.38.99-.88l.29-2.31c.41-.19.8-.42 1.17-.68l2.15.91c.46.2 1 .02 1.25-.42l1.87-3.23c.25-.44.14-.99-.26-1.3l-1.86-1.41c.03-.23.04-.45.04-.68m-7.46 3.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5" }) }));
+var ForwardRef552 = React65.forwardRef(Settings);
 ForwardRef552.category = "core";
-var StarHalf = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "m19.65 9.04-4.84-.42-1.89-4.45c-.34-.81-1.5-.81-1.84 0L9.19 8.63l-4.83.41c-.88.07-1.24 1.17-.57 1.75l3.67 3.18-1.1 4.72c-.2.86.73 1.54 1.49 1.08l4.15-2.5 4.15 2.51c.76.46 1.69-.22 1.49-1.08l-1.1-4.73 3.67-3.18c.67-.58.32-1.68-.56-1.75M12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28z" }) }));
-var ForwardRef562 = React65.forwardRef(StarHalf);
+var StarBorder = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "m19.65 9.04-4.84-.42-1.89-4.45c-.34-.81-1.5-.81-1.84 0L9.19 8.63l-4.83.41c-.88.07-1.24 1.17-.57 1.75l3.67 3.18-1.1 4.72c-.2.86.73 1.54 1.49 1.08l4.15-2.5 4.15 2.51c.76.46 1.69-.22 1.49-1.08l-1.1-4.73 3.67-3.18c.67-.58.32-1.68-.56-1.75M12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28z" }) }));
+var ForwardRef562 = React65.forwardRef(StarBorder);
 ForwardRef562.category = "core";
-var StarRate = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "m11.957 17.498 4.15 2.51c.76.46 1.69-.22 1.49-1.08l-1.1-4.72 3.67-3.18c.67-.58.31-1.68-.57-1.75l-4.83-.41-1.89-4.46c-.34-.81-1.5-.81-1.84 0l-1.89 4.45-4.83.41c-.88.07-1.24 1.17-.57 1.75l3.67 3.18-1.1 4.72c-.2.86.73 1.54 1.49 1.08z" }) }));
-var ForwardRef572 = React65.forwardRef(StarRate);
+var StarHalf = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "m19.65 9.04-4.84-.42-1.89-4.45c-.34-.81-1.5-.81-1.84 0L9.19 8.63l-4.83.41c-.88.07-1.24 1.17-.57 1.75l3.67 3.18-1.1 4.72c-.2.86.73 1.54 1.49 1.08l4.15-2.5 4.15 2.51c.76.46 1.69-.22 1.49-1.08l-1.1-4.73 3.67-3.18c.67-.58.32-1.68-.56-1.75M12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28z" }) }));
+var ForwardRef572 = React65.forwardRef(StarHalf);
 ForwardRef572.category = "core";
-var User = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "M12 12a4.665 4.665 0 0 0 4.667-4.667A4.665 4.665 0 0 0 12 2.667a4.665 4.665 0 0 0-4.667 4.666A4.665 4.665 0 0 0 12 12m0-7a2.34 2.34 0 0 1 2.333 2.333A2.34 2.34 0 0 1 12 9.667a2.34 2.34 0 0 1-2.333-2.334A2.34 2.34 0 0 1 12 5m0 8.167c-3.115 0-9.333 1.563-9.333 4.666v2.334a1.17 1.17 0 0 0 1.166 1.166h16.334a1.17 1.17 0 0 0 1.166-1.166v-2.334c0-3.103-6.218-4.666-9.333-4.666M19 19H5v-1.155c.233-.84 3.85-2.345 7-2.345s6.767 1.505 7 2.333z" }) }));
-var ForwardRef582 = React65.forwardRef(User);
+var StarRate = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "m11.957 17.498 4.15 2.51c.76.46 1.69-.22 1.49-1.08l-1.1-4.72 3.67-3.18c.67-.58.31-1.68-.57-1.75l-4.83-.41-1.89-4.46c-.34-.81-1.5-.81-1.84 0l-1.89 4.45-4.83.41c-.88.07-1.24 1.17-.57 1.75l3.67 3.18-1.1 4.72c-.2.86.73 1.54 1.49 1.08z" }) }));
+var ForwardRef582 = React65.forwardRef(StarRate);
 ForwardRef582.category = "core";
-var Visibility = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3" }) }));
-var ForwardRef592 = React65.forwardRef(Visibility);
+var User = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "M12 12a4.665 4.665 0 0 0 4.667-4.667A4.665 4.665 0 0 0 12 2.667a4.665 4.665 0 0 0-4.667 4.666A4.665 4.665 0 0 0 12 12m0-7a2.34 2.34 0 0 1 2.333 2.333A2.34 2.34 0 0 1 12 9.667a2.34 2.34 0 0 1-2.333-2.334A2.34 2.34 0 0 1 12 5m0 8.167c-3.115 0-9.333 1.563-9.333 4.666v2.334a1.17 1.17 0 0 0 1.166 1.166h16.334a1.17 1.17 0 0 0 1.166-1.166v-2.334c0-3.103-6.218-4.666-9.333-4.666M19 19H5v-1.155c.233-.84 3.85-2.345 7-2.345s6.767 1.505 7 2.333z" }) }));
+var ForwardRef592 = React65.forwardRef(User);
 ForwardRef592.category = "core";
-var Visibility_default = ForwardRef592;
-var VisibilityOff = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "M12 6.5c2.76 0 5 2.24 5 5 0 .51-.1 1-.24 1.46l3.06 3.06c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l2.17 2.17c.47-.14.96-.24 1.47-.24M2.71 3.16a.996.996 0 0 0 0 1.41l1.97 1.97A11.9 11.9 0 0 0 1 11.5C2.73 15.89 7 19 12 19c1.52 0 2.97-.3 4.31-.82l2.72 2.72a.996.996 0 1 0 1.41-1.41L4.13 3.16c-.39-.39-1.03-.39-1.42 0M12 16.5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07L14.14 16c-.65.32-1.37.5-2.14.5m2.97-5.33a2.97 2.97 0 0 0-2.64-2.64z" }) }));
-var ForwardRef602 = React65.forwardRef(VisibilityOff);
+var Visibility = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3" }) }));
+var ForwardRef602 = React65.forwardRef(Visibility);
 ForwardRef602.category = "core";
-var VisibilityOff_default = ForwardRef602;
-var VolumeOff = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "M3.63 3.63a.996.996 0 0 0 0 1.41L7.29 8.7 7 9H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71v-4.17l4.18 4.18c-.49.37-1.02.68-1.6.91-.36.15-.58.53-.58.92 0 .72.73 1.18 1.39.91.8-.33 1.55-.77 2.22-1.31l1.34 1.34a.996.996 0 1 0 1.41-1.41L5.05 3.63c-.39-.39-1.02-.39-1.42 0M19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-3.83-2.4-7.11-5.78-8.4-.59-.23-1.22.23-1.22.86v.19c0 .38.25.71.61.85C17.18 6.54 19 9.06 19 12m-8.71-6.29-.17.17L12 7.76V6.41c0-.89-1.08-1.33-1.71-.7M16.5 12A4.5 4.5 0 0 0 14 7.97v1.79l2.48 2.48c.01-.08.02-.16.02-.24" }) }));
-var ForwardRef612 = React65.forwardRef(VolumeOff);
+var Visibility_default = ForwardRef602;
+var VisibilityOff = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "M12 6.5c2.76 0 5 2.24 5 5 0 .51-.1 1-.24 1.46l3.06 3.06c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l2.17 2.17c.47-.14.96-.24 1.47-.24M2.71 3.16a.996.996 0 0 0 0 1.41l1.97 1.97A11.9 11.9 0 0 0 1 11.5C2.73 15.89 7 19 12 19c1.52 0 2.97-.3 4.31-.82l2.72 2.72a.996.996 0 1 0 1.41-1.41L4.13 3.16c-.39-.39-1.03-.39-1.42 0M12 16.5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07L14.14 16c-.65.32-1.37.5-2.14.5m2.97-5.33a2.97 2.97 0 0 0-2.64-2.64z" }) }));
+var ForwardRef612 = React65.forwardRef(VisibilityOff);
 ForwardRef612.category = "core";
-var VolumeUp = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "M3 10v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71V6.41c0-.89-1.08-1.34-1.71-.71L7 9H4c-.55 0-1 .45-1 1m13.5 2A4.5 4.5 0 0 0 14 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02M14 4.45v.2c0 .38.25.71.6.85A7 7 0 0 1 19 12c0 2.94-1.82 5.47-4.4 6.5-.36.14-.6.47-.6.85v.2c0 .63.63 1.07 1.21.85A8.98 8.98 0 0 0 21 12c0-3.84-2.4-7.11-5.79-8.4-.58-.23-1.21.22-1.21.85" }) }));
-var ForwardRef622 = React65.forwardRef(VolumeUp);
+var VisibilityOff_default = ForwardRef612;
+var VolumeOff = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "M3.63 3.63a.996.996 0 0 0 0 1.41L7.29 8.7 7 9H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71v-4.17l4.18 4.18c-.49.37-1.02.68-1.6.91-.36.15-.58.53-.58.92 0 .72.73 1.18 1.39.91.8-.33 1.55-.77 2.22-1.31l1.34 1.34a.996.996 0 1 0 1.41-1.41L5.05 3.63c-.39-.39-1.02-.39-1.42 0M19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-3.83-2.4-7.11-5.78-8.4-.59-.23-1.22.23-1.22.86v.19c0 .38.25.71.61.85C17.18 6.54 19 9.06 19 12m-8.71-6.29-.17.17L12 7.76V6.41c0-.89-1.08-1.33-1.71-.7M16.5 12A4.5 4.5 0 0 0 14 7.97v1.79l2.48 2.48c.01-.08.02-.16.02-.24" }) }));
+var ForwardRef622 = React65.forwardRef(VolumeOff);
 ForwardRef622.category = "core";
+var VolumeUp = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsxRuntime.jsx(Svg.Path, { d: "M3 10v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71V6.41c0-.89-1.08-1.34-1.71-.71L7 9H4c-.55 0-1 .45-1 1m13.5 2A4.5 4.5 0 0 0 14 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02M14 4.45v.2c0 .38.25.71.6.85A7 7 0 0 1 19 12c0 2.94-1.82 5.47-4.4 6.5-.36.14-.6.47-.6.85v.2c0 .63.63 1.07 1.21.85A8.98 8.98 0 0 0 21 12c0-3.84-2.4-7.11-5.79-8.4-.58-.23-1.21.22-1.21.85" }) }));
+var ForwardRef632 = React65.forwardRef(VolumeUp);
+ForwardRef632.category = "core";
 var parseTokenValue12 = (value) => parseFloat(value);
 var StyledInputWrapper = styled50__default.default(reactNative.Animated.View)(({ theme: theme2, isDisabled, containerWidth, containerHeight }) => {
   const { spacing, colour, borderRadius, size } = theme2.tokens.components.inputs;
@@ -8892,12 +8895,17 @@ var StyledPanel2 = styled50__default.default(reactNative.View)(
     panelShadowColor,
     panelShadowOffsetY,
     panelShadowBlur,
-    panelFlex
-  }) => __spreadProps(__spreadValues({
+    panelMaxHeight
+  }) => ({
     width: "100%",
     maxWidth: panelMaxWidth,
-    alignSelf: "center"
-  }, panelFlex != null ? { flex: panelFlex } : void 0), {
+    // The panel wraps its content and caps at maxHeight. It is intentionally
+    // NOT given a fixed height: letting it size to content means it re-fits
+    // automatically whenever the body grows or shrinks (async load, expanding
+    // sections). The body's own maxHeight (see DrawerBody) bounds scrolling and
+    // keeps the ScrollView from collapsing, so no fixed panel height is needed.
+    maxHeight: panelMaxHeight,
+    alignSelf: "center",
     borderTopLeftRadius: panelBorderRadius,
     borderTopRightRadius: panelBorderRadius,
     borderTopWidth: panelBorderWidth,
@@ -8933,19 +8941,12 @@ var DrawerContent = React65__default.default.forwardRef(
     const entryRanRef = React65.useRef(false);
     const isOpenRef = React65.useRef(isOpen);
     const activeAnim = React65.useRef(null);
-    const [panelHeight, setPanelHeight] = React65.useState(0);
     React65.useEffect(() => {
       const id = translateY.addListener(({ value }) => {
         translateYValue.current = value;
       });
       return () => translateY.removeListener(id);
     }, [translateY]);
-    React65.useEffect(() => {
-      if (panelHeightRef.current > 0 && panelHeightRef.current > maxHeight) {
-        setPanelHeight(maxHeight);
-        panelHeightRef.current = maxHeight;
-      }
-    }, [maxHeight]);
     const runEntry = React65.useCallback(() => {
       var _a3;
       if (panelHeightRef.current === 0) return;
@@ -8996,12 +8997,9 @@ var DrawerContent = React65__default.default.forwardRef(
       ({ nativeEvent }) => {
         const h = nativeEvent.layout.height;
         const capped = Math.min(h, maxHeight);
-        if (capped !== panelHeightRef.current && capped > 0) {
-          setPanelHeight(capped);
-          panelHeightRef.current = capped;
-        }
-        if (isOpenRef.current && !entryRanRef.current && capped > 0) {
-          panelHeightRef.current = capped;
+        if (capped <= 0) return;
+        panelHeightRef.current = capped;
+        if (isOpenRef.current && !entryRanRef.current) {
           runEntry();
         }
       },
@@ -9077,11 +9075,7 @@ var DrawerContent = React65__default.default.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(DrawerHeaderContext.Provider, { value: headerContextValue, children: /* @__PURE__ */ jsxRuntime.jsx(DrawerFooterContext.Provider, { value: hasFooter, children: /* @__PURE__ */ jsxRuntime.jsx(DrawerDragContext.Provider, { value: dragContextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
       reactNative.Animated.View,
       {
-        style: [
-          styles.animatedWrapper,
-          panelHeight > 0 ? { height: panelHeight } : void 0,
-          { transform: [{ translateY }] }
-        ],
+        style: [styles.animatedWrapper, { transform: [{ translateY }] }],
         children: /* @__PURE__ */ jsxRuntime.jsx(
           StyledPanel2,
           __spreadProps(__spreadValues({
@@ -9090,7 +9084,7 @@ var DrawerContent = React65__default.default.forwardRef(
             panelBorderRadius: parseTokenValue22(drawer.borderRadius.top),
             panelBgColor: colour.background.container.default,
             panelMaxWidth: parseTokenValue22(drawer.size.maxWidth),
-            panelFlex: panelHeight > 0 ? 1 : void 0,
+            panelMaxHeight: maxHeight,
             panelBorderWidth: parseTokenValue22(dimensions3.borderWidth.sm),
             panelBorderColor: colour.border.default,
             panelShadowColor: modal.shadow.color,
@@ -11041,6 +11035,9 @@ var StyledIndicator2 = styled50__default.default(reactNative.View)(({ indicatorS
   backgroundColor: indicatorBgColor
 }));
 var StyledTextContent = styled50__default.default(reactNative.View)(({ textContentGap }) => ({
+  // Take the row's remaining width so long label/subText wraps within the tile
+  // instead of pushing the trailing asset past the tile's edge.
+  flex: 1,
   flexDirection: "column",
   gap: textContentGap
 }));
@@ -13691,29 +13688,32 @@ function defaultGetDateState(date) {
 function getDefaultMonthLabel(year, month, locale) {
   return dateFns.format(new Date(year, month, 1), "MMMM yyyy", { locale });
 }
-var StyledContainer3 = styled50__default.default(reactNative.View)(({ containerGap, containerMaxWidth }) => ({
+var StyledContainer3 = styled50__default.default(reactNative.View)(({ containerMaxWidth }) => ({
   flexDirection: "column",
-  gap: containerGap,
+  // Fill the parent by default (capped by maxWidth) so consumers don't need a
+  // wrapper. Overridable via the `style` prop.
+  width: "100%",
   maxWidth: containerMaxWidth
 }));
 var StyledMonthHeader = styled50__default.default(reactNative.View)(
-  ({ headerGap }) => ({
+  ({ headerGap, datesGap }) => ({
     flexDirection: "row",
     alignItems: "center",
-    gap: headerGap
+    gap: headerGap,
+    // Gap between the month header and the dates grid.
+    marginBottom: datesGap
   })
 );
-var StyledWeekRow = styled50__default.default(reactNative.View)({
-  flexDirection: "row"
+var StyledWeekRow = styled50__default.default(reactNative.View)(({ weekGap }) => ({
+  flexDirection: "row",
+  // Gap between the week-day header and the month header.
+  marginBottom: weekGap
+}));
+var StyledWeekCell = styled50__default.default(reactNative.View)({
+  flex: 1,
+  alignItems: "center",
+  justifyContent: "center"
 });
-var StyledWeekCell = styled50__default.default(reactNative.View)(
-  ({ cellHeight }) => ({
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center",
-    height: cellHeight
-  })
-);
 var StyledDatesGrid = styled50__default.default(reactNative.View)(({ rowGap }) => ({
   flexDirection: "column",
   gap: rowGap
@@ -13795,7 +13795,8 @@ var DatePicker = React65__default.default.forwardRef(
     const dt = datePicker.dateItem;
     const [slideDir, setSlideDir] = React65.useState("forward");
     const {
-      containerGap,
+      weekGap,
+      datesGap,
       containerMaxWidth,
       headerGap,
       cellHeight,
@@ -13806,7 +13807,10 @@ var DatePicker = React65__default.default.forwardRef(
       rowGap
     } = React65.useMemo(
       () => ({
-        containerGap: parseTokenValue52(datePicker.spacing.gap),
+        // Gap between the week-day header and the month header.
+        weekGap: parseTokenValue52(datePicker.spacing.gap),
+        // Gap between the month header and the dates grid.
+        datesGap: parseTokenValue52(theme2.tokens.semantics.dimensions.spacing.md),
         containerMaxWidth: parseTokenValue52(dt.size.width) * 7,
         headerGap: parseTokenValue52(datePicker.month.spacing.gap),
         cellHeight: parseTokenValue52(dt.size.height),
@@ -13816,7 +13820,7 @@ var DatePicker = React65__default.default.forwardRef(
         disabledOpacity: parseTokenValue52(dt.opacity.disabled),
         rowGap: parseTokenValue52(datePicker.dates.spacing.gap)
       }),
-      [datePicker, dt]
+      [datePicker, dt, theme2]
     );
     const resolvedGetDateState = React65.useCallback(
       (date) => {
@@ -13926,11 +13930,10 @@ var DatePicker = React65__default.default.forwardRef(
       StyledContainer3,
       __spreadProps(__spreadValues({
         ref,
-        containerGap,
         containerMaxWidth
       }, rest), {
         children: [
-          showWeekHeader && /* @__PURE__ */ jsxRuntime.jsx(StyledWeekRow, { accessibilityElementsHidden: true, children: weekDayLabels.map((label) => /* @__PURE__ */ jsxRuntime.jsx(StyledWeekCell, { cellHeight, children: /* @__PURE__ */ jsxRuntime.jsx(
+          showWeekHeader && /* @__PURE__ */ jsxRuntime.jsx(StyledWeekRow, { weekGap, accessibilityElementsHidden: true, children: weekDayLabels.map((label) => /* @__PURE__ */ jsxRuntime.jsx(StyledWeekCell, { children: /* @__PURE__ */ jsxRuntime.jsx(
             Typography,
             {
               token: datePicker.week.typography,
@@ -13939,13 +13942,13 @@ var DatePicker = React65__default.default.forwardRef(
               children: label
             }
           ) }, label)) }),
-          /* @__PURE__ */ jsxRuntime.jsxs(StyledMonthHeader, { headerGap, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(StyledMonthHeader, { headerGap, datesGap, children: [
             /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: { opacity: showPrevControl ? 1 : 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(
               IconButton,
               {
                 icon: KeyboardArrowLeft_default,
                 variant: "filled",
-                size: "sm",
+                size: "md",
                 colour: "primary",
                 "aria-label": "Previous month",
                 onPress: showPrevControl ? handlePrevMonth : void 0,
@@ -13966,7 +13969,7 @@ var DatePicker = React65__default.default.forwardRef(
               {
                 icon: KeyboardArrowRight_default,
                 variant: "filled",
-                size: "sm",
+                size: "md",
                 colour: "primary",
                 "aria-label": "Next month",
                 onPress: showNextControl ? handleNextMonth : void 0,