@william-callao/antonella-ui 1.0.4 → 1.0.5

package/dist/index.d.ts

@@ -570,12 +570,13 @@ type ProductCardProps = {
     price?: string;
     code?: string;
     cart?: ProductCardCart;
+    maxQuantity?: number;
     onQuantityChange?: (quantity: number) => void;
     imageIcon?: IconName;
     style?: ProductCardStyle;
     containerStyle?: StyleProp<ViewStyle>;
 };
-declare function ProductCard({ name, price, code, cart, onQuantityChange, imageIcon, style, containerStyle, }: ProductCardProps): React__default.JSX.Element;
+declare function ProductCard({ name, price, code, cart, maxQuantity, onQuantityChange, imageIcon, style, containerStyle, }: ProductCardProps): React__default.JSX.Element;
 
 declare enum ElementCardStyle {
     DEFAULT = "DEFAULT",

package/dist/index.js

@@ -4520,6 +4520,7 @@ function ProductCard({
   price,
   code,
   cart,
+  maxQuantity,
   onQuantityChange,
   imageIcon = "camera",
   style = "DEFAULT" /* DEFAULT */,
@@ -4529,9 +4530,13 @@ function ProductCard({
   const [quantity, setQuantity] = (0, import_react15.useState)(cart?.quantity ?? 0);
   const [editing, setEditing] = (0, import_react15.useState)(false);
   const [draft, setDraft] = (0, import_react15.useState)(String(cart?.quantity ?? 0));
+  const hasMax = maxQuantity != null && Number.isFinite(maxQuantity);
+  const max = hasMax ? Math.max(0, Math.floor(maxQuantity)) : 0;
+  const atMax = hasMax && quantity >= max;
   const commitQuantity = () => {
     const parsed = Number.parseInt(draft, 10);
-    const next = Number.isNaN(parsed) || parsed < 0 ? 0 : parsed;
+    const raw = Number.isNaN(parsed) || parsed < 0 ? 0 : parsed;
+    const next = hasMax ? Math.min(raw, max) : raw;
     setQuantity(next);
     setDraft(String(next));
     setEditing(false);
@@ -4608,6 +4613,7 @@ function ProductCard({
           import_react_native45.Pressable,
           {
             onPress: () => {
+              if (atMax) return;
               const q = quantity + 1;
               setQuantity(q);
               setDraft(String(q));
@@ -4616,10 +4622,12 @@ function ProductCard({
             style: ({ pressed }) => [
               styles41.stepperButton,
               { backgroundColor: ctx.bg.subtle },
-              pressed && styles41.stepperButtonPressed
+              pressed && styles41.stepperButtonPressed,
+              atMax && styles41.stepperButtonDisabled
             ],
             accessibilityRole: "button",
             accessibilityLabel: "Aumentar cantidad",
+            accessibilityState: { disabled: atMax },
             children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon, { name: "add", size: 16, color: import_antonella_theme42.cta1 })
           }
         )
@@ -4631,12 +4639,18 @@ function ProductCard({
             setDraft("1");
             onQuantityChange?.(1);
           },
-          style: [styles41.addButton, { backgroundColor: ctx.bg.default }],
+          disabled: hasMax && max <= 0,
+          style: ({ pressed }) => [
+            styles41.addButton,
+            { backgroundColor: ctx.bg.default },
+            hasMax && max <= 0 ? styles41.addButtonDisabled : pressed && styles41.stepperButtonPressed
+          ],
           accessibilityRole: "button",
           accessibilityLabel: "A\xF1adir al carrito",
+          accessibilityState: { disabled: hasMax && max <= 0 },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon, { name: "add", size: 16, color: import_antonella_theme42.cta1 }),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text, { variant: import_antonella_theme42.TextType.Caption, color: import_antonella_theme42.cta1, children: "A\xF1adir" })
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon, { name: "add", size: 16, color: hasMax && max <= 0 ? ctx.text.subtle : import_antonella_theme42.cta1 }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text, { variant: import_antonella_theme42.TextType.Caption, color: hasMax && max <= 0 ? ctx.text.subtle : import_antonella_theme42.cta1, children: "A\xF1adir" })
           ]
         }
       ) })
@@ -4720,6 +4734,9 @@ var styles41 = import_react_native45.StyleSheet.create({
   stepperButtonPressed: {
     opacity: 0.6
   },
+  stepperButtonDisabled: {
+    opacity: 0.35
+  },
   addButton: {
     flexDirection: "row",
     alignItems: "center",
@@ -4728,6 +4745,9 @@ var styles41 = import_react_native45.StyleSheet.create({
     paddingVertical: import_antonella_theme42.space.space2,
     borderRadius: 999
   },
+  addButtonDisabled: {
+    opacity: 0.5
+  },
   quantity: {
     minWidth: 32,
     textAlign: "center"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@william-callao/antonella-ui",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Componentes UI de Antonella.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",