zero-to-app 2.0.0

package/dist/brand/brandConfig.d.ts

@@ -0,0 +1,48 @@
+import { BorderRadius, Colors, FontSizes, FooterLinks, LogoConfig, Name, NavigationConfig, Spacing } from './brandTypes';
+export interface Brand {
+    colors: Colors;
+    fontSizes: FontSizes;
+    spacing: Spacing;
+    borderRadius: BorderRadius;
+    name: Name;
+    logo: LogoConfig;
+    footerLinks: FooterLinks;
+    navigation: NavigationConfig;
+}
+/**
+ * Configuration interface for creating a brand.
+ * All properties except logo, footerLinks, and navigation are required - apps must provide complete brand configuration.
+ */
+export interface BrandConfig {
+    name: string;
+    colors: Colors;
+    fontSizes: FontSizes;
+    spacing: Spacing;
+    borderRadius: number;
+    logo?: LogoConfig;
+    footerLinks?: FooterLinks;
+    navigation?: NavigationConfig;
+}
+/**
+ * Creates a brand configuration from the provided config.
+ * All brand values must be provided at the app level - no defaults are provided.
+ *
+ * @param config Required configuration with all brand values
+ * @returns Brand configuration object
+ *
+ * @example
+ * // Complete brand configuration required
+ * const brand = createBrand({
+ *   name: 'My App',
+ *   colors: { primary: '#ff0000', secondary: '#00ff00', backgroundColor: '#ffffff' },
+ *   fontSizes: { small: 12, medium: 14, large: 18, xlarge: 24 },
+ *   spacing: { xs: 4, sm: 8, md: 12, lg: 16, xl: 20, xxl: 24, xxxl: 40 },
+ *   borderRadius: 8,
+ *   logo: {
+ *     light: require('./assets/logo-light.png'),
+ *     dark: require('./assets/logo-dark.png'),
+ *   },
+ * });
+ */
+export declare const createBrand: (config: BrandConfig) => Brand;
+//# sourceMappingURL=brandConfig.d.ts.map

package/dist/brand/brandConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brandConfig.d.ts","sourceRoot":"","sources":["../../brand/brandConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAc,IAAI,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAErI,MAAM,WAAW,KAAK;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,YAAY,CAAC;IAC3B,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,EAAE,UAAU,CAAC;IACjB,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAED;;;GAGG;AACH,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,WAAW,GAAI,QAAQ,WAAW,KAAG,KAkBjD,CAAC"}

package/dist/brand/brandConfig.js

@@ -0,0 +1,41 @@
+/**
+ * Creates a brand configuration from the provided config.
+ * All brand values must be provided at the app level - no defaults are provided.
+ *
+ * @param config Required configuration with all brand values
+ * @returns Brand configuration object
+ *
+ * @example
+ * // Complete brand configuration required
+ * const brand = createBrand({
+ *   name: 'My App',
+ *   colors: { primary: '#ff0000', secondary: '#00ff00', backgroundColor: '#ffffff' },
+ *   fontSizes: { small: 12, medium: 14, large: 18, xlarge: 24 },
+ *   spacing: { xs: 4, sm: 8, md: 12, lg: 16, xl: 20, xxl: 24, xxxl: 40 },
+ *   borderRadius: 8,
+ *   logo: {
+ *     light: require('./assets/logo-light.png'),
+ *     dark: require('./assets/logo-dark.png'),
+ *   },
+ * });
+ */
+export const createBrand = (config) => {
+    return {
+        name: config.name,
+        colors: config.colors,
+        fontSizes: config.fontSizes,
+        spacing: config.spacing,
+        borderRadius: config.borderRadius,
+        logo: config.logo ?? {
+            light: undefined,
+            dark: undefined,
+        },
+        footerLinks: config.footerLinks ?? {
+            links: [],
+        },
+        navigation: config.navigation ?? {
+            items: [],
+        },
+    };
+};
+//# sourceMappingURL=brandConfig.js.map

package/dist/brand/brandConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brandConfig.js","sourceRoot":"","sources":["../../brand/brandConfig.ts"],"names":[],"mappings":"AA4BA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,MAAmB,EAAS,EAAE;IACxD,OAAO;QACL,IAAI,EAAE,MAAM,CAAC,IAAI;QACjB,MAAM,EAAE,MAAM,CAAC,MAAM;QACrB,SAAS,EAAE,MAAM,CAAC,SAAS;QAC3B,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,YAAY,EAAE,MAAM,CAAC,YAAY;QACjC,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI;YACnB,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,SAAS;SAChB;QACD,WAAW,EAAE,MAAM,CAAC,WAAW,IAAI;YACjC,KAAK,EAAE,EAAE;SACV;QACD,UAAU,EAAE,MAAM,CAAC,UAAU,IAAI;YAC/B,KAAK,EAAE,EAAE;SACV;KACF,CAAC;AACJ,CAAC,CAAC"}

package/dist/brand/brandContext.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Brand } from './brandConfig';
+type BrandProviderProps = {
+    brand: Brand;
+    children: React.ReactNode;
+};
+export declare const BrandProvider: ({ brand, children }: BrandProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useBrand: () => Brand;
+export {};
+//# sourceMappingURL=brandContext.d.ts.map

package/dist/brand/brandContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brandContext.d.ts","sourceRoot":"","sources":["../../brand/brandContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAStC,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,qBAAqB,kBAAkB,4CAEpE,CAAC;AAGF,eAAO,MAAM,QAAQ,QAAO,KAM3B,CAAC"}

package/dist/brand/brandContext.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+// Create the context
+const BrandContext = createContext(undefined);
+export const BrandProvider = ({ brand, children }) => {
+    return _jsx(BrandContext.Provider, { value: brand, children: children });
+};
+// useBrand hook for components to consume brand values
+export const useBrand = () => {
+    const context = useContext(BrandContext);
+    if (context === undefined) {
+        throw new Error('useBrand must be used within a BrandProvider');
+    }
+    return context;
+};
+//# sourceMappingURL=brandContext.js.map

package/dist/brand/brandContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brandContext.js","sourceRoot":"","sources":["../../brand/brandContext.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAMzD,qBAAqB;AACrB,MAAM,YAAY,GAAG,aAAa,CAA+B,SAAS,CAAC,CAAC;AAQ5E,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAsB,EAAE,EAAE;IACvE,OAAO,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAyB,CAAC;AACjF,CAAC,CAAC;AAEF,uDAAuD;AACvD,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAU,EAAE;IAClC,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;IAClE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

package/dist/brand/brandTypes.d.ts

@@ -0,0 +1,54 @@
+import { ImageSourcePropType } from 'react-native';
+export type Name = string;
+export type BorderRadius = number;
+export interface Colors {
+    primary: string;
+    secondary: string;
+    backgroundColor: string;
+}
+export interface FontSizes {
+    small: number;
+    medium: number;
+    large: number;
+    xlarge: number;
+}
+export interface Spacing {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
+    xxxl: number;
+}
+export type LogoSource = ImageSourcePropType | string;
+export interface LogoConfig {
+    light?: LogoSource;
+    dark?: LogoSource;
+}
+export interface FooterLink {
+    text: string;
+    route: string;
+}
+export interface FooterLinks {
+    links: FooterLink[];
+    aboutText?: string;
+}
+export type IconLibrary = 'Feather' | 'MaterialIcons' | 'Ionicons' | 'FontAwesome' | 'AntDesign' | 'Entypo' | 'EvilIcons' | 'Foundation' | 'MaterialCommunityIcons' | 'Octicons' | 'SimpleLineIcons' | 'Zocial';
+export interface PlatformIcon {
+    library?: IconLibrary;
+    name: string;
+}
+export interface NavigationIcon {
+    web?: PlatformIcon | string;
+    mobile?: PlatformIcon | string;
+}
+export interface NavigationItem {
+    route: string;
+    title: string;
+    icon: NavigationIcon;
+}
+export interface NavigationConfig {
+    items: NavigationItem[];
+}
+//# sourceMappingURL=brandTypes.d.ts.map

package/dist/brand/brandTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brandTypes.d.ts","sourceRoot":"","sources":["../../brand/brandTypes.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,IAAI,GAAG,MAAM,CAAC;AAC1B,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC;AAElC,MAAM,WAAW,MAAM;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAGD,MAAM,MAAM,UAAU,GAAG,mBAAmB,GAAG,MAAM,CAAC;AAEtD,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,eAAe,GACf,UAAU,GACV,aAAa,GACb,WAAW,GACX,QAAQ,GACR,WAAW,GACX,YAAY,GACZ,wBAAwB,GACxB,UAAU,GACV,iBAAiB,GACjB,QAAQ,CAAC;AAGb,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;CACd;AAID,MAAM,WAAW,cAAc;IAG7B,GAAG,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,cAAc,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB"}

package/dist/brand/brandTypes.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=brandTypes.js.map

package/dist/brand/brandTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brandTypes.js","sourceRoot":"","sources":["../../brand/brandTypes.ts"],"names":[],"mappings":""}

package/dist/brand/index.d.ts

@@ -0,0 +1,4 @@
+export { createBrand, type Brand, type BrandConfig } from './brandConfig';
+export * from './brandTypes';
+export { useBrand, BrandProvider } from './brandContext';
+//# sourceMappingURL=index.d.ts.map

package/dist/brand/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../brand/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,KAAK,KAAK,EAAE,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAC1E,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/brand/index.js

@@ -0,0 +1,5 @@
+// Export brand from local files
+export { createBrand } from './brandConfig';
+export * from './brandTypes';
+export { useBrand, BrandProvider } from './brandContext';
+//# sourceMappingURL=index.js.map

package/dist/brand/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../brand/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,EAAE,WAAW,EAAgC,MAAM,eAAe,CAAC;AAC1E,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/action/ActionRow.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import * as Icons from '@expo/vector-icons';
+type IconLibrary = keyof typeof Icons;
+export interface ActionRowProps {
+    title: string;
+    subtitle?: string;
+    icon?: {
+        library: IconLibrary;
+        name: string;
+        size?: number;
+        color?: string;
+    };
+    onPress?: () => void;
+    rightElement?: React.ReactNode;
+    variant?: 'default' | 'button' | 'link';
+    disabled?: boolean;
+    uppercase?: boolean;
+}
+/**
+ * A flexible action row component that displays title, optional subtitle, icon, and right element.
+ * Supports multiple variants and integrates with the design system theme.
+ */
+export declare const ActionRow: ({ title, subtitle, icon, onPress, rightElement, variant, disabled, uppercase, }: ActionRowProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ActionRow.d.ts.map

package/dist/components/action/ActionRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionRow.d.ts","sourceRoot":"","sources":["../../../components/action/ActionRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,KAAK,MAAM,oBAAoB,CAAC;AAI5C,KAAK,WAAW,GAAG,MAAM,OAAO,KAAK,CAAC;AAEtC,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE;QACL,OAAO,EAAE,WAAW,CAAC;QACrB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,iFASvB,cAAc,4CAuDhB,CAAC"}

package/dist/components/action/ActionRow.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useContext } from 'react';
+import { StyleSheet, Pressable, View } from 'react-native';
+import * as Icons from '@expo/vector-icons';
+import { ThemeContext } from '../../theme';
+import { StyledText } from '../ui';
+/**
+ * A flexible action row component that displays title, optional subtitle, icon, and right element.
+ * Supports multiple variants and integrates with the design system theme.
+ */
+export const ActionRow = ({ title, subtitle, icon, onPress, rightElement, variant = 'default', disabled = false, uppercase = false, }) => {
+    const theme = useContext(ThemeContext);
+    // Render icon if provided
+    const renderIcon = () => {
+        if (!icon)
+            return null;
+        const IconComponent = Icons[icon.library];
+        if (!IconComponent)
+            return null;
+        const iconColor = icon.color || theme.values.color;
+        const iconSize = icon.size || 25;
+        return (_jsx(View, { style: styles.iconContainer, children: React.createElement(IconComponent, {
+                name: icon.name,
+                size: iconSize,
+                color: iconColor,
+            }) }));
+    };
+    const content = (_jsxs(View, { style: styles.content, children: [_jsxs(View, { style: styles.leftSection, children: [renderIcon(), _jsxs(View, { style: styles.textContainer, children: [_jsx(StyledText, { bold: true, uppercase: uppercase, children: title }), subtitle && (_jsx(StyledText, { fontSize: "sm", muted: true, children: subtitle }))] })] }), rightElement && _jsx(View, { style: styles.rightSection, children: rightElement })] }));
+    if (onPress && !disabled) {
+        return (_jsx(Pressable, { style: [styles.actionRow, disabled && styles.disabled], onPress: onPress, disabled: disabled, children: content }));
+    }
+    return _jsx(View, { style: [styles.actionRow, disabled && styles.disabled], children: content });
+};
+const styles = StyleSheet.create({
+    actionRow: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        padding: 15,
+    },
+    content: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        flex: 1,
+    },
+    leftSection: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        flex: 1,
+    },
+    iconContainer: {
+        marginRight: 10,
+    },
+    textContainer: {
+        flex: 1,
+        gap: 2,
+    },
+    rightSection: {
+        marginLeft: 10,
+    },
+    disabled: {
+        opacity: 0.5,
+    },
+});
+//# sourceMappingURL=ActionRow.js.map

package/dist/components/action/ActionRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionRow.js","sourceRoot":"","sources":["../../../components/action/ActionRow.tsx"],"names":[],"mappings":"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"}

package/dist/components/action/index.d.ts

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

package/dist/components/action/index.d.ts.map

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

package/dist/components/action/index.js

@@ -0,0 +1,3 @@
+// Action components
+export { ActionRow } from './ActionRow';
+//# sourceMappingURL=index.js.map

package/dist/components/action/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/action/index.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/card/Card.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type CardProps = {
+    children?: React.ReactNode | React.ReactNode[];
+};
+/**
+ * Card component for displaying content within a styled container.
+ * It utilizes theming for dynamic styling based on the current theme context.
+ */
+declare const Card: ({ children }: CardProps) => React.JSX.Element;
+export { Card };
+//# sourceMappingURL=Card.d.ts.map

package/dist/components/card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../components/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;CAChD,CAAC;AAEF;;;GAGG;AAEH,QAAA,MAAM,IAAI,GAAI,cAAc,SAAS,KAAG,KAAK,CAAC,GAAG,CAAC,OA2BjD,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/card/Card.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext, useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useBrand } from '../../brand';
+import { ThemeContext } from '../../theme';
+/**
+ * Card component for displaying content within a styled container.
+ * It utilizes theming for dynamic styling based on the current theme context.
+ */
+const Card = ({ children }) => {
+    // Initialize theme
+    const theme = useContext(ThemeContext);
+    const brand = useBrand();
+    const styles = useMemo(() => StyleSheet.create({
+        container: {
+            maxWidth: 1000,
+            borderRadius: brand.borderRadius,
+            padding: 15,
+        },
+    }), [brand]);
+    return (_jsx(View, { style: {
+            // Configure background and border color with theme
+            backgroundColor: theme.values.cardBackgroundColor,
+            ...(!theme.values.isDark && {
+                borderColor: theme.values.borderColor,
+                borderWidth: 1,
+            }),
+            ...styles.container,
+        }, children: children }));
+};
+export { Card };
+//# sourceMappingURL=Card.js.map

package/dist/components/card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../components/card/Card.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAM3C;;;GAGG;AAEH,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAa,EAAqB,EAAE;IAC1D,mBAAmB;IACnB,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACvC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC;QAC7C,SAAS,EAAE;YACT,QAAQ,EAAE,IAAI;YACd,YAAY,EAAE,KAAK,CAAC,YAAY;YAChC,OAAO,EAAE,EAAE;SACZ;KACF,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE;YACL,mDAAmD;YACnD,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,mBAAmB;YACjD,GAAG,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,IAAI;gBAC1B,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;gBACrC,WAAW,EAAE,CAAC;aACf,CAAC;YACF,GAAG,MAAM,CAAC,SAAS;SACpB,YACA,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/card/index.d.ts

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

package/dist/components/card/index.d.ts.map

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

package/dist/components/card/index.js

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

package/dist/components/card/index.js.map

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

package/dist/components/chat/ChatContainer.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { ImageSourcePropType } from 'react-native';
+interface ChatContainerProps {
+    messages: {
+        text: string;
+        isSent: boolean;
+    }[];
+    isLoading: boolean;
+    sendMessage: (message: string) => void;
+    /**
+     * Mascot image for empty chat state. Can be an ImageSourcePropType (require) or string URI.
+     */
+    mascotImage: ImageSourcePropType | string;
+    /**
+     * Optional loading animation source for chat messages. Can be an ImageSourcePropType (require) or string URI.
+     * If not provided, a text "Loading..." fallback is shown.
+     */
+    loadingAnimation?: ImageSourcePropType | string;
+}
+/**
+ * ChatContainer - Pure content component for chat functionality
+ * Renders EmptyChat when no messages, ChatMessages + ChatInput when messages exist
+ * Layout-agnostic: parent handles WebPageLayout, KeyboardAvoidingView, background, etc.
+ */
+declare const ChatContainer: ({ messages, isLoading, sendMessage, mascotImage, loadingAnimation, }: ChatContainerProps) => React.JSX.Element;
+export default ChatContainer;
+//# sourceMappingURL=ChatContainer.d.ts.map

package/dist/components/chat/ChatContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatContainer.d.ts","sourceRoot":"","sources":["../../../components/chat/ChatContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAA0C,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAM3F,UAAU,kBAAkB;IAC1B,QAAQ,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;IAC9C,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,WAAW,EAAE,mBAAmB,GAAG,MAAM,CAAC;IAC1C;;;OAGG;IACH,gBAAgB,CAAC,EAAE,mBAAmB,GAAG,MAAM,CAAC;CACjD;AAED;;;;GAIG;AACH,QAAA,MAAM,aAAa,GAAI,sEAMpB,kBAAkB,KAAG,KAAK,CAAC,GAAG,CAAC,OA4BjC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/chat/ChatContainer.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useEffect } from 'react';
+import { StyleSheet, View, Platform } from 'react-native';
+import { useDimensions } from '../../hooks';
+import ChatMessages from './ChatMessages';
+import EmptyChat from './EmptyChat';
+import ChatInput from './ChatInput';
+/**
+ * ChatContainer - Pure content component for chat functionality
+ * Renders EmptyChat when no messages, ChatMessages + ChatInput when messages exist
+ * Layout-agnostic: parent handles WebPageLayout, KeyboardAvoidingView, background, etc.
+ */
+const ChatContainer = ({ messages, isLoading, sendMessage, mascotImage, loadingAnimation, }) => {
+    const scrollViewRef = useRef(null);
+    const dimensions = useDimensions();
+    const isMobileWeb = Platform.OS === 'web' && dimensions.breakpoint === 'small';
+    useEffect(() => {
+        if (scrollViewRef.current && messages.length > 0) {
+            scrollViewRef.current?.scrollToEnd({ animated: false });
+        }
+    }, [messages]);
+    // Empty state - show EmptyChat
+    if (messages.length === 0) {
+        return _jsx(EmptyChat, { isLoading: isLoading, sendMessage: sendMessage, mascotImage: mascotImage });
+    }
+    // Messages state - show ChatMessages and ChatInput
+    // On mobile web, ensure input stays at bottom with proper flex layout
+    return (_jsxs(View, { style: [styles.container, isMobileWeb && styles.containerMobileWeb], children: [_jsx(View, { style: styles.messagesWrapper, children: _jsx(ChatMessages, { messages: messages, scrollViewRef: scrollViewRef, isLoading: isLoading, loadingAnimation: loadingAnimation }) }), _jsx(View, { style: [styles.inputContainer, Platform.OS === 'ios' && { paddingBottom: 100 }], children: _jsx(ChatInput, { isLoading: isLoading, sendMessage: sendMessage }) })] }));
+};
+export default ChatContainer;
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        flexDirection: 'column',
+    },
+    containerMobileWeb: {
+    // On mobile web, ensure proper flex layout
+    // Note: Parent ScrollView handles viewport height
+    },
+    messagesWrapper: {
+        flex: 1,
+        minHeight: 0, // Allow shrinking
+    },
+    inputContainer: {
+        paddingTop: 10,
+        paddingHorizontal: 20,
+        paddingBottom: 20,
+        alignItems: 'center',
+        // Input stays at bottom due to flex layout
+    },
+});
+//# sourceMappingURL=ChatContainer.js.map

package/dist/components/chat/ChatContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatContainer.js","sourceRoot":"","sources":["../../../components/chat/ChatContainer.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAc,QAAQ,EAAuB,MAAM,cAAc,CAAC;AAC3F,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,SAAS,MAAM,aAAa,CAAC;AAiBpC;;;;GAIG;AACH,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,WAAW,EACX,WAAW,EACX,gBAAgB,GACG,EAAqB,EAAE;IAC1C,MAAM,aAAa,GAAG,MAAM,CAAa,IAAI,CAAC,CAAC;IAC/C,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,WAAW,GAAG,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,UAAU,CAAC,UAAU,KAAK,OAAO,CAAC;IAE/E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,CAAC,OAAO,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACjD,aAAa,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;QAC1D,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,+BAA+B;IAC/B,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,KAAC,SAAS,IAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,GAAI,CAAC;IACjG,CAAC;IAED,mDAAmD;IACnD,sEAAsE;IACtE,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,WAAW,IAAI,MAAM,CAAC,kBAAkB,CAAC,aACvE,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,eAAe,YACjC,KAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,GAAI,GACvH,EACP,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,cAAc,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,EAAE,aAAa,EAAE,GAAG,EAAE,CAAC,YACnF,KAAC,SAAS,IAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,GAAI,GACxD,IACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC;AAE7B,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,QAAQ;KACxB;IACD,kBAAkB,EAAE;IAClB,2CAA2C;IAC3C,kDAAkD;KACnD;IACD,eAAe,EAAE;QACf,IAAI,EAAE,CAAC;QACP,SAAS,EAAE,CAAC,EAAE,kBAAkB;KACjC;IACD,cAAc,EAAE;QACd,UAAU,EAAE,EAAE;QACd,iBAAiB,EAAE,EAAE;QACrB,aAAa,EAAE,EAAE;QACjB,UAAU,EAAE,QAAQ;QACpB,2CAA2C;KAC5C;CACF,CAAC,CAAC"}

package/dist/components/chat/ChatInput.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface ChatInputProps {
+    isLoading: boolean;
+    sendMessage: (message: string) => void;
+    maxHeight?: number;
+}
+declare const ChatInput: ({ isLoading, sendMessage, maxHeight }: ChatInputProps) => React.JSX.Element;
+export default ChatInput;
+//# sourceMappingURL=ChatInput.d.ts.map

package/dist/components/chat/ChatInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../components/chat/ChatInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AA2IvE,UAAU,cAAc;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD,QAAA,MAAM,SAAS,GAAI,uCAA4D,cAAc,KAAG,KAAK,CAAC,GAAG,CAAC,OAqLzG,CAAC;AA2DF,eAAe,SAAS,CAAC"}