@bacon-pos/ui 0.1.0

package/lib/module/components/ProductCard/ProductCard.stories.js

@@ -0,0 +1,114 @@
+"use strict";
+
+import { View } from 'react-native';
+import { ProductCard } from "./ProductCard.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const PHOTO = {
+  uri: 'https://picsum.photos/seed/taco/300/200'
+};
+const meta = {
+  title: 'Components/ProductCard',
+  component: ProductCard,
+  args: {
+    name: 'Stuffed Bell Peppers',
+    price: '$5.50',
+    category: 'Starters',
+    quantity: 3,
+    image: PHOTO
+  },
+  argTypes: {
+    onPress: {
+      action: 'pressed'
+    }
+  },
+  decorators: [Story => /*#__PURE__*/_jsx(View, {
+    style: {
+      width: 188,
+      backgroundColor: '#F2F4F7',
+      padding: 12
+    },
+    children: /*#__PURE__*/_jsx(Story, {})
+  })]
+};
+export default meta;
+export const Default = {};
+export const NoQuantity = {
+  args: {
+    quantity: 0
+  }
+};
+export const NoPhotoFound = {
+  args: {
+    image: {
+      uri: 'https://invalid.example/none.png'
+    }
+  }
+};
+export const NoPhoto = {
+  args: {
+    image: undefined,
+    category: 'Starters'
+  }
+};
+export const Grid = {
+  decorators: [Story => /*#__PURE__*/_jsx(View, {
+    style: {
+      width: 400,
+      backgroundColor: '#F2F4F7',
+      padding: 12
+    },
+    children: /*#__PURE__*/_jsx(Story, {})
+  })],
+  render: () => /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      gap: 12
+    },
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        width: 182
+      },
+      children: /*#__PURE__*/_jsx(ProductCard, {
+        name: "Stuffed Bell Peppers",
+        price: "$5.50",
+        category: "Starters",
+        quantity: 3,
+        image: PHOTO
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        width: 182
+      },
+      children: /*#__PURE__*/_jsx(ProductCard, {
+        name: "Chicken Tacos al Pastor",
+        price: "$8.00",
+        category: "Mains",
+        categoryColor: "#E9FF99",
+        image: PHOTO
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        width: 182
+      },
+      children: /*#__PURE__*/_jsx(ProductCard, {
+        name: "Cold Brew Coffee",
+        price: "$3.25",
+        image: undefined
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        width: 182
+      },
+      children: /*#__PURE__*/_jsx(ProductCard, {
+        name: "Missing Photo Dish",
+        price: "$6.00",
+        category: "Sides",
+        image: {
+          uri: 'https://invalid.example/x.png'
+        }
+      })
+    })]
+  })
+};
+//# sourceMappingURL=ProductCard.stories.js.map

package/lib/module/components/ProductCard/ProductCard.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","ProductCard","jsx","_jsx","jsxs","_jsxs","PHOTO","uri","meta","title","component","args","name","price","category","quantity","image","argTypes","onPress","action","decorators","Story","style","width","backgroundColor","padding","children","Default","NoQuantity","NoPhotoFound","NoPhoto","undefined","Grid","render","flexDirection","flexWrap","gap","categoryColor"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ProductCard/ProductCard.stories.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ProductCard/ProductCard.test.js

@@ -0,0 +1,68 @@
+"use strict";
+
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react-native';
+import { ProductCard } from "./ProductCard.js";
+import { ThemeProvider } from "../../theme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function renderWithTheme(ui) {
+  return render(/*#__PURE__*/_jsx(ThemeProvider, {
+    children: ui
+  }));
+}
+describe('ProductCard', () => {
+  it('renders name and price', () => {
+    renderWithTheme(/*#__PURE__*/_jsx(ProductCard, {
+      name: "Tacos",
+      price: "$8.00"
+    }));
+    expect(screen.getByText('Tacos')).toBeTruthy();
+    expect(screen.getByText('$8.00')).toBeTruthy();
+  });
+  it('shows the quantity badge when quantity > 0', () => {
+    renderWithTheme(/*#__PURE__*/_jsx(ProductCard, {
+      name: "Tacos",
+      price: "$8.00",
+      quantity: 3
+    }));
+    expect(screen.getByText('3')).toBeTruthy();
+  });
+  it('hides the quantity badge when quantity is 0', () => {
+    renderWithTheme(/*#__PURE__*/_jsx(ProductCard, {
+      name: "Tacos",
+      price: "$8.00",
+      quantity: 0
+    }));
+    expect(screen.queryByText('0')).toBeNull();
+  });
+  it('renders the category label on the photo when there is an image', () => {
+    renderWithTheme(/*#__PURE__*/_jsx(ProductCard, {
+      name: "Tacos",
+      price: "$8.00",
+      category: "Mains",
+      image: {
+        uri: 'x'
+      }
+    }));
+    expect(screen.getByText('Mains')).toBeTruthy();
+  });
+  it('still renders the category label inline when there is no photo', () => {
+    renderWithTheme(/*#__PURE__*/_jsx(ProductCard, {
+      name: "Tacos",
+      price: "$8.00",
+      category: "Mains"
+    }));
+    expect(screen.getByText('Mains')).toBeTruthy();
+  });
+  it('calls onPress when tapped', () => {
+    const onPress = jest.fn();
+    renderWithTheme(/*#__PURE__*/_jsx(ProductCard, {
+      name: "Tacos",
+      price: "$8.00",
+      onPress: onPress
+    }));
+    fireEvent.press(screen.getByRole('button'));
+    expect(onPress).toHaveBeenCalledTimes(1);
+  });
+});
+//# sourceMappingURL=ProductCard.test.js.map

package/lib/module/components/ProductCard/ProductCard.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","render","screen","fireEvent","ProductCard","ThemeProvider","jsx","_jsx","renderWithTheme","ui","children","describe","it","name","price","expect","getByText","toBeTruthy","quantity","queryByText","toBeNull","category","image","uri","onPress","jest","fn","press","getByRole","toHaveBeenCalledTimes"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ProductCard/ProductCard.test.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,MAAM,EAAEC,SAAS,QAAQ,+BAA+B;AACzE,SAASC,WAAW,QAAQ,kBAAe;AAC3C,SAASC,aAAa,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5C,SAASC,eAAeA,CAACC,EAAsB,EAAE;EAC/C,OAAOR,MAAM,cAACM,IAAA,CAACF,aAAa;IAAAK,QAAA,EAAED;EAAE,CAAgB,CAAC,CAAC;AACpD;AAEAE,QAAQ,CAAC,aAAa,EAAE,MAAM;EAC5BC,EAAE,CAAC,wBAAwB,EAAE,MAAM;IACjCJ,eAAe,cAACD,IAAA,CAACH,WAAW;MAACS,IAAI,EAAC,OAAO;MAACC,KAAK,EAAC;IAAO,CAAE,CAAC,CAAC;IAC3DC,MAAM,CAACb,MAAM,CAACc,SAAS,CAAC,OAAO,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IAC9CF,MAAM,CAACb,MAAM,CAACc,SAAS,CAAC,OAAO,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAChD,CAAC,CAAC;EAEFL,EAAE,CAAC,4CAA4C,EAAE,MAAM;IACrDJ,eAAe,cAACD,IAAA,CAACH,WAAW;MAACS,IAAI,EAAC,OAAO;MAACC,KAAK,EAAC,OAAO;MAACI,QAAQ,EAAE;IAAE,CAAE,CAAC,CAAC;IACxEH,MAAM,CAACb,MAAM,CAACc,SAAS,CAAC,GAAG,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAC5C,CAAC,CAAC;EAEFL,EAAE,CAAC,6CAA6C,EAAE,MAAM;IACtDJ,eAAe,cAACD,IAAA,CAACH,WAAW;MAACS,IAAI,EAAC,OAAO;MAACC,KAAK,EAAC,OAAO;MAACI,QAAQ,EAAE;IAAE,CAAE,CAAC,CAAC;IACxEH,MAAM,CAACb,MAAM,CAACiB,WAAW,CAAC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;EAC5C,CAAC,CAAC;EAEFR,EAAE,CAAC,gEAAgE,EAAE,MAAM;IACzEJ,eAAe,cAACD,IAAA,CAACH,WAAW;MAACS,IAAI,EAAC,OAAO;MAACC,KAAK,EAAC,OAAO;MAACO,QAAQ,EAAC,OAAO;MAACC,KAAK,EAAE;QAAEC,GAAG,EAAE;MAAI;IAAE,CAAE,CAAC,CAAC;IACjGR,MAAM,CAACb,MAAM,CAACc,SAAS,CAAC,OAAO,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAChD,CAAC,CAAC;EAEFL,EAAE,CAAC,gEAAgE,EAAE,MAAM;IACzEJ,eAAe,cAACD,IAAA,CAACH,WAAW;MAACS,IAAI,EAAC,OAAO;MAACC,KAAK,EAAC,OAAO;MAACO,QAAQ,EAAC;IAAO,CAAE,CAAC,CAAC;IAC5EN,MAAM,CAACb,MAAM,CAACc,SAAS,CAAC,OAAO,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAChD,CAAC,CAAC;EAEFL,EAAE,CAAC,2BAA2B,EAAE,MAAM;IACpC,MAAMY,OAAO,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IACzBlB,eAAe,cAACD,IAAA,CAACH,WAAW;MAACS,IAAI,EAAC,OAAO;MAACC,KAAK,EAAC,OAAO;MAACU,OAAO,EAAEA;IAAQ,CAAE,CAAC,CAAC;IAC7ErB,SAAS,CAACwB,KAAK,CAACzB,MAAM,CAAC0B,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC3Cb,MAAM,CAACS,OAAO,CAAC,CAACK,qBAAqB,CAAC,CAAC,CAAC;EAC1C,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/ProductCard/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { ProductCard } from "./ProductCard.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/ProductCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ProductCard"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ProductCard/index.ts"],"mappings":";;AAAA,SAASA,WAAW,QAA+B,kBAAe","ignoreList":[]}

package/lib/module/components/QuantityStepper/QuantityStepper.js

@@ -0,0 +1,131 @@
+"use strict";
+
+import { TextInput, View } from 'react-native';
+import { useTheme, textStyle } from "../../theme/index.js";
+import { IconButton } from "../IconButton/IconButton.js";
+import { Text } from "../Text/Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Removes the browser's default focus outline on web (no-op on native). */
+const WEB_NO_OUTLINE = {
+  outlineStyle: 'none',
+  outlineWidth: 0
+};
+const SIZES = {
+  sm: {
+    button: 'sm',
+    gap: 8,
+    text: 'bodySmall',
+    minWidth: 32
+  },
+  md: {
+    button: 'md',
+    gap: 8,
+    text: 'bodyMedium',
+    minWidth: 40
+  },
+  lg: {
+    button: 'lg',
+    gap: 12,
+    text: 'bodyMedium',
+    minWidth: 40
+  }
+};
+
+/**
+ * Quantity stepper — faithful to the Bacon POS Figma "Input qty". At 0 it shows
+ * a single lime "+" (add); at the minimum it shows `value +` (no `−`, so it
+ * can't go lower); above the minimum it shows `− value +`. Controlled via
+ * `value`/`onChange`; set `editable` to type the amount on a numeric keyboard.
+ */
+export function QuantityStepper({
+  value,
+  onChange,
+  min = 1,
+  max = Number.POSITIVE_INFINITY,
+  size = 'lg',
+  disabled = false,
+  editable = false,
+  addLabel = 'Add',
+  decrementLabel = 'Decrease quantity',
+  incrementLabel = 'Increase quantity',
+  quantityLabel = 'Quantity',
+  style
+}) {
+  const theme = useTheme();
+  const cfg = SIZES[size];
+  const clamp = n => Math.max(min, Math.min(max, n));
+  const decrement = () => onChange(clamp(value - 1));
+  const increment = () => onChange(clamp(value + 1));
+  if (value <= 0) {
+    return /*#__PURE__*/_jsx(IconButton, {
+      icon: "plus",
+      variant: "default",
+      size: cfg.button,
+      accessibilityLabel: addLabel,
+      disabled: disabled,
+      onPress: increment
+    });
+  }
+  const valueColor = disabled ? theme.colors.text.tertiary : theme.colors.text.primary;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      alignSelf: 'flex-start',
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: cfg.gap,
+      padding: 8,
+      borderRadius: theme.radii.pill,
+      borderWidth: 1,
+      borderColor: disabled ? theme.colors.disabled.border : theme.colors.border.default,
+      backgroundColor: disabled ? theme.colors.disabled.background : theme.colors.background.default,
+      boxShadow: [{
+        inset: true,
+        offsetX: 0,
+        offsetY: 2,
+        blurRadius: 4,
+        spreadDistance: 0,
+        color: 'rgba(0,0,0,0.05)'
+      }]
+    }, style],
+    children: [value > min ? /*#__PURE__*/_jsx(IconButton, {
+      icon: "minus",
+      variant: "default",
+      size: cfg.button,
+      accessibilityLabel: decrementLabel,
+      disabled: disabled,
+      onPress: decrement
+    }) : null, editable ? /*#__PURE__*/_jsx(TextInput, {
+      value: String(value),
+      onChangeText: text => {
+        const digits = text.replace(/[^0-9]/g, '');
+        onChange(clamp(digits === '' ? min : parseInt(digits, 10)));
+      },
+      keyboardType: "number-pad",
+      editable: !disabled,
+      selectTextOnFocus: true,
+      accessibilityLabel: quantityLabel,
+      style: [textStyle(theme, cfg.text, 'regular'), {
+        minWidth: cfg.minWidth,
+        textAlign: 'center',
+        color: valueColor,
+        paddingVertical: 0
+      }, WEB_NO_OUTLINE]
+    }) : /*#__PURE__*/_jsx(Text, {
+      variant: cfg.text,
+      color: valueColor,
+      align: "center",
+      style: {
+        minWidth: cfg.minWidth
+      },
+      children: value
+    }), /*#__PURE__*/_jsx(IconButton, {
+      icon: "plus",
+      variant: "default",
+      size: cfg.button,
+      accessibilityLabel: incrementLabel,
+      disabled: disabled || value >= max,
+      onPress: increment
+    })]
+  });
+}
+//# sourceMappingURL=QuantityStepper.js.map

package/lib/module/components/QuantityStepper/QuantityStepper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TextInput","View","useTheme","textStyle","IconButton","Text","jsx","_jsx","jsxs","_jsxs","WEB_NO_OUTLINE","outlineStyle","outlineWidth","SIZES","sm","button","gap","text","minWidth","md","lg","QuantityStepper","value","onChange","min","max","Number","POSITIVE_INFINITY","size","disabled","editable","addLabel","decrementLabel","incrementLabel","quantityLabel","style","theme","cfg","clamp","n","Math","decrement","increment","icon","variant","accessibilityLabel","onPress","valueColor","colors","tertiary","primary","alignSelf","flexDirection","alignItems","padding","borderRadius","radii","pill","borderWidth","borderColor","border","default","backgroundColor","background","boxShadow","inset","offsetX","offsetY","blurRadius","spreadDistance","color","children","String","onChangeText","digits","replace","parseInt","keyboardType","selectTextOnFocus","textAlign","paddingVertical","align"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/QuantityStepper/QuantityStepper.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/QuantityStepper/QuantityStepper.stories.js

@@ -0,0 +1,86 @@
+"use strict";
+
+import { useState } from 'react';
+import { View } from 'react-native';
+import { QuantityStepper } from "./QuantityStepper.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const meta = {
+  title: 'Components/QuantityStepper',
+  component: QuantityStepper,
+  argTypes: {
+    size: {
+      control: 'inline-radio',
+      options: ['sm', 'md', 'lg']
+    },
+    disabled: {
+      control: 'boolean'
+    }
+  }
+};
+export default meta;
+function Demo(props) {
+  const [value, setValue] = useState(props.start ?? 0);
+  return /*#__PURE__*/_jsx(QuantityStepper, {
+    value: value,
+    onChange: setValue,
+    size: props.size,
+    disabled: props.disabled,
+    editable: props.editable
+  });
+}
+export const Interactive = {
+  render: () => /*#__PURE__*/_jsx(Demo, {})
+};
+export const AtMinimum = {
+  render: () => /*#__PURE__*/_jsx(Demo, {
+    start: 1
+  })
+};
+export const Expanded = {
+  render: () => /*#__PURE__*/_jsx(Demo, {
+    start: 2
+  })
+};
+export const Editable = {
+  render: () => /*#__PURE__*/_jsx(Demo, {
+    start: 12,
+    editable: true
+  })
+};
+export const Small = {
+  render: () => /*#__PURE__*/_jsx(Demo, {
+    size: "sm",
+    start: 2
+  })
+};
+export const Medium = {
+  render: () => /*#__PURE__*/_jsx(Demo, {
+    size: "md",
+    start: 2
+  })
+};
+export const Disabled = {
+  render: () => /*#__PURE__*/_jsx(Demo, {
+    start: 2,
+    disabled: true
+  })
+};
+export const Sizes = {
+  render: () => /*#__PURE__*/_jsxs(View, {
+    style: {
+      gap: 16,
+      alignItems: 'flex-start'
+    },
+    children: [/*#__PURE__*/_jsx(Demo, {
+      size: "sm",
+      start: 3
+    }), /*#__PURE__*/_jsx(Demo, {
+      size: "md",
+      start: 3
+    }), /*#__PURE__*/_jsx(Demo, {
+      size: "lg",
+      start: 3
+    })]
+  })
+};
+//# sourceMappingURL=QuantityStepper.stories.js.map

package/lib/module/components/QuantityStepper/QuantityStepper.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","View","QuantityStepper","jsx","_jsx","jsxs","_jsxs","meta","title","component","argTypes","size","control","options","disabled","Demo","props","value","setValue","start","onChange","editable","Interactive","render","AtMinimum","Expanded","Editable","Small","Medium","Disabled","Sizes","style","gap","alignItems","children"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/QuantityStepper/QuantityStepper.stories.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAEhC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,eAAe,QAAQ,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpD,MAAMC,IAAI,GAAG;EACXC,KAAK,EAAE,4BAA4B;EACnCC,SAAS,EAAEP,eAAe;EAC1BQ,QAAQ,EAAE;IACRC,IAAI,EAAE;MAAEC,OAAO,EAAE,cAAc;MAAEC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI;IAAE,CAAC;IAC9DC,QAAQ,EAAE;MAAEF,OAAO,EAAE;IAAU;EACjC;AACF,CAAwC;AAExC,eAAeL,IAAI;AAGnB,SAASQ,IAAIA,CAACC,KAKb,EAAE;EACD,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGlB,QAAQ,CAACgB,KAAK,CAACG,KAAK,IAAI,CAAC,CAAC;EACpD,oBACEf,IAAA,CAACF,eAAe;IACde,KAAK,EAAEA,KAAM;IACbG,QAAQ,EAAEF,QAAS;IACnBP,IAAI,EAAEK,KAAK,CAACL,IAAK;IACjBG,QAAQ,EAAEE,KAAK,CAACF,QAAS;IACzBO,QAAQ,EAAEL,KAAK,CAACK;EAAS,CAC1B,CAAC;AAEN;AAEA,OAAO,MAAMC,WAAkB,GAAG;EAAEC,MAAM,EAAEA,CAAA,kBAAMnB,IAAA,CAACW,IAAI,IAAE;AAAE,CAAC;AAC5D,OAAO,MAAMS,SAAgB,GAAG;EAAED,MAAM,EAAEA,CAAA,kBAAMnB,IAAA,CAACW,IAAI;IAACI,KAAK,EAAE;EAAE,CAAE;AAAE,CAAC;AACpE,OAAO,MAAMM,QAAe,GAAG;EAAEF,MAAM,EAAEA,CAAA,kBAAMnB,IAAA,CAACW,IAAI;IAACI,KAAK,EAAE;EAAE,CAAE;AAAE,CAAC;AACnE,OAAO,MAAMO,QAAe,GAAG;EAAEH,MAAM,EAAEA,CAAA,kBAAMnB,IAAA,CAACW,IAAI;IAACI,KAAK,EAAE,EAAG;IAACE,QAAQ;EAAA,CAAE;AAAE,CAAC;AAC7E,OAAO,MAAMM,KAAY,GAAG;EAAEJ,MAAM,EAAEA,CAAA,kBAAMnB,IAAA,CAACW,IAAI;IAACJ,IAAI,EAAC,IAAI;IAACQ,KAAK,EAAE;EAAE,CAAE;AAAE,CAAC;AAC1E,OAAO,MAAMS,MAAa,GAAG;EAAEL,MAAM,EAAEA,CAAA,kBAAMnB,IAAA,CAACW,IAAI;IAACJ,IAAI,EAAC,IAAI;IAACQ,KAAK,EAAE;EAAE,CAAE;AAAE,CAAC;AAC3E,OAAO,MAAMU,QAAe,GAAG;EAAEN,MAAM,EAAEA,CAAA,kBAAMnB,IAAA,CAACW,IAAI;IAACI,KAAK,EAAE,CAAE;IAACL,QAAQ;EAAA,CAAE;AAAE,CAAC;AAE5E,OAAO,MAAMgB,KAAY,GAAG;EAC1BP,MAAM,EAAEA,CAAA,kBACNjB,KAAA,CAACL,IAAI;IAAC8B,KAAK,EAAE;MAAEC,GAAG,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAa,CAAE;IAAAC,QAAA,gBACjD9B,IAAA,CAACW,IAAI;MAACJ,IAAI,EAAC,IAAI;MAACQ,KAAK,EAAE;IAAE,CAAE,CAAC,eAC5Bf,IAAA,CAACW,IAAI;MAACJ,IAAI,EAAC,IAAI;MAACQ,KAAK,EAAE;IAAE,CAAE,CAAC,eAC5Bf,IAAA,CAACW,IAAI;MAACJ,IAAI,EAAC,IAAI;MAACQ,KAAK,EAAE;IAAE,CAAE,CAAC;EAAA,CACxB;AAEV,CAAC","ignoreList":[]}

package/lib/module/components/QuantityStepper/QuantityStepper.test.js

@@ -0,0 +1,99 @@
+"use strict";
+
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react-native';
+import { QuantityStepper } from "./QuantityStepper.js";
+import { ThemeProvider } from "../../theme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function renderWithTheme(ui) {
+  return render(/*#__PURE__*/_jsx(ThemeProvider, {
+    children: ui
+  }));
+}
+describe('QuantityStepper', () => {
+  it('collapses to a single Add button at 0', () => {
+    const onChange = jest.fn();
+    renderWithTheme(/*#__PURE__*/_jsx(QuantityStepper, {
+      value: 0,
+      onChange: onChange
+    }));
+    expect(screen.getByLabelText('Add')).toBeTruthy();
+    expect(screen.queryByLabelText('Decrease quantity')).toBeNull();
+    fireEvent.press(screen.getByLabelText('Add'));
+    expect(onChange).toHaveBeenCalledWith(1);
+  });
+  it('hides the − at the minimum (default 1) so it cannot go lower', () => {
+    const onChange = jest.fn();
+    renderWithTheme(/*#__PURE__*/_jsx(QuantityStepper, {
+      value: 1,
+      onChange: onChange
+    }));
+    expect(screen.getByText('1')).toBeTruthy();
+    expect(screen.queryByLabelText('Decrease quantity')).toBeNull();
+    fireEvent.press(screen.getByLabelText('Increase quantity'));
+    expect(onChange).toHaveBeenCalledWith(2);
+  });
+  it('shows the − above the minimum and decrements', () => {
+    const onChange = jest.fn();
+    renderWithTheme(/*#__PURE__*/_jsx(QuantityStepper, {
+      value: 2,
+      onChange: onChange
+    }));
+    fireEvent.press(screen.getByLabelText('Decrease quantity'));
+    expect(onChange).toHaveBeenCalledWith(1);
+  });
+  it('allows going to 0 when min is 0', () => {
+    const onChange = jest.fn();
+    renderWithTheme(/*#__PURE__*/_jsx(QuantityStepper, {
+      value: 1,
+      min: 0,
+      onChange: onChange
+    }));
+    fireEvent.press(screen.getByLabelText('Decrease quantity'));
+    expect(onChange).toHaveBeenCalledWith(0);
+  });
+  it('does not exceed max', () => {
+    const onChange = jest.fn();
+    renderWithTheme(/*#__PURE__*/_jsx(QuantityStepper, {
+      value: 5,
+      max: 5,
+      onChange: onChange
+    }));
+    fireEvent.press(screen.getByLabelText('Increase quantity'));
+    expect(onChange).not.toHaveBeenCalled();
+  });
+  it('blocks interaction when disabled', () => {
+    const onChange = jest.fn();
+    renderWithTheme(/*#__PURE__*/_jsx(QuantityStepper, {
+      value: 2,
+      disabled: true,
+      onChange: onChange
+    }));
+    fireEvent.press(screen.getByLabelText('Increase quantity'));
+    fireEvent.press(screen.getByLabelText('Decrease quantity'));
+    expect(onChange).not.toHaveBeenCalled();
+  });
+  it('lets the quantity be typed when editable', () => {
+    const onChange = jest.fn();
+    renderWithTheme(/*#__PURE__*/_jsx(QuantityStepper, {
+      value: 3,
+      editable: true,
+      onChange: onChange
+    }));
+    const field = screen.getByLabelText('Quantity');
+    expect(field.props.value).toBe('3');
+    fireEvent.changeText(field, '1000');
+    expect(onChange).toHaveBeenCalledWith(1000);
+  });
+  it('ignores non-digits when typing', () => {
+    const onChange = jest.fn();
+    renderWithTheme(/*#__PURE__*/_jsx(QuantityStepper, {
+      value: 3,
+      editable: true,
+      onChange: onChange
+    }));
+    fireEvent.changeText(screen.getByLabelText('Quantity'), 'a1b2');
+    expect(onChange).toHaveBeenCalledWith(12);
+  });
+});
+//# sourceMappingURL=QuantityStepper.test.js.map

package/lib/module/components/QuantityStepper/QuantityStepper.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","render","screen","fireEvent","QuantityStepper","ThemeProvider","jsx","_jsx","renderWithTheme","ui","children","describe","it","onChange","jest","fn","value","expect","getByLabelText","toBeTruthy","queryByLabelText","toBeNull","press","toHaveBeenCalledWith","getByText","min","max","not","toHaveBeenCalled","disabled","editable","field","props","toBe","changeText"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/QuantityStepper/QuantityStepper.test.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/QuantityStepper/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { QuantityStepper } from "./QuantityStepper.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/QuantityStepper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["QuantityStepper"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/QuantityStepper/index.ts"],"mappings":";;AAAA,SACEA,eAAe,QAGV,sBAAmB","ignoreList":[]}

package/lib/module/components/Radio/Radio.js

@@ -0,0 +1,55 @@
+"use strict";
+
+import { View } from 'react-native';
+import { useTheme } from "../../theme/index.js";
+import { Labeled } from "../_internal/Labeled.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Radio button — faithful to the Bacon POS Figma "Form controls". A 20px circle:
+ * unselected (outlined), selected (dark ring + dot). Usually rendered as a group;
+ * standalone or with a positionable label.
+ */
+export function Radio({
+  selected,
+  onChange,
+  disabled = false,
+  label,
+  labelPosition,
+  style
+}) {
+  const theme = useTheme();
+  const borderColor = disabled ? theme.colors.disabled.border : selected ? theme.colors.text.primary : theme.colors.border.strong;
+  return /*#__PURE__*/_jsx(Labeled, {
+    label: label,
+    labelPosition: labelPosition,
+    disabled: disabled,
+    onPress: onChange,
+    accessibilityRole: "radio",
+    accessibilityState: {
+      selected,
+      disabled
+    },
+    style: style,
+    children: /*#__PURE__*/_jsx(View, {
+      style: {
+        width: 20,
+        height: 20,
+        borderRadius: 10,
+        borderWidth: selected ? 2 : 1.5,
+        borderColor,
+        backgroundColor: theme.colors.background.default,
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      children: selected ? /*#__PURE__*/_jsx(View, {
+        style: {
+          width: 8,
+          height: 8,
+          borderRadius: 4,
+          backgroundColor: disabled ? theme.colors.disabled.foreground : theme.colors.text.primary
+        }
+      }) : null
+    })
+  });
+}
+//# sourceMappingURL=Radio.js.map

package/lib/module/components/Radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","useTheme","Labeled","jsx","_jsx","Radio","selected","onChange","disabled","label","labelPosition","style","theme","borderColor","colors","border","text","primary","strong","onPress","accessibilityRole","accessibilityState","children","width","height","borderRadius","borderWidth","backgroundColor","background","default","alignItems","justifyContent","foreground"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Radio/Radio.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAwC,cAAc;AACnE,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,OAAO,QAA4B,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAiBnE;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,KAAKA,CAAC;EACpBC,QAAQ;EACRC,QAAQ;EACRC,QAAQ,GAAG,KAAK;EAChBC,KAAK;EACLC,aAAa;EACbC;AACU,CAAC,EAAE;EACb,MAAMC,KAAK,GAAGX,QAAQ,CAAC,CAAC;EAExB,MAAMY,WAAW,GAAGL,QAAQ,GACxBI,KAAK,CAACE,MAAM,CAACN,QAAQ,CAACO,MAAM,GAC5BT,QAAQ,GACNM,KAAK,CAACE,MAAM,CAACE,IAAI,CAACC,OAAO,GACzBL,KAAK,CAACE,MAAM,CAACC,MAAM,CAACG,MAAM;EAEhC,oBACEd,IAAA,CAACF,OAAO;IACNO,KAAK,EAAEA,KAAM;IACbC,aAAa,EAAEA,aAAc;IAC7BF,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEZ,QAAS;IAClBa,iBAAiB,EAAC,OAAO;IACzBC,kBAAkB,EAAE;MAAEf,QAAQ;MAAEE;IAAS,CAAE;IAC3CG,KAAK,EAAEA,KAAM;IAAAW,QAAA,eAEblB,IAAA,CAACJ,IAAI;MACHW,KAAK,EAAE;QACLY,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE,EAAE;QAChBC,WAAW,EAAEpB,QAAQ,GAAG,CAAC,GAAG,GAAG;QAC/BO,WAAW;QACXc,eAAe,EAAEf,KAAK,CAACE,MAAM,CAACc,UAAU,CAACC,OAAO;QAChDC,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE;MAClB,CAAE;MAAAT,QAAA,EAEDhB,QAAQ,gBACPF,IAAA,CAACJ,IAAI;QACHW,KAAK,EAAE;UACLY,KAAK,EAAE,CAAC;UACRC,MAAM,EAAE,CAAC;UACTC,YAAY,EAAE,CAAC;UACfE,eAAe,EAAEnB,QAAQ,GAAGI,KAAK,CAACE,MAAM,CAACN,QAAQ,CAACwB,UAAU,GAAGpB,KAAK,CAACE,MAAM,CAACE,IAAI,CAACC;QACnF;MAAE,CACH,CAAC,GACA;IAAI,CACJ;EAAC,CACA,CAAC;AAEd","ignoreList":[]}