@bacon-pos/ui 0.1.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","render","screen","fireEvent","Card","ThemeProvider","jsx","_jsx","renderWithTheme","ui","children","describe","it","title","description","expect","getByText","toBeTruthy","onPress","jest","fn","press","getByRole","toHaveBeenCalledTimes","selected","props","accessibilityState","toBe","disabled","not","toHaveBeenCalled"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Card/Card.test.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,MAAM,EAAEC,SAAS,QAAQ,+BAA+B;AACzE,SAASC,IAAI,QAAQ,WAAQ;AAC7B,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,MAAM,EAAE,MAAM;EACrBC,EAAE,CAAC,+BAA+B,EAAE,MAAM;IACxCJ,eAAe,cAACD,IAAA,CAACH,IAAI;MAACS,KAAK,EAAC,SAAS;MAACC,WAAW,EAAC;IAAkB,CAAE,CAAC,CAAC;IACxEC,MAAM,CAACb,MAAM,CAACc,SAAS,CAAC,SAAS,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IAChDF,MAAM,CAACb,MAAM,CAACc,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAC3D,CAAC,CAAC;EAEFL,EAAE,CAAC,2BAA2B,EAAE,MAAM;IACpC,MAAMM,OAAO,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IACzBZ,eAAe,cAACD,IAAA,CAACH,IAAI;MAACS,KAAK,EAAC,SAAS;MAACK,OAAO,EAAEA;IAAQ,CAAE,CAAC,CAAC;IAC3Df,SAAS,CAACkB,KAAK,CAACnB,MAAM,CAACoB,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC3CP,MAAM,CAACG,OAAO,CAAC,CAACK,qBAAqB,CAAC,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEFX,EAAE,CAAC,8CAA8C,EAAE,MAAM;IACvDJ,eAAe,cAACD,IAAA,CAACH,IAAI;MAACS,KAAK,EAAC,SAAS;MAACW,QAAQ;MAACN,OAAO,EAAEA,CAAA,KAAM,CAAC;IAAE,CAAE,CAAC,CAAC;IACrEH,MAAM,CAACb,MAAM,CAACoB,SAAS,CAAC,QAAQ,CAAC,CAACG,KAAK,CAACC,kBAAkB,CAACF,QAAQ,CAAC,CAACG,IAAI,CAAC,IAAI,CAAC;EACjF,CAAC,CAAC;EAEFf,EAAE,CAAC,qCAAqC,EAAE,MAAM;IAC9C,MAAMM,OAAO,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IACzBZ,eAAe,cAACD,IAAA,CAACH,IAAI;MAACS,KAAK,EAAC,SAAS;MAACe,QAAQ;MAACV,OAAO,EAAEA;IAAQ,CAAE,CAAC,CAAC;IACpEf,SAAS,CAACkB,KAAK,CAACnB,MAAM,CAACoB,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC3CP,MAAM,CAACG,OAAO,CAAC,CAACW,GAAG,CAACC,gBAAgB,CAAC,CAAC;EACxC,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["Card"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Card/index.ts"],"mappings":";;AAAA,SAASA,IAAI,QAAwB,WAAQ","ignoreList":[]}

package/lib/module/components/Checkbox/Checkbox.js

@@ -0,0 +1,71 @@
+"use strict";
+
+import { View } from 'react-native';
+import { useTheme } from "../../theme/index.js";
+import { Icon } from "../Icon/Icon.js";
+import { Labeled } from "../_internal/Labeled.js";
+import { jsx as _jsx } from "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.
+ */
+export function Checkbox({
+  checked,
+  onChange,
+  indeterminate = false,
+  disabled = false,
+  label,
+  labelPosition,
+  style
+}) {
+  const theme = 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__*/_jsx(Labeled, {
+    label: label,
+    labelPosition: labelPosition,
+    disabled: disabled,
+    onPress: () => onChange(!checked),
+    accessibilityRole: "checkbox",
+    accessibilityState: {
+      checked: indeterminate ? 'mixed' : checked,
+      disabled
+    },
+    style: style,
+    children: /*#__PURE__*/_jsx(View, {
+      style: {
+        width: 24,
+        height: 24,
+        borderRadius: theme.radii.md,
+        backgroundColor,
+        borderWidth,
+        borderColor,
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      children: mark ? /*#__PURE__*/_jsx(Icon, {
+        name: mark,
+        size: 18,
+        color: markColor
+      }) : null
+    })
+  });
+}
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","useTheme","Icon","Labeled","jsx","_jsx","Checkbox","checked","onChange","indeterminate","disabled","label","labelPosition","style","theme","on","backgroundColor","borderWidth","borderColor","markColor","colors","background","default","backgroundStrong","border","foreground","text","primary","strong","mark","onPress","accessibilityRole","accessibilityState","children","width","height","borderRadius","radii","md","alignItems","justifyContent","name","size","color"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Checkbox/Checkbox.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAwC,cAAc;AACnE,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,IAAI,QAAQ,iBAAc;AACnC,SAASC,OAAO,QAA4B,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAmBnE;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,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,GAAGb,QAAQ,CAAC,CAAC;EACxB,MAAMc,EAAE,GAAGR,OAAO,IAAIE,aAAa;EAEnC,IAAIO,eAAuB;EAC3B,IAAIC,WAAW,GAAG,CAAC;EACnB,IAAIC,WAAW,GAAG,aAAa;EAC/B,IAAIC,SAAS,GAAGL,KAAK,CAACM,MAAM,CAACC,UAAU,CAACC,OAAO;EAE/C,IAAIZ,QAAQ,EAAE;IACZM,eAAe,GAAGD,EAAE,GAAGD,KAAK,CAACM,MAAM,CAACV,QAAQ,CAACa,gBAAgB,GAAGT,KAAK,CAACM,MAAM,CAACV,QAAQ,CAACW,UAAU;IAChGJ,WAAW,GAAGF,EAAE,GAAG,CAAC,GAAG,CAAC;IACxBG,WAAW,GAAGJ,KAAK,CAACM,MAAM,CAACV,QAAQ,CAACc,MAAM;IAC1CL,SAAS,GAAGL,KAAK,CAACM,MAAM,CAACV,QAAQ,CAACe,UAAU;EAC9C,CAAC,MAAM,IAAIV,EAAE,EAAE;IACbC,eAAe,GAAGF,KAAK,CAACM,MAAM,CAACM,IAAI,CAACC,OAAO;EAC7C,CAAC,MAAM;IACLX,eAAe,GAAGF,KAAK,CAACM,MAAM,CAACC,UAAU,CAACC,OAAO;IACjDL,WAAW,GAAG,CAAC;IACfC,WAAW,GAAGJ,KAAK,CAACM,MAAM,CAACI,MAAM,CAACI,MAAM;EAC1C;EAEA,MAAMC,IAAI,GAAGpB,aAAa,GAAG,OAAO,GAAGF,OAAO,GAAG,OAAO,GAAG,IAAI;EAE/D,oBACEF,IAAA,CAACF,OAAO;IACNQ,KAAK,EAAEA,KAAM;IACbC,aAAa,EAAEA,aAAc;IAC7BF,QAAQ,EAAEA,QAAS;IACnBoB,OAAO,EAAEA,CAAA,KAAMtB,QAAQ,CAAC,CAACD,OAAO,CAAE;IAClCwB,iBAAiB,EAAC,UAAU;IAC5BC,kBAAkB,EAAE;MAAEzB,OAAO,EAAEE,aAAa,GAAG,OAAO,GAAGF,OAAO;MAAEG;IAAS,CAAE;IAC7EG,KAAK,EAAEA,KAAM;IAAAoB,QAAA,eAEb5B,IAAA,CAACL,IAAI;MACHa,KAAK,EAAE;QACLqB,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAEtB,KAAK,CAACuB,KAAK,CAACC,EAAE;QAC5BtB,eAAe;QACfC,WAAW;QACXC,WAAW;QACXqB,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE;MAClB,CAAE;MAAAP,QAAA,EAEDJ,IAAI,gBAAGxB,IAAA,CAACH,IAAI;QAACuC,IAAI,EAAEZ,IAAK;QAACa,IAAI,EAAE,EAAG;QAACC,KAAK,EAAExB;MAAU,CAAE,CAAC,GAAG;IAAI,CAC3D;EAAC,CACA,CAAC;AAEd","ignoreList":[]}

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

@@ -0,0 +1,65 @@
+"use strict";
+
+import { useState } from 'react';
+import { View } from 'react-native';
+import { Checkbox } from "./Checkbox.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const meta = {
+  title: 'Components/Checkbox',
+  component: Checkbox
+};
+export default meta;
+function Demo(props) {
+  const [checked, setChecked] = useState(false);
+  return /*#__PURE__*/_jsx(Checkbox, {
+    checked: checked,
+    onChange: setChecked,
+    ...props
+  });
+}
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(Demo, {})
+};
+export const WithLabel = {
+  render: () => /*#__PURE__*/_jsx(Demo, {
+    label: "Accept terms"
+  })
+};
+export const Indeterminate = {
+  render: () => /*#__PURE__*/_jsx(Checkbox, {
+    checked: false,
+    indeterminate: true,
+    onChange: () => {},
+    label: "Some selected"
+  })
+};
+export const Disabled = {
+  render: () => /*#__PURE__*/_jsx(Checkbox, {
+    checked: true,
+    onChange: () => {},
+    disabled: true,
+    label: "Disabled"
+  })
+};
+export const LabelPositions = {
+  render: () => /*#__PURE__*/_jsxs(View, {
+    style: {
+      gap: 20,
+      alignItems: 'flex-start'
+    },
+    children: [/*#__PURE__*/_jsx(Demo, {
+      label: "right",
+      labelPosition: "right"
+    }), /*#__PURE__*/_jsx(Demo, {
+      label: "left",
+      labelPosition: "left"
+    }), /*#__PURE__*/_jsx(Demo, {
+      label: "top",
+      labelPosition: "top"
+    }), /*#__PURE__*/_jsx(Demo, {
+      label: "bottom",
+      labelPosition: "bottom"
+    })]
+  })
+};
+//# sourceMappingURL=Checkbox.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useState","View","Checkbox","jsx","_jsx","jsxs","_jsxs","meta","title","component","Demo","props","checked","setChecked","onChange","Default","render","WithLabel","label","Indeterminate","indeterminate","Disabled","disabled","LabelPositions","style","gap","alignItems","children","labelPosition"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Checkbox/Checkbox.stories.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAEhC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,QAAQ,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEtC,MAAMC,IAAI,GAAG;EACXC,KAAK,EAAE,qBAAqB;EAC5BC,SAAS,EAAEP;AACb,CAAiC;AAEjC,eAAeK,IAAI;AAGnB,SAASG,IAAIA,CAACC,KAA2F,EAAE;EACzG,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGb,QAAQ,CAAC,KAAK,CAAC;EAC7C,oBAAOI,IAAA,CAACF,QAAQ;IAACU,OAAO,EAAEA,OAAQ;IAACE,QAAQ,EAAED,UAAW;IAAA,GAAKF;EAAK,CAAG,CAAC;AACxE;AAEA,OAAO,MAAMI,OAAc,GAAG;EAAEC,MAAM,EAAEA,CAAA,kBAAMZ,IAAA,CAACM,IAAI,IAAE;AAAE,CAAC;AACxD,OAAO,MAAMO,SAAgB,GAAG;EAAED,MAAM,EAAEA,CAAA,kBAAMZ,IAAA,CAACM,IAAI;IAACQ,KAAK,EAAC;EAAc,CAAE;AAAE,CAAC;AAC/E,OAAO,MAAMC,aAAoB,GAAG;EAAEH,MAAM,EAAEA,CAAA,kBAAMZ,IAAA,CAACF,QAAQ;IAACU,OAAO,EAAE,KAAM;IAACQ,aAAa;IAACN,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAE;IAACI,KAAK,EAAC;EAAe,CAAE;AAAE,CAAC;AAC1I,OAAO,MAAMG,QAAe,GAAG;EAAEL,MAAM,EAAEA,CAAA,kBAAMZ,IAAA,CAACF,QAAQ;IAACU,OAAO;IAACE,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAE;IAACQ,QAAQ;IAACJ,KAAK,EAAC;EAAU,CAAE;AAAE,CAAC;AAEnH,OAAO,MAAMK,cAAqB,GAAG;EACnCP,MAAM,EAAEA,CAAA,kBACNV,KAAA,CAACL,IAAI;IAACuB,KAAK,EAAE;MAAEC,GAAG,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAa,CAAE;IAAAC,QAAA,gBACjDvB,IAAA,CAACM,IAAI;MAACQ,KAAK,EAAC,OAAO;MAACU,aAAa,EAAC;IAAO,CAAE,CAAC,eAC5CxB,IAAA,CAACM,IAAI;MAACQ,KAAK,EAAC,MAAM;MAACU,aAAa,EAAC;IAAM,CAAE,CAAC,eAC1CxB,IAAA,CAACM,IAAI;MAACQ,KAAK,EAAC,KAAK;MAACU,aAAa,EAAC;IAAK,CAAE,CAAC,eACxCxB,IAAA,CAACM,IAAI;MAACQ,KAAK,EAAC,QAAQ;MAACU,aAAa,EAAC;IAAQ,CAAE,CAAC;EAAA,CAC1C;AAEV,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","render","screen","fireEvent","Checkbox","ThemeProvider","jsx","_jsx","renderWithTheme","ui","children","describe","it","checked","onChange","label","expect","getByText","toBeTruthy","jest","fn","press","getByRole","toHaveBeenCalledWith","rerender","props","accessibilityState","toBe","indeterminate","disabled","not","toHaveBeenCalled"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Checkbox/Checkbox.test.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,MAAM,EAAEC,SAAS,QAAQ,+BAA+B;AACzE,SAASC,QAAQ,QAAQ,eAAY;AACrC,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,UAAU,EAAE,MAAM;EACzBC,EAAE,CAAC,mBAAmB,EAAE,MAAM;IAC5BJ,eAAe,cAACD,IAAA,CAACH,QAAQ;MAACS,OAAO,EAAE,KAAM;MAACC,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAE;MAACC,KAAK,EAAC;IAAQ,CAAE,CAAC,CAAC;IAChFC,MAAM,CAACd,MAAM,CAACe,SAAS,CAAC,QAAQ,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EACjD,CAAC,CAAC;EAEFN,EAAE,CAAC,kBAAkB,EAAE,MAAM;IAC3B,MAAME,QAAQ,GAAGK,IAAI,CAACC,EAAE,CAAC,CAAC;IAC1BZ,eAAe,cAACD,IAAA,CAACH,QAAQ;MAACS,OAAO,EAAE,KAAM;MAACC,QAAQ,EAAEA,QAAS;MAACC,KAAK,EAAC;IAAQ,CAAE,CAAC,CAAC;IAChFZ,SAAS,CAACkB,KAAK,CAACnB,MAAM,CAACoB,SAAS,CAAC,UAAU,CAAC,CAAC;IAC7CN,MAAM,CAACF,QAAQ,CAAC,CAACS,oBAAoB,CAAC,IAAI,CAAC;EAC7C,CAAC,CAAC;EAEFX,EAAE,CAAC,+CAA+C,EAAE,MAAM;IACxD,MAAM;MAAEY;IAAS,CAAC,GAAGhB,eAAe,cAACD,IAAA,CAACH,QAAQ;MAACS,OAAO;MAACC,QAAQ,EAAEA,CAAA,KAAM,CAAC;IAAE,CAAE,CAAC,CAAC;IAC9EE,MAAM,CAACd,MAAM,CAACoB,SAAS,CAAC,UAAU,CAAC,CAACG,KAAK,CAACC,kBAAkB,CAACb,OAAO,CAAC,CAACc,IAAI,CAAC,IAAI,CAAC;IAChFH,QAAQ,cACNjB,IAAA,CAACF,aAAa;MAAAK,QAAA,eACZH,IAAA,CAACH,QAAQ;QAACS,OAAO,EAAE,KAAM;QAACe,aAAa;QAACd,QAAQ,EAAEA,CAAA,KAAM,CAAC;MAAE,CAAE;IAAC,CACjD,CACjB,CAAC;IACDE,MAAM,CAACd,MAAM,CAACoB,SAAS,CAAC,UAAU,CAAC,CAACG,KAAK,CAACC,kBAAkB,CAACb,OAAO,CAAC,CAACc,IAAI,CAAC,OAAO,CAAC;EACrF,CAAC,CAAC;EAEFf,EAAE,CAAC,+BAA+B,EAAE,MAAM;IACxC,MAAME,QAAQ,GAAGK,IAAI,CAACC,EAAE,CAAC,CAAC;IAC1BZ,eAAe,cAACD,IAAA,CAACH,QAAQ;MAACS,OAAO,EAAE,KAAM;MAACgB,QAAQ;MAACf,QAAQ,EAAEA,QAAS;MAACC,KAAK,EAAC;IAAG,CAAE,CAAC,CAAC;IACpFZ,SAAS,CAACkB,KAAK,CAACnB,MAAM,CAACoB,SAAS,CAAC,UAAU,CAAC,CAAC;IAC7CN,MAAM,CAACF,QAAQ,CAAC,CAACgB,GAAG,CAACC,gBAAgB,CAAC,CAAC;EACzC,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["Checkbox"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Checkbox/index.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAA4B,eAAY","ignoreList":[]}

package/lib/module/components/Chip/Chip.js

@@ -0,0 +1,115 @@
+"use strict";
+
+import { Pressable, View } from 'react-native';
+import { useTheme } from "../../theme/index.js";
+import { Icon } from "../Icon/Icon.js";
+import { Text } from "../Text/Text.js";
+
+/** Highlight color when the chip is active. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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.
+ */
+export function Chip({
+  label,
+  active = false,
+  onPress,
+  tone = 'dark',
+  size = 'md',
+  swatchColor,
+  icon,
+  showCheck = false,
+  disabled = false,
+  style,
+  accessibilityLabel
+}) {
+  const theme = 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__*/_jsxs(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__*/_jsx(Icon, {
+      name: icon,
+      size: cfg.icon,
+      color: contentColor
+    }) : swatchColor && !active ? /*#__PURE__*/_jsx(View, {
+      testID: "chip-swatch",
+      style: {
+        width: cfg.swatch,
+        height: cfg.swatch,
+        borderRadius: cfg.swatch / 2,
+        backgroundColor: swatchColor
+      }
+    }) : null, /*#__PURE__*/_jsx(Text, {
+      variant: cfg.text,
+      weight: "medium",
+      color: contentColor,
+      numberOfLines: 1,
+      children: label
+    }), active && showCheck ? /*#__PURE__*/_jsx(Icon, {
+      name: "check",
+      size: cfg.icon,
+      color: contentColor
+    }) : null]
+  });
+}
+//# sourceMappingURL=Chip.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","render","screen","fireEvent","Chip","ThemeProvider","jsx","_jsx","renderWithTheme","ui","children","describe","it","label","onPress","expect","getByText","toBeTruthy","rerender","swatchColor","getByTestId","active","queryByTestId","toBeNull","jest","fn","getByRole","props","accessibilityState","selected","toBe","press","toHaveBeenCalledTimes","disabled","not","toHaveBeenCalled"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Chip/Chip.test.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,MAAM,EAAEC,SAAS,QAAQ,+BAA+B;AACzE,SAASC,IAAI,QAAQ,WAAQ;AAC7B,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,MAAM,EAAE,MAAM;EACrBC,EAAE,CAAC,mBAAmB,EAAE,MAAM;IAC5BJ,eAAe,cAACD,IAAA,CAACH,IAAI;MAACS,KAAK,EAAC,UAAU;MAACC,OAAO,EAAEA,CAAA,KAAM,CAAC;IAAE,CAAE,CAAC,CAAC;IAC7DC,MAAM,CAACb,MAAM,CAACc,SAAS,CAAC,UAAU,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EACnD,CAAC,CAAC;EAEFL,EAAE,CAAC,yDAAyD,EAAE,MAAM;IAClE,MAAM;MAAEM;IAAS,CAAC,GAAGV,eAAe,cAClCD,IAAA,CAACH,IAAI;MAACS,KAAK,EAAC,UAAU;MAACM,WAAW,EAAC,SAAS;MAACL,OAAO,EAAEA,CAAA,KAAM,CAAC;IAAE,CAAE,CACnE,CAAC;IACDC,MAAM,CAACb,MAAM,CAACkB,WAAW,CAAC,aAAa,CAAC,CAAC,CAACH,UAAU,CAAC,CAAC;IACtDC,QAAQ,cACNX,IAAA,CAACF,aAAa;MAAAK,QAAA,eACZH,IAAA,CAACH,IAAI;QAACS,KAAK,EAAC,UAAU;QAACM,WAAW,EAAC,SAAS;QAACE,MAAM;QAACP,OAAO,EAAEA,CAAA,KAAM,CAAC;MAAE,CAAE;IAAC,CAC5D,CACjB,CAAC;IACDC,MAAM,CAACb,MAAM,CAACoB,aAAa,CAAC,aAAa,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;EACxD,CAAC,CAAC;EAEFX,EAAE,CAAC,iDAAiD,EAAE,MAAM;IAC1D,MAAME,OAAO,GAAGU,IAAI,CAACC,EAAE,CAAC,CAAC;IACzBjB,eAAe,cAACD,IAAA,CAACH,IAAI;MAACS,KAAK,EAAC,UAAU;MAACQ,MAAM;MAACP,OAAO,EAAEA;IAAQ,CAAE,CAAC,CAAC;IACnEC,MAAM,CAACb,MAAM,CAACwB,SAAS,CAAC,QAAQ,CAAC,CAACC,KAAK,CAACC,kBAAkB,CAACC,QAAQ,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC;IAC/E3B,SAAS,CAAC4B,KAAK,CAAC7B,MAAM,CAACwB,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC3CX,MAAM,CAACD,OAAO,CAAC,CAACkB,qBAAqB,CAAC,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEFpB,EAAE,CAAC,6BAA6B,EAAE,MAAM;IACtC,MAAME,OAAO,GAAGU,IAAI,CAACC,EAAE,CAAC,CAAC;IACzBjB,eAAe,cAACD,IAAA,CAACH,IAAI;MAACS,KAAK,EAAC,UAAU;MAACoB,QAAQ;MAACnB,OAAO,EAAEA;IAAQ,CAAE,CAAC,CAAC;IACrEX,SAAS,CAAC4B,KAAK,CAAC7B,MAAM,CAACwB,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC3CX,MAAM,CAACD,OAAO,CAAC,CAACoB,GAAG,CAACC,gBAAgB,CAAC,CAAC;EACxC,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Chip/ChipGroup.js

@@ -0,0 +1,50 @@
+"use strict";
+
+import { View } from 'react-native';
+import { Chip } from "./Chip.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * A wrapping row of Chips with single- or multi-select behavior. Set `multiple`
+ * to toggle several; otherwise selecting a chip replaces the selection (and
+ * re-tapping the active one clears it).
+ */
+export function ChipGroup(props) {
+  const {
+    options,
+    tone,
+    size,
+    showCheck,
+    disabled,
+    gap = 8,
+    style
+  } = props;
+  const isSelected = value => props.multiple ? props.value.includes(value) : props.value === value;
+  const handlePress = value => {
+    if (props.multiple) {
+      const set = new Set(props.value);
+      if (set.has(value)) set.delete(value);else set.add(value);
+      props.onChange(Array.from(set));
+    } else {
+      props.onChange(props.value === value ? null : value);
+    }
+  };
+  return /*#__PURE__*/_jsx(View, {
+    style: [{
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      gap
+    }, style],
+    children: options.map(option => /*#__PURE__*/_jsx(Chip, {
+      label: option.label,
+      swatchColor: option.swatchColor,
+      icon: option.icon,
+      tone: tone,
+      size: size,
+      showCheck: showCheck,
+      active: isSelected(option.value),
+      disabled: disabled || option.disabled,
+      onPress: () => handlePress(option.value)
+    }, option.value))
+  });
+}
+//# sourceMappingURL=ChipGroup.js.map

package/lib/module/components/Chip/ChipGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Chip","jsx","_jsx","ChipGroup","props","options","tone","size","showCheck","disabled","gap","style","isSelected","value","multiple","includes","handlePress","set","Set","has","delete","add","onChange","Array","from","flexDirection","flexWrap","children","map","option","label","swatchColor","icon","active","onPress"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Chip/ChipGroup.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAwC,cAAc;AAEnE,SAASC,IAAI,QAAsC,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AA6C5D;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,SAASA,CAACC,KAAqB,EAAE;EAC/C,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC,IAAI;IAAEC,SAAS;IAAEC,QAAQ;IAAEC,GAAG,GAAG,CAAC;IAAEC;EAAM,CAAC,GAAGP,KAAK;EAE1E,MAAMQ,UAAU,GAAIC,KAAa,IAC/BT,KAAK,CAACU,QAAQ,GAAGV,KAAK,CAACS,KAAK,CAACE,QAAQ,CAACF,KAAK,CAAC,GAAGT,KAAK,CAACS,KAAK,KAAKA,KAAK;EAEtE,MAAMG,WAAW,GAAIH,KAAa,IAAK;IACrC,IAAIT,KAAK,CAACU,QAAQ,EAAE;MAClB,MAAMG,GAAG,GAAG,IAAIC,GAAG,CAACd,KAAK,CAACS,KAAK,CAAC;MAChC,IAAII,GAAG,CAACE,GAAG,CAACN,KAAK,CAAC,EAAEI,GAAG,CAACG,MAAM,CAACP,KAAK,CAAC,CAAC,KACjCI,GAAG,CAACI,GAAG,CAACR,KAAK,CAAC;MACnBT,KAAK,CAACkB,QAAQ,CAACC,KAAK,CAACC,IAAI,CAACP,GAAG,CAAC,CAAC;IACjC,CAAC,MAAM;MACLb,KAAK,CAACkB,QAAQ,CAAClB,KAAK,CAACS,KAAK,KAAKA,KAAK,GAAG,IAAI,GAAGA,KAAK,CAAC;IACtD;EACF,CAAC;EAED,oBACEX,IAAA,CAACH,IAAI;IAACY,KAAK,EAAE,CAAC;MAAEc,aAAa,EAAE,KAAK;MAAEC,QAAQ,EAAE,MAAM;MAAEhB;IAAI,CAAC,EAAEC,KAAK,CAAE;IAAAgB,QAAA,EACnEtB,OAAO,CAACuB,GAAG,CAAEC,MAAM,iBAClB3B,IAAA,CAACF,IAAI;MAEH8B,KAAK,EAAED,MAAM,CAACC,KAAM;MACpBC,WAAW,EAAEF,MAAM,CAACE,WAAY;MAChCC,IAAI,EAAEH,MAAM,CAACG,IAAK;MAClB1B,IAAI,EAAEA,IAAK;MACXC,IAAI,EAAEA,IAAK;MACXC,SAAS,EAAEA,SAAU;MACrByB,MAAM,EAAErB,UAAU,CAACiB,MAAM,CAAChB,KAAK,CAAE;MACjCJ,QAAQ,EAAEA,QAAQ,IAAIoB,MAAM,CAACpB,QAAS;MACtCyB,OAAO,EAAEA,CAAA,KAAMlB,WAAW,CAACa,MAAM,CAAChB,KAAK;IAAE,GATpCgB,MAAM,CAAChB,KAUb,CACF;EAAC,CACE,CAAC;AAEX","ignoreList":[]}