@bacon-pos/ui 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_Card","_jsxRuntime","meta","title","component","Card","args","description","icon","showRadio","argTypes","selected","control","onPress","action","decorators","Story","jsx","View","style","width","padding","backgroundColor","children","_default","exports","default","Default","Selected","NoIcon","undefined","NoRadio","Selectable","render","choice","setChoice","useState","jsxs","gap"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Card/Card.stories.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAA8B,IAAAG,WAAA,GAAAH,OAAA;AAE9B,MAAMI,IAAI,GAAG;EACXC,KAAK,EAAE,iBAAiB;EACxBC,SAAS,EAAEC,UAAI;EACfC,IAAI,EAAE;IACJH,KAAK,EAAE,OAAO;IACdI,WAAW,EAAE,6EAA6E;IAC1FC,IAAI,EAAE,MAAM;IACZC,SAAS,EAAE;EACb,CAAC;EACDC,QAAQ,EAAE;IACRC,QAAQ,EAAE;MAAEC,OAAO,EAAE;IAAU,CAAC;IAChCH,SAAS,EAAE;MAAEG,OAAO,EAAE;IAAU,CAAC;IACjCJ,IAAI,EAAE;MAAEI,OAAO,EAAE;IAAO,CAAC;IACzBC,OAAO,EAAE;MAAEC,MAAM,EAAE;IAAU;EAC/B,CAAC;EACDC,UAAU,EAAE,CACTC,KAAK,iBACJ,IAAAf,WAAA,CAAAgB,GAAA,EAAClB,YAAA,CAAAmB,IAAI;IAACC,KAAK,EAAE;MAAEC,KAAK,EAAE,GAAG;MAAEC,OAAO,EAAE,EAAE;MAAEC,eAAe,EAAE;IAAU,CAAE;IAAAC,QAAA,eACnE,IAAAtB,WAAA,CAAAgB,GAAA,EAACD,KAAK,IAAE;EAAC,CACL,CACP;AAEL,CAA6B;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEfxB,IAAI;AAGZ,MAAMyB,OAAc,GAAAF,OAAA,CAAAE,OAAA,GAAG;EAAErB,IAAI,EAAE;IAAEK,QAAQ,EAAE;EAAM;AAAE,CAAC;AACpD,MAAMiB,QAAe,GAAAH,OAAA,CAAAG,QAAA,GAAG;EAAEtB,IAAI,EAAE;IAAEK,QAAQ,EAAE;EAAK;AAAE,CAAC;AACpD,MAAMkB,MAAa,GAAAJ,OAAA,CAAAI,MAAA,GAAG;EAAEvB,IAAI,EAAE;IAAEE,IAAI,EAAEsB;EAAU;AAAE,CAAC;AACnD,MAAMC,OAAc,GAAAN,OAAA,CAAAM,OAAA,GAAG;EAAEzB,IAAI,EAAE;IAAEG,SAAS,EAAE;EAAM;AAAE,CAAC;AAErD,MAAMuB,UAAiB,GAAAP,OAAA,CAAAO,UAAA,GAAG;EAC/BC,MAAM,EAAEA,CAAA,KAAM;IACZ,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAC,GAAG,CAAC;IACzC,oBACE,IAAAnC,WAAA,CAAAoC,IAAA,EAACtC,YAAA,CAAAmB,IAAI;MAACC,KAAK,EAAE;QAAEmB,GAAG,EAAE;MAAG,CAAE;MAAAf,QAAA,gBACvB,IAAAtB,WAAA,CAAAgB,GAAA,EAACjB,KAAA,CAAAK,IAAI;QACHF,KAAK,EAAC,SAAS;QACfI,WAAW,EAAC,6BAA6B;QACzCC,IAAI,EAAC,OAAO;QACZG,QAAQ,EAAEuB,MAAM,KAAK,GAAI;QACzBrB,OAAO,EAAEA,CAAA,KAAMsB,SAAS,CAAC,GAAG;MAAE,CAC/B,CAAC,eACF,IAAAlC,WAAA,CAAAgB,GAAA,EAACjB,KAAA,CAAAK,IAAI;QACHF,KAAK,EAAC,UAAU;QAChBI,WAAW,EAAC,uBAAuB;QACnCC,IAAI,EAAC,cAAc;QACnBG,QAAQ,EAAEuB,MAAM,KAAK,GAAI;QACzBrB,OAAO,EAAEA,CAAA,KAAMsB,SAAS,CAAC,GAAG;MAAE,CAC/B,CAAC;IAAA,CACE,CAAC;EAEX;AACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,51 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("@testing-library/react-native");
+var _Card = require("./Card.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('Card', () => {
+  it('renders title and description', () => {
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.Card, {
+      title: "Dine in",
+      description: "Serve at a table"
+    }));
+    expect(_reactNative.screen.getByText('Dine in')).toBeTruthy();
+    expect(_reactNative.screen.getByText('Serve at a table')).toBeTruthy();
+  });
+  it('calls onPress when tapped', () => {
+    const onPress = jest.fn();
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.Card, {
+      title: "Dine in",
+      onPress: onPress
+    }));
+    _reactNative.fireEvent.press(_reactNative.screen.getByRole('button'));
+    expect(onPress).toHaveBeenCalledTimes(1);
+  });
+  it('exposes the selected state for accessibility', () => {
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.Card, {
+      title: "Dine in",
+      selected: true,
+      onPress: () => {}
+    }));
+    expect(_reactNative.screen.getByRole('button').props.accessibilityState.selected).toBe(true);
+  });
+  it('does not call onPress when disabled', () => {
+    const onPress = jest.fn();
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.Card, {
+      title: "Dine in",
+      disabled: true,
+      onPress: onPress
+    }));
+    _reactNative.fireEvent.press(_reactNative.screen.getByRole('button'));
+    expect(onPress).not.toHaveBeenCalled();
+  });
+});
+//# sourceMappingURL=Card.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Card","_index","_jsxRuntime","e","__esModule","default","renderWithTheme","ui","render","jsx","ThemeProvider","children","describe","it","Card","title","description","expect","screen","getByText","toBeTruthy","onPress","jest","fn","fireEvent","press","getByRole","toHaveBeenCalledTimes","selected","props","accessibilityState","toBe","disabled","not","toHaveBeenCalled"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Card/Card.test.tsx"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA4C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE5C,SAASG,eAAeA,CAACC,EAAsB,EAAE;EAC/C,OAAO,IAAAC,mBAAM,eAAC,IAAAN,WAAA,CAAAO,GAAA,EAACR,MAAA,CAAAS,aAAa;IAAAC,QAAA,EAAEJ;EAAE,CAAgB,CAAC,CAAC;AACpD;AAEAK,QAAQ,CAAC,MAAM,EAAE,MAAM;EACrBC,EAAE,CAAC,+BAA+B,EAAE,MAAM;IACxCP,eAAe,cAAC,IAAAJ,WAAA,CAAAO,GAAA,EAACT,KAAA,CAAAc,IAAI;MAACC,KAAK,EAAC,SAAS;MAACC,WAAW,EAAC;IAAkB,CAAE,CAAC,CAAC;IACxEC,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,SAAS,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IAChDH,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAC3D,CAAC,CAAC;EAEFP,EAAE,CAAC,2BAA2B,EAAE,MAAM;IACpC,MAAMQ,OAAO,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IACzBjB,eAAe,cAAC,IAAAJ,WAAA,CAAAO,GAAA,EAACT,KAAA,CAAAc,IAAI;MAACC,KAAK,EAAC,SAAS;MAACM,OAAO,EAAEA;IAAQ,CAAE,CAAC,CAAC;IAC3DG,sBAAS,CAACC,KAAK,CAACP,mBAAM,CAACQ,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC3CT,MAAM,CAACI,OAAO,CAAC,CAACM,qBAAqB,CAAC,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEFd,EAAE,CAAC,8CAA8C,EAAE,MAAM;IACvDP,eAAe,cAAC,IAAAJ,WAAA,CAAAO,GAAA,EAACT,KAAA,CAAAc,IAAI;MAACC,KAAK,EAAC,SAAS;MAACa,QAAQ;MAACP,OAAO,EAAEA,CAAA,KAAM,CAAC;IAAE,CAAE,CAAC,CAAC;IACrEJ,MAAM,CAACC,mBAAM,CAACQ,SAAS,CAAC,QAAQ,CAAC,CAACG,KAAK,CAACC,kBAAkB,CAACF,QAAQ,CAAC,CAACG,IAAI,CAAC,IAAI,CAAC;EACjF,CAAC,CAAC;EAEFlB,EAAE,CAAC,qCAAqC,EAAE,MAAM;IAC9C,MAAMQ,OAAO,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IACzBjB,eAAe,cAAC,IAAAJ,WAAA,CAAAO,GAAA,EAACT,KAAA,CAAAc,IAAI;MAACC,KAAK,EAAC,SAAS;MAACiB,QAAQ;MAACX,OAAO,EAAEA;IAAQ,CAAE,CAAC,CAAC;IACpEG,sBAAS,CAACC,KAAK,CAACP,mBAAM,CAACQ,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC3CT,MAAM,CAACI,OAAO,CAAC,CAACY,GAAG,CAACC,gBAAgB,CAAC,CAAC;EACxC,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

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

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

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

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

package/lib/commonjs/components/Checkbox/Checkbox.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Checkbox = Checkbox;
+var _reactNative = require("react-native");
+var _index = require("../../theme/index.js");
+var _Icon = require("../Icon/Icon.js");
+var _Labeled = require("../_internal/Labeled.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Checkbox — faithful to the Bacon POS Figma "Form controls". 24px rounded box:
+ * unchecked (outlined), checked (dark fill + white check), indeterminate (dash).
+ * Standalone or with a positionable label.
+ */
+function Checkbox({
+  checked,
+  onChange,
+  indeterminate = false,
+  disabled = false,
+  label,
+  labelPosition,
+  style
+}) {
+  const theme = (0, _index.useTheme)();
+  const on = checked || indeterminate;
+  let backgroundColor;
+  let borderWidth = 0;
+  let borderColor = 'transparent';
+  let markColor = theme.colors.background.default;
+  if (disabled) {
+    backgroundColor = on ? theme.colors.disabled.backgroundStrong : theme.colors.disabled.background;
+    borderWidth = on ? 0 : 1;
+    borderColor = theme.colors.disabled.border;
+    markColor = theme.colors.disabled.foreground;
+  } else if (on) {
+    backgroundColor = theme.colors.text.primary;
+  } else {
+    backgroundColor = theme.colors.background.default;
+    borderWidth = 1;
+    borderColor = theme.colors.border.strong;
+  }
+  const mark = indeterminate ? 'minus' : checked ? 'check' : null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Labeled.Labeled, {
+    label: label,
+    labelPosition: labelPosition,
+    disabled: disabled,
+    onPress: () => onChange(!checked),
+    accessibilityRole: "checkbox",
+    accessibilityState: {
+      checked: indeterminate ? 'mixed' : checked,
+      disabled
+    },
+    style: style,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: 24,
+        height: 24,
+        borderRadius: theme.radii.md,
+        backgroundColor,
+        borderWidth,
+        borderColor,
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      children: mark ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        name: mark,
+        size: 18,
+        color: markColor
+      }) : null
+    })
+  });
+}
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_index","_Icon","_Labeled","_jsxRuntime","Checkbox","checked","onChange","indeterminate","disabled","label","labelPosition","style","theme","useTheme","on","backgroundColor","borderWidth","borderColor","markColor","colors","background","default","backgroundStrong","border","foreground","text","primary","strong","mark","jsx","Labeled","onPress","accessibilityRole","accessibilityState","children","View","width","height","borderRadius","radii","md","alignItems","justifyContent","Icon","name","size","color"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Checkbox/Checkbox.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAAmE,IAAAI,WAAA,GAAAJ,OAAA;AAmBnE;AACA;AACA;AACA;AACA;AACO,SAASK,QAAQA,CAAC;EACvBC,OAAO;EACPC,QAAQ;EACRC,aAAa,GAAG,KAAK;EACrBC,QAAQ,GAAG,KAAK;EAChBC,KAAK;EACLC,aAAa;EACbC;AACa,CAAC,EAAE;EAChB,MAAMC,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;EACxB,MAAMC,EAAE,GAAGT,OAAO,IAAIE,aAAa;EAEnC,IAAIQ,eAAuB;EAC3B,IAAIC,WAAW,GAAG,CAAC;EACnB,IAAIC,WAAW,GAAG,aAAa;EAC/B,IAAIC,SAAS,GAAGN,KAAK,CAACO,MAAM,CAACC,UAAU,CAACC,OAAO;EAE/C,IAAIb,QAAQ,EAAE;IACZO,eAAe,GAAGD,EAAE,GAAGF,KAAK,CAACO,MAAM,CAACX,QAAQ,CAACc,gBAAgB,GAAGV,KAAK,CAACO,MAAM,CAACX,QAAQ,CAACY,UAAU;IAChGJ,WAAW,GAAGF,EAAE,GAAG,CAAC,GAAG,CAAC;IACxBG,WAAW,GAAGL,KAAK,CAACO,MAAM,CAACX,QAAQ,CAACe,MAAM;IAC1CL,SAAS,GAAGN,KAAK,CAACO,MAAM,CAACX,QAAQ,CAACgB,UAAU;EAC9C,CAAC,MAAM,IAAIV,EAAE,EAAE;IACbC,eAAe,GAAGH,KAAK,CAACO,MAAM,CAACM,IAAI,CAACC,OAAO;EAC7C,CAAC,MAAM;IACLX,eAAe,GAAGH,KAAK,CAACO,MAAM,CAACC,UAAU,CAACC,OAAO;IACjDL,WAAW,GAAG,CAAC;IACfC,WAAW,GAAGL,KAAK,CAACO,MAAM,CAACI,MAAM,CAACI,MAAM;EAC1C;EAEA,MAAMC,IAAI,GAAGrB,aAAa,GAAG,OAAO,GAAGF,OAAO,GAAG,OAAO,GAAG,IAAI;EAE/D,oBACE,IAAAF,WAAA,CAAA0B,GAAA,EAAC3B,QAAA,CAAA4B,OAAO;IACNrB,KAAK,EAAEA,KAAM;IACbC,aAAa,EAAEA,aAAc;IAC7BF,QAAQ,EAAEA,QAAS;IACnBuB,OAAO,EAAEA,CAAA,KAAMzB,QAAQ,CAAC,CAACD,OAAO,CAAE;IAClC2B,iBAAiB,EAAC,UAAU;IAC5BC,kBAAkB,EAAE;MAAE5B,OAAO,EAAEE,aAAa,GAAG,OAAO,GAAGF,OAAO;MAAEG;IAAS,CAAE;IAC7EG,KAAK,EAAEA,KAAM;IAAAuB,QAAA,eAEb,IAAA/B,WAAA,CAAA0B,GAAA,EAAC/B,YAAA,CAAAqC,IAAI;MACHxB,KAAK,EAAE;QACLyB,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE1B,KAAK,CAAC2B,KAAK,CAACC,EAAE;QAC5BzB,eAAe;QACfC,WAAW;QACXC,WAAW;QACXwB,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE;MAClB,CAAE;MAAAR,QAAA,EAEDN,IAAI,gBAAG,IAAAzB,WAAA,CAAA0B,GAAA,EAAC5B,KAAA,CAAA0C,IAAI;QAACC,IAAI,EAAEhB,IAAK;QAACiB,IAAI,EAAE,EAAG;QAACC,KAAK,EAAE5B;MAAU,CAAE,CAAC,GAAG;IAAI,CAC3D;EAAC,CACA,CAAC;AAEd","ignoreList":[]}

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

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithLabel = exports.LabelPositions = exports.Indeterminate = exports.Disabled = exports.Default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _Checkbox = require("./Checkbox.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const meta = {
+  title: 'Components/Checkbox',
+  component: _Checkbox.Checkbox
+};
+var _default = exports.default = meta;
+function Demo(props) {
+  const [checked, setChecked] = (0, _react.useState)(false);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
+    checked: checked,
+    onChange: setChecked,
+    ...props
+  });
+}
+const Default = exports.Default = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {})
+};
+const WithLabel = exports.WithLabel = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+    label: "Accept terms"
+  })
+};
+const Indeterminate = exports.Indeterminate = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
+    checked: false,
+    indeterminate: true,
+    onChange: () => {},
+    label: "Some selected"
+  })
+};
+const Disabled = exports.Disabled = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
+    checked: true,
+    onChange: () => {},
+    disabled: true,
+    label: "Disabled"
+  })
+};
+const LabelPositions = exports.LabelPositions = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      gap: 20,
+      alignItems: 'flex-start'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+      label: "right",
+      labelPosition: "right"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+      label: "left",
+      labelPosition: "left"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+      label: "top",
+      labelPosition: "top"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+      label: "bottom",
+      labelPosition: "bottom"
+    })]
+  })
+};
+//# sourceMappingURL=Checkbox.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_Checkbox","_jsxRuntime","meta","title","component","Checkbox","_default","exports","default","Demo","props","checked","setChecked","useState","jsx","onChange","Default","render","WithLabel","label","Indeterminate","indeterminate","Disabled","disabled","LabelPositions","jsxs","View","style","gap","alignItems","children","labelPosition"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Checkbox/Checkbox.stories.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAAsC,IAAAG,WAAA,GAAAH,OAAA;AAEtC,MAAMI,IAAI,GAAG;EACXC,KAAK,EAAE,qBAAqB;EAC5BC,SAAS,EAAEC;AACb,CAAiC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEnBN,IAAI;AAGnB,SAASO,IAAIA,CAACC,KAA2F,EAAE;EACzG,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC7C,oBAAO,IAAAZ,WAAA,CAAAa,GAAA,EAACd,SAAA,CAAAK,QAAQ;IAACM,OAAO,EAAEA,OAAQ;IAACI,QAAQ,EAAEH,UAAW;IAAA,GAAKF;EAAK,CAAG,CAAC;AACxE;AAEO,MAAMM,OAAc,GAAAT,OAAA,CAAAS,OAAA,GAAG;EAAEC,MAAM,EAAEA,CAAA,kBAAM,IAAAhB,WAAA,CAAAa,GAAA,EAACL,IAAI,IAAE;AAAE,CAAC;AACjD,MAAMS,SAAgB,GAAAX,OAAA,CAAAW,SAAA,GAAG;EAAED,MAAM,EAAEA,CAAA,kBAAM,IAAAhB,WAAA,CAAAa,GAAA,EAACL,IAAI;IAACU,KAAK,EAAC;EAAc,CAAE;AAAE,CAAC;AACxE,MAAMC,aAAoB,GAAAb,OAAA,CAAAa,aAAA,GAAG;EAAEH,MAAM,EAAEA,CAAA,kBAAM,IAAAhB,WAAA,CAAAa,GAAA,EAACd,SAAA,CAAAK,QAAQ;IAACM,OAAO,EAAE,KAAM;IAACU,aAAa;IAACN,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAE;IAACI,KAAK,EAAC;EAAe,CAAE;AAAE,CAAC;AACnI,MAAMG,QAAe,GAAAf,OAAA,CAAAe,QAAA,GAAG;EAAEL,MAAM,EAAEA,CAAA,kBAAM,IAAAhB,WAAA,CAAAa,GAAA,EAACd,SAAA,CAAAK,QAAQ;IAACM,OAAO;IAACI,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAE;IAACQ,QAAQ;IAACJ,KAAK,EAAC;EAAU,CAAE;AAAE,CAAC;AAE5G,MAAMK,cAAqB,GAAAjB,OAAA,CAAAiB,cAAA,GAAG;EACnCP,MAAM,EAAEA,CAAA,kBACN,IAAAhB,WAAA,CAAAwB,IAAA,EAAC1B,YAAA,CAAA2B,IAAI;IAACC,KAAK,EAAE;MAAEC,GAAG,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAa,CAAE;IAAAC,QAAA,gBACjD,IAAA7B,WAAA,CAAAa,GAAA,EAACL,IAAI;MAACU,KAAK,EAAC,OAAO;MAACY,aAAa,EAAC;IAAO,CAAE,CAAC,eAC5C,IAAA9B,WAAA,CAAAa,GAAA,EAACL,IAAI;MAACU,KAAK,EAAC,MAAM;MAACY,aAAa,EAAC;IAAM,CAAE,CAAC,eAC1C,IAAA9B,WAAA,CAAAa,GAAA,EAACL,IAAI;MAACU,KAAK,EAAC,KAAK;MAACY,aAAa,EAAC;IAAK,CAAE,CAAC,eACxC,IAAA9B,WAAA,CAAAa,GAAA,EAACL,IAAI;MAACU,KAAK,EAAC,QAAQ;MAACY,aAAa,EAAC;IAAQ,CAAE,CAAC;EAAA,CAC1C;AAEV,CAAC","ignoreList":[]}

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

@@ -0,0 +1,62 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("@testing-library/react-native");
+var _Checkbox = require("./Checkbox.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('Checkbox', () => {
+  it('renders its label', () => {
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
+      checked: false,
+      onChange: () => {},
+      label: "Accept"
+    }));
+    expect(_reactNative.screen.getByText('Accept')).toBeTruthy();
+  });
+  it('toggles on press', () => {
+    const onChange = jest.fn();
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
+      checked: false,
+      onChange: onChange,
+      label: "Accept"
+    }));
+    _reactNative.fireEvent.press(_reactNative.screen.getByRole('checkbox'));
+    expect(onChange).toHaveBeenCalledWith(true);
+  });
+  it('exposes checked and mixed accessibility state', () => {
+    const {
+      rerender
+    } = renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
+      checked: true,
+      onChange: () => {}
+    }));
+    expect(_reactNative.screen.getByRole('checkbox').props.accessibilityState.checked).toBe(true);
+    rerender(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
+        checked: false,
+        indeterminate: true,
+        onChange: () => {}
+      })
+    }));
+    expect(_reactNative.screen.getByRole('checkbox').props.accessibilityState.checked).toBe('mixed');
+  });
+  it('does not toggle when disabled', () => {
+    const onChange = jest.fn();
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
+      checked: false,
+      disabled: true,
+      onChange: onChange,
+      label: "x"
+    }));
+    _reactNative.fireEvent.press(_reactNative.screen.getByRole('checkbox'));
+    expect(onChange).not.toHaveBeenCalled();
+  });
+});
+//# sourceMappingURL=Checkbox.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Checkbox","_index","_jsxRuntime","e","__esModule","default","renderWithTheme","ui","render","jsx","ThemeProvider","children","describe","it","Checkbox","checked","onChange","label","expect","screen","getByText","toBeTruthy","jest","fn","fireEvent","press","getByRole","toHaveBeenCalledWith","rerender","props","accessibilityState","toBe","indeterminate","disabled","not","toHaveBeenCalled"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Checkbox/Checkbox.test.tsx"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA4C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE5C,SAASG,eAAeA,CAACC,EAAsB,EAAE;EAC/C,OAAO,IAAAC,mBAAM,eAAC,IAAAN,WAAA,CAAAO,GAAA,EAACR,MAAA,CAAAS,aAAa;IAAAC,QAAA,EAAEJ;EAAE,CAAgB,CAAC,CAAC;AACpD;AAEAK,QAAQ,CAAC,UAAU,EAAE,MAAM;EACzBC,EAAE,CAAC,mBAAmB,EAAE,MAAM;IAC5BP,eAAe,cAAC,IAAAJ,WAAA,CAAAO,GAAA,EAACT,SAAA,CAAAc,QAAQ;MAACC,OAAO,EAAE,KAAM;MAACC,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAE;MAACC,KAAK,EAAC;IAAQ,CAAE,CAAC,CAAC;IAChFC,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EACjD,CAAC,CAAC;EAEFR,EAAE,CAAC,kBAAkB,EAAE,MAAM;IAC3B,MAAMG,QAAQ,GAAGM,IAAI,CAACC,EAAE,CAAC,CAAC;IAC1BjB,eAAe,cAAC,IAAAJ,WAAA,CAAAO,GAAA,EAACT,SAAA,CAAAc,QAAQ;MAACC,OAAO,EAAE,KAAM;MAACC,QAAQ,EAAEA,QAAS;MAACC,KAAK,EAAC;IAAQ,CAAE,CAAC,CAAC;IAChFO,sBAAS,CAACC,KAAK,CAACN,mBAAM,CAACO,SAAS,CAAC,UAAU,CAAC,CAAC;IAC7CR,MAAM,CAACF,QAAQ,CAAC,CAACW,oBAAoB,CAAC,IAAI,CAAC;EAC7C,CAAC,CAAC;EAEFd,EAAE,CAAC,+CAA+C,EAAE,MAAM;IACxD,MAAM;MAAEe;IAAS,CAAC,GAAGtB,eAAe,cAAC,IAAAJ,WAAA,CAAAO,GAAA,EAACT,SAAA,CAAAc,QAAQ;MAACC,OAAO;MAACC,QAAQ,EAAEA,CAAA,KAAM,CAAC;IAAE,CAAE,CAAC,CAAC;IAC9EE,MAAM,CAACC,mBAAM,CAACO,SAAS,CAAC,UAAU,CAAC,CAACG,KAAK,CAACC,kBAAkB,CAACf,OAAO,CAAC,CAACgB,IAAI,CAAC,IAAI,CAAC;IAChFH,QAAQ,cACN,IAAA1B,WAAA,CAAAO,GAAA,EAACR,MAAA,CAAAS,aAAa;MAAAC,QAAA,eACZ,IAAAT,WAAA,CAAAO,GAAA,EAACT,SAAA,CAAAc,QAAQ;QAACC,OAAO,EAAE,KAAM;QAACiB,aAAa;QAAChB,QAAQ,EAAEA,CAAA,KAAM,CAAC;MAAE,CAAE;IAAC,CACjD,CACjB,CAAC;IACDE,MAAM,CAACC,mBAAM,CAACO,SAAS,CAAC,UAAU,CAAC,CAACG,KAAK,CAACC,kBAAkB,CAACf,OAAO,CAAC,CAACgB,IAAI,CAAC,OAAO,CAAC;EACrF,CAAC,CAAC;EAEFlB,EAAE,CAAC,+BAA+B,EAAE,MAAM;IACxC,MAAMG,QAAQ,GAAGM,IAAI,CAACC,EAAE,CAAC,CAAC;IAC1BjB,eAAe,cAAC,IAAAJ,WAAA,CAAAO,GAAA,EAACT,SAAA,CAAAc,QAAQ;MAACC,OAAO,EAAE,KAAM;MAACkB,QAAQ;MAACjB,QAAQ,EAAEA,QAAS;MAACC,KAAK,EAAC;IAAG,CAAE,CAAC,CAAC;IACpFO,sBAAS,CAACC,KAAK,CAACN,mBAAM,CAACO,SAAS,CAAC,UAAU,CAAC,CAAC;IAC7CR,MAAM,CAACF,QAAQ,CAAC,CAACkB,GAAG,CAACC,gBAAgB,CAAC,CAAC;EACzC,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

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

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

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

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

package/lib/commonjs/components/Chip/Chip.js

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Chip = Chip;
+var _reactNative = require("react-native");
+var _index = require("../../theme/index.js");
+var _Icon = require("../Icon/Icon.js");
+var _Text = require("../Text/Text.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/** Highlight color when the chip is active. */
+
+const SIZES = {
+  sm: {
+    paddingH: 12,
+    paddingV: 6,
+    gap: 6,
+    text: 'bodySmall',
+    icon: 16,
+    swatch: 8,
+    radius: 'md'
+  },
+  md: {
+    paddingH: 16,
+    paddingV: 12,
+    gap: 8,
+    text: 'bodyMedium',
+    icon: 20,
+    swatch: 10,
+    radius: 'lg'
+  }
+};
+/**
+ * Chip — faithful to the Bacon POS Figma "Chips". A selectable pill: default
+ * (light, secondary text) / active (filled, inverse text). Options: a left color
+ * swatch (a convention color) that hides when active, a left icon, a `primary`
+ * active tone, and a right check when selected.
+ */
+function Chip({
+  label,
+  active = false,
+  onPress,
+  tone = 'dark',
+  size = 'md',
+  swatchColor,
+  icon,
+  showCheck = false,
+  disabled = false,
+  style,
+  accessibilityLabel
+}) {
+  const theme = (0, _index.useTheme)();
+  const cfg = SIZES[size];
+  let backgroundColor = theme.colors.background.default;
+  let borderColor = theme.colors.border.default;
+  let contentColor = theme.colors.text.secondary;
+  if (active) {
+    if (tone === 'primary') {
+      // Same lime action color as the default Button.
+      backgroundColor = theme.colors.action.primary;
+      borderColor = theme.colors.action.primary;
+      contentColor = theme.colors.action.primaryForeground;
+    } else {
+      backgroundColor = theme.colors.text.primary;
+      borderColor = theme.colors.text.primary;
+      contentColor = theme.colors.text.inverse;
+    }
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    onPress: onPress,
+    disabled: disabled || !onPress,
+    accessibilityRole: "button",
+    accessibilityState: {
+      selected: active,
+      disabled
+    },
+    accessibilityLabel: accessibilityLabel ?? label,
+    style: ({
+      pressed
+    }) => [{
+      flexDirection: 'row',
+      alignItems: 'center',
+      alignSelf: 'flex-start',
+      gap: cfg.gap,
+      paddingHorizontal: cfg.paddingH,
+      paddingVertical: cfg.paddingV,
+      borderRadius: theme.radii[cfg.radius],
+      borderWidth: 1,
+      borderColor,
+      backgroundColor,
+      opacity: disabled ? 0.5 : pressed ? 0.9 : 1
+    }, style],
+    children: [icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      name: icon,
+      size: cfg.icon,
+      color: contentColor
+    }) : swatchColor && !active ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      testID: "chip-swatch",
+      style: {
+        width: cfg.swatch,
+        height: cfg.swatch,
+        borderRadius: cfg.swatch / 2,
+        backgroundColor: swatchColor
+      }
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: cfg.text,
+      weight: "medium",
+      color: contentColor,
+      numberOfLines: 1,
+      children: label
+    }), active && showCheck ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      name: "check",
+      size: cfg.icon,
+      color: contentColor
+    }) : null]
+  });
+}
+//# sourceMappingURL=Chip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_index","_Icon","_Text","_jsxRuntime","SIZES","sm","paddingH","paddingV","gap","text","icon","swatch","radius","md","Chip","label","active","onPress","tone","size","swatchColor","showCheck","disabled","style","accessibilityLabel","theme","useTheme","cfg","backgroundColor","colors","background","default","borderColor","border","contentColor","secondary","action","primary","primaryForeground","inverse","jsxs","Pressable","accessibilityRole","accessibilityState","selected","pressed","flexDirection","alignItems","alignSelf","paddingHorizontal","paddingVertical","borderRadius","radii","borderWidth","opacity","children","jsx","Icon","name","color","View","testID","width","height","Text","variant","weight","numberOfLines"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Chip/Chip.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithSwatch = exports.WithIcon = exports.WithCheck = exports.SwatchGroup = exports.Small = exports.PrimaryWithCheck = exports.PrimaryTone = exports.Disabled = exports.Default = exports.Active = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _Chip = require("./Chip.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const meta = {
+  title: 'Components/Chip',
+  component: _Chip.Chip
+};
+var _default = exports.default = meta;
+function Demo(props) {
+  const [active, setActive] = (0, _react.useState)(props.start ?? false);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.Chip, {
+    label: props.label ?? 'Starters',
+    active: active,
+    onPress: () => setActive(a => !a),
+    swatchColor: props.swatchColor,
+    icon: props.icon,
+    tone: props.tone,
+    showCheck: props.showCheck
+  });
+}
+const Default = exports.Default = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {})
+};
+const Active = exports.Active = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+    start: true
+  })
+};
+const PrimaryTone = exports.PrimaryTone = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+    tone: "primary",
+    start: true
+  })
+};
+// Interactive — tap to toggle the check off.
+const WithCheck = exports.WithCheck = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+    showCheck: true,
+    start: true
+  })
+};
+const PrimaryWithCheck = exports.PrimaryWithCheck = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+    tone: "primary",
+    showCheck: true,
+    start: true
+  })
+};
+const WithSwatch = exports.WithSwatch = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+    label: "Starters",
+    swatchColor: "#F89191"
+  })
+};
+const WithIcon = exports.WithIcon = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+    label: "Filters",
+    icon: "filter"
+  })
+};
+const Small = exports.Small = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.Chip, {
+    label: "Starters",
+    size: "sm",
+    active: true,
+    onPress: () => {}
+  })
+};
+const Disabled = exports.Disabled = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.Chip, {
+    label: "Starters",
+    swatchColor: "#F89191",
+    disabled: true,
+    onPress: () => {}
+  })
+};
+const SwatchGroup = exports.SwatchGroup = {
+  render: () => {
+    const cats = [{
+      label: 'Starters',
+      color: '#F89191'
+    }, {
+      label: 'Mains',
+      color: '#C9FF00'
+    }, {
+      label: 'Drinks',
+      color: '#66BA9A'
+    }];
+    const [sel, setSel] = (0, _react.useState)('Mains');
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        gap: 8
+      },
+      children: cats.map(c => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.Chip, {
+        label: c.label,
+        swatchColor: c.color,
+        active: sel === c.label,
+        onPress: () => setSel(c.label)
+      }, c.label))
+    });
+  }
+};
+//# sourceMappingURL=Chip.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_Chip","_jsxRuntime","meta","title","component","Chip","_default","exports","default","Demo","props","active","setActive","useState","start","jsx","label","onPress","a","swatchColor","icon","tone","showCheck","Default","render","Active","PrimaryTone","WithCheck","PrimaryWithCheck","WithSwatch","WithIcon","Small","size","Disabled","disabled","SwatchGroup","cats","color","sel","setSel","View","style","flexDirection","flexWrap","gap","children","map","c"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Chip/Chip.stories.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,63 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("@testing-library/react-native");
+var _Chip = require("./Chip.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('Chip', () => {
+  it('renders its label', () => {
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.Chip, {
+      label: "Starters",
+      onPress: () => {}
+    }));
+    expect(_reactNative.screen.getByText('Starters')).toBeTruthy();
+  });
+  it('shows the swatch when inactive and hides it when active', () => {
+    const {
+      rerender
+    } = renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.Chip, {
+      label: "Starters",
+      swatchColor: "#F89191",
+      onPress: () => {}
+    }));
+    expect(_reactNative.screen.getByTestId('chip-swatch')).toBeTruthy();
+    rerender(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.Chip, {
+        label: "Starters",
+        swatchColor: "#F89191",
+        active: true,
+        onPress: () => {}
+      })
+    }));
+    expect(_reactNative.screen.queryByTestId('chip-swatch')).toBeNull();
+  });
+  it('exposes the selected state and toggles on press', () => {
+    const onPress = jest.fn();
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.Chip, {
+      label: "Starters",
+      active: true,
+      onPress: onPress
+    }));
+    expect(_reactNative.screen.getByRole('button').props.accessibilityState.selected).toBe(true);
+    _reactNative.fireEvent.press(_reactNative.screen.getByRole('button'));
+    expect(onPress).toHaveBeenCalledTimes(1);
+  });
+  it('does not fire when disabled', () => {
+    const onPress = jest.fn();
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.Chip, {
+      label: "Starters",
+      disabled: true,
+      onPress: onPress
+    }));
+    _reactNative.fireEvent.press(_reactNative.screen.getByRole('button'));
+    expect(onPress).not.toHaveBeenCalled();
+  });
+});
+//# sourceMappingURL=Chip.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Chip","_index","_jsxRuntime","e","__esModule","default","renderWithTheme","ui","render","jsx","ThemeProvider","children","describe","it","Chip","label","onPress","expect","screen","getByText","toBeTruthy","rerender","swatchColor","getByTestId","active","queryByTestId","toBeNull","jest","fn","getByRole","props","accessibilityState","selected","toBe","fireEvent","press","toHaveBeenCalledTimes","disabled","not","toHaveBeenCalled"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Chip/Chip.test.tsx"],"mappings":"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","ignoreList":[]}