@bacon-pos/ui 0.1.0

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

@@ -0,0 +1,21 @@
+import { type TextProps as RNTextProps, type TextStyle } from 'react-native';
+import { useTheme } from '../../theme';
+import type { TypographyVariant, FontWeightToken } from '../../theme/typography';
+type TextColorToken = keyof ReturnType<typeof useTheme>['colors']['text'];
+export interface TextProps extends RNTextProps {
+    /** Type-scale variant from the design system. Defaults to `bodyMedium`. */
+    variant?: TypographyVariant;
+    /** Font weight token. Defaults to `regular`. */
+    weight?: FontWeightToken;
+    /** Semantic text color token, or any raw color string. Defaults to `primary`. */
+    color?: TextColorToken | (string & {});
+    /** Horizontal text alignment. */
+    align?: TextStyle['textAlign'];
+}
+/**
+ * Themed text primitive. Every string of copy in the app should render through
+ * this component so type scale, weight and color stay consistent.
+ */
+export declare function Text({ variant, weight, color, align, style, ...rest }: TextProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,SAAS,IAAI,WAAW,EAC7B,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAa,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEjF,KAAK,cAAc,GAAG,MAAM,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1E,MAAM,WAAW,SAAU,SAAQ,WAAW;IAC5C,2EAA2E;IAC3E,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,gDAAgD;IAChD,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,iFAAiF;IACjF,KAAK,CAAC,EAAE,cAAc,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACvC,iCAAiC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CAChC;AAED;;;GAGG;AACH,wBAAgB,IAAI,CAAC,EACnB,OAAsB,EACtB,MAAkB,EAClB,KAAiB,EACjB,KAAK,EACL,KAAK,EACL,GAAG,IAAI,EACR,EAAE,SAAS,2CAiBX"}

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

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

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

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

package/lib/typescript/module/components/_internal/Labeled.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from 'react';
+import { type AccessibilityRole, type AccessibilityState, type StyleProp, type ViewStyle } from 'react-native';
+/** Where the label sits relative to the control. */
+export type LabelPosition = 'top' | 'bottom' | 'left' | 'right';
+export interface LabeledProps {
+    /** Optional label. When omitted the control is standalone. */
+    label?: string;
+    /** Where the label sits. Defaults to `right`. */
+    labelPosition?: LabelPosition;
+    disabled?: boolean;
+    /** Fired when the control (or its label) is pressed. */
+    onPress?: () => void;
+    /** Gap between control and label. Defaults to 8. */
+    gap?: number;
+    accessibilityRole?: AccessibilityRole;
+    accessibilityState?: AccessibilityState;
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    /** The control visual. */
+    children: ReactNode;
+}
+/**
+ * Wraps a form control with an optional, positionable label and makes the whole
+ * row/column pressable. Shared by Checkbox, Radio and Switch.
+ */
+export declare function Labeled({ label, labelPosition, disabled, onPress, gap, accessibilityRole, accessibilityState, accessibilityLabel, style, children, }: LabeledProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Labeled.d.ts.map

package/lib/typescript/module/components/_internal/Labeled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Labeled.d.ts","sourceRoot":"","sources":["../../../../../src/components/_internal/Labeled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,oDAAoD;AACpD,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAEhE,MAAM,WAAW,YAAY;IAC3B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oDAAoD;IACpD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,0BAA0B;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,aAAuB,EACvB,QAAgB,EAChB,OAAO,EACP,GAAO,EACP,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,KAAK,EACL,QAAQ,GACT,EAAE,YAAY,2CAyBd"}

package/lib/typescript/module/components/brand/Flag.d.ts

@@ -0,0 +1,14 @@
+/** Supported country flags. */
+export type FlagCountry = 'us' | 'br';
+export interface FlagProps {
+    /** Country flag to render. */
+    country: FlagCountry;
+    /** Diameter of the round flag chip in px. Defaults to 24. */
+    size?: number;
+}
+/**
+ * Country flag rendered as a round chip (Figma "Flags"). The artwork is wider
+ * than tall, scaled to fill the circle and cropped. Multicolor, not tinted.
+ */
+export declare function Flag({ country, size }: FlagProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Flag.d.ts.map

package/lib/typescript/module/components/brand/Flag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flag.d.ts","sourceRoot":"","sources":["../../../../../src/components/brand/Flag.tsx"],"names":[],"mappings":"AAGA,+BAA+B;AAC/B,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtC,MAAM,WAAW,SAAS;IACxB,8BAA8B;IAC9B,OAAO,EAAE,WAAW,CAAC;IACrB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAOD;;;GAGG;AACH,wBAAgB,IAAI,CAAC,EAAE,OAAO,EAAE,IAAS,EAAE,EAAE,SAAS,kDAkBrD"}

package/lib/typescript/module/components/brand/Logo.d.ts

@@ -0,0 +1,15 @@
+/** Payment brand marks. */
+export type LogoName = 'visa' | 'mastercard';
+export interface LogoProps {
+    /** Brand mark to render. */
+    name: LogoName;
+    /** Rendered height in px; width follows the mark's aspect ratio. Defaults to 24. */
+    height?: number;
+}
+/**
+ * Multicolor payment brand logo (Visa, Mastercard). Rendered at its natural
+ * aspect ratio via a real react-native-svg component and NOT tinted — brand
+ * colors are preserved.
+ */
+export declare function Logo({ name, height }: LogoProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Logo.d.ts.map

package/lib/typescript/module/components/brand/Logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../../../src/components/brand/Logo.tsx"],"names":[],"mappings":"AAEA,2BAA2B;AAC3B,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,YAAY,CAAC;AAE7C,MAAM,WAAW,SAAS;IACxB,4BAA4B;IAC5B,IAAI,EAAE,QAAQ,CAAC;IACf,oFAAoF;IACpF,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,MAAW,EAAE,EAAE,SAAS,kDAKpD"}

package/lib/typescript/module/components/brand/generated/FlagBr.d.ts

@@ -0,0 +1,4 @@
+import type { SvgProps } from "react-native-svg";
+declare const FlagBr: (props: SvgProps) => import("react/jsx-runtime").JSX.Element;
+export default FlagBr;
+//# sourceMappingURL=FlagBr.d.ts.map

package/lib/typescript/module/components/brand/generated/FlagBr.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlagBr.d.ts","sourceRoot":"","sources":["../../../../../../src/components/brand/generated/FlagBr.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,QAAA,MAAM,MAAM,GAAI,OAAO,QAAQ,4CAI8W,CAAC;AAC9Y,eAAe,MAAM,CAAC"}

package/lib/typescript/module/components/brand/generated/FlagUs.d.ts

@@ -0,0 +1,4 @@
+import type { SvgProps } from "react-native-svg";
+declare const FlagUs: (props: SvgProps) => import("react/jsx-runtime").JSX.Element;
+export default FlagUs;
+//# sourceMappingURL=FlagUs.d.ts.map

package/lib/typescript/module/components/brand/generated/FlagUs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlagUs.d.ts","sourceRoot":"","sources":["../../../../../../src/components/brand/generated/FlagUs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,QAAA,MAAM,MAAM,GAAI,OAAO,QAAQ,4CAE8pJ,CAAC;AAC9rJ,eAAe,MAAM,CAAC"}

package/lib/typescript/module/components/brand/generated/Mastercard.d.ts

@@ -0,0 +1,4 @@
+import type { SvgProps } from "react-native-svg";
+declare const Mastercard: (props: SvgProps) => import("react/jsx-runtime").JSX.Element;
+export default Mastercard;
+//# sourceMappingURL=Mastercard.d.ts.map

package/lib/typescript/module/components/brand/generated/Mastercard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mastercard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/brand/generated/Mastercard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,QAAA,MAAM,UAAU,GAAI,OAAO,QAAQ,4CAAivC,CAAC;AACrxC,eAAe,UAAU,CAAC"}

package/lib/typescript/module/components/brand/generated/Visa.d.ts

@@ -0,0 +1,4 @@
+import type { SvgProps } from "react-native-svg";
+declare const Visa: (props: SvgProps) => import("react/jsx-runtime").JSX.Element;
+export default Visa;
+//# sourceMappingURL=Visa.d.ts.map

package/lib/typescript/module/components/brand/generated/Visa.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Visa.d.ts","sourceRoot":"","sources":["../../../../../../src/components/brand/generated/Visa.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,QAAA,MAAM,IAAI,GAAI,OAAO,QAAQ,4CAAmuF,CAAC;AACjwF,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,4 @@
+export { Logo, type LogoProps, type LogoName } from './Logo';
+export { Flag, type FlagProps, type FlagCountry } from './Flag';
+export { graphics, type GraphicName, type Graphic } from './registry';
+//# sourceMappingURL=index.d.ts.map

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

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

package/lib/typescript/module/components/brand/registry.d.ts

@@ -0,0 +1,33 @@
+import type { ComponentType } from 'react';
+import type { SvgProps } from 'react-native-svg';
+export interface Graphic {
+    Component: ComponentType<SvgProps>;
+    /** width / height of the artwork, for aspect-correct sizing. */
+    aspect: number;
+}
+/**
+ * Multicolor brand assets as real react-native-svg components (generated by
+ * SVGR — see `pnpm gen:graphics`). Unlike icons these are NOT rendered via
+ * SvgXml, because runtime XML parsing does not reliably render gradients,
+ * clip-paths and masks across dev/build and native/web.
+ */
+export declare const graphics: {
+    visa: {
+        Component: (props: SvgProps) => import("react/jsx-runtime").JSX.Element;
+        aspect: number;
+    };
+    mastercard: {
+        Component: (props: SvgProps) => import("react/jsx-runtime").JSX.Element;
+        aspect: number;
+    };
+    'flag-us': {
+        Component: (props: SvgProps) => import("react/jsx-runtime").JSX.Element;
+        aspect: number;
+    };
+    'flag-br': {
+        Component: (props: SvgProps) => import("react/jsx-runtime").JSX.Element;
+        aspect: number;
+    };
+};
+export type GraphicName = keyof typeof graphics;
+//# sourceMappingURL=registry.d.ts.map

package/lib/typescript/module/components/brand/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../../../../src/components/brand/registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMjD,MAAM,WAAW,OAAO;IACtB,SAAS,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACnC,gEAAgE;IAChE,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;;;GAKG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;CAKc,CAAC;AAEpC,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,QAAQ,CAAC"}

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

@@ -0,0 +1,19 @@
+export * from './Avatar';
+export * from './brand';
+export * from './Button';
+export * from './Card';
+export * from './Checkbox';
+export * from './Chip';
+export * from './CodeInput';
+export * from './Icon';
+export * from './IconButton';
+export * from './Input';
+export * from './LinkButton';
+export * from './ProductCard';
+export * from './QuantityStepper';
+export * from './Radio';
+export * from './Surface';
+export * from './Switch';
+export * from './Text';
+export type { LabelPosition } from './_internal/Labeled';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AAEvB,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

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

@@ -0,0 +1,8 @@
+/**
+ * @bacon-pos/ui — Bacon POS design system for React Native.
+ *
+ * Public entry point. Everything importable from the package is re-exported here.
+ */
+export * from './theme';
+export * from './components';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}

package/lib/typescript/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/module/theme/ThemeProvider.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { type Theme } from './themes';
+declare const ThemeContext: React.Context<Theme>;
+/** Recursive partial — lets you override just the theme keys you care about. */
+export type DeepPartial<T> = {
+    [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
+};
+export interface ThemeProviderProps {
+    /** Selects a built-in theme. Ignored when `theme` is provided. Defaults to 'light'. */
+    mode?: 'light' | 'dark';
+    /** Provide a fully custom theme object to replace the built-ins. */
+    theme?: Theme;
+    /**
+     * Deep-merge partial overrides onto the base theme. Applies globally to every
+     * component (current and future), so you can inject a custom typography scale,
+     * font family, or brand colors in one place:
+     *
+     * ```tsx
+     * <ThemeProvider overrides={{ fontFamily: { regular: 'Poppins-Regular' } }}>
+     * ```
+     */
+    overrides?: DeepPartial<Theme>;
+    children: React.ReactNode;
+}
+export declare function ThemeProvider({ mode, theme, overrides, children, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+/** Access the active theme from any component rendered inside a ThemeProvider. */
+export declare function useTheme(): Theme;
+export { ThemeContext };
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/lib/typescript/module/theme/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAAyB,KAAK,KAAK,EAAE,MAAM,UAAU,CAAC;AAE7D,QAAA,MAAM,YAAY,sBAAmC,CAAC;AAEtD,gFAAgF;AAChF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAChE,CAAC;AAoBF,MAAM,WAAW,kBAAkB;IACjC,uFAAuF;IACvF,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,oEAAoE;IACpE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAc,EACd,KAAK,EACL,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,2CAOpB;AAED,kFAAkF;AAClF,wBAAgB,QAAQ,IAAI,KAAK,CAEhC;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/lib/typescript/module/theme/index.d.ts

@@ -0,0 +1,6 @@
+export { palette, type Palette } from './palette';
+export { spacing, radii, space, SPACING_BASE, type SpacingToken, type RadiusToken, } from './spacing';
+export { typography, fontFamily, fontWeight, type TypographyVariant, type FontWeightToken, } from './typography';
+export { lightTheme, darkTheme, themes, textStyle, type Theme, type SemanticColors, } from './themes';
+export { ThemeProvider, useTheme, ThemeContext, type ThemeProviderProps, type DeepPartial, } from './ThemeProvider';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EACL,OAAO,EACP,KAAK,EACL,KAAK,EACL,YAAY,EACZ,KAAK,YAAY,EACjB,KAAK,WAAW,GACjB,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,UAAU,EACV,UAAU,EACV,UAAU,EACV,KAAK,iBAAiB,EACtB,KAAK,eAAe,GACrB,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,EACT,KAAK,KAAK,EACV,KAAK,cAAc,GACpB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,aAAa,EACb,QAAQ,EACR,YAAY,EACZ,KAAK,kBAAkB,EACvB,KAAK,WAAW,GACjB,MAAM,iBAAiB,CAAC"}

package/lib/typescript/module/theme/palette.d.ts

@@ -0,0 +1,89 @@
+/**
+ * Primitive color palette — extracted from the Bacon POS Figma design system.
+ * These are raw values; consume them through the semantic `theme.colors` API
+ * (see `themes.ts`) rather than referencing palette steps directly in components.
+ */
+export declare const palette: {
+    readonly primary: {
+        readonly 50: "#FFE6EB";
+        readonly 100: "#FFCCD8";
+        readonly 200: "#FF99B0";
+        readonly 300: "#FF6689";
+        readonly 400: "#FF3361";
+        readonly 500: "#FF003A";
+        readonly 600: "#CC002E";
+        readonly 700: "#990023";
+        readonly 800: "#660017";
+        readonly 900: "#33000C";
+        readonly 950: "#190006";
+    };
+    readonly accent: {
+        readonly 50: "#FAFFE6";
+        readonly 100: "#F4FFCC";
+        readonly 200: "#E9FF99";
+        readonly 300: "#DFFF66";
+        readonly 400: "#D4FF33";
+        readonly 500: "#C9FF00";
+        readonly 600: "#A1CC00";
+        readonly 700: "#799900";
+        readonly 800: "#506600";
+        readonly 900: "#283300";
+        readonly 950: "#141900";
+    };
+    readonly neutral: {
+        readonly 50: "#F9FAFB";
+        readonly 100: "#F2F4F7";
+        readonly 200: "#E5E7EB";
+        readonly 300: "#D1D5DB";
+        readonly 400: "#9CA3AF";
+        readonly 500: "#6B7280";
+        readonly 600: "#4B5563";
+        readonly 700: "#374151";
+        readonly 800: "#292D32";
+        readonly 900: "#121416";
+        readonly 950: "#101214";
+    };
+    readonly success: {
+        readonly 50: "#E6F4EE";
+        readonly 100: "#CCE8DD";
+        readonly 200: "#99D1BC";
+        readonly 300: "#66BA9A";
+        readonly 400: "#33A379";
+        readonly 500: "#008C57";
+        readonly 600: "#007046";
+        readonly 700: "#005434";
+        readonly 800: "#003823";
+        readonly 900: "#001C11";
+        readonly 950: "#000E09";
+    };
+    readonly warning: {
+        readonly 50: "#FEF5E7";
+        readonly 100: "#FDECD0";
+        readonly 200: "#FBD9A1";
+        readonly 300: "#F8C571";
+        readonly 400: "#F6B242";
+        readonly 500: "#F49F13";
+        readonly 600: "#C37F0F";
+        readonly 700: "#925F0B";
+        readonly 800: "#624008";
+        readonly 900: "#312004";
+        readonly 950: "#181002";
+    };
+    readonly error: {
+        readonly 50: "#FAE6E9";
+        readonly 100: "#F6CCD2";
+        readonly 200: "#EC99A5";
+        readonly 300: "#E36679";
+        readonly 400: "#D9334C";
+        readonly 500: "#D0001F";
+        readonly 600: "#A60019";
+        readonly 700: "#7D0013";
+        readonly 800: "#53000C";
+        readonly 900: "#2A0006";
+        readonly 950: "#150003";
+    };
+    readonly black: "#000000";
+    readonly white: "#FFFFFF";
+};
+export type Palette = typeof palette;
+//# sourceMappingURL=palette.d.ts.map

package/lib/typescript/module/theme/palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../../../src/theme/palette.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiFV,CAAC;AAEX,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC"}

package/lib/typescript/module/theme/spacing.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Spacing scale — base unit 4px (Figma spacing tokens: 1=4, 2=8, 2.5=10, 4=16...).
+ * Use `space(n)` for arbitrary multiples of the base unit, or the named `spacing`
+ * tokens for consistent component padding/margins.
+ */
+export declare const SPACING_BASE = 4;
+export declare const space: (multiplier: number) => number;
+export declare const spacing: {
+    readonly none: 0;
+    readonly xxs: 2;
+    readonly xs: 4;
+    readonly sm: 8;
+    readonly md: 12;
+    readonly lg: 16;
+    readonly xl: 24;
+    readonly '2xl': 32;
+    readonly '3xl': 40;
+    readonly '4xl': 48;
+    readonly '5xl': 64;
+};
+export declare const radii: {
+    readonly none: 0;
+    readonly sm: 4;
+    readonly md: 8;
+    readonly lg: 12;
+    readonly xl: 16;
+    readonly '2xl': 24;
+    readonly '3xl': 32;
+    readonly pill: 9999;
+    readonly full: 9999;
+};
+export type SpacingToken = keyof typeof spacing;
+export type RadiusToken = keyof typeof radii;
+//# sourceMappingURL=spacing.d.ts.map

package/lib/typescript/module/theme/spacing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../../../src/theme/spacing.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,YAAY,IAAI,CAAC;AAE9B,eAAO,MAAM,KAAK,GAAI,YAAY,MAAM,KAAG,MAAmC,CAAC;AAE/E,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYV,CAAC;AAEX,eAAO,MAAM,KAAK;;;;;;;;;;CAUR,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,OAAO,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,KAAK,CAAC"}

package/lib/typescript/module/theme/themes.d.ts

@@ -0,0 +1,93 @@
+import type { TextStyle } from 'react-native';
+import { spacing, radii } from './spacing';
+import { typography, fontFamily, fontWeight, type TypographyVariant, type FontWeightToken } from './typography';
+/**
+ * Semantic color contract. Components read from this — never from `palette`
+ * directly — so light/dark and future brand themes stay swappable.
+ */
+export interface SemanticColors {
+    background: {
+        default: string;
+        subtle: string;
+        muted: string;
+        inverse: string;
+    };
+    text: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        inverse: string;
+        disabled: string;
+    };
+    border: {
+        default: string;
+        subtle: string;
+        strong: string;
+        focus: string;
+    };
+    brand: {
+        primary: string;
+        primaryHover: string;
+        primaryActive: string;
+        onPrimary: string;
+        accent: string;
+        accentSubtle: string;
+        onAccent: string;
+    };
+    feedback: {
+        success: string;
+        successSubtle: string;
+        warning: string;
+        warningSubtle: string;
+        error: string;
+        errorSubtle: string;
+        onFeedback: string;
+    };
+    /** Interactive control fills (buttons). Mirrors Figma `action/*` tokens. */
+    action: {
+        primary: string;
+        primaryForeground: string;
+        secondary: string;
+        secondaryForeground: string;
+        inverse: string;
+        inverseForeground: string;
+    };
+    /** Stateful control fills (success / destructive buttons). Mirrors Figma `state/*`. */
+    state: {
+        success: string;
+        successForeground: string;
+        successSubtle: string;
+        successSubtleForeground: string;
+        destructiveSubtle: string;
+        destructiveSubtleForeground: string;
+    };
+    /** Disabled control tokens. Mirrors Figma `disabled/*`. */
+    disabled: {
+        foreground: string;
+        background: string;
+        backgroundStrong: string;
+        border: string;
+    };
+}
+export interface Theme {
+    mode: 'light' | 'dark';
+    colors: SemanticColors;
+    spacing: typeof spacing;
+    radii: typeof radii;
+    typography: typeof typography;
+    fontFamily: typeof fontFamily;
+    fontWeight: typeof fontWeight;
+}
+export declare const lightTheme: Theme;
+export declare const darkTheme: Theme;
+export declare const themes: {
+    readonly light: Theme;
+    readonly dark: Theme;
+};
+/**
+ * Compose a complete text style from the active theme's type scale, font family
+ * and weight. Use this in any component that renders text without the <Text>
+ * component (e.g. inputs), so it always honors global typography overrides.
+ */
+export declare function textStyle(theme: Theme, variant: TypographyVariant, weight?: FontWeightToken): TextStyle;
+//# sourceMappingURL=themes.d.ts.map

package/lib/typescript/module/theme/themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../../src/theme/themes.ts"],"names":[],"mappings":"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"}

package/lib/typescript/module/theme/typography.d.ts

@@ -0,0 +1,60 @@
+/**
+ * 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 declare const fontFamily: {
+    readonly regular: "Inter-Regular";
+    readonly medium: "Inter-Medium";
+    readonly semibold: "Inter-SemiBold";
+};
+export declare const fontWeight: {
+    readonly regular: "400";
+    readonly medium: "500";
+    readonly semibold: "600";
+};
+/**
+ * Type scale — Figma "Typography" page (Inter).
+ * Each entry is a partial TextStyle you can spread onto a <Text> component.
+ */
+export declare const typography: {
+    readonly displayLarge: {
+        readonly fontSize: 56;
+        readonly lineHeight: 64;
+    };
+    readonly displayRegular: {
+        readonly fontSize: 48;
+        readonly lineHeight: 56;
+    };
+    readonly h1: {
+        readonly fontSize: 32;
+        readonly lineHeight: 40;
+    };
+    readonly h2: {
+        readonly fontSize: 24;
+        readonly lineHeight: 32;
+    };
+    readonly h3: {
+        readonly fontSize: 20;
+        readonly lineHeight: 28;
+    };
+    readonly bodyLarge: {
+        readonly fontSize: 18;
+        readonly lineHeight: 26;
+    };
+    readonly bodyMedium: {
+        readonly fontSize: 16;
+        readonly lineHeight: 24;
+    };
+    readonly bodySmall: {
+        readonly fontSize: 14;
+        readonly lineHeight: 22;
+    };
+    readonly caption: {
+        readonly fontSize: 12;
+        readonly lineHeight: 18;
+    };
+};
+export type TypographyVariant = keyof typeof typography;
+export type FontWeightToken = keyof typeof fontWeight;
+//# sourceMappingURL=typography.d.ts.map

package/lib/typescript/module/theme/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../src/theme/typography.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,UAAU;;;;CAIb,CAAC;AAEX,eAAO,MAAM,UAAU;;;;CAIqC,CAAC;AAE7D;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUwD,CAAC;AAEhF,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,UAAU,CAAC;AACxD,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,UAAU,CAAC"}