@bacon-pos/ui 0.1.0

package/lib/module/theme/typography.js

@@ -0,0 +1,61 @@
+"use strict";
+
+/**
+ * Font families map to the Inter font weights used in the design system.
+ * Consumers must load these fonts (e.g. via `expo-font` / `@expo-google-fonts/inter`).
+ * If a family is not registered, React Native falls back to the system font.
+ */
+export const fontFamily = {
+  regular: 'Inter-Regular',
+  medium: 'Inter-Medium',
+  semibold: 'Inter-SemiBold'
+};
+export const fontWeight = {
+  regular: '400',
+  medium: '500',
+  semibold: '600'
+};
+
+/**
+ * Type scale — Figma "Typography" page (Inter).
+ * Each entry is a partial TextStyle you can spread onto a <Text> component.
+ */
+export const typography = {
+  displayLarge: {
+    fontSize: 56,
+    lineHeight: 64
+  },
+  displayRegular: {
+    fontSize: 48,
+    lineHeight: 56
+  },
+  h1: {
+    fontSize: 32,
+    lineHeight: 40
+  },
+  h2: {
+    fontSize: 24,
+    lineHeight: 32
+  },
+  h3: {
+    fontSize: 20,
+    lineHeight: 28
+  },
+  bodyLarge: {
+    fontSize: 18,
+    lineHeight: 26
+  },
+  bodyMedium: {
+    fontSize: 16,
+    lineHeight: 24
+  },
+  bodySmall: {
+    fontSize: 14,
+    lineHeight: 22
+  },
+  caption: {
+    fontSize: 12,
+    lineHeight: 18
+  }
+};
+//# sourceMappingURL=typography.js.map

package/lib/module/theme/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fontFamily","regular","medium","semibold","fontWeight","typography","displayLarge","fontSize","lineHeight","displayRegular","h1","h2","h3","bodyLarge","bodyMedium","bodySmall","caption"],"sourceRoot":"..\\..\\..\\src","sources":["theme/typography.ts"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,UAAU,GAAG;EACxBC,OAAO,EAAE,eAAe;EACxBC,MAAM,EAAE,cAAc;EACtBC,QAAQ,EAAE;AACZ,CAAU;AAEV,OAAO,MAAMC,UAAU,GAAG;EACxBH,OAAO,EAAE,KAAK;EACdC,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE;AACZ,CAA4D;;AAE5D;AACA;AACA;AACA;AACA,OAAO,MAAME,UAAU,GAAG;EACxBC,YAAY,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAG,CAAC;EAC9CC,cAAc,EAAE;IAAEF,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAG,CAAC;EAChDE,EAAE,EAAE;IAAEH,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAG,CAAC;EACpCG,EAAE,EAAE;IAAEJ,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAG,CAAC;EACpCI,EAAE,EAAE;IAAEL,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAG,CAAC;EACpCK,SAAS,EAAE;IAAEN,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAG,CAAC;EAC3CM,UAAU,EAAE;IAAEP,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAG,CAAC;EAC5CO,SAAS,EAAE;IAAER,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAG,CAAC;EAC3CQ,OAAO,EAAE;IAAET,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAG;AAC1C,CAA+E","ignoreList":[]}

package/lib/typescript/commonjs/components/Avatar/Avatar.d.ts

@@ -0,0 +1,31 @@
+import { type ImageSourcePropType, type StyleProp, type ViewStyle } from 'react-native';
+export type AvatarSize = 'sm' | 'md' | 'lg';
+export interface AvatarProps {
+    /** Image source; when omitted or it fails to load, initials are shown. */
+    source?: ImageSourcePropType;
+    /** Full name used to derive the initials. */
+    name?: string;
+    /** Explicit initials (overrides `name`). */
+    initials?: string;
+    /** How many initials to show: 1 or 2. Defaults to 2. */
+    initialsCount?: 1 | 2;
+    /** Size preset: `sm` 32 / `md` 40 / `lg` 56. Defaults to `md`. */
+    size?: AvatarSize;
+    /** Custom diameter in px. Overrides `size` when set; initials scale to fit. */
+    diameter?: number;
+    /** Initials color. Defaults to a neutral foreground. */
+    color?: string;
+    /** Background behind initials (kept lighter than the initials). Defaults to a light neutral. */
+    backgroundColor?: string;
+    /** Override the container style. */
+    style?: StyleProp<ViewStyle>;
+    /** Accessibility label (defaults to `name`). */
+    accessibilityLabel?: string;
+}
+/**
+ * Avatar — circular user image with an initials fallback. Shows the photo when
+ * `source` loads; otherwise shows 1–2 uppercase initials on a lighter background.
+ * Sizes: sm / md / lg.
+ */
+export declare function Avatar({ source, name, initials, initialsCount, size, diameter, color, backgroundColor, style, accessibilityLabel, }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Avatar.d.ts.map

package/lib/typescript/commonjs/components/Avatar/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,KAAK,mBAAmB,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKrG,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,0EAA0E;IAC1E,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,aAAa,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACtB,kEAAkE;IAClE,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gGAAgG;IAChG,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,gDAAgD;IAChD,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAoBD;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,aAAiB,EACjB,IAAW,EACX,QAAQ,EACR,KAAK,EACL,eAAe,EACf,KAAK,EACL,kBAAkB,GACnB,EAAE,WAAW,2CA6Cb"}

package/lib/typescript/commonjs/components/Avatar/index.d.ts

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

package/lib/typescript/commonjs/components/Avatar/index.d.ts.map

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

package/lib/typescript/commonjs/components/Button/Button.d.ts

@@ -0,0 +1,40 @@
+import { type ReactNode } from 'react';
+import { type PressableProps, type StyleProp, type ViewStyle } from 'react-native';
+/** Visual styles — 1:1 with the Figma "Round buttons" style variants. */
+export type ButtonVariant = 'default' | 'secondary' | 'inverse' | 'destructive' | 'success' | 'successSubtle';
+export type ButtonSize = 'sm' | 'md' | 'lg' | 'xl';
+/** `round` = pill (default), `square` = 16px corner radius. */
+export type ButtonShape = 'round' | 'square';
+export interface ButtonProps extends Omit<PressableProps, 'style' | 'children'> {
+    /** Visual style. Defaults to `default` (the lime accent action). */
+    variant?: ButtonVariant;
+    /** Control height and typography. Defaults to `lg`. */
+    size?: ButtonSize;
+    /** Corner style. Defaults to `round` (pill). */
+    shape?: ButtonShape;
+    /** Button label. */
+    label: string;
+    /** Show a spinner in the leading slot and block presses. The label stays visible. */
+    loading?: boolean;
+    /** Disable interaction and apply disabled tokens. */
+    disabled?: boolean;
+    /** Stretch to the full width of the parent. */
+    fullWidth?: boolean;
+    /** Element rendered before the label (sized to the size's icon box). */
+    leftIcon?: ReactNode;
+    /** Element rendered after the label. */
+    rightIcon?: ReactNode;
+    /**
+     * Element rendered above the label in a vertical stack. Only applies when
+     * `shape="square"` — ignored otherwise. Takes precedence over left/right icons.
+     */
+    topIcon?: ReactNode;
+    /** Override the container style. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Text button — faithful to the Bacon POS Figma "Buttons" frame.
+ * Colors, sizes, radii and states are driven by theme tokens.
+ */
+export declare function Button({ variant, size, shape, label, loading, disabled, fullWidth, leftIcon, rightIcon, topIcon, style, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/lib/typescript/commonjs/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAIL,KAAK,cAAc,EAEnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAKtB,yEAAyE;AACzE,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,SAAS,GACT,aAAa,GACb,SAAS,GACT,eAAe,CAAC;AAEpB,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,+DAA+D;AAC/D,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE7C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,CAAC;IAC7E,oEAAoE;IACpE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,uDAAuD;IACvD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,gDAAgD;IAChD,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,qFAAqF;IACrF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wCAAwC;IACxC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAuDD;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAW,EACX,KAAe,EACf,KAAK,EACL,OAAe,EACf,QAAgB,EAChB,SAAiB,EACjB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,KAAK,EACL,GAAG,IAAI,EACR,EAAE,WAAW,2CAyFb"}

package/lib/typescript/commonjs/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { Button, type ButtonProps, type ButtonVariant, type ButtonSize, } from './Button';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,UAAU,GAChB,MAAM,UAAU,CAAC"}

package/lib/typescript/commonjs/components/Card/Card.d.ts

@@ -0,0 +1,32 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import type { IconName } from '../Icon/icons.generated';
+export interface CardProps {
+    /** Bold card title (H3). */
+    title?: string;
+    /** Supporting description below the title. */
+    description?: string;
+    /** Optional leading icon shown above the title. */
+    icon?: IconName;
+    /** Selected state — lime surface, lime border + focus ring, checked radio. */
+    selected?: boolean;
+    /** Show the radio indicator in the top-right corner. Defaults to true. */
+    showRadio?: boolean;
+    /** Makes the card pressable (to select it). */
+    onPress?: () => void;
+    /** Dim and block presses. */
+    disabled?: boolean;
+    /** Extra content rendered after the description. */
+    children?: ReactNode;
+    /** Override the container style. */
+    style?: StyleProp<ViewStyle>;
+    /** Accessibility label (defaults to `title`). */
+    accessibilityLabel?: string;
+}
+/**
+ * Selectable card — faithful to the Bacon POS Figma "Card". A padded rounded
+ * surface with an optional icon, title, description and a radio indicator;
+ * `selected` applies the lime surface, border and focus ring.
+ */
+export declare function Card({ title, description, icon, selected, showRadio, onPress, disabled, children, style, accessibilityLabel, }: CardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Card.d.ts.map

package/lib/typescript/commonjs/components/Card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGxD,MAAM,WAAW,SAAS;IACxB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAqBD;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,QAAgB,EAChB,SAAgB,EAChB,OAAO,EACP,QAAgB,EAChB,QAAQ,EACR,KAAK,EACL,kBAAkB,GACnB,EAAE,SAAS,2CAyEX"}

package/lib/typescript/commonjs/components/Card/index.d.ts

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

package/lib/typescript/commonjs/components/Card/index.d.ts.map

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

package/lib/typescript/commonjs/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,25 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type LabelPosition } from '../_internal/Labeled';
+export interface CheckboxProps {
+    /** Checked state. */
+    checked: boolean;
+    /** Called with the next checked value when pressed. */
+    onChange: (checked: boolean) => void;
+    /** Show the indeterminate (mixed) mark instead of a check. */
+    indeterminate?: boolean;
+    /** 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>;
+}
+/**
+ * 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 declare function Checkbox({ checked, onChange, indeterminate, disabled, label, labelPosition, style, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Checkbox.d.ts.map

package/lib/typescript/commonjs/components/Checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,OAAO,EAAW,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAEnE,MAAM,WAAW,aAAa;IAC5B,qBAAqB;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,8DAA8D;IAC9D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,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,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,aAAqB,EACrB,QAAgB,EAChB,KAAK,EACL,aAAa,EACb,KAAK,GACN,EAAE,aAAa,2CAkDf"}

package/lib/typescript/commonjs/components/Checkbox/index.d.ts

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

package/lib/typescript/commonjs/components/Checkbox/index.d.ts.map

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

package/lib/typescript/commonjs/components/Chip/Chip.d.ts

@@ -0,0 +1,40 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+import type { IconName } from '../Icon/icons.generated';
+/** Highlight color when the chip is active. */
+export type ChipTone = 'dark' | 'primary';
+export type ChipSize = 'sm' | 'md';
+export interface ChipProps {
+    /** Chip label. */
+    label: string;
+    /** Selected/on state — filled highlight, inverse text, swatch hidden. */
+    active?: boolean;
+    /** Toggle handler. */
+    onPress?: () => void;
+    /** Active highlight: `dark` (default) or `primary` (the Button-default action color). */
+    tone?: ChipTone;
+    /** Control size: `sm` or `md` (default). */
+    size?: ChipSize;
+    /**
+     * Color dot shown on the left (a legend/convention color). Hidden when
+     * `active` — the chip fills with the tone color instead.
+     */
+    swatchColor?: string;
+    /** Optional left icon (shown in both states, tinted to the text color). */
+    icon?: IconName;
+    /** Show a check icon on the right while active. */
+    showCheck?: boolean;
+    /** Disable and dim. */
+    disabled?: boolean;
+    /** Override the container style. */
+    style?: StyleProp<ViewStyle>;
+    /** Accessibility label (defaults to `label`). */
+    accessibilityLabel?: string;
+}
+/**
+ * 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 declare function Chip({ label, active, onPress, tone, size, swatchColor, icon, showCheck, disabled, style, accessibilityLabel, }: ChipProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Chip.d.ts.map

package/lib/typescript/commonjs/components/Chip/Chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoD,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKhH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGxD,+CAA+C;AAC/C,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAE1C,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;AAUnC,MAAM,WAAW,SAAS;IACxB,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sBAAsB;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yFAAyF;IACzF,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,MAAc,EACd,OAAO,EACP,IAAa,EACb,IAAW,EACX,WAAW,EACX,IAAI,EACJ,SAAiB,EACjB,QAAgB,EAChB,KAAK,EACL,kBAAkB,GACnB,EAAE,SAAS,2CA0DX"}

package/lib/typescript/commonjs/components/Chip/ChipGroup.d.ts

@@ -0,0 +1,49 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+import type { IconName } from '../Icon/icons.generated';
+import { type ChipTone, type ChipSize } from './Chip';
+export interface ChipOption {
+    value: string;
+    label: string;
+    /** Left convention color dot (hidden when active). */
+    swatchColor?: string;
+    /** Left icon. */
+    icon?: IconName;
+    /** Disable just this option. */
+    disabled?: boolean;
+}
+interface ChipGroupBase {
+    options: ChipOption[];
+    /** Active highlight tone applied to all chips. */
+    tone?: ChipTone;
+    /** Size applied to all chips. */
+    size?: ChipSize;
+    /** Show a check on selected chips. */
+    showCheck?: boolean;
+    /** Disable the whole group. */
+    disabled?: boolean;
+    /** Gap between chips. Defaults to 8. */
+    gap?: number;
+    /** Override the wrapper style. */
+    style?: StyleProp<ViewStyle>;
+}
+interface SingleSelect {
+    multiple?: false;
+    /** Selected value, or null when none. */
+    value: string | null;
+    onChange: (value: string | null) => void;
+}
+interface MultiSelect {
+    multiple: true;
+    /** Selected values. */
+    value: string[];
+    onChange: (value: string[]) => void;
+}
+export type ChipGroupProps = ChipGroupBase & (SingleSelect | MultiSelect);
+/**
+ * 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 declare function ChipGroup(props: ChipGroupProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ChipGroup.d.ts.map

package/lib/typescript/commonjs/components/Chip/ChipGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/ChipGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAQ,KAAK,QAAQ,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE5D,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,aAAa;IACrB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,kDAAkD;IAClD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,iCAAiC;IACjC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,yCAAyC;IACzC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC1C;AAED,UAAU,WAAW;IACnB,QAAQ,EAAE,IAAI,CAAC;IACf,uBAAuB;IACvB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACrC;AAED,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,CAAC,YAAY,GAAG,WAAW,CAAC,CAAC;AAE1E;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAmC9C"}

package/lib/typescript/commonjs/components/Chip/index.d.ts

@@ -0,0 +1,3 @@
+export { Chip, type ChipProps, type ChipTone, type ChipSize } from './Chip';
+export { ChipGroup, type ChipGroupProps, type ChipOption } from './ChipGroup';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/Chip/index.d.ts.map

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

package/lib/typescript/commonjs/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/commonjs/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/commonjs/components/CodeInput/index.d.ts

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

package/lib/typescript/commonjs/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/commonjs/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/commonjs/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/commonjs/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/commonjs/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/commonjs/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/commonjs/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"}