@butternutbox/pawprint-native 1.1.1 → 1.1.2

package/dist/index.js

@@ -8361,8 +8361,9 @@ var StyledSegmentItem = styled51(Pressable)(
     opacity: itemOpacity
   }, itemFlex !== void 0 ? { flex: itemFlex } : { flexShrink: 0 })
 );
-var StyledIntrinsicClip = styled51(View)(({ clipBorderRadius, clipBgColor, clipWidth }) => __spreadValues({
+var StyledIntrinsicClip = styled51(View)(({ clipBorderRadius, clipBgColor, clipHeight, clipWidth }) => __spreadValues({
   overflow: "hidden",
+  height: clipHeight,
   borderRadius: clipBorderRadius,
   backgroundColor: clipBgColor,
   alignSelf: "flex-start",
@@ -8492,10 +8493,12 @@ SegmentedControlItem.displayName = "SegmentedControl.Item";
 var IntrinsicTrack = (_a) => {
   var _b = _a, {
     containerProps,
+    trackHeight,
     renderItems,
     forwardedRef
   } = _b, rest = __objRest(_b, [
     "containerProps",
+    "trackHeight",
     "renderItems",
     "forwardedRef"
   ]);
@@ -8528,6 +8531,7 @@ var IntrinsicTrack = (_a) => {
           {
             clipBorderRadius: containerProps.containerBorderRadius,
             clipBgColor: containerProps.containerBgColor,
+            clipHeight: trackHeight,
             clipWidth: containerWidth > 0 && contentWidth > 0 ? Math.min(contentWidth, containerWidth) : void 0,
             children: /* @__PURE__ */ jsx(
               ScrollView,
@@ -8619,7 +8623,7 @@ var SegmentedControlRoot = React66.forwardRef(
     ]);
     var _a2, _b2;
     const theme2 = useTheme();
-    const { spacing, borderRadius, colour } = theme2.tokens.components.segmentedControl;
+    const { spacing, borderRadius, colour, controlItem } = theme2.tokens.components.segmentedControl;
     const { dimensions: dimensions3 } = theme2.tokens.semantics;
     const optionsFirstValue = (_a2 = options == null ? void 0 : options[0]) == null ? void 0 : _a2.value;
     const childrenArray = React66.Children.toArray(children);
@@ -8686,11 +8690,13 @@ var SegmentedControlRoot = React66.forwardRef(
       scrollIndicatorPaddingOuter: parseTokenValue44(dimensions3.spacing["2xl"]),
       scrollIndicatorPaddingInner: parseTokenValue44(dimensions3.spacing.sm)
     };
+    const trackHeight = parseTokenValue44(controlItem.size.small.height) + parseTokenValue44(spacing.verticalPadding) * 2;
     if (layout === "intrinsic") {
       return /* @__PURE__ */ jsx(
         IntrinsicTrack,
         __spreadValues({
           containerProps,
+          trackHeight,
           renderItems,
           forwardedRef: ref
         }, rest)