@bacon-pos/ui 0.1.0

package/lib/commonjs/components/ProductCard/ProductCard.js

@@ -0,0 +1,167 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProductCard = ProductCard;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _index = require("../../theme/index.js");
+var _palette = require("../../theme/palette.js");
+var _Icon = require("../Icon/Icon.js");
+var _Text = require("../Text/Text.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const PHOTO_HEIGHT = 104;
+const NO_PHOTO_ICON = 48;
+/**
+ * Product tile — faithful to the Bacon POS Figma "Product card". Photo with an
+ * optional category pill, name + price, and a lime quantity badge. Handles three
+ * states: with photo, image-load failure (placeholder), and no photo (shorter).
+ */
+function ProductCard({
+  name,
+  price,
+  image,
+  category,
+  categoryColor = '#FDD8D8',
+  // dish-category/1-light (category-specific tint)
+  quantity,
+  onPress,
+  disabled = false,
+  style,
+  accessibilityLabel
+}) {
+  const theme = (0, _index.useTheme)();
+  const [errored, setErrored] = (0, _react.useState)(false);
+  const hasPhoto = image != null;
+  const showBadge = typeof quantity === 'number' && quantity > 0;
+  const containerStyle = {
+    backgroundColor: theme.colors.background.default,
+    borderRadius: theme.radii['2xl'],
+    padding: 8,
+    overflow: 'hidden'
+  };
+  const categoryPill = extra => category ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      backgroundColor: categoryColor,
+      paddingHorizontal: 8,
+      paddingVertical: 4,
+      borderRadius: theme.radii.pill,
+      ...extra
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: "bodySmall",
+      weight: "medium",
+      color: "primary",
+      numberOfLines: 1,
+      children: category
+    })
+  }) : null;
+  const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [hasPhoto ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        height: PHOTO_HEIGHT,
+        width: '100%',
+        borderTopLeftRadius: theme.radii.xl,
+        borderTopRightRadius: theme.radii.xl,
+        overflow: 'hidden',
+        backgroundColor: errored ? _palette.palette.neutral[200] : theme.colors.background.default,
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      children: [errored ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        name: "no-photo",
+        size: NO_PHOTO_ICON,
+        color: "tertiary"
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+        source: image,
+        resizeMode: "cover",
+        onError: () => setErrored(true),
+        style: {
+          width: '100%',
+          height: '100%'
+        }
+      }), categoryPill({
+        position: 'absolute',
+        left: 10,
+        bottom: 8
+      })]
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        gap: 12,
+        paddingTop: 16,
+        paddingBottom: 10,
+        paddingHorizontal: 10,
+        width: '100%'
+      },
+      children: [!hasPhoto ? categoryPill({
+        alignSelf: 'flex-start'
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: "h2",
+        weight: "semibold",
+        color: "primary",
+        numberOfLines: 2,
+        children: name
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: "bodyMedium",
+        weight: "medium",
+        color: "tertiary",
+        numberOfLines: 1,
+        children: price
+      })]
+    }), showBadge ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        position: 'absolute',
+        top: 16,
+        right: 16,
+        width: 32,
+        height: 32,
+        borderRadius: theme.radii.pill,
+        backgroundColor: theme.colors.action.primary,
+        alignItems: 'center',
+        justifyContent: 'center',
+        boxShadow: [{
+          offsetX: 0,
+          offsetY: 10,
+          blurRadius: 7.5,
+          spreadDistance: 0,
+          color: 'rgba(0,0,0,0.04)'
+        }, {
+          offsetX: 0,
+          offsetY: 4,
+          blurRadius: 3,
+          spreadDistance: 0,
+          color: 'rgba(0,0,0,0.04)'
+        }]
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: "bodyMedium",
+        weight: "medium",
+        color: theme.colors.action.primaryForeground,
+        children: quantity
+      })
+    }) : null]
+  });
+  if (!onPress) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [containerStyle, style],
+      children: content
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel ?? `${name}, ${price}`,
+    accessibilityState: {
+      disabled
+    },
+    disabled: disabled,
+    onPress: onPress,
+    style: ({
+      pressed
+    }) => [containerStyle, {
+      opacity: disabled ? 0.5 : pressed ? 0.96 : 1
+    }, style],
+    children: content
+  });
+}
+//# sourceMappingURL=ProductCard.js.map

package/lib/commonjs/components/ProductCard/ProductCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_index","_palette","_Icon","_Text","_jsxRuntime","PHOTO_HEIGHT","NO_PHOTO_ICON","ProductCard","name","price","image","category","categoryColor","quantity","onPress","disabled","style","accessibilityLabel","theme","useTheme","errored","setErrored","useState","hasPhoto","showBadge","containerStyle","backgroundColor","colors","background","default","borderRadius","radii","padding","overflow","categoryPill","extra","jsx","View","paddingHorizontal","paddingVertical","pill","children","Text","variant","weight","color","numberOfLines","content","jsxs","Fragment","height","width","borderTopLeftRadius","xl","borderTopRightRadius","palette","neutral","alignItems","justifyContent","Icon","size","Image","source","resizeMode","onError","position","left","bottom","gap","paddingTop","paddingBottom","alignSelf","top","right","action","primary","boxShadow","offsetX","offsetY","blurRadius","spreadDistance","primaryForeground","Pressable","accessibilityRole","accessibilityState","pressed","opacity"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ProductCard/ProductCard.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ProductCard","_index","_jsxRuntime","e","__esModule","default","renderWithTheme","ui","render","jsx","ThemeProvider","children","describe","it","ProductCard","name","price","expect","screen","getByText","toBeTruthy","quantity","queryByText","toBeNull","category","image","uri","onPress","jest","fn","fireEvent","press","getByRole","toHaveBeenCalledTimes"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ProductCard/ProductCard.test.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ProductCard", {
+  enumerable: true,
+  get: function () {
+    return _ProductCard.ProductCard;
+  }
+});
+var _ProductCard = require("./ProductCard.js");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_ProductCard","require"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ProductCard/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/components/QuantityStepper/QuantityStepper.js

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QuantityStepper = QuantityStepper;
+var _reactNative = require("react-native");
+var _index = require("../../theme/index.js");
+var _IconButton = require("../IconButton/IconButton.js");
+var _Text = require("../Text/Text.js");
+var _jsxRuntime = require("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.
+ */
+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 = (0, _index.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__*/(0, _jsxRuntime.jsx)(_IconButton.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__*/(0, _jsxRuntime.jsxs)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
+      icon: "minus",
+      variant: "default",
+      size: cfg.button,
+      accessibilityLabel: decrementLabel,
+      disabled: disabled,
+      onPress: decrement
+    }) : null, editable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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: [(0, _index.textStyle)(theme, cfg.text, 'regular'), {
+        minWidth: cfg.minWidth,
+        textAlign: 'center',
+        color: valueColor,
+        paddingVertical: 0
+      }, WEB_NO_OUTLINE]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: cfg.text,
+      color: valueColor,
+      align: "center",
+      style: {
+        minWidth: cfg.minWidth
+      },
+      children: value
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
+      icon: "plus",
+      variant: "default",
+      size: cfg.button,
+      accessibilityLabel: incrementLabel,
+      disabled: disabled || value >= max,
+      onPress: increment
+    })]
+  });
+}
+//# sourceMappingURL=QuantityStepper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_index","_IconButton","_Text","_jsxRuntime","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","useTheme","cfg","clamp","n","Math","decrement","increment","jsx","IconButton","icon","variant","accessibilityLabel","onPress","valueColor","colors","tertiary","primary","jsxs","View","alignSelf","flexDirection","alignItems","padding","borderRadius","radii","pill","borderWidth","borderColor","border","default","backgroundColor","background","boxShadow","inset","offsetX","offsetY","blurRadius","spreadDistance","color","children","TextInput","String","onChangeText","digits","replace","parseInt","keyboardType","selectTextOnFocus","textStyle","textAlign","paddingVertical","Text","align"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/QuantityStepper/QuantityStepper.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_QuantityStepper","_jsxRuntime","meta","title","component","QuantityStepper","argTypes","size","control","options","disabled","_default","exports","default","Demo","props","value","setValue","useState","start","jsx","onChange","editable","Interactive","render","AtMinimum","Expanded","Editable","Small","Medium","Disabled","Sizes","jsxs","View","style","gap","alignItems","children"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/QuantityStepper/QuantityStepper.stories.tsx"],"mappings":"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","ignoreList":[]}