@butternutbox/pawprint-native 1.1.0 → 1.1.2

package/dist/index.d.cts

@@ -2351,16 +2351,14 @@ type ProductDisplayCardProps = ViewProps & {
      * wins. This prop will be removed in a future major release.
      *
      * Show a quantity badge overlaid on the top-right of the image (rendering the
-     * current `quantity`) instead of the quantity picker. Defaults to `false`.
-     * The badge and the quantity picker are mutually exclusive — only one shows
-     * at a time; when `quantityBadge` is true the picker is never rendered.
+     * current `quantity`). Defaults to `false`. Independent of the quantity
+     * picker — use `showQuantityPicker` to control that separately.
      */
     quantityBadge?: boolean;
     /**
      * Render a `Badge` overlaid on the top-right of the image. Accepts any
      * `BadgeProps` (variant, size, icon, children, etc.) — pass them as an object.
-     * Mutually exclusive with the quantity picker: when set, the picker is never
-     * rendered.
+     * Independent of the quantity picker: both can be shown at the same time.
      *
      * @example
      * thumbnailBadge={{ variant: "primary", size: "large", children: "New" }}
@@ -2429,16 +2427,14 @@ declare const ProductDisplayCard: React.ForwardRefExoticComponent<ViewProps & {
      * wins. This prop will be removed in a future major release.
      *
      * Show a quantity badge overlaid on the top-right of the image (rendering the
-     * current `quantity`) instead of the quantity picker. Defaults to `false`.
-     * The badge and the quantity picker are mutually exclusive — only one shows
-     * at a time; when `quantityBadge` is true the picker is never rendered.
+     * current `quantity`). Defaults to `false`. Independent of the quantity
+     * picker — use `showQuantityPicker` to control that separately.
      */
     quantityBadge?: boolean;
     /**
      * Render a `Badge` overlaid on the top-right of the image. Accepts any
      * `BadgeProps` (variant, size, icon, children, etc.) — pass them as an object.
-     * Mutually exclusive with the quantity picker: when set, the picker is never
-     * rendered.
+     * Independent of the quantity picker: both can be shown at the same time.
      *
      * @example
      * thumbnailBadge={{ variant: "primary", size: "large", children: "New" }}

package/dist/index.d.ts

@@ -2351,16 +2351,14 @@ type ProductDisplayCardProps = ViewProps & {
      * wins. This prop will be removed in a future major release.
      *
      * Show a quantity badge overlaid on the top-right of the image (rendering the
-     * current `quantity`) instead of the quantity picker. Defaults to `false`.
-     * The badge and the quantity picker are mutually exclusive — only one shows
-     * at a time; when `quantityBadge` is true the picker is never rendered.
+     * current `quantity`). Defaults to `false`. Independent of the quantity
+     * picker — use `showQuantityPicker` to control that separately.
      */
     quantityBadge?: boolean;
     /**
      * Render a `Badge` overlaid on the top-right of the image. Accepts any
      * `BadgeProps` (variant, size, icon, children, etc.) — pass them as an object.
-     * Mutually exclusive with the quantity picker: when set, the picker is never
-     * rendered.
+     * Independent of the quantity picker: both can be shown at the same time.
      *
      * @example
      * thumbnailBadge={{ variant: "primary", size: "large", children: "New" }}
@@ -2429,16 +2427,14 @@ declare const ProductDisplayCard: React.ForwardRefExoticComponent<ViewProps & {
      * wins. This prop will be removed in a future major release.
      *
      * Show a quantity badge overlaid on the top-right of the image (rendering the
-     * current `quantity`) instead of the quantity picker. Defaults to `false`.
-     * The badge and the quantity picker are mutually exclusive — only one shows
-     * at a time; when `quantityBadge` is true the picker is never rendered.
+     * current `quantity`). Defaults to `false`. Independent of the quantity
+     * picker — use `showQuantityPicker` to control that separately.
      */
     quantityBadge?: boolean;
     /**
      * Render a `Badge` overlaid on the top-right of the image. Accepts any
      * `BadgeProps` (variant, size, icon, children, etc.) — pass them as an object.
-     * Mutually exclusive with the quantity picker: when set, the picker is never
-     * rendered.
+     * Independent of the quantity picker: both can be shown at the same time.
      *
      * @example
      * thumbnailBadge={{ variant: "primary", size: "large", children: "New" }}

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)
@@ -12306,7 +12312,7 @@ var ProductDisplayCard = React66.forwardRef(
               /* @__PURE__ */ jsx(Typography, { variant: "heading", size: "2xs", color: "primary", children: title }),
               showSubtext && subtext && /* @__PURE__ */ jsx(Typography, { variant: "body", size: "sm", color: "secondary", children: subtext })
             ] }),
-            showQuantityPicker && !resolvedBadgeProps && /* @__PURE__ */ jsx(View, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx(
+            showQuantityPicker && /* @__PURE__ */ jsx(View, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx(
               NumberField,
               {
                 size: "sm",