@bacon-pos/ui 0.1.0

package/lib/typescript/module/components/CodeInput/CodeInput.d.ts

@@ -0,0 +1,41 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+/** Where the reveal (eye) toggle sits relative to the code cells. */
+export type RevealPosition = 'top' | 'bottom' | 'left' | 'right';
+export interface CodeInputProps {
+    /** Current entered digits. */
+    value: string;
+    /** Called with the digits as they change (digits only, capped to `length`). */
+    onChangeText: (value: string) => void;
+    /** Number of cells. Defaults to 4. */
+    length?: number;
+    /** Called once all cells are filled. */
+    onComplete?: (value: string) => void;
+    /** Disable input and dim the cells. */
+    disabled?: boolean;
+    /** Focus on mount. */
+    autoFocus?: boolean;
+    /** Show an eye toggle to reveal/hide the entered digits. */
+    revealable?: boolean;
+    /** Controlled reveal state. Omit for uncontrolled (toggled by the eye). */
+    revealed?: boolean;
+    /** Called when the eye toggle changes the reveal state. */
+    onRevealChange?: (revealed: boolean) => void;
+    /** Where the eye toggle sits. Defaults to `right`. */
+    revealPosition?: RevealPosition;
+    /** Accessibility label for the hidden field. Defaults to "Code". */
+    accessibilityLabel?: string;
+    /** Accessibility labels for the reveal toggle. */
+    revealLabel?: string;
+    hideLabel?: string;
+    /** Override the container style. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Code / PIN input — faithful to the Bacon POS Figma "Acceso code input".
+ * Shows `length` cells that fill as digits are entered; a hidden numeric field
+ * captures input. With `revealable`, an eye toggle switches between hidden dots
+ * and the visible digits (position configurable). Controlled via
+ * `value` / `onChangeText`.
+ */
+export declare function CodeInput({ value, onChangeText, length, onComplete, disabled, autoFocus, revealable, revealed: revealedProp, onRevealChange, revealPosition, accessibilityLabel, revealLabel, hideLabel, style, }: CodeInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CodeInput.d.ts.map

package/lib/typescript/module/components/CodeInput/CodeInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeInput/CodeInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAQtB,qEAAqE;AACrE,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAEjE,MAAM,WAAW,cAAc;IAC7B,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,sDAAsD;IACtD,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,oEAAoE;IACpE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAyCD;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,YAAY,EACZ,MAAU,EACV,UAAU,EACV,QAAgB,EAChB,SAAiB,EACjB,UAAkB,EAClB,QAAQ,EAAE,YAAY,EACtB,cAAc,EACd,cAAwB,EACxB,kBAA2B,EAC3B,WAAyB,EACzB,SAAuB,EACvB,KAAK,GACN,EAAE,cAAc,2CAyFhB"}

package/lib/typescript/module/components/CodeInput/index.d.ts

@@ -0,0 +1,2 @@
+export { CodeInput, type CodeInputProps } from './CodeInput';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/CodeInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/lib/typescript/module/components/Icon/Icon.d.ts

@@ -0,0 +1,19 @@
+import { useTheme } from '../../theme';
+import { type IconName } from './icons.generated';
+type IconColorToken = keyof ReturnType<typeof useTheme>['colors']['text'];
+export interface IconProps {
+    /** Icon name from the generated registry. */
+    name: IconName;
+    /** Square size in px. Defaults to 24. */
+    size?: number;
+    /** Semantic text color token, or any raw color string. Defaults to `primary`. */
+    color?: IconColorToken | (string & {});
+}
+/**
+ * Renders a design-system icon as a themeable SVG. The source SVG is rendered
+ * faithfully via react-native-svg's <SvgXml> (stroke icons stay stroked,
+ * compound fills keep their holes) and tinted through `currentColor`.
+ */
+export declare function Icon({ name, size, color }: IconProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=Icon.d.ts.map

package/lib/typescript/module/components/Icon/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAS,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAEzD,KAAK,cAAc,GAAG,MAAM,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1E,MAAM,WAAW,SAAS;IACxB,6CAA6C;IAC7C,IAAI,EAAE,QAAQ,CAAC;IACf,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iFAAiF;IACjF,KAAK,CAAC,EAAE,cAAc,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACxC;AAED;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAS,EAAE,KAAiB,EAAE,EAAE,SAAS,kDAWrE"}

package/lib/typescript/module/components/Icon/icons.generated.d.ts

@@ -0,0 +1,171 @@
+export declare const icons: {
+    "2user": string;
+    "add-on": string;
+    "add-photo": string;
+    "align-box-bottom-left": string;
+    analytics: string;
+    "analytics-2": string;
+    "arrow-data-transfer-horizontal": string;
+    "arrow-horizontal": string;
+    "arrow-left": string;
+    "arrow-move-up-left-round": string;
+    "arrow-move-up-right-round": string;
+    "arrow-right": string;
+    "arrow-shrink-round": string;
+    "arrow-square-down": string;
+    "arrow-square-up": string;
+    "arrow-up": string;
+    "arrow-vertical": string;
+    barrier: string;
+    bluetooth: string;
+    briefcase: string;
+    building: string;
+    cake: string;
+    calendar: string;
+    "cancel-circle": string;
+    "cancel-square": string;
+    card: string;
+    cash: string;
+    check: string;
+    "check-fill": string;
+    "checkmark-circle": string;
+    "chevron-down": string;
+    "chevron-down-20": string;
+    circle: string;
+    "circle-arrow-up-right-round": string;
+    city: string;
+    clock: string;
+    "clock-05": string;
+    "clock-20": string;
+    close: string;
+    "close-circle-fill": string;
+    coffee: string;
+    coins: string;
+    "computer-add": string;
+    "copy-01": string;
+    "credit-card": string;
+    database: string;
+    device: string;
+    discount: string;
+    "discount-2": string;
+    dish: string;
+    "dish-20": string;
+    dislike: string;
+    "dollar-circle": string;
+    "dollar-circle2": string;
+    "dollar-square": string;
+    edit: string;
+    "edit-01": string;
+    edit2: string;
+    eye: string;
+    "eye-hide": string;
+    "eye-off": string;
+    file: string;
+    filter: string;
+    "filter-20": string;
+    forbidden: string;
+    grid: string;
+    hand: string;
+    home: string;
+    identification: string;
+    info: string;
+    "information-square": string;
+    investigation: string;
+    language: string;
+    "language-2": string;
+    layers: string;
+    layout1: string;
+    layout2: string;
+    layout3: string;
+    layout4: string;
+    like: string;
+    location: string;
+    "location-2": string;
+    lock: string;
+    mail: string;
+    menu: string;
+    "menu-02": string;
+    microwave: string;
+    minus: string;
+    mode: string;
+    "money-bag": string;
+    "money-send-circle": string;
+    more: string;
+    "more-vertical-24-px": string;
+    "no-coffee": string;
+    "no-photo": string;
+    notebook: string;
+    pause: string;
+    "pause-20": string;
+    pause2: string;
+    "pen-tool-01": string;
+    "photo-composition": string;
+    "pie-chart": string;
+    pincode: string;
+    pinpad: string;
+    "pinpad-2": string;
+    play: string;
+    plus: string;
+    "plus-20": string;
+    "plus-circle": string;
+    printer: string;
+    receipt: string;
+    "receipt-20": string;
+    reload: string;
+    "reload-2": string;
+    reserve: string;
+    rhombus: string;
+    route: string;
+    search: string;
+    "search-20": string;
+    setting2: string;
+    settings: string;
+    "settings-2": string;
+    shield: string;
+    "shopping-bag": string;
+    sort: string;
+    square: string;
+    star: string;
+    stats: string;
+    swap: string;
+    table: string;
+    tablemap: string;
+    taco: string;
+    tag: string;
+    taxes: string;
+    telephone: string;
+    "text-font": string;
+    textleft: string;
+    "tick-20": string;
+    ticket: string;
+    "ticket-2": string;
+    ticket2: string;
+    ticketdiscount: string;
+    timer: string;
+    "touchpad-01": string;
+    trash: string;
+    "trend-up": string;
+    "truck-delivery": string;
+    unlock: string;
+    "upload-file": string;
+    usb: string;
+    user: string;
+    "user-02": string;
+    "user-circle": string;
+    "user-circle-2": string;
+    "user-circle-20": string;
+    "user-square": string;
+    "user-star": string;
+    usergroup: string;
+    userstatus: string;
+    wallet: string;
+    weight: string;
+    wifi: string;
+    "wifi-square": string;
+    "wifi-square-2": string;
+    "wifi-square-3": string;
+    wifia: string;
+    wifib: string;
+};
+export type IconName = keyof typeof icons;
+//# sourceMappingURL=icons.generated.d.ts.map

package/lib/typescript/module/components/Icon/icons.generated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.generated.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icon/icons.generated.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwKgB,CAAC;AAEnC,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAC"}

package/lib/typescript/module/components/Icon/index.d.ts

@@ -0,0 +1,3 @@
+export { Icon, type IconProps } from './Icon';
+export { icons, type IconName } from './icons.generated';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/Icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC"}

package/lib/typescript/module/components/IconButton/IconButton.d.ts

@@ -0,0 +1,34 @@
+import { type PressableProps, type StyleProp, type ViewStyle } from 'react-native';
+import type { IconName } from '../Icon/icons.generated';
+/** Icon-only button styles — 1:1 with the Figma "Icon button" style variants. */
+export type IconButtonVariant = 'default' | 'secondary' | 'inverse' | 'destructive' | 'ghost';
+export type IconButtonSize = 'sm' | 'md' | 'lg';
+/** `round` = circle (default), `square` = 16px corner radius. */
+export type IconButtonShape = 'round' | 'square';
+export interface IconButtonProps extends Omit<PressableProps, 'style' | 'children'> {
+    /** Icon name from the generated registry. */
+    icon: IconName;
+    /**
+     * Describes the action for screen readers — required since there is no visible
+     * label (e.g. "Delete item").
+     */
+    accessibilityLabel: string;
+    /** Visual style. Defaults to `default` (the lime accent action). */
+    variant?: IconButtonVariant;
+    /** Container size: `sm` = 40, `md` = 48, `lg` = 58. Defaults to `md`. */
+    size?: IconButtonSize;
+    /** Corner style. Defaults to `round` (circle). */
+    shape?: IconButtonShape;
+    /** Show a spinner and block presses. */
+    loading?: boolean;
+    /** Disable interaction and apply disabled tokens. */
+    disabled?: boolean;
+    /** Override the container style. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Icon-only button — faithful to the Bacon POS Figma "Icon button" frames.
+ * Circular or square, token-driven colors and states.
+ */
+export declare function IconButton({ icon, accessibilityLabel, variant, size, shape, loading, disabled, style, ...rest }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=IconButton.d.ts.map

package/lib/typescript/module/components/IconButton/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,cAAc,EAEnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAExD,iFAAiF;AACjF,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,WAAW,GACX,SAAS,GACT,aAAa,GACb,OAAO,CAAC;AAEZ,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD,iEAAiE;AACjE,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEjD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,CAAC;IACjF,6CAA6C;IAC7C,IAAI,EAAE,QAAQ,CAAC;IACf;;;OAGG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oEAAoE;IACpE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,yEAAyE;IACzE,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,kDAAkD;IAClD,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AA0CD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,kBAAkB,EAClB,OAAmB,EACnB,IAAW,EACX,KAAe,EACf,OAAe,EACf,QAAgB,EAChB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,eAAe,2CAqDjB"}

package/lib/typescript/module/components/IconButton/index.d.ts

@@ -0,0 +1,2 @@
+export { IconButton, type IconButtonProps, type IconButtonVariant, type IconButtonSize, type IconButtonShape, } from './IconButton';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/IconButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/IconButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,eAAe,GACrB,MAAM,cAAc,CAAC"}

package/lib/typescript/module/components/Input/Input.d.ts

@@ -0,0 +1,38 @@
+import { type ReactNode } from 'react';
+import { TextInput, type StyleProp, type TextInputProps, type ViewStyle } from 'react-native';
+export type InputSize = 'md' | 'lg';
+export interface InputProps extends Omit<TextInputProps, 'style' | 'editable'> {
+    /** Field label rendered above the input. */
+    label?: string;
+    /** Helper text rendered below the input. Replaced by the error message when `error` is a string. */
+    helperText?: string;
+    /** Mark the field invalid. Pass a string to show it as the error message. */
+    error?: boolean | string;
+    /** Field height: `md` = 48, `lg` = 58. Defaults to `lg`. */
+    size?: InputSize;
+    /** Disable input and apply disabled tokens. */
+    disabled?: boolean;
+    /** Element rendered inside the field, before the text. */
+    leftIcon?: ReactNode;
+    /** Element rendered inside the field, after the text. */
+    rightIcon?: ReactNode;
+    /**
+     * Password field with a trailing eye toggle to reveal/hide the text. Starts
+     * masked; the toggle replaces `rightIcon`.
+     */
+    revealable?: boolean;
+    /** Accessibility labels for the reveal toggle. */
+    revealLabel?: string;
+    hideLabel?: string;
+    /** Style for the outer wrapper (label + field + helper). */
+    containerStyle?: StyleProp<ViewStyle>;
+    /** Style for the field row. */
+    fieldStyle?: StyleProp<ViewStyle>;
+}
+/**
+ * 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 declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<TextInput>>;
+//# sourceMappingURL=Input.d.ts.map

package/lib/typescript/module/components/Input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAEL,SAAS,EAGT,KAAK,SAAS,EAEd,KAAK,cAAc,EAEnB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AA4BtB,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpC,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,CAAC;IAC5E,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oGAAoG;IACpG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,yDAAyD;IACzD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,+BAA+B;IAC/B,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACnC;AAUD;;;;GAIG;AACH,eAAO,MAAM,KAAK,kGAkJhB,CAAC"}

package/lib/typescript/module/components/Input/index.d.ts

@@ -0,0 +1,2 @@
+export { Input, type InputProps, type InputSize } from './Input';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/Input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/module/components/LinkButton/LinkButton.d.ts

@@ -0,0 +1,31 @@
+import { type ReactNode } from 'react';
+import { type PressableProps, type StyleProp, type ViewStyle } from 'react-native';
+/** Link styles — the Figma "Link buttons" frame (default / destructive). */
+export type LinkButtonVariant = 'default' | 'destructive';
+export type LinkButtonSize = 'md' | 'lg';
+export interface LinkButtonProps extends Omit<PressableProps, 'style' | 'children'> {
+    /** Link label. */
+    label: string;
+    /** Color intent. Defaults to `default`. */
+    variant?: LinkButtonVariant;
+    /** Underline the label (Figma "underline" styles). Defaults to false. */
+    underline?: boolean;
+    /** Typography size: `md` = 16, `lg` = 18. Defaults to `md`. */
+    size?: LinkButtonSize;
+    /** Dim and block presses. */
+    disabled?: boolean;
+    /** Show a spinner in the leading slot and block presses. The label stays visible. */
+    loading?: boolean;
+    /** Element rendered before the label. */
+    leftIcon?: ReactNode;
+    /** Element rendered after the label. */
+    rightIcon?: ReactNode;
+    /** Override the container style. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Text link with an optional underline — faithful to the Bacon POS Figma
+ * "Link buttons" frame. No background; sits inline with copy.
+ */
+export declare function LinkButton({ label, variant, underline, size, disabled, loading, leftIcon, rightIcon, style, ...rest }: LinkButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LinkButton.d.ts.map

package/lib/typescript/module/components/LinkButton/LinkButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/LinkButton/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAIL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAKtB,4EAA4E;AAC5E,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,aAAa,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,CAAC;IACjF,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,yEAAyE;IACzE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qFAAqF;IACrF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wCAAwC;IACxC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAOD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAmB,EACnB,SAAiB,EACjB,IAAW,EACX,QAAgB,EAChB,OAAe,EACf,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,eAAe,2CAwDjB"}

package/lib/typescript/module/components/LinkButton/index.d.ts

@@ -0,0 +1,2 @@
+export { LinkButton, type LinkButtonProps, type LinkButtonVariant, type LinkButtonSize, } from './LinkButton';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/LinkButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LinkButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACtB,KAAK,cAAc,GACpB,MAAM,cAAc,CAAC"}

package/lib/typescript/module/components/ProductCard/ProductCard.d.ts

@@ -0,0 +1,31 @@
+import { type ImageSourcePropType, type StyleProp, type ViewStyle } from 'react-native';
+export interface ProductCardProps {
+    /** Product name (up to 2 lines). */
+    name: string;
+    /** Pre-formatted price string, e.g. "$5.50". */
+    price: string;
+    /** Product image. Omit for the no-photo layout; on load error it falls back to a placeholder. */
+    image?: ImageSourcePropType;
+    /** Category label shown on the photo (e.g. "Starters"). */
+    category?: string;
+    /** Category pill background color. Defaults to the design's light category tint. */
+    categoryColor?: string;
+    /** When > 0, shows the lime quantity badge. */
+    quantity?: number;
+    /** Makes the card pressable. */
+    onPress?: () => void;
+    /** Dim and block presses. */
+    disabled?: boolean;
+    /** Override the container style (e.g. width in a grid). */
+    style?: StyleProp<ViewStyle>;
+    /** Accessibility label. Defaults to "{name}, {price}". */
+    accessibilityLabel?: string;
+}
+/**
+ * Product tile — faithful to the Bacon POS Figma "Product card". Photo with an
+ * optional category pill, name + price, and a lime quantity badge. Handles three
+ * states: with photo, image-load failure (placeholder), and no photo (shorter).
+ */
+export declare function ProductCard({ name, price, image, category, categoryColor, // dish-category/1-light (category-specific tint)
+quantity, onPress, disabled, style, accessibilityLabel, }: ProductCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProductCard.d.ts.map

package/lib/typescript/module/components/ProductCard/ProductCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProductCard/ProductCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,mBAAmB,EAExB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAStB,MAAM,WAAW,gBAAgB;IAC/B,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,iGAAiG;IACjG,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oFAAoF;IACpF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,aAAyB,EAAE,iDAAiD;AAC5E,QAAQ,EACR,OAAO,EACP,QAAgB,EAChB,KAAK,EACL,kBAAkB,GACnB,EAAE,gBAAgB,2CAsHlB"}

package/lib/typescript/module/components/ProductCard/index.d.ts

@@ -0,0 +1,2 @@
+export { ProductCard, type ProductCardProps } from './ProductCard';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/ProductCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProductCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/lib/typescript/module/components/QuantityStepper/QuantityStepper.d.ts

@@ -0,0 +1,36 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type QuantityStepperSize = 'sm' | 'md' | 'lg';
+export interface QuantityStepperProps {
+    /** Current quantity. */
+    value: number;
+    /** Called with the next clamped value. */
+    onChange: (value: number) => void;
+    /**
+     * Minimum value. Defaults to 1: the `−` button hides at the minimum so the
+     * quantity can't go lower. Set `min={0}` to allow decreasing back to 0.
+     */
+    min?: number;
+    /** Maximum value. Defaults to no limit. */
+    max?: number;
+    /** Control size: `sm` = 40px, `md` = 48px, `lg` = 58px buttons. Defaults to `lg`. */
+    size?: QuantityStepperSize;
+    /** Disable interaction and apply disabled tokens. */
+    disabled?: boolean;
+    /** Let the quantity be typed on a numeric keyboard (for large amounts). */
+    editable?: boolean;
+    /** Accessibility labels. */
+    addLabel?: string;
+    decrementLabel?: string;
+    incrementLabel?: string;
+    quantityLabel?: string;
+    /** Override the container style. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Quantity stepper — faithful to the Bacon POS Figma "Input qty". At 0 it shows
+ * a single lime "+" (add); at the minimum it shows `value +` (no `−`, so it
+ * can't go lower); above the minimum it shows `− value +`. Controlled via
+ * `value`/`onChange`; set `editable` to type the amount on a numeric keyboard.
+ */
+export declare function QuantityStepper({ value, onChange, min, max, size, disabled, editable, addLabel, decrementLabel, incrementLabel, quantityLabel, style, }: QuantityStepperProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=QuantityStepper.d.ts.map

package/lib/typescript/module/components/QuantityStepper/QuantityStepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuantityStepper.d.ts","sourceRoot":"","sources":["../../../../../src/components/QuantityStepper/QuantityStepper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAKrD,MAAM,WAAW,oBAAoB;IACnC,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2CAA2C;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qFAAqF;IACrF,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAWD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,GAAO,EACP,GAA8B,EAC9B,IAAW,EACX,QAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,cAAoC,EACpC,cAAoC,EACpC,aAA0B,EAC1B,KAAK,GACN,EAAE,oBAAoB,2CAyFtB"}

package/lib/typescript/module/components/QuantityStepper/index.d.ts

@@ -0,0 +1,2 @@
+export { QuantityStepper, type QuantityStepperProps, type QuantityStepperSize, } from './QuantityStepper';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/QuantityStepper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/QuantityStepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,GACzB,MAAM,mBAAmB,CAAC"}

package/lib/typescript/module/components/Radio/Radio.d.ts

@@ -0,0 +1,23 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type LabelPosition } from '../_internal/Labeled';
+export interface RadioProps {
+    /** Selected state. */
+    selected: boolean;
+    /** Called when pressed (selecting this radio). */
+    onChange: () => void;
+    /** Disable and dim the control. */
+    disabled?: boolean;
+    /** Optional label. */
+    label?: string;
+    /** Where the label sits: top / bottom / left / right. Defaults to `right`. */
+    labelPosition?: LabelPosition;
+    /** Override the container style. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Radio button — faithful to the Bacon POS Figma "Form controls". A 20px circle:
+ * unselected (outlined), selected (dark ring + dot). Usually rendered as a group;
+ * standalone or with a positionable label.
+ */
+export declare function Radio({ selected, onChange, disabled, label, labelPosition, style, }: RadioProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Radio.d.ts.map

package/lib/typescript/module/components/Radio/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,EAAW,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAEnE,MAAM,WAAW,UAAU;IACzB,sBAAsB;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,QAAQ,EACR,QAAgB,EAChB,KAAK,EACL,aAAa,EACb,KAAK,GACN,EAAE,UAAU,2CA4CZ"}

package/lib/typescript/module/components/Radio/index.d.ts

@@ -0,0 +1,2 @@
+export { Radio, type RadioProps } from './Radio';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/Radio/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/module/components/Surface/Surface.d.ts

@@ -0,0 +1,31 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import type { RadiusToken } from '../../theme/spacing';
+export type SurfaceVariant = 'elevated' | 'outlined' | 'filled';
+export type SurfacePadding = 'none' | 'sm' | 'md' | 'lg';
+export interface SurfaceProps {
+    /** Surface style. Defaults to `elevated`. */
+    variant?: SurfaceVariant;
+    /** Inner padding. Defaults to `md` (16). */
+    padding?: SurfacePadding;
+    /** Corner radius token. Defaults to `xl` (16). */
+    radius?: RadiusToken;
+    /** When provided, the surface becomes pressable (adds button semantics). */
+    onPress?: () => void;
+    /** Dim and block presses (only meaningful with `onPress`). */
+    disabled?: boolean;
+    /** Content. */
+    children?: ReactNode;
+    /** Override the container style. */
+    style?: StyleProp<ViewStyle>;
+    /** Accessibility label (recommended when pressable). */
+    accessibilityLabel?: string;
+}
+/**
+ * Generic surface container built from design-system tokens. Use it to group
+ * content (panels, tiles, list rows). `elevated` adds a soft shadow, `outlined`
+ * a hairline border, `filled` a subtle background. For the selectable
+ * design-system card, use `Card`.
+ */
+export declare function Surface({ variant, padding, radius, onPress, disabled, children, style, accessibilityLabel, }: SurfaceProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Surface.d.ts.map

package/lib/typescript/module/components/Surface/Surface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../../../src/components/Surface/Surface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;AAChE,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzD,MAAM,WAAW,YAAY;IAC3B,6CAA6C;IAC7C,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,kDAAkD;IAClD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,wDAAwD;IACxD,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AASD;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAoB,EACpB,OAAc,EACd,MAAa,EACb,OAAO,EACP,QAAgB,EAChB,QAAQ,EACR,KAAK,EACL,kBAAkB,GACnB,EAAE,YAAY,2CA2Cd"}

package/lib/typescript/module/components/Surface/index.d.ts

@@ -0,0 +1,2 @@
+export { Surface, type SurfaceProps, type SurfaceVariant, type SurfacePadding, } from './Surface';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/Surface/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Surface/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,KAAK,YAAY,EACjB,KAAK,cAAc,EACnB,KAAK,cAAc,GACpB,MAAM,WAAW,CAAC"}

package/lib/typescript/module/components/Switch/Switch.d.ts

@@ -0,0 +1,26 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type LabelPosition } from '../_internal/Labeled';
+export type SwitchSize = 'sm' | 'md';
+export interface SwitchProps {
+    /** On/off state. */
+    value: boolean;
+    /** Called with the next value when toggled. */
+    onValueChange: (value: boolean) => void;
+    /** Control size: `sm` = 40×24, `md` = 52×32. Defaults to `md`. */
+    size?: SwitchSize;
+    /** Disable and dim the control. */
+    disabled?: boolean;
+    /** Optional label. */
+    label?: string;
+    /** Where the label sits: top / bottom / left / right. Defaults to `right`. */
+    labelPosition?: LabelPosition;
+    /** Override the container style. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Switch — faithful to the Bacon POS Figma "Form controls". A 52×32 pill:
+ * off (gray outline + gray handle), on (dark track + white handle). The handle
+ * slides and the track/handle colors cross-fade between states.
+ */
+export declare function Switch({ value, onValueChange, size, disabled, label, labelPosition, style, }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Switch.d.ts.map

package/lib/typescript/module/components/Switch/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGhF,OAAO,EAAW,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAEnE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,MAAM,WAAW,WAAW;IAC1B,oBAAoB;IACpB,KAAK,EAAE,OAAO,CAAC;IACf,+CAA+C;IAC/C,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,kEAAkE;IAClE,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAQD;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,aAAa,EACb,IAAW,EACX,QAAgB,EAChB,KAAK,EACL,aAAa,EACb,KAAK,GACN,EAAE,WAAW,2CAiEb"}

package/lib/typescript/module/components/Switch/index.d.ts

@@ -0,0 +1,2 @@
+export { Switch, type SwitchProps } from './Switch';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/Switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC"}