@campxdev/react-native-blueprint 0.1.4 → 0.1.7

package/lib/module/lib/slot-helpers.js

@@ -0,0 +1,19 @@
+"use strict";
+
+/**
+ * Properly typed Slot component wrappers
+ *
+ * The @rn-primitives/slot package has complex type inference that doesn't
+ * properly expose className props. These wrappers provide correct typing.
+ */
+
+import * as SlotPrimitive from '@rn-primitives/slot';
+// Create properly typed versions of Slot components
+export const SlotView = SlotPrimitive.View;
+export const SlotPressable = SlotPrimitive.Pressable;
+export const SlotText = SlotPrimitive.Text;
+export const SlotTextInput = SlotPrimitive.TextInput;
+
+// Re-export Slot for cases where it's used directly
+export const Slot = SlotPrimitive.Slot;
+//# sourceMappingURL=slot-helpers.js.map

package/lib/module/lib/slot-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SlotPrimitive","SlotView","View","SlotPressable","Pressable","SlotText","Text","SlotTextInput","TextInput","Slot"],"sourceRoot":"../../../src","sources":["lib/slot-helpers.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,KAAKA,aAAa,MAAM,qBAAqB;AAQpD;AACA,OAAO,MAAMC,QAAQ,GAAGD,aAAa,CAACE,IAMrC;AAED,OAAO,MAAMC,aAAa,GACxBH,aAAa,CAACI,SAMb;AAEH,OAAO,MAAMC,QAAQ,GAAGL,aAAa,CAACM,IAMrC;AAED,OAAO,MAAMC,aAAa,GACxBP,aAAa,CAACQ,SAMb;;AAEH;AACA,OAAO,MAAMC,IAAI,GAAGT,aAAa,CAACS,IAKjC","ignoreList":[]}

package/lib/module/types/components.d.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=components.d.js.map

package/lib/module/types/components.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/components.d.ts"],"mappings":"","ignoreList":[]}

package/lib/module/types/global.d.js

@@ -2,5 +2,10 @@
 
 import 'react-native';
 import 'react-native-reanimated';
+
+// BottomSheet
+
+// Lucide React Native
+
 export {};
 //# sourceMappingURL=global.d.js.map

package/lib/module/types/global.d.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/global.d.ts"],"mappings":";;AAAA,OAAO,cAAc;AACrB,OAAO,yBAAyB;AA0ChC","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/global.d.ts"],"mappings":";;AAAA,OAAO,cAAc;AACrB,OAAO,yBAAyB;;AA2KhC;;AAcA;;AA+BA","ignoreList":[]}

package/lib/module/types/rn-primitives.d.js

@@ -1,6 +1,61 @@
 "use strict";
 
-// Augment specific primitive modules
+/**
+ * Type augmentations for @rn-primitives/* packages
+ * This adds className and children support to all primitive components
+ */
+
+// Augment the actual primitive exports
+
+// Slot components
+
+// Accordion
+
+// Alert Dialog
+
+// Dialog
+
+// Checkbox
+
+// Context Menu
+
+// Dropdown Menu
+
+// Hover Card
+
+// Label
+
+// Menubar
+
+// Popover
+
+// Progress
+
+// Radio Group
+
+// Select
+
+// Separator
+
+// Slider
+
+// Switch
+
+// Tabs
+
+// Toggle
+
+// Toggle Group
+
+// Tooltip
+
+// Collapsible
+
+// Avatar
+
+// Aspect Ratio
+
+// Portal
 
 export {};
 //# sourceMappingURL=rn-primitives.d.js.map

package/lib/module/types/rn-primitives.d.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/rn-primitives.d.ts"],"mappings":";;AAgBA;;AAqDA","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/rn-primitives.d.ts"],"mappings":";;AAAA;AACA;AACA;AACA;;AAcA;;AAwEA;;AAmDA;;AA4DA;;AA2EA;;AAuEA;;AAyCA;;AAuHA;;AAsHA;;AAgDA;;AAkBA;;AA0HA;;AAqDA;;AA+BA;;AA+CA;;AAgGA;;AAkBA;;AA8CA;;AAoCA;;AAmDA;;AAuBA;;AA+CA;;AAsDA;;AAuCA;;AAkCA;;AAiBA;;AAsBA","ignoreList":[]}

package/lib/typescript/package.json

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

package/lib/typescript/src/app/_layout.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+interface RootLayoutProps {
+    children: ReactNode;
+}
+export default function RootLayout({ children }: RootLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=_layout.d.ts.map

package/lib/typescript/src/app/_layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_layout.d.ts","sourceRoot":"","sources":["../../../../src/app/_layout.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,eAAe;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAY/D"}

package/lib/typescript/src/components/theme-config.d.ts

@@ -0,0 +1,174 @@
+/**
+ * Comprehensive Dark Theme Configuration
+ *
+ * This file provides complete theme tokens and utilities for consistent
+ * dark mode support across all components in the Blueprint library.
+ *
+ * Best Practices:
+ * - Uses HSL color format for better color manipulation
+ * - Provides semantic color tokens (not raw colors)
+ * - Maintains proper contrast ratios for accessibility (WCAG AA/AAA)
+ * - Consistent with Tailwind CSS conventions
+ */
+import type { ColorValue } from 'react-native';
+/**
+ * Color tokens for light and dark themes
+ * Each token follows the pattern: purpose-variant
+ */
+export declare const THEME_COLORS: {
+    readonly light: {
+        readonly background: "hsl(0, 0%, 100%)";
+        readonly foreground: "hsl(0, 0%, 3.9%)";
+        readonly card: "hsl(0, 0%, 100%)";
+        readonly cardForeground: "hsl(0, 0%, 3.9%)";
+        readonly popover: "hsl(0, 0%, 100%)";
+        readonly popoverForeground: "hsl(0, 0%, 3.9%)";
+        readonly primary: "hsl(0, 0%, 9%)";
+        readonly primaryForeground: "hsl(0, 0%, 98%)";
+        readonly secondary: "hsl(0, 0%, 96.1%)";
+        readonly secondaryForeground: "hsl(0, 0%, 9%)";
+        readonly muted: "hsl(0, 0%, 96.1%)";
+        readonly mutedForeground: "hsl(0, 0%, 45.1%)";
+        readonly accent: "hsl(0, 0%, 96.1%)";
+        readonly accentForeground: "hsl(0, 0%, 9%)";
+        readonly destructive: "hsl(0, 84.2%, 60.2%)";
+        readonly destructiveForeground: "hsl(0, 0%, 98%)";
+        readonly border: "hsl(0, 0%, 89.8%)";
+        readonly input: "hsl(0, 0%, 89.8%)";
+        readonly ring: "hsl(0, 0%, 63%)";
+        readonly success: "hsl(142, 76%, 36%)";
+        readonly successForeground: "hsl(0, 0%, 98%)";
+        readonly warning: "hsl(38, 92%, 50%)";
+        readonly warningForeground: "hsl(0, 0%, 9%)";
+        readonly info: "hsl(199, 89%, 48%)";
+        readonly infoForeground: "hsl(0, 0%, 98%)";
+    };
+    readonly dark: {
+        readonly background: "hsl(0, 0%, 3.9%)";
+        readonly foreground: "hsl(0, 0%, 98%)";
+        readonly card: "hsl(0, 0%, 3.9%)";
+        readonly cardForeground: "hsl(0, 0%, 98%)";
+        readonly popover: "hsl(0, 0%, 3.9%)";
+        readonly popoverForeground: "hsl(0, 0%, 98%)";
+        readonly primary: "hsl(0, 0%, 98%)";
+        readonly primaryForeground: "hsl(0, 0%, 9%)";
+        readonly secondary: "hsl(0, 0%, 14.9%)";
+        readonly secondaryForeground: "hsl(0, 0%, 98%)";
+        readonly muted: "hsl(0, 0%, 14.9%)";
+        readonly mutedForeground: "hsl(0, 0%, 63.9%)";
+        readonly accent: "hsl(0, 0%, 14.9%)";
+        readonly accentForeground: "hsl(0, 0%, 98%)";
+        readonly destructive: "hsl(0, 62.8%, 30.6%)";
+        readonly destructiveForeground: "hsl(0, 0%, 98%)";
+        readonly border: "hsl(0, 0%, 14.9%)";
+        readonly input: "hsl(0, 0%, 14.9%)";
+        readonly ring: "hsl(0, 0%, 45%)";
+        readonly success: "hsl(142, 76%, 36%)";
+        readonly successForeground: "hsl(0, 0%, 98%)";
+        readonly warning: "hsl(38, 92%, 50%)";
+        readonly warningForeground: "hsl(0, 0%, 9%)";
+        readonly info: "hsl(199, 89%, 48%)";
+        readonly infoForeground: "hsl(0, 0%, 98%)";
+    };
+};
+/**
+ * Convert HSL string to React Native ColorValue
+ * Useful for native platform styling where HSL needs to be converted
+ */
+export declare function hslToRgb(hsl: string): ColorValue;
+/**
+ * Get theme color value based on current theme mode
+ * Automatically selects the appropriate color from light/dark theme
+ */
+export declare function getThemeColorValue(colorKey: keyof typeof THEME_COLORS.light, isDark: boolean, asRgb?: boolean): ColorValue;
+/**
+ * Component-specific dark mode class mappings
+ * Use these to ensure consistent styling across all components
+ */
+export declare const DARK_MODE_CLASSES: {
+    readonly text: {
+        readonly default: "dark:text-foreground";
+        readonly muted: "dark:text-muted-foreground";
+        readonly primary: "dark:text-primary-foreground";
+        readonly secondary: "dark:text-secondary-foreground";
+        readonly accent: "dark:text-accent-foreground";
+        readonly destructive: "dark:text-destructive-foreground";
+        readonly card: "dark:text-card-foreground";
+    };
+    readonly background: {
+        readonly default: "dark:bg-background";
+        readonly card: "dark:bg-card";
+        readonly primary: "dark:bg-primary";
+        readonly secondary: "dark:bg-secondary";
+        readonly muted: "dark:bg-muted";
+        readonly accent: "dark:bg-accent";
+        readonly destructive: "dark:bg-destructive";
+        readonly popover: "dark:bg-popover";
+    };
+    readonly border: {
+        readonly default: "dark:border-border";
+        readonly input: "dark:border-input";
+        readonly primary: "dark:border-primary";
+        readonly muted: "dark:border-muted";
+        readonly accent: "dark:border-accent";
+        readonly destructive: "dark:border-destructive";
+    };
+    readonly state: {
+        readonly hover: "dark:hover:bg-accent";
+        readonly active: "dark:active:bg-accent";
+        readonly focus: "dark:focus:ring-ring";
+        readonly disabled: "dark:disabled:opacity-50";
+    };
+};
+/**
+ * Helper to combine base classes with dark mode classes
+ * Ensures consistent application of dark mode styles
+ */
+export declare function withDarkMode(baseClass: string, darkClass: string, additionalClasses?: string): string;
+/**
+ * Pre-configured class strings for common component patterns
+ * Use these for consistent styling across the library
+ */
+export declare const THEME_PRESETS: {
+    readonly card: "bg-card text-card-foreground dark:bg-card dark:text-card-foreground border border-border dark:border-border";
+    readonly input: "bg-background text-foreground dark:bg-background dark:text-foreground border border-input dark:border-input";
+    readonly buttonPrimary: "bg-primary text-primary-foreground dark:bg-primary dark:text-primary-foreground";
+    readonly buttonSecondary: "bg-secondary text-secondary-foreground dark:bg-secondary dark:text-secondary-foreground";
+    readonly buttonOutline: "bg-background text-foreground dark:bg-background dark:text-foreground border border-input dark:border-input";
+    readonly buttonGhost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent dark:hover:text-accent-foreground";
+    readonly destructive: "bg-destructive text-destructive-foreground dark:bg-destructive dark:text-destructive-foreground";
+    readonly muted: "bg-muted text-muted-foreground dark:bg-muted dark:text-muted-foreground";
+    readonly popover: "bg-popover text-popover-foreground dark:bg-popover dark:text-popover-foreground border border-border dark:border-border";
+};
+/**
+ * Semantic color map for native components
+ * Use these for StyleSheet-based styling
+ */
+export declare function getNativeThemeColors(isDark: boolean): {
+    background: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    foreground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    card: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    cardForeground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    primary: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    primaryForeground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    secondary: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    secondaryForeground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    muted: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    mutedForeground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    accent: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    accentForeground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    destructive: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    destructiveForeground: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    border: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    input: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+    ring: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
+};
+/**
+ * Type-safe theme color keys
+ */
+export type ThemeColorKey = keyof typeof THEME_COLORS.light;
+/**
+ * Check if a color key exists in the theme
+ */
+export declare function isValidThemeColor(key: string): key is ThemeColorKey;
+//# sourceMappingURL=theme-config.d.ts.map

package/lib/typescript/src/components/theme-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-config.d.ts","sourceRoot":"","sources":["../../../../src/components/theme-config.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqGf,CAAC;AAEX;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAuChD;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,MAAM,OAAO,YAAY,CAAC,KAAK,EACzC,MAAM,EAAE,OAAO,EACf,KAAK,UAAQ,GACZ,UAAU,CAKZ;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCpB,CAAC;AAEX;;;GAGG;AACH,wBAAgB,YAAY,CAC1B,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,EACjB,iBAAiB,CAAC,EAAE,MAAM,GACzB,MAAM,CAER;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;CAmChB,CAAC;AAEX;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,OAAO;;;;;;;;;;;;;;;;;;EAgCnD;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,YAAY,CAAC,KAAK,CAAC;AAE5D;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,IAAI,aAAa,CAEnE"}

package/lib/typescript/src/components/ui/Accordion.d.ts

@@ -0,0 +1,103 @@
+import * as AccordionPrimitive from '@rn-primitives/accordion';
+/**
+ * Root accordion container with smooth animations
+ *
+ * A vertically stacked set of interactive panels where only one or multiple panels can be expanded at a time.
+ * Features smooth layout animations using Reanimated for a polished user experience.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Single selection
+ * <Accordion type="single" collapsible defaultValue="item-1">
+ *   <AccordionItem value="item-1">
+ *     <AccordionTrigger>
+ *       <Text>Question 1</Text>
+ *     </AccordionTrigger>
+ *     <AccordionContent>
+ *       <Text>Answer 1</Text>
+ *     </AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ *
+ * // Multiple selection
+ * <Accordion type="multiple">
+ *   <AccordionItem value="item-1">
+ *     <AccordionTrigger><Text>Section 1</Text></AccordionTrigger>
+ *     <AccordionContent><Text>Content 1</Text></AccordionContent>
+ *   </AccordionItem>
+ *   <AccordionItem value="item-2">
+ *     <AccordionTrigger><Text>Section 2</Text></AccordionTrigger>
+ *     <AccordionContent><Text>Content 2</Text></AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ * ```
+ *
+ * @accessibility
+ * - Implements WAI-ARIA accordion pattern
+ * - Keyboard navigation with arrow keys and Enter/Space
+ * - Proper ARIA attributes for expanded/collapsed states
+ */
+declare function Accordion({ children, ...props }: Omit<AccordionPrimitive.RootProps, 'asChild'> & React.RefAttributes<AccordionPrimitive.RootRef>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Individual accordion item with border styling
+ *
+ * Contains a trigger and content section. Each item must have a unique value prop
+ * for identification within the parent Accordion.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <AccordionItem value="item-1">
+ *   <AccordionTrigger>
+ *     <Text>Click to expand</Text>
+ *   </AccordionTrigger>
+ *   <AccordionContent>
+ *     <Text>Hidden content revealed on expansion</Text>
+ *   </AccordionContent>
+ * </AccordionItem>
+ * ```
+ */
+declare function AccordionItem({ children, className, value, ...props }: AccordionPrimitive.ItemProps & React.RefAttributes<AccordionPrimitive.ItemRef>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Clickable trigger button that toggles accordion item expansion
+ *
+ * Features an animated chevron icon that rotates based on expansion state.
+ * Automatically manages focus states and hover effects on web.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <AccordionTrigger>
+ *   <Text>Click to toggle</Text>
+ * </AccordionTrigger>
+ * ```
+ *
+ * @accessibility
+ * - Automatically includes chevron icon for visual expansion indicator
+ * - Focus visible states for keyboard navigation on web
+ * - Disabled state prevents interaction
+ */
+declare function AccordionTrigger({ className, children, ...props }: AccordionPrimitive.TriggerProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<AccordionPrimitive.TriggerRef>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Collapsible content container with smooth animations
+ *
+ * Automatically animates height changes when expanding/collapsing. Uses platform-specific
+ * animations (CSS transitions on web, Reanimated on native).
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <AccordionContent>
+ *   <Text>This content slides in and out smoothly</Text>
+ *   <View className="mt-2">
+ *     <Text>Additional content here</Text>
+ *   </View>
+ * </AccordionContent>
+ * ```
+ */
+declare function AccordionContent({ className, children, ...props }: AccordionPrimitive.ContentProps & React.RefAttributes<AccordionPrimitive.ContentRef>): import("react/jsx-runtime").JSX.Element;
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+//# sourceMappingURL=Accordion.d.ts.map

package/lib/typescript/src/components/ui/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,kBAAkB,MAAM,0BAA0B,CAAC;AAmB/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,iBAAS,SAAS,CAAC,EACjB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,kBAAkB,CAAC,SAAS,EAAE,SAAS,CAAC,GAC9C,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,OAAO,CAAC,2CAahD;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,SAAS,GAC7B,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,OAAO,CAAC,2CAoBhD;AAMD;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,YAAY,GAAG;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,UAAU,CAAC,2CAqDrD;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,YAAY,GAChC,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,UAAU,CAAC,2CAsBnD;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC"}

package/lib/typescript/src/components/ui/Alert-Dialog.d.ts

@@ -0,0 +1,145 @@
+import * as AlertDialogPrimitive from '@rn-primitives/alert-dialog';
+import * as React from 'react';
+import { type ViewProps } from 'react-native';
+/**
+ * Root alert dialog container
+ *
+ * A modal dialog that interrupts the user with important content and expects a response.
+ * Use for critical actions that require user confirmation before proceeding.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <AlertDialog>
+ *   <AlertDialogTrigger asChild>
+ *     <Button variant="destructive"><Text>Delete Account</Text></Button>
+ *   </AlertDialogTrigger>
+ *   <AlertDialogContent>
+ *     <AlertDialogHeader>
+ *       <AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>
+ *       <AlertDialogDescription>
+ *         This action cannot be undone.
+ *       </AlertDialogDescription>
+ *     </AlertDialogHeader>
+ *     <AlertDialogFooter>
+ *       <AlertDialogCancel><Text>Cancel</Text></AlertDialogCancel>
+ *       <AlertDialogAction><Text>Continue</Text></AlertDialogAction>
+ *     </AlertDialogFooter>
+ *   </AlertDialogContent>
+ * </AlertDialog>
+ * ```
+ *
+ * @accessibility
+ * - Traps focus within dialog when open
+ * - Closes on Escape key press
+ * - Returns focus to trigger on close
+ * - Uses appropriate ARIA attributes
+ */
+declare const AlertDialog: React.ForwardRefExoticComponent<AlertDialogPrimitive.RootProps>;
+/**
+ * Trigger button that opens the alert dialog
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <AlertDialogTrigger asChild>
+ *   <Button><Text>Open Dialog</Text></Button>
+ * </AlertDialogTrigger>
+ * ```
+ */
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.TriggerProps>;
+/**
+ * Portal component for rendering dialog content outside the DOM hierarchy
+ */
+declare const AlertDialogPortal: React.ForwardRefExoticComponent<AlertDialogPrimitive.PortalProps>;
+/**
+ * Semi-transparent overlay behind the alert dialog
+ *
+ * Provides backdrop that dims background content and handles click-outside behavior.
+ * Uses platform-specific full window overlay on iOS for proper z-index layering.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <AlertDialogOverlay>
+ *   <AlertDialogContent>...</AlertDialogContent>
+ * </AlertDialogOverlay>
+ * ```
+ */
+declare function AlertDialogOverlay({ className, children, ...props }: Omit<AlertDialogPrimitive.OverlayProps, 'asChild'> & React.RefAttributes<AlertDialogPrimitive.OverlayRef> & {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Main alert dialog content container
+ *
+ * Contains the dialog's title, description, and action buttons. Automatically centered
+ * on screen with smooth entrance animations.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <AlertDialogContent>
+ *   <AlertDialogHeader>
+ *     <AlertDialogTitle>Confirm Action</AlertDialogTitle>
+ *     <AlertDialogDescription>Description here</AlertDialogDescription>
+ *   </AlertDialogHeader>
+ *   <AlertDialogFooter>
+ *     <AlertDialogCancel><Text>Cancel</Text></AlertDialogCancel>
+ *     <AlertDialogAction><Text>Continue</Text></AlertDialogAction>
+ *   </AlertDialogFooter>
+ * </AlertDialogContent>
+ * ```
+ */
+declare function AlertDialogContent({ className, portalHost, ...props }: AlertDialogPrimitive.ContentProps & React.RefAttributes<AlertDialogPrimitive.ContentRef> & {
+    portalHost?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Header section for alert dialog content
+ *
+ * Groups the title and description with proper spacing and text alignment.
+ *
+ * @component
+ */
+declare function AlertDialogHeader({ className, ...props }: ViewProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Footer section for alert dialog action buttons
+ *
+ * Contains cancel and action buttons with responsive layout (stacked on mobile, row on desktop).
+ *
+ * @component
+ */
+declare function AlertDialogFooter({ className, ...props }: ViewProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Title text for the alert dialog
+ *
+ * Prominently displays the main heading with large, semibold text.
+ *
+ * @component
+ */
+declare function AlertDialogTitle({ className, ...props }: AlertDialogPrimitive.TitleProps & React.RefAttributes<AlertDialogPrimitive.TitleRef>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Description text for the alert dialog
+ *
+ * Provides additional context below the title with muted styling.
+ *
+ * @component
+ */
+declare function AlertDialogDescription({ className, ...props }: AlertDialogPrimitive.DescriptionProps & React.RefAttributes<AlertDialogPrimitive.DescriptionRef>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Primary action button that confirms the alert dialog action
+ *
+ * Styled as a primary button. Automatically closes dialog on press.
+ *
+ * @component
+ */
+declare function AlertDialogAction({ className, ...props }: AlertDialogPrimitive.ActionProps & React.RefAttributes<AlertDialogPrimitive.ActionRef>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Cancel button that dismisses the alert dialog
+ *
+ * Styled as an outline button. Automatically closes dialog on press without performing action.
+ *
+ * @component
+ */
+declare function AlertDialogCancel({ className, ...props }: AlertDialogPrimitive.CancelProps & React.RefAttributes<AlertDialogPrimitive.CancelRef>): import("react/jsx-runtime").JSX.Element;
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };
+//# sourceMappingURL=Alert-Dialog.d.ts.map

package/lib/typescript/src/components/ui/Alert-Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert-Dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Alert-Dialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AACpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AASxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,QAAA,MAAM,WAAW,iEAA4B,CAAC;AAE9C;;;;;;;;;;GAUG;AACH,QAAA,MAAM,kBAAkB,oEAA+B,CAAC;AAExD;;GAEG;AACH,QAAA,MAAM,iBAAiB,mEAA8B,CAAC;AAKtD;;;;;;;;;;;;;GAaG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,oBAAoB,CAAC,YAAY,EAAE,SAAS,CAAC,GACnD,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,UAAU,CAAC,GAAG;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,2CAsBF;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,UAAU,EACV,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,YAAY,GAClC,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,UAAU,CAAC,GAAG;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,2CAiBF;AAED;;;;;;GAMG;AACH,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAM5D;AAED;;;;;;GAMG;AACH,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAU5D;AAED;;;;;;GAMG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,UAAU,GAChC,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,QAAQ,CAAC,2CAOnD;AAED;;;;;;GAMG;AACH,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,gBAAgB,GACtC,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,cAAc,CAAC,2CAOzD;AAED;;;;;;GAMG;AACH,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,WAAW,GACjC,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,SAAS,CAAC,2CASpD;AAED;;;;;;GAMG;AACH,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,WAAW,GACjC,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,SAAS,CAAC,2CAWpD;AAED,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,CAAC"}

package/lib/typescript/src/components/ui/Alert.d.ts

@@ -0,0 +1,61 @@
+import { Text } from './Text';
+import type { LucideIcon } from 'lucide-react-native';
+import * as React from 'react';
+import { View as RNView, type ViewProps } from 'react-native';
+/**
+ * Alert component for displaying important messages or notifications
+ *
+ * Features an icon on the left side with title and description.
+ * Supports default and destructive variants for different severity levels.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Alert icon={AlertCircle} variant="default">
+ *   <AlertTitle><Text>Heads up!</Text></AlertTitle>
+ *   <AlertDescription>
+ *     <Text>You can add components to your app using the cli.</Text>
+ *   </AlertDescription>
+ * </Alert>
+ *
+ * // Destructive variant
+ * <Alert icon={AlertTriangle} variant="destructive">
+ *   <AlertTitle><Text>Error</Text></AlertTitle>
+ *   <AlertDescription>
+ *     <Text>Your session has expired. Please login again.</Text>
+ *   </AlertDescription>
+ * </Alert>
+ * ```
+ *
+ * @param {LucideIcon} icon - Icon component to display
+ * @param {'default' | 'destructive'} [variant='default'] - Alert style variant
+ * @param {string} [iconClassName] - Additional classes for the icon
+ * @param {string} [className] - Additional classes for the container
+ *
+ * @accessibility Sets role="alert" for screen reader announcement
+ */
+declare function Alert({ className, variant, children, icon, iconClassName, ...props }: ViewProps & React.RefAttributes<RNView> & {
+    children?: React.ReactNode;
+    icon: LucideIcon;
+    variant?: 'default' | 'destructive';
+    iconClassName?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * AlertTitle - Title text for the alert
+ *
+ * Displays as a medium-weight heading with appropriate spacing from the icon.
+ *
+ * @param {string} [className] - Additional Tailwind classes
+ */
+declare function AlertTitle({ className, ...props }: React.ComponentProps<typeof Text> & React.RefAttributes<Text>): import("react/jsx-runtime").JSX.Element;
+/**
+ * AlertDescription - Description text for the alert
+ *
+ * Displays detailed message content with muted styling and appropriate spacing.
+ * Automatically adjusts color for destructive variants.
+ *
+ * @param {string} [className] - Additional Tailwind classes
+ */
+declare function AlertDescription({ className, ...props }: React.ComponentProps<typeof Text> & React.RefAttributes<Text>): import("react/jsx-runtime").JSX.Element;
+export { Alert, AlertDescription, AlertTitle };
+//# sourceMappingURL=Alert.d.ts.map

package/lib/typescript/src/components/ui/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAoB,MAAM,QAAQ,CAAC;AAEhD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAO9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,GAAG,KAAK,EACT,EAAE,SAAS,GACV,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,2CAgCF;AAED;;;;;;GAMG;AACH,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,2CAU/D;AAED;;;;;;;GAOG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,2CAa/D;AAED,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC"}