@campxdev/react-native-blueprint 0.1.18 → 0.1.20

package/lib/typescript/src/lib/fonts.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Font configuration for CampX Design System
+ *
+ * Fonts:
+ * - Poppins: Used for headings, buttons, labels, subtitles
+ * - Heebo: Used for body text, inputs, captions
+ *
+ * Weights:
+ * - 400 (Regular): Body text, labels, captions
+ * - 600 (Semi Bold): Subtitles, buttons, emphasized body
+ * - 800 (Extra Bold): Headings
+ */
+export declare const fonts: {
+    Poppins_400Regular: number;
+    Poppins_600SemiBold: number;
+    Poppins_800ExtraBold: number;
+    Heebo_400Regular: number;
+    Heebo_600SemiBold: number;
+};
+export type FontName = keyof typeof fonts;
+//# sourceMappingURL=fonts.d.ts.map

package/lib/typescript/src/lib/fonts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../../src/lib/fonts.ts"],"names":[],"mappings":"AAOA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,KAAK;;;;;;CAMjB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAC"}

package/lib/typescript/src/lib/theme.d.ts

@@ -0,0 +1,136 @@
+import { type Theme } from '@react-navigation/native';
+/**
+ * Custom theme colors based on your Figma design tokens
+ * Using your categorized color system:
+ * 1. Surfaces - Page and card backgrounds
+ * 2. Text - All text colors with opacity variants
+ * 3. Primary - Main buttons and CTAs
+ * 4. Secondary - Secondary buttons
+ * 5. Tertiary/Accent - Highlights and selections
+ * 6. Borders - All borders and dividers
+ * 7. Highlights - Status/semantic colors
+ * 8. Brand - Brand accent colors (use sparingly)
+ */
+export declare const THEME: {
+    light: {
+        background: string;
+        card: string;
+        popover: string;
+        muted: string;
+        surfaceDefault: string;
+        surfaceSubtle: string;
+        foreground: string;
+        cardForeground: string;
+        popoverForeground: string;
+        mutedForeground: string;
+        primary: string;
+        primaryForeground: string;
+        brandPrimary: string;
+        brandSecondary: string;
+        secondary: string;
+        secondaryForeground: string;
+        accent: string;
+        accentForeground: string;
+        border: string;
+        input: string;
+        ring: string;
+        destructive: string;
+        destructiveForeground: string;
+        success: string;
+        info: string;
+        warning: string;
+        brand1: string;
+        brand2: string;
+        brand3: string;
+        chart1: string;
+        chart2: string;
+        chart3: string;
+        chart4: string;
+        chart5: string;
+        radius: string;
+    };
+    dark: {
+        background: string;
+        card: string;
+        popover: string;
+        muted: string;
+        surfaceDefault: string;
+        surfaceSubtle: string;
+        foreground: string;
+        cardForeground: string;
+        popoverForeground: string;
+        mutedForeground: string;
+        primary: string;
+        primaryForeground: string;
+        brandPrimary: string;
+        brandSecondary: string;
+        secondary: string;
+        secondaryForeground: string;
+        accent: string;
+        accentForeground: string;
+        border: string;
+        input: string;
+        ring: string;
+        destructive: string;
+        destructiveForeground: string;
+        success: string;
+        info: string;
+        warning: string;
+        brand1: string;
+        brand2: string;
+        brand3: string;
+        chart1: string;
+        chart2: string;
+        chart3: string;
+        chart4: string;
+        chart5: string;
+        radius: string;
+    };
+};
+/**
+ * React Navigation theme configuration
+ * Maps our custom theme to React Navigation's theme structure
+ */
+export declare const NAV_THEME: Record<'light' | 'dark', Theme>;
+/**
+ * Hook to get theme colors based on current color scheme
+ * Returns the appropriate light or dark theme colors
+ */
+export declare function useThemeColors(): {
+    background: string;
+    card: string;
+    popover: string;
+    muted: string;
+    surfaceDefault: string;
+    surfaceSubtle: string;
+    foreground: string;
+    cardForeground: string;
+    popoverForeground: string;
+    mutedForeground: string;
+    primary: string;
+    primaryForeground: string;
+    brandPrimary: string;
+    brandSecondary: string;
+    secondary: string;
+    secondaryForeground: string;
+    accent: string;
+    accentForeground: string;
+    border: string;
+    input: string;
+    ring: string;
+    destructive: string;
+    destructiveForeground: string;
+    success: string;
+    info: string;
+    warning: string;
+    brand1: string;
+    brand2: string;
+    brand3: string;
+    chart1: string;
+    chart2: string;
+    chart3: string;
+    chart4: string;
+    chart5: string;
+    radius: string;
+};
+//# sourceMappingURL=theme.d.ts.map

package/lib/typescript/src/lib/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/lib/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAG/E;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqHjB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,OAAO,GAAG,MAAM,EAAE,KAAK,CAyBrD,CAAC;AAEF;;;GAGG;AACH,wBAAgB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAG7B"}

package/lib/typescript/src/lib/utils.d.ts

@@ -0,0 +1,111 @@
+import { type ClassValue } from 'clsx';
+/**
+ * Utility function to merge Tailwind CSS classes with proper precedence
+ *
+ * Combines clsx (for conditional classes) and tailwind-merge (for deduplication)
+ * to create a single, optimized class string. Later classes override earlier ones.
+ *
+ * @param {...ClassValue[]} inputs - Class values to merge (strings, objects, arrays)
+ * @returns {string} Merged and deduplicated class string
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * cn('px-2 py-1', 'px-4') // => 'py-1 px-4'
+ *
+ * // With conditionals
+ * cn('text-base', isDark && 'text-white', 'font-bold')
+ * // => 'text-base text-white font-bold' (if isDark is true)
+ *
+ * // With objects
+ * cn({
+ *   'bg-primary': isPrimary,
+ *   'bg-secondary': !isPrimary
+ * })
+ *
+ * // Common component pattern
+ * cn('base-classes', variant === 'large' && 'large-classes', className)
+ * ```
+ */
+export declare function cn(...inputs: ClassValue[]): string;
+/**
+ * Applies dark mode classes with optional runtime control
+ *
+ * Provides three modes of operation:
+ * 1. Static mode (darkMode undefined): Returns classes with `dark:` prefix for automatic switching
+ * 2. Dark mode (darkMode true): Strips `dark:` prefix and returns only dark classes
+ * 3. Light mode (darkMode false): Returns only base classes
+ *
+ * This function is useful when you need to programmatically control dark mode
+ * instead of relying on Tailwind's automatic dark mode detection.
+ *
+ * @param {string} baseClasses - Classes to apply in light mode
+ * @param {string} darkClasses - Classes to apply in dark mode (with or without `dark:` prefix)
+ * @param {boolean} [darkMode] - Optional dark mode override (true/false/undefined)
+ * @returns {string} Merged class string based on mode
+ *
+ * @example
+ * ```tsx
+ * // Static mode - use Tailwind's automatic detection
+ * cnWithDark('bg-white', 'dark:bg-black')
+ * // => 'bg-white dark:bg-black'
+ *
+ * // Programmatic dark mode
+ * const { isDark } = useTheme();
+ * cnWithDark('bg-white', 'dark:bg-black', isDark)
+ * // => 'bg-black' (if isDark is true)
+ * // => 'bg-white' (if isDark is false)
+ *
+ * // With multiple classes
+ * cnWithDark(
+ *   'bg-white text-black border-gray-200',
+ *   'dark:bg-black dark:text-white dark:border-gray-800',
+ *   isDark
+ * )
+ * ```
+ *
+ * @see {@link cn} for basic class merging
+ * @see {@link useTheme} for accessing theme state
+ */
+export declare function cnWithDark(baseClasses: string, darkClasses: string, darkMode?: boolean): string;
+/**
+ * Get color value based on theme mode
+ *
+ * Simple utility to select between light and dark color values based on the
+ * current theme. Primarily used for native platforms where Tailwind CSS
+ * classes don't work with inline styles.
+ *
+ * @param {string} lightColor - Color value for light mode (CSS color, HSL, RGB, hex)
+ * @param {string} darkColor - Color value for dark mode (CSS color, HSL, RGB, hex)
+ * @param {boolean} [darkMode] - Whether dark mode is active (defaults to light if undefined)
+ * @returns {string} The appropriate color value for the current mode
+ *
+ * @example
+ * ```tsx
+ * import { useTheme } from './ThemeProvider';
+ *
+ * function MyComponent() {
+ *   const { isDark } = useTheme();
+ *
+ *   // Get color for inline styles
+ *   const textColor = getThemeColor('#000000', '#ffffff', isDark);
+ *   const bgColor = getThemeColor('hsl(0, 0%, 100%)', 'hsl(0, 0%, 10%)', isDark);
+ *
+ *   return (
+ *     <View style={{ backgroundColor: bgColor }}>
+ *       <NativeText style={{ color: textColor }}>
+ *         Theme-aware text
+ *       </NativeText>
+ *     </View>
+ *   );
+ * }
+ *
+ * // Without theme context (defaults to light)
+ * const color = getThemeColor('#000', '#fff'); // => '#000'
+ * ```
+ *
+ * @see {@link useTheme} for accessing theme state
+ * @see {@link getThemeColorValue} from theme-config for more advanced usage
+ */
+export declare function getThemeColor(lightColor: string, darkColor: string, darkMode?: boolean): string;
+//# sourceMappingURL=utils.d.ts.map

package/lib/typescript/src/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,wBAAgB,UAAU,CACxB,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,MAAM,EACnB,QAAQ,CAAC,EAAE,OAAO,GACjB,MAAM,CAiBR;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,wBAAgB,aAAa,CAC3B,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,QAAQ,CAAC,EAAE,OAAO,GACjB,MAAM,CAKR"}

package/lib/typescript/src/patterns/MonthlyCalendarPattern.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare const MonthlyCalendarPattern: React.FC;
+export default MonthlyCalendarPattern;
+//# sourceMappingURL=MonthlyCalendarPattern.d.ts.map

package/lib/typescript/src/patterns/MonthlyCalendarPattern.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthlyCalendarPattern.d.ts","sourceRoot":"","sources":["../../../../src/patterns/MonthlyCalendarPattern.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2W/B,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAsC1C,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/lib/typescript/src/patterns/index.d.ts

@@ -0,0 +1,2 @@
+export * from './pattern-components';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/patterns/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/patterns/index.ts"],"names":[],"mappings":"AACA,cAAc,sBAAsB,CAAC"}

package/lib/typescript/src/patterns/pattern-components/AlertDialogPattern/AlertDialogPattern.d.ts

@@ -0,0 +1,27 @@
+import { type AlertDialogProps } from '../../../components/Feedback/AlertDialog/Alert-Dialog';
+export interface AlertDialogPatternProps {
+    /** Alert dialog title */
+    title?: string;
+    /** Alert dialog description */
+    description?: string;
+    /** Intent/variant of the alert (default or destructive) */
+    intent?: AlertDialogProps['intent'];
+    /** Whether to show the description text */
+    showDescription?: boolean;
+    /** Whether to show the secondary (Cancel) action button */
+    showSecondaryAction?: boolean;
+    /** Callback when confirm button is pressed */
+    onConfirm?: () => void;
+    /** Callback when cancel button is pressed */
+    onCancel?: () => void;
+    /** Primary action button text */
+    confirmText?: string;
+    /** Secondary action button text */
+    cancelText?: string;
+}
+export declare function AlertDialogPattern({ title, description, intent, showDescription, showSecondaryAction, onConfirm: _onConfirm, onCancel: _onCancel, confirmText: _confirmText, cancelText: _cancelText, }: AlertDialogPatternProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace AlertDialogPattern {
+    var displayName: string;
+}
+export default AlertDialogPattern;
+//# sourceMappingURL=AlertDialogPattern.d.ts.map

package/lib/typescript/src/patterns/pattern-components/AlertDialogPattern/AlertDialogPattern.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogPattern.d.ts","sourceRoot":"","sources":["../../../../../../src/patterns/pattern-components/AlertDialogPattern/AlertDialogPattern.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,uDAAuD,CAAC;AAQ/D,MAAM,WAAW,uBAAuB;IACtC,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAEpC,2CAA2C;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,2DAA2D;IAC3D,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAMD,wBAAgB,kBAAkB,CAAC,EACjC,KAAkC,EAClC,WAA8H,EAC9H,MAAkB,EAClB,eAAsB,EACtB,mBAA0B,EAC1B,SAAS,EAAE,UAAU,EACrB,QAAQ,EAAE,SAAS,EACnB,WAAW,EAAE,YAAwB,EACrC,UAAU,EAAE,WAAsB,GACnC,EAAE,uBAAuB,2CAYzB;yBAtBe,kBAAkB;;;AA0BlC,eAAe,kBAAkB,CAAC"}

package/lib/typescript/src/patterns/pattern-components/AlertDialogPattern/AlertDialogPattern.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AlertDialogPattern.figma.d.ts.map

package/lib/typescript/src/patterns/pattern-components/AlertDialogPattern/AlertDialogPattern.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogPattern.figma.d.ts","sourceRoot":"","sources":["../../../../../../src/patterns/pattern-components/AlertDialogPattern/AlertDialogPattern.figma.tsx"],"names":[],"mappings":""}

package/lib/typescript/src/patterns/pattern-components/AlertDialogPattern/index.d.ts

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

package/lib/typescript/src/patterns/pattern-components/AlertDialogPattern/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/patterns/pattern-components/AlertDialogPattern/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,GAC7B,MAAM,sBAAsB,CAAC"}

package/lib/typescript/src/patterns/pattern-components/AlertPattern/AlertPattern.d.ts

@@ -0,0 +1,23 @@
+import { type AlertProps } from '../../../components/Feedback/Alert/Alert';
+export interface AlertPatternProps {
+    /** Alert title/message */
+    title?: string;
+    /** Alert description text */
+    description?: string;
+    /** Alert variant */
+    variant?: AlertProps['variant'];
+    /** Whether to show the close button */
+    showClose?: boolean;
+    /** Whether the alert is visible */
+    visible?: boolean;
+    /** Callback when close button is pressed */
+    onClose?: () => void;
+    /** Auto-dismiss duration in milliseconds (0 to disable) */
+    autoDismiss?: number;
+}
+export declare function AlertPattern({ title, description, variant, showClose, visible, onClose, autoDismiss, }: AlertPatternProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace AlertPattern {
+    var displayName: string;
+}
+export default AlertPattern;
+//# sourceMappingURL=AlertPattern.d.ts.map

package/lib/typescript/src/patterns/pattern-components/AlertPattern/AlertPattern.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertPattern.d.ts","sourceRoot":"","sources":["../../../../../../src/patterns/pattern-components/AlertPattern/AlertPattern.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,UAAU,EAChB,MAAM,0CAA0C,CAAC;AAQlD,MAAM,WAAW,iBAAiB;IAChC,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,oBAAoB;IACpB,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAEhC,uCAAuC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,wBAAgB,YAAY,CAAC,EAC3B,KAAqC,EACrC,WAAwE,EACxE,OAAmB,EACnB,SAAgB,EAChB,OAAc,EACd,OAAO,EACP,WAAe,GAChB,EAAE,iBAAiB,kDAoGnB;yBA5Ge,YAAY;;;AAgH5B,eAAe,YAAY,CAAC"}

package/lib/typescript/src/patterns/pattern-components/AlertPattern/AlertPattern.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AlertPattern.figma.d.ts.map

package/lib/typescript/src/patterns/pattern-components/AlertPattern/AlertPattern.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertPattern.figma.d.ts","sourceRoot":"","sources":["../../../../../../src/patterns/pattern-components/AlertPattern/AlertPattern.figma.tsx"],"names":[],"mappings":""}

package/lib/typescript/src/patterns/pattern-components/AlertPattern/index.d.ts

@@ -0,0 +1,3 @@
+export { AlertPattern } from './AlertPattern';
+export type { AlertPatternProps } from './AlertPattern';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/patterns/pattern-components/AlertPattern/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/patterns/pattern-components/AlertPattern/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/typescript/src/patterns/pattern-components/BottomSheetPattern/BottomSheetPattern.d.ts

@@ -0,0 +1,22 @@
+export interface BottomSheetPatternProps {
+    /** Bottom sheet title */
+    titleText?: string;
+    /** Bottom sheet description */
+    descriptionText?: string;
+    /** Whether to show header */
+    showHeader?: boolean;
+    /** Whether to show description */
+    showDescription?: boolean;
+    /** Whether to show footer */
+    showFooter?: boolean;
+    /** Whether dismissable */
+    dismissable?: boolean;
+    /** Content type for sheet body */
+    sheetContentType?: 'placeholder' | 'form' | 'text';
+}
+export declare function BottomSheetPattern({ titleText, descriptionText, showHeader, showDescription, showFooter, dismissable, sheetContentType, }: BottomSheetPatternProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace BottomSheetPattern {
+    var displayName: string;
+}
+export default BottomSheetPattern;
+//# sourceMappingURL=BottomSheetPattern.d.ts.map

package/lib/typescript/src/patterns/pattern-components/BottomSheetPattern/BottomSheetPattern.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetPattern.d.ts","sourceRoot":"","sources":["../../../../../../src/patterns/pattern-components/BottomSheetPattern/BottomSheetPattern.tsx"],"names":[],"mappings":"AAYA,MAAM,WAAW,uBAAuB;IACtC,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,+BAA+B;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,kCAAkC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,6BAA6B;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;CACpD;AAMD,wBAAgB,kBAAkB,CAAC,EACjC,SAAgC,EAChC,eAA4C,EAC5C,UAAiB,EACjB,eAAsB,EACtB,UAAiB,EACjB,WAAkB,EAClB,gBAAgC,GACjC,EAAE,uBAAuB,2CAczB;yBAtBe,kBAAkB;;;AA0BlC,eAAe,kBAAkB,CAAC"}

package/lib/typescript/src/patterns/pattern-components/BottomSheetPattern/BottomSheetPattern.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BottomSheetPattern.figma.d.ts.map

package/lib/typescript/src/patterns/pattern-components/BottomSheetPattern/BottomSheetPattern.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetPattern.figma.d.ts","sourceRoot":"","sources":["../../../../../../src/patterns/pattern-components/BottomSheetPattern/BottomSheetPattern.figma.tsx"],"names":[],"mappings":""}

package/lib/typescript/src/patterns/pattern-components/BottomSheetPattern/index.d.ts

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

package/lib/typescript/src/patterns/pattern-components/BottomSheetPattern/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/patterns/pattern-components/BottomSheetPattern/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/typescript/src/patterns/pattern-components/CalendarPattern/CalendarPattern.d.ts

@@ -0,0 +1,37 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type CalendarItemProps } from '../../../components/DataDisplay/CalendarItem/CalendarItem';
+/**
+ * Calendar Pattern Component
+ *
+ * A complete calendar daily schedule pattern with date selector and event list.
+ * Displays calendar events organized by date with interactive date selection.
+ */
+export interface DateItem {
+    day: string;
+    date: number;
+    isActive?: boolean;
+    isToday?: boolean;
+}
+export interface CalendarEventItem extends Omit<CalendarItemProps, 'time'> {
+    time: string;
+}
+export interface CalendarPatternProps {
+    /** Array of dates to display in the selector */
+    dates?: DateItem[];
+    /** Currently selected date */
+    selectedDate?: number;
+    /** Callback when date is selected */
+    onDateSelect?: (date: number) => void;
+    /** Array of calendar events to display */
+    events?: CalendarEventItem[];
+    /** Custom style override */
+    style?: StyleProp<ViewStyle>;
+    /** Test ID for testing */
+    testID?: string;
+}
+export declare function CalendarPattern({ dates, selectedDate: _selectedDate, onDateSelect, events, style, testID, }: CalendarPatternProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CalendarPattern {
+    var displayName: string;
+}
+export default CalendarPattern;
+//# sourceMappingURL=CalendarPattern.d.ts.map

package/lib/typescript/src/patterns/pattern-components/CalendarPattern/CalendarPattern.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarPattern.d.ts","sourceRoot":"","sources":["../../../../../../src/patterns/pattern-components/CalendarPattern/CalendarPattern.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGhF,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,2DAA2D,CAAC;AAgBnE;;;;;GAKG;AAEH,MAAM,WAAW,QAAQ;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC;IACxE,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,oBAAoB;IACnC,gDAAgD;IAChD,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,0CAA0C;IAC1C,MAAM,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC7B,4BAA4B;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA6DD,wBAAgB,eAAe,CAAC,EAC9B,KAAqB,EACrB,YAAY,EAAE,aAAkB,EAChC,YAAY,EACZ,MAAuB,EACvB,KAAK,EACL,MAAM,GACP,EAAE,oBAAoB,2CAyEtB;yBAhFe,eAAe;;;AAoF/B,eAAe,eAAe,CAAC"}

package/lib/typescript/src/patterns/pattern-components/CalendarPattern/CalendarPattern.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=CalendarPattern.figma.d.ts.map

package/lib/typescript/src/patterns/pattern-components/CalendarPattern/CalendarPattern.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarPattern.figma.d.ts","sourceRoot":"","sources":["../../../../../../src/patterns/pattern-components/CalendarPattern/CalendarPattern.figma.tsx"],"names":[],"mappings":""}

package/lib/typescript/src/patterns/pattern-components/CalendarPattern/index.d.ts

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

package/lib/typescript/src/patterns/pattern-components/CalendarPattern/index.d.ts.map

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

package/lib/typescript/src/patterns/pattern-components/CardListPattern/CardListPattern.d.ts

@@ -0,0 +1,70 @@
+import { type ChipItem } from '../../../components/DataDisplay/ChipsRow/ChipsRow';
+import { type BannerItem } from '../../../components/DataDisplay/BannerRow/BannerRow';
+import { type CardProps } from '../../../components/DataDisplay/Card/Card';
+export interface CardItem {
+    id: string;
+    title?: string;
+    subtitle?: string;
+    body?: string;
+    badge1Text?: string;
+    badge2Text?: string;
+    primaryActionText?: string;
+    secondaryActionText?: string;
+    showMedia?: boolean;
+    showSubtitle?: boolean;
+    showBadges?: boolean;
+    showFooterActions?: boolean;
+    showLeading?: boolean;
+    showOverflowMenu?: boolean;
+    onPrimaryActionPress?: () => void;
+    onSecondaryActionPress?: () => void;
+    onOverflowPress?: () => void;
+}
+export interface CardListPatternProps {
+    /** Whether to show the chips row */
+    showChips?: boolean;
+    /** Whether to show the banner row */
+    showBanners?: boolean;
+    /** Chips data for ChipsRow */
+    chips?: ChipItem[];
+    /** Banners data for BannerRow */
+    banners?: BannerItem[];
+    /** Data for CardList */
+    data: CardItem[];
+    /** Card density variant */
+    cardDensity?: CardProps['density'];
+    /** Card tone variant */
+    cardTone?: CardProps['tone'];
+}
+/**
+ * CardListPattern Component
+ *
+ * A pattern component that composes BannerRow, ChipsRow, and a list of Cards.
+ * BannerRow and ChipsRow visibility is controlled by boolean props.
+ *
+ * Order:
+ * 1. ChipsRow (optional)
+ * 2. BannerRow (optional)
+ * 3. Card list (always shown)
+ *
+ * @example
+ * ```tsx
+ * <CardListPattern
+ *   showBanners={true}
+ *   showChips={true}
+ *   banners={[{ id: '1' }, { id: '2' }]}
+ *   chips={[
+ *     { id: '1', label: 'Chip 1' },
+ *     { id: '2', label: 'Chip 2' },
+ *   ]}
+ *   data={[
+ *     { id: '1', title: 'Card Title', subtitle: 'Subtitle', body: 'Card body content' },
+ *   ]}
+ * />
+ * ```
+ */
+export declare const CardListPattern: {
+    ({ showChips, showBanners, chips, banners, data, cardDensity, cardTone, }: CardListPatternProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=CardListPattern.d.ts.map

package/lib/typescript/src/patterns/pattern-components/CardListPattern/CardListPattern.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardListPattern.d.ts","sourceRoot":"","sources":["../../../../../../src/patterns/pattern-components/CardListPattern/CardListPattern.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,QAAQ,EACd,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAEL,KAAK,UAAU,EAChB,MAAM,qDAAqD,CAAC;AAC7D,OAAO,EAEL,KAAK,SAAS,EACf,MAAM,2CAA2C,CAAC;AAMnD,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,oBAAoB;IACnC,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,qCAAqC;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IAEnB,iCAAiC;IACjC,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IAEvB,wBAAwB;IACxB,IAAI,EAAE,QAAQ,EAAE,CAAC;IAEjB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEnC,wBAAwB;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CAC9B;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,eAAe;+EAQzB,oBAAoB;;CAmCtB,CAAC"}

package/lib/typescript/src/patterns/pattern-components/CardListPattern/CardListPattern.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=CardListPattern.figma.d.ts.map

package/lib/typescript/src/patterns/pattern-components/CardListPattern/CardListPattern.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardListPattern.figma.d.ts","sourceRoot":"","sources":["../../../../../../src/patterns/pattern-components/CardListPattern/CardListPattern.figma.tsx"],"names":[],"mappings":""}

package/lib/typescript/src/patterns/pattern-components/CardListPattern/index.d.ts

@@ -0,0 +1,3 @@
+export { CardListPattern } from './CardListPattern';
+export type { CardListPatternProps, CardItem } from './CardListPattern';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/patterns/pattern-components/CardListPattern/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/patterns/pattern-components/CardListPattern/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC"}

package/lib/typescript/src/patterns/pattern-components/DashboardPattern/DashboardPattern.d.ts

@@ -0,0 +1,45 @@
+export interface DashboardPatternProps {
+    showDataCardsSection?: boolean;
+    dataCardsSectionLabel?: string;
+    dataCards?: Array<{
+        title?: string;
+        value?: string;
+    }>;
+    showBarChartSection?: boolean;
+    barChartSectionLabel?: string;
+    barChartTitle?: string;
+    barChartSubtitle?: string;
+    barChartTrend?: string;
+    barChartTrendDescription?: string;
+    showLineChartSection?: boolean;
+    lineChartSectionLabel?: string;
+    lineChartTitle?: string;
+    lineChartSubtitle?: string;
+    lineChartTrend?: string;
+    lineChartTrendDescription?: string;
+}
+/**
+ * DashboardPattern Component
+ *
+ * A comprehensive dashboard layout pattern that combines multiple data visualization
+ * components to create a cohesive analytics dashboard.
+ *
+ * Layout:
+ * 1. Data Cards grid (2x2) - Key metrics
+ * 2. Bar Chart section - Categorical data comparison
+ * 3. Line Chart section - Time series trends
+ *
+ * @example
+ * ```tsx
+ * <DashboardPattern
+ *   showDataCardsSection={true}
+ *   showBarChartSection={true}
+ *   showLineChartSection={true}
+ * />
+ * ```
+ */
+export declare const DashboardPattern: {
+    ({ showDataCardsSection, dataCardsSectionLabel, dataCards, showBarChartSection, barChartSectionLabel, barChartTitle, barChartSubtitle, barChartTrend, barChartTrendDescription, showLineChartSection, lineChartSectionLabel, lineChartTitle, lineChartSubtitle, lineChartTrend, lineChartTrendDescription, }: DashboardPatternProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=DashboardPattern.d.ts.map

package/lib/typescript/src/patterns/pattern-components/DashboardPattern/DashboardPattern.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardPattern.d.ts","sourceRoot":"","sources":["../../../../../../src/patterns/pattern-components/DashboardPattern/DashboardPattern.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,qBAAqB;IAEpC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,KAAK,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC,CAAC;IAGH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAGlC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC;AAMD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,gBAAgB;kTA0B1B,qBAAqB;;CAgNvB,CAAC"}

package/lib/typescript/src/patterns/pattern-components/DashboardPattern/DashboardPattern.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DashboardPattern.figma.d.ts.map