@bacon-pos/ui 0.1.0

package/lib/module/components/Icon/icons.generated.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icons"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Icon/icons.generated.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+"use strict";
+
+export { Icon } from "./Icon.js";
+export { icons } from "./icons.generated.js";
+//# sourceMappingURL=index.js.map

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

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

package/lib/module/components/IconButton/IconButton.js

@@ -0,0 +1,135 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { ActivityIndicator, Pressable } from 'react-native';
+import { useTheme } from "../../theme/index.js";
+import { Icon } from "../Icon/Icon.js";
+
+/** Icon-only button styles — 1:1 with the Figma "Icon button" style variants. */
+
+/** `round` = circle (default), `square` = 16px corner radius. */
+import { jsx as _jsx } from "react/jsx-runtime";
+const SIZES = {
+  sm: {
+    box: 40,
+    iconSize: 20
+  },
+  md: {
+    box: 48,
+    iconSize: 24
+  },
+  lg: {
+    box: 58,
+    iconSize: 24
+  }
+};
+function getVariantColors(theme, variant) {
+  const {
+    action,
+    state,
+    border,
+    text
+  } = theme.colors;
+  const noBorder = {
+    borderColor: 'transparent',
+    borderWidth: 0
+  };
+  switch (variant) {
+    case 'secondary':
+      return {
+        backgroundColor: action.secondary,
+        iconColor: action.secondaryForeground,
+        borderColor: border.default,
+        borderWidth: 1
+      };
+    case 'inverse':
+      return {
+        backgroundColor: action.inverse,
+        iconColor: action.inverseForeground,
+        ...noBorder
+      };
+    case 'destructive':
+      return {
+        backgroundColor: state.destructiveSubtle,
+        iconColor: state.destructiveSubtleForeground,
+        ...noBorder
+      };
+    case 'ghost':
+      return {
+        backgroundColor: 'transparent',
+        iconColor: text.primary,
+        ...noBorder
+      };
+    case 'default':
+    default:
+      return {
+        backgroundColor: action.primary,
+        iconColor: action.primaryForeground,
+        ...noBorder
+      };
+  }
+}
+
+/**
+ * Icon-only button — faithful to the Bacon POS Figma "Icon button" frames.
+ * Circular or square, token-driven colors and states.
+ */
+export function IconButton({
+  icon,
+  accessibilityLabel,
+  variant = 'default',
+  size = 'md',
+  shape = 'round',
+  loading = false,
+  disabled = false,
+  style,
+  ...rest
+}) {
+  const theme = useTheme();
+  const sizeConfig = SIZES[size];
+  const isDisabled = disabled || loading;
+  const colors = useMemo(() => {
+    const variantColors = getVariantColors(theme, variant);
+    if (!isDisabled) return variantColors;
+    return {
+      backgroundColor: variant === 'ghost' ? 'transparent' : theme.colors.disabled.background,
+      iconColor: theme.colors.disabled.foreground,
+      borderColor: variantColors.borderWidth > 0 ? theme.colors.disabled.border : 'transparent',
+      borderWidth: variantColors.borderWidth
+    };
+  }, [theme, variant, isDisabled]);
+  const borderRadius = shape === 'square' ? theme.radii.xl : theme.radii.pill;
+  const containerStyle = useMemo(() => ({
+    pressed
+  }) => [{
+    width: sizeConfig.box,
+    height: sizeConfig.box,
+    borderRadius,
+    borderWidth: colors.borderWidth,
+    borderColor: colors.borderColor,
+    backgroundColor: colors.backgroundColor,
+    alignItems: 'center',
+    justifyContent: 'center',
+    opacity: pressed && !isDisabled ? 0.9 : 1
+  }, style], [sizeConfig, borderRadius, colors, isDisabled, style]);
+  return /*#__PURE__*/_jsx(Pressable, {
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    accessibilityState: {
+      disabled: isDisabled,
+      busy: loading
+    },
+    disabled: isDisabled,
+    style: containerStyle,
+    ...rest,
+    children: loading ? /*#__PURE__*/_jsx(ActivityIndicator, {
+      color: colors.iconColor,
+      size: "small"
+    }) : /*#__PURE__*/_jsx(Icon, {
+      name: icon,
+      size: sizeConfig.iconSize,
+      color: colors.iconColor
+    })
+  });
+}
+//# sourceMappingURL=IconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","ActivityIndicator","Pressable","useTheme","Icon","jsx","_jsx","SIZES","sm","box","iconSize","md","lg","getVariantColors","theme","variant","action","state","border","text","colors","noBorder","borderColor","borderWidth","backgroundColor","secondary","iconColor","secondaryForeground","default","inverse","inverseForeground","destructiveSubtle","destructiveSubtleForeground","primary","primaryForeground","IconButton","icon","accessibilityLabel","size","shape","loading","disabled","style","rest","sizeConfig","isDisabled","variantColors","background","foreground","borderRadius","radii","xl","pill","containerStyle","pressed","width","height","alignItems","justifyContent","opacity","accessibilityRole","accessibilityState","busy","children","color","name"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/IconButton/IconButton.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SACEC,iBAAiB,EACjBC,SAAS,QAKJ,cAAc;AACrB,SAASC,QAAQ,QAAoB,sBAAa;AAClD,SAASC,IAAI,QAAQ,iBAAc;;AAGnC;;AAUA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAyBA,MAAMC,KAAgE,GAAG;EACvEC,EAAE,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,QAAQ,EAAE;EAAG,CAAC;EAC7BC,EAAE,EAAE;IAAEF,GAAG,EAAE,EAAE;IAAEC,QAAQ,EAAE;EAAG,CAAC;EAC7BE,EAAE,EAAE;IAAEH,GAAG,EAAE,EAAE;IAAEC,QAAQ,EAAE;EAAG;AAC9B,CAAC;AASD,SAASG,gBAAgBA,CAACC,KAAY,EAAEC,OAA0B,EAAiB;EACjF,MAAM;IAAEC,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC;EAAK,CAAC,GAAGL,KAAK,CAACM,MAAM;EACpD,MAAMC,QAAQ,GAAG;IAAEC,WAAW,EAAE,aAAa;IAAEC,WAAW,EAAE;EAAE,CAAC;EAC/D,QAAQR,OAAO;IACb,KAAK,WAAW;MACd,OAAO;QACLS,eAAe,EAAER,MAAM,CAACS,SAAS;QACjCC,SAAS,EAAEV,MAAM,CAACW,mBAAmB;QACrCL,WAAW,EAAEJ,MAAM,CAACU,OAAO;QAC3BL,WAAW,EAAE;MACf,CAAC;IACH,KAAK,SAAS;MACZ,OAAO;QAAEC,eAAe,EAAER,MAAM,CAACa,OAAO;QAAEH,SAAS,EAAEV,MAAM,CAACc,iBAAiB;QAAE,GAAGT;MAAS,CAAC;IAC9F,KAAK,aAAa;MAChB,OAAO;QACLG,eAAe,EAAEP,KAAK,CAACc,iBAAiB;QACxCL,SAAS,EAAET,KAAK,CAACe,2BAA2B;QAC5C,GAAGX;MACL,CAAC;IACH,KAAK,OAAO;MACV,OAAO;QAAEG,eAAe,EAAE,aAAa;QAAEE,SAAS,EAAEP,IAAI,CAACc,OAAO;QAAE,GAAGZ;MAAS,CAAC;IACjF,KAAK,SAAS;IACd;MACE,OAAO;QAAEG,eAAe,EAAER,MAAM,CAACiB,OAAO;QAAEP,SAAS,EAAEV,MAAM,CAACkB,iBAAiB;QAAE,GAAGb;MAAS,CAAC;EAChG;AACF;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASc,UAAUA,CAAC;EACzBC,IAAI;EACJC,kBAAkB;EAClBtB,OAAO,GAAG,SAAS;EACnBuB,IAAI,GAAG,IAAI;EACXC,KAAK,GAAG,OAAO;EACfC,OAAO,GAAG,KAAK;EACfC,QAAQ,GAAG,KAAK;EAChBC,KAAK;EACL,GAAGC;AACY,CAAC,EAAE;EAClB,MAAM7B,KAAK,GAAGX,QAAQ,CAAC,CAAC;EACxB,MAAMyC,UAAU,GAAGrC,KAAK,CAAC+B,IAAI,CAAC;EAC9B,MAAMO,UAAU,GAAGJ,QAAQ,IAAID,OAAO;EAEtC,MAAMpB,MAAM,GAAGpB,OAAO,CAAgB,MAAM;IAC1C,MAAM8C,aAAa,GAAGjC,gBAAgB,CAACC,KAAK,EAAEC,OAAO,CAAC;IACtD,IAAI,CAAC8B,UAAU,EAAE,OAAOC,aAAa;IACrC,OAAO;MACLtB,eAAe,EAAET,OAAO,KAAK,OAAO,GAAG,aAAa,GAAGD,KAAK,CAACM,MAAM,CAACqB,QAAQ,CAACM,UAAU;MACvFrB,SAAS,EAAEZ,KAAK,CAACM,MAAM,CAACqB,QAAQ,CAACO,UAAU;MAC3C1B,WAAW,EAAEwB,aAAa,CAACvB,WAAW,GAAG,CAAC,GAAGT,KAAK,CAACM,MAAM,CAACqB,QAAQ,CAACvB,MAAM,GAAG,aAAa;MACzFK,WAAW,EAAEuB,aAAa,CAACvB;IAC7B,CAAC;EACH,CAAC,EAAE,CAACT,KAAK,EAAEC,OAAO,EAAE8B,UAAU,CAAC,CAAC;EAEhC,MAAMI,YAAY,GAAGV,KAAK,KAAK,QAAQ,GAAGzB,KAAK,CAACoC,KAAK,CAACC,EAAE,GAAGrC,KAAK,CAACoC,KAAK,CAACE,IAAI;EAE3E,MAAMC,cAAc,GAAGrD,OAAO,CAC5B,MACE,CAAC;IAAEsD;EAAoC,CAAC,KAA2B,CACjE;IACEC,KAAK,EAAEX,UAAU,CAACnC,GAAG;IACrB+C,MAAM,EAAEZ,UAAU,CAACnC,GAAG;IACtBwC,YAAY;IACZ1B,WAAW,EAAEH,MAAM,CAACG,WAAW;IAC/BD,WAAW,EAAEF,MAAM,CAACE,WAAW;IAC/BE,eAAe,EAAEJ,MAAM,CAACI,eAAe;IACvCiC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,OAAO,EAAEL,OAAO,IAAI,CAACT,UAAU,GAAG,GAAG,GAAG;EAC1C,CAAC,EACDH,KAAK,CACN,EACH,CAACE,UAAU,EAAEK,YAAY,EAAE7B,MAAM,EAAEyB,UAAU,EAAEH,KAAK,CACtD,CAAC;EAED,oBACEpC,IAAA,CAACJ,SAAS;IACR0D,iBAAiB,EAAC,QAAQ;IAC1BvB,kBAAkB,EAAEA,kBAAmB;IACvCwB,kBAAkB,EAAE;MAAEpB,QAAQ,EAAEI,UAAU;MAAEiB,IAAI,EAAEtB;IAAQ,CAAE;IAC5DC,QAAQ,EAAEI,UAAW;IACrBH,KAAK,EAAEW,cAAe;IAAA,GAClBV,IAAI;IAAAoB,QAAA,EAEPvB,OAAO,gBACNlC,IAAA,CAACL,iBAAiB;MAAC+D,KAAK,EAAE5C,MAAM,CAACM,SAAU;MAACY,IAAI,EAAC;IAAO,CAAE,CAAC,gBAE3DhC,IAAA,CAACF,IAAI;MAAC6D,IAAI,EAAE7B,IAAK;MAACE,IAAI,EAAEM,UAAU,CAAClC,QAAS;MAACsD,KAAK,EAAE5C,MAAM,CAACM;IAAU,CAAE;EACxE,CACQ,CAAC;AAEhB","ignoreList":[]}

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

@@ -0,0 +1,115 @@
+"use strict";
+
+import { View } from 'react-native';
+import { IconButton } from "./IconButton.js";
+import { icons } from "../Icon/icons.generated.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const meta = {
+  title: 'Components/IconButton',
+  component: IconButton,
+  args: {
+    icon: 'plus',
+    accessibilityLabel: 'Add item',
+    variant: 'default',
+    size: 'md',
+    shape: 'round'
+  },
+  argTypes: {
+    icon: {
+      control: 'select',
+      options: Object.keys(icons)
+    },
+    variant: {
+      control: 'select',
+      options: ['default', 'secondary', 'inverse', 'destructive', 'ghost']
+    },
+    size: {
+      control: 'inline-radio',
+      options: ['md', 'lg']
+    },
+    shape: {
+      control: 'inline-radio',
+      options: ['round', 'square']
+    },
+    onPress: {
+      action: 'pressed'
+    }
+  }
+};
+export default meta;
+export const Default = {
+  args: {
+    variant: 'default'
+  }
+};
+export const Secondary = {
+  args: {
+    variant: 'secondary'
+  }
+};
+export const Inverse = {
+  args: {
+    variant: 'inverse'
+  }
+};
+export const Destructive = {
+  args: {
+    variant: 'destructive',
+    icon: 'trash'
+  }
+};
+export const Ghost = {
+  args: {
+    variant: 'ghost'
+  }
+};
+export const Square = {
+  args: {
+    shape: 'square'
+  }
+};
+export const Large = {
+  args: {
+    size: 'lg'
+  }
+};
+export const Loading = {
+  args: {
+    loading: true
+  }
+};
+export const Disabled = {
+  args: {
+    disabled: true
+  }
+};
+export const AllVariants = {
+  render: () => /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexDirection: 'row',
+      gap: 16
+    },
+    children: [/*#__PURE__*/_jsx(IconButton, {
+      icon: "plus",
+      accessibilityLabel: "Add",
+      variant: "default"
+    }), /*#__PURE__*/_jsx(IconButton, {
+      icon: "search",
+      accessibilityLabel: "Search",
+      variant: "secondary"
+    }), /*#__PURE__*/_jsx(IconButton, {
+      icon: "check",
+      accessibilityLabel: "Confirm",
+      variant: "inverse"
+    }), /*#__PURE__*/_jsx(IconButton, {
+      icon: "trash",
+      accessibilityLabel: "Delete",
+      variant: "destructive"
+    }), /*#__PURE__*/_jsx(IconButton, {
+      icon: "edit",
+      accessibilityLabel: "Edit",
+      variant: "ghost"
+    })]
+  })
+};
+//# sourceMappingURL=IconButton.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","IconButton","icons","jsx","_jsx","jsxs","_jsxs","meta","title","component","args","icon","accessibilityLabel","variant","size","shape","argTypes","control","options","Object","keys","onPress","action","Default","Secondary","Inverse","Destructive","Ghost","Square","Large","Loading","loading","Disabled","disabled","AllVariants","render","style","flexDirection","gap","children"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/IconButton/IconButton.stories.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,54 @@
+"use strict";
+
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react-native';
+import { IconButton } from "./IconButton.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('IconButton', () => {
+  it('is reachable by its accessibility label', () => {
+    renderWithTheme(/*#__PURE__*/_jsx(IconButton, {
+      icon: "plus",
+      accessibilityLabel: "Add item"
+    }));
+    expect(screen.getByLabelText('Add item')).toBeTruthy();
+  });
+  it('calls onPress when tapped', () => {
+    const onPress = jest.fn();
+    renderWithTheme(/*#__PURE__*/_jsx(IconButton, {
+      icon: "plus",
+      accessibilityLabel: "Add item",
+      onPress: onPress
+    }));
+    fireEvent.press(screen.getByLabelText('Add item'));
+    expect(onPress).toHaveBeenCalledTimes(1);
+  });
+  it('does not call onPress when disabled', () => {
+    const onPress = jest.fn();
+    renderWithTheme(/*#__PURE__*/_jsx(IconButton, {
+      icon: "plus",
+      accessibilityLabel: "Add item",
+      disabled: true,
+      onPress: onPress
+    }));
+    fireEvent.press(screen.getByLabelText('Add item'));
+    expect(onPress).not.toHaveBeenCalled();
+  });
+  it('blocks presses while loading', () => {
+    const onPress = jest.fn();
+    renderWithTheme(/*#__PURE__*/_jsx(IconButton, {
+      icon: "plus",
+      accessibilityLabel: "Add item",
+      loading: true,
+      onPress: onPress
+    }));
+    fireEvent.press(screen.getByLabelText('Add item'));
+    expect(onPress).not.toHaveBeenCalled();
+  });
+});
+//# sourceMappingURL=IconButton.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","render","screen","fireEvent","IconButton","ThemeProvider","jsx","_jsx","renderWithTheme","ui","children","describe","it","icon","accessibilityLabel","expect","getByLabelText","toBeTruthy","onPress","jest","fn","press","toHaveBeenCalledTimes","disabled","not","toHaveBeenCalled","loading"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/IconButton/IconButton.test.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,MAAM,EAAEC,SAAS,QAAQ,+BAA+B;AACzE,SAASC,UAAU,QAAQ,iBAAc;AACzC,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,YAAY,EAAE,MAAM;EAC3BC,EAAE,CAAC,yCAAyC,EAAE,MAAM;IAClDJ,eAAe,cAACD,IAAA,CAACH,UAAU;MAACS,IAAI,EAAC,MAAM;MAACC,kBAAkB,EAAC;IAAU,CAAE,CAAC,CAAC;IACzEC,MAAM,CAACb,MAAM,CAACc,cAAc,CAAC,UAAU,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EACxD,CAAC,CAAC;EAEFL,EAAE,CAAC,2BAA2B,EAAE,MAAM;IACpC,MAAMM,OAAO,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IACzBZ,eAAe,cACbD,IAAA,CAACH,UAAU;MAACS,IAAI,EAAC,MAAM;MAACC,kBAAkB,EAAC,UAAU;MAACI,OAAO,EAAEA;IAAQ,CAAE,CAC3E,CAAC;IACDf,SAAS,CAACkB,KAAK,CAACnB,MAAM,CAACc,cAAc,CAAC,UAAU,CAAC,CAAC;IAClDD,MAAM,CAACG,OAAO,CAAC,CAACI,qBAAqB,CAAC,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEFV,EAAE,CAAC,qCAAqC,EAAE,MAAM;IAC9C,MAAMM,OAAO,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IACzBZ,eAAe,cACbD,IAAA,CAACH,UAAU;MAACS,IAAI,EAAC,MAAM;MAACC,kBAAkB,EAAC,UAAU;MAACS,QAAQ;MAACL,OAAO,EAAEA;IAAQ,CAAE,CACpF,CAAC;IACDf,SAAS,CAACkB,KAAK,CAACnB,MAAM,CAACc,cAAc,CAAC,UAAU,CAAC,CAAC;IAClDD,MAAM,CAACG,OAAO,CAAC,CAACM,GAAG,CAACC,gBAAgB,CAAC,CAAC;EACxC,CAAC,CAAC;EAEFb,EAAE,CAAC,8BAA8B,EAAE,MAAM;IACvC,MAAMM,OAAO,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IACzBZ,eAAe,cACbD,IAAA,CAACH,UAAU;MAACS,IAAI,EAAC,MAAM;MAACC,kBAAkB,EAAC,UAAU;MAACY,OAAO;MAACR,OAAO,EAAEA;IAAQ,CAAE,CACnF,CAAC;IACDf,SAAS,CAACkB,KAAK,CAACnB,MAAM,CAACc,cAAc,CAAC,UAAU,CAAC,CAAC;IAClDD,MAAM,CAACG,OAAO,CAAC,CAACM,GAAG,CAACC,gBAAgB,CAAC,CAAC;EACxC,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["IconButton"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/IconButton/index.ts"],"mappings":";;AAAA,SACEA,UAAU,QAKL,iBAAc","ignoreList":[]}

package/lib/module/components/Input/Input.js

@@ -0,0 +1,174 @@
+"use strict";
+
+import { forwardRef, useState } from 'react';
+import { Pressable, TextInput, View } from 'react-native';
+import { useTheme, textStyle } from "../../theme/index.js";
+import { Icon } from "../Icon/Icon.js";
+import { Text } from "../Text/Text.js";
+
+/** Width of the focus ring, in px (Figma "Focus" effect: spread 6). */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FOCUS_RING_SPREAD = 6;
+/** Focus ring opacity (Figma color #..0x26 ≈ 15%). */
+const FOCUS_RING_ALPHA = 0.15;
+
+/**
+ * Removes the browser's default focus outline on web (react-native-web renders
+ * TextInput as a DOM input). No-op on native; our lime focus ring is the focus
+ * affordance instead.
+ */
+const WEB_NO_OUTLINE = {
+  outlineStyle: 'none',
+  outlineWidth: 0
+};
+
+/** Convert a `#RRGGBB` (or `#RGB`) token to an `rgba()` string at the given alpha. */
+function hexToRgba(hex, alpha) {
+  const h = hex.replace('#', '');
+  const full = h.length === 3 ? h.replace(/./g, c => c + c) : h;
+  const r = parseInt(full.slice(0, 2), 16);
+  const g = parseInt(full.slice(2, 4), 16);
+  const b = parseInt(full.slice(4, 6), 16);
+  return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+}
+const SIZES = {
+  md: {
+    height: 48,
+    gap: 8,
+    iconSize: 20,
+    textVariant: 'bodyMedium'
+  },
+  lg: {
+    height: 58,
+    gap: 10,
+    iconSize: 24,
+    textVariant: 'bodyLarge'
+  }
+};
+
+/**
+ * Text field — faithful to the Bacon POS Figma "Input rounds".
+ * Pill-shaped, with label, helper/error text, optional icons and a lime focus
+ * ring. Focus is tracked internally; error and disabled are controlled by props.
+ */
+export const Input = /*#__PURE__*/forwardRef(function Input({
+  label,
+  helperText,
+  error,
+  size = 'lg',
+  disabled = false,
+  leftIcon,
+  rightIcon,
+  revealable = false,
+  revealLabel = 'Show password',
+  hideLabel = 'Hide password',
+  secureTextEntry,
+  containerStyle,
+  fieldStyle,
+  onFocus,
+  onBlur,
+  ...rest
+}, ref) {
+  const theme = useTheme();
+  const sizeConfig = SIZES[size];
+  const [focused, setFocused] = useState(false);
+  const [revealed, setRevealed] = useState(false);
+  const effectiveSecure = revealable ? !revealed : secureTextEntry;
+  const trailing = revealable ? /*#__PURE__*/_jsx(Pressable, {
+    onPress: () => setRevealed(r => !r),
+    disabled: disabled,
+    hitSlop: 8,
+    accessibilityRole: "button",
+    accessibilityLabel: revealed ? hideLabel : revealLabel,
+    children: /*#__PURE__*/_jsx(Icon, {
+      name: revealed ? 'eye' : 'eye-hide',
+      size: sizeConfig.iconSize,
+      color: "tertiary"
+    })
+  }) : rightIcon;
+  const hasError = Boolean(error);
+  const message = typeof error === 'string' ? error : helperText;
+  const borderColor = disabled ? theme.colors.disabled.border : hasError ? theme.colors.feedback.error : focused ? theme.colors.border.focus : theme.colors.border.default;
+
+  // Outer focus ring — a colored spread with no blur (Figma "Focus" effect).
+  // `boxShadow` (RN 0.76+ / New Architecture, and react-native-web) is the only
+  // cross-platform way to get a colored spread: `shadow*` is iOS-only with no
+  // spread, and `elevation` is a grey Android-only shadow.
+  const showRing = focused && !disabled;
+  const ringColor = hasError ? theme.colors.feedback.error : theme.colors.border.focus;
+  const boxShadow = showRing ? [{
+    offsetX: 0,
+    offsetY: 0,
+    blurRadius: 0,
+    spreadDistance: FOCUS_RING_SPREAD,
+    color: hexToRgba(ringColor, FOCUS_RING_ALPHA)
+  }] : undefined;
+  const iconBox = {
+    width: sizeConfig.iconSize,
+    height: sizeConfig.iconSize,
+    alignItems: 'center',
+    justifyContent: 'center'
+  };
+  const handleFocus = e => {
+    setFocused(true);
+    onFocus?.(e);
+  };
+  const handleBlur = e => {
+    setFocused(false);
+    onBlur?.(e);
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: containerStyle,
+    children: [label ? /*#__PURE__*/_jsx(Text, {
+      variant: "bodySmall",
+      color: "secondary",
+      style: {
+        marginBottom: 4,
+        marginLeft: 8
+      },
+      children: label
+    }) : null, /*#__PURE__*/_jsxs(View, {
+      style: [{
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: sizeConfig.gap,
+        height: sizeConfig.height,
+        paddingHorizontal: 16,
+        borderWidth: 1,
+        borderColor,
+        borderRadius: theme.radii.pill,
+        backgroundColor: disabled ? theme.colors.disabled.background : theme.colors.background.default,
+        boxShadow
+      }, fieldStyle],
+      children: [leftIcon ? /*#__PURE__*/_jsx(View, {
+        style: iconBox,
+        children: leftIcon
+      }) : null, /*#__PURE__*/_jsx(TextInput, {
+        ref: ref,
+        editable: !disabled,
+        secureTextEntry: effectiveSecure,
+        placeholderTextColor: theme.colors.text.tertiary,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        style: [textStyle(theme, sizeConfig.textVariant, 'regular'), {
+          flex: 1,
+          paddingVertical: 0,
+          color: disabled ? theme.colors.text.tertiary : theme.colors.text.primary
+        }, WEB_NO_OUTLINE],
+        ...rest
+      }), trailing ? /*#__PURE__*/_jsx(View, {
+        style: iconBox,
+        children: trailing
+      }) : null]
+    }), message ? /*#__PURE__*/_jsx(Text, {
+      variant: "bodySmall",
+      color: hasError ? theme.colors.feedback.error : 'tertiary',
+      style: {
+        marginTop: 8,
+        marginLeft: 8
+      },
+      children: message
+    }) : null]
+  });
+});
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useState","Pressable","TextInput","View","useTheme","textStyle","Icon","Text","jsx","_jsx","jsxs","_jsxs","FOCUS_RING_SPREAD","FOCUS_RING_ALPHA","WEB_NO_OUTLINE","outlineStyle","outlineWidth","hexToRgba","hex","alpha","h","replace","full","length","c","r","parseInt","slice","g","b","SIZES","md","height","gap","iconSize","textVariant","lg","Input","label","helperText","error","size","disabled","leftIcon","rightIcon","revealable","revealLabel","hideLabel","secureTextEntry","containerStyle","fieldStyle","onFocus","onBlur","rest","ref","theme","sizeConfig","focused","setFocused","revealed","setRevealed","effectiveSecure","trailing","onPress","hitSlop","accessibilityRole","accessibilityLabel","children","name","color","hasError","Boolean","message","borderColor","colors","border","feedback","focus","default","showRing","ringColor","boxShadow","offsetX","offsetY","blurRadius","spreadDistance","undefined","iconBox","width","alignItems","justifyContent","handleFocus","e","handleBlur","style","variant","marginBottom","marginLeft","flexDirection","paddingHorizontal","borderWidth","borderRadius","radii","pill","backgroundColor","background","editable","placeholderTextColor","text","tertiary","flex","paddingVertical","primary","marginTop"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/Input.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,112 @@
+"use strict";
+
+import { View } from 'react-native';
+import { Input } from "./Input.js";
+import { Icon } from "../Icon/Icon.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const meta = {
+  title: 'Components/Input',
+  component: Input,
+  args: {
+    label: 'Search',
+    placeholder: 'Search menu item...',
+    size: 'lg'
+  },
+  argTypes: {
+    size: {
+      control: 'inline-radio',
+      options: ['md', 'lg']
+    },
+    disabled: {
+      control: 'boolean'
+    }
+  }
+};
+export default meta;
+export const Default = {};
+export const WithHelper = {
+  args: {
+    helperText: 'Type to filter the menu'
+  }
+};
+export const WithLeftIcon = {
+  args: {
+    leftIcon: /*#__PURE__*/_jsx(Icon, {
+      name: "search",
+      size: 24,
+      color: "tertiary"
+    })
+  }
+};
+export const Error = {
+  args: {
+    error: 'This field is required',
+    value: 'ab'
+  }
+};
+export const Disabled = {
+  args: {
+    disabled: true,
+    value: 'Read only'
+  }
+};
+export const Medium = {
+  args: {
+    size: 'md'
+  }
+};
+export const Password = {
+  args: {
+    label: 'Password',
+    placeholder: 'Enter your password',
+    revealable: true
+  }
+};
+
+// autoFocus so the lime focus ring is visible on load.
+export const Focused = {
+  args: {
+    autoFocus: true,
+    value: 'Typing...'
+  }
+};
+export const ErrorFocused = {
+  args: {
+    autoFocus: true,
+    value: 'ab',
+    error: 'This field is required'
+  }
+};
+export const Showcase = {
+  render: () => /*#__PURE__*/_jsxs(View, {
+    style: {
+      gap: 20,
+      width: 320
+    },
+    children: [/*#__PURE__*/_jsx(Input, {
+      label: "Default",
+      placeholder: "Placeholder"
+    }), /*#__PURE__*/_jsx(Input, {
+      label: "With icon",
+      placeholder: "Search...",
+      leftIcon: /*#__PURE__*/_jsx(Icon, {
+        name: "search",
+        size: 24,
+        color: "tertiary"
+      })
+    }), /*#__PURE__*/_jsx(Input, {
+      label: "With helper",
+      placeholder: "you@email.com",
+      helperText: "We never share it"
+    }), /*#__PURE__*/_jsx(Input, {
+      label: "Error",
+      value: "ab",
+      error: "This field is required"
+    }), /*#__PURE__*/_jsx(Input, {
+      label: "Disabled",
+      value: "Read only",
+      disabled: true
+    })]
+  })
+};
+//# sourceMappingURL=Input.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Input","Icon","jsx","_jsx","jsxs","_jsxs","meta","title","component","args","label","placeholder","size","argTypes","control","options","disabled","Default","WithHelper","helperText","WithLeftIcon","leftIcon","name","color","Error","error","value","Disabled","Medium","Password","revealable","Focused","autoFocus","ErrorFocused","Showcase","render","style","gap","width","children"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/Input.stories.tsx"],"mappings":"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","ignoreList":[]}