@campxdev/react-native-blueprint 0.1.0 → 0.1.1

package/lib/module/components/ui/Skeleton.js

@@ -49,7 +49,7 @@ function Skeleton({
   ...props
 }) {
   return /*#__PURE__*/_jsx(View, {
-    className: cn('bg-accent animate-pulse rounded-md', className),
+    className: cn('bg-muted animate-pulse rounded-md', className),
     ...props
   });
 }

package/lib/module/components/ui/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"names":["cn","View","cssInterop","jsx","_jsx","className","Skeleton","props"],"sourceRoot":"../../../../src","sources":["components/ui/Skeleton.tsx"],"mappings":";;AAAA,SAASA,EAAE,QAAQ,oBAAiB;AACpC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,UAAU,QAAQ,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExCF,UAAU,CAACD,IAAI,EAAE;EAAEI,SAAS,EAAE;AAAQ,CAAC,CAAC;;AAExC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,QAAQA,CAAC;EAChBD,SAAS;EACT,GAAGE;AAC0D,CAAC,EAAE;EAChE,oBACEH,IAAA,CAACH,IAAI;IACHI,SAAS,EAAEL,EAAE,CAAC,oCAAoC,EAAEK,SAAS,CAAE;IAAA,GAC3DE;EAAK,CACV,CAAC;AAEN;AAEA,SAASD,QAAQ","ignoreList":[]}
+{"version":3,"names":["cn","View","cssInterop","jsx","_jsx","className","Skeleton","props"],"sourceRoot":"../../../../src","sources":["components/ui/Skeleton.tsx"],"mappings":";;AAAA,SAASA,EAAE,QAAQ,oBAAiB;AACpC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,UAAU,QAAQ,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExCF,UAAU,CAACD,IAAI,EAAE;EAAEI,SAAS,EAAE;AAAQ,CAAC,CAAC;;AAExC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,QAAQA,CAAC;EAChBD,SAAS;EACT,GAAGE;AAC0D,CAAC,EAAE;EAChE,oBACEH,IAAA,CAACH,IAAI;IACHI,SAAS,EAAEL,EAAE,CAAC,mCAAmC,EAAEK,SAAS,CAAE;IAAA,GAC1DE;EAAK,CACV,CAAC;AAEN;AAEA,SAASD,QAAQ","ignoreList":[]}

package/lib/typescript/babel.config.d.ts

@@ -0,0 +1,13 @@
+export let presets: (string | {
+    jsxImportSource: string;
+})[][];
+export let overrides: ({
+    exclude: RegExp;
+    presets: string[];
+    include?: undefined;
+} | {
+    include: RegExp;
+    presets: string[];
+    exclude?: undefined;
+})[];
+//# sourceMappingURL=babel.config.d.ts.map

package/lib/typescript/babel.config.d.ts.map

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

package/lib/typescript/metro.config.d.ts

@@ -0,0 +1,3 @@
+declare const _exports: import("metro-config").InputConfigT;
+export = _exports;
+//# sourceMappingURL=metro.config.d.ts.map

package/lib/typescript/metro.config.d.ts.map

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

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+export interface RootLayoutProps {
+  children?: React.ReactNode;
+  [key: string]: any;
+}
+
+declare const RootLayout: React.ComponentType<RootLayoutProps>;
+export default RootLayout;

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":"AAAA,OAAO,kBAAkB,CAAC;AAM1B,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,11 @@
+import * as React from 'react';
+import { ViewProps } from 'react-native';
+
+export interface AccordionProps extends ViewProps {
+  className?: string;
+  children?: React.ReactNode;
+  [key: string]: any;
+}
+
+export const Accordion: React.ComponentType<AccordionProps>;
+export default Accordion;

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;AAID;;;;;;;;;;;;;;;;;;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,11 @@
+import * as React from 'react';
+import { ViewProps } from 'react-native';
+
+export interface Alert-DialogProps extends ViewProps {
+  className?: string;
+  children?: React.ReactNode;
+  [key: string]: any;
+}
+
+export const Alert-Dialog: React.ComponentType<Alert-DialogProps>;
+export default Alert-Dialog;

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,EAAkB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAO9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,QAAA,MAAM,WAAW;;;;;;;OA3BhB,CAAA;;OAIA,CAAC;uBAuB2C,CAAC;AAE9C;;;;;;;;;;GAUG;AACH,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAxCvB,CAAA;;OAIA,CAAC;;;;;;;OAJD,CAAA;;OAIA,CAAC;uBAoCqD,CAAC;AAExD;;GAEG;AACH,QAAA,MAAM,iBAAiB,oCAA8B,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,11 @@
+import * as React from 'react';
+import { ViewProps } from 'react-native';
+
+export interface AlertProps extends ViewProps {
+  className?: string;
+  children?: React.ReactNode;
+  [key: string]: any;
+}
+
+export const Alert: React.ComponentType<AlertProps>;
+export default Alert;

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,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,IAAI,CAAC,GAAG;IAC1B,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"}

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

@@ -0,0 +1,227 @@
+import type { LucideIcon } from 'lucide-react-native';
+import * as React from 'react';
+/**
+ * Configuration for an action item in the AppBar
+ *
+ * @property {LucideIcon} icon - Icon component from lucide-react-native
+ * @property {() => void} [onPress] - Callback when action is pressed
+ * @property {string} [label] - Accessibility label for the action
+ * @property {string} [className] - Additional classes for the action button container
+ * @property {string} [iconClassName] - Additional classes for the icon
+ * @property {boolean} [disabled] - Whether the action is disabled
+ *
+ * @example
+ * ```tsx
+ * const actions: AppBarAction[] = [
+ *   { icon: Search, onPress: handleSearch, label: 'Search' },
+ *   { icon: MoreVertical, onPress: handleMore, label: 'More options' }
+ * ];
+ * ```
+ */
+export type AppBarAction = {
+    icon: LucideIcon;
+    onPress?: () => void;
+    label?: string;
+    className?: string;
+    iconClassName?: string;
+    disabled?: boolean;
+};
+/**
+ * Props for AppBar component - A flexible top app bar following Material Design guidelines
+ *
+ * @property {string | React.ReactNode} [title] - AppBar title text or custom component
+ * @property {string} [subtitle] - Optional subtitle text displayed below title
+ *
+ * @property {React.ReactNode} [leading] - Custom leading widget (can include multiple icons or custom components, overrides default back button)
+ * @property {boolean} [showLeading=true] - Whether to show the leading widget
+ * @property {() => void} [onLeadingPress] - Callback when leading icon is pressed (only used if no custom leading provided)
+ * @property {LucideIcon} [leadingIcon=ArrowLeft] - Icon for the leading button (only used if no custom leading provided)
+ *
+ * @property {React.ReactNode} [center] - Custom center component (overrides title/subtitle, can include images, text, or complex layouts)
+ *
+ * @property {AppBarAction[]} [actions=[]] - Array of action items to display on the right (supports multiple icons)
+ *
+ * @property {string} [className] - Additional classes for the root container
+ * @property {string} [titleClassName] - Additional classes for the title text
+ * @property {string} [subtitleClassName] - Additional classes for the subtitle text
+ * @property {string} [contentClassName] - Additional classes for the content container
+ * @property {string} [leadingClassName] - Additional classes for the leading section container
+ * @property {string} [centerClassName] - Additional classes for the center section container
+ * @property {string} [actionsClassName] - Additional classes for the actions section container
+ *
+ * @property {boolean} [centerTitle=false] - Whether to center the title
+ * @property {number} [elevation=4] - Elevation level for shadow (0 = no shadow)
+ * @property {boolean} [transparent=false] - Whether the AppBar background is transparent
+ *
+ * @property {boolean} [useSafeArea=true] - Whether to respect safe area insets
+ *
+ * @property {string} [backgroundColor] - Custom background color class
+ * @property {string} [foregroundColor] - Custom foreground/text color class
+ *
+ * @property {'default' | 'light-content' | 'dark-content'} [statusBarStyle] - Status bar text color (auto-adjusts based on theme if not set)
+ * @property {string} [statusBarColor] - Status bar background color (Android)
+ *
+ * @property {number} [height] - Custom height in pixels (default: 56px per Material Design)
+ *
+ * @property {React.ReactNode} [bottom] - Additional content below main app bar (e.g., tabs, search)
+ *
+ * @example
+ * ```tsx
+ * // Simple app bar with title
+ * <AppBar title="Home" />
+ *
+ * // With custom center containing image and text
+ * <AppBar
+ *   center={
+ *     <View className="flex-row items-center gap-2">
+ *       <Image source={logo} className="w-8 h-8" />
+ *       <Text className="text-lg font-bold">MyApp</Text>
+ *     </View>
+ *   }
+ * />
+ *
+ * // With multiple leading icons
+ * <AppBar
+ *   title="Settings"
+ *   leading={
+ *     <View className="flex-row items-center">
+ *       <IconButton icon={Menu} onPress={openMenu} />
+ *       <IconButton icon={ArrowLeft} onPress={goBack} />
+ *     </View>
+ *   }
+ *   actions={[
+ *     { icon: Search, onPress: handleSearch },
+ *     { icon: Settings, onPress: openSettings },
+ *     { icon: MoreVertical, onPress: handleMore }
+ *   ]}
+ * />
+ * ```
+ */
+export type AppBarProps = {
+    title?: string | React.ReactNode;
+    subtitle?: string;
+    leading?: React.ReactNode;
+    showLeading?: boolean;
+    onLeadingPress?: () => void;
+    leadingIcon?: LucideIcon;
+    center?: React.ReactNode;
+    actions?: AppBarAction[];
+    className?: string;
+    titleClassName?: string;
+    subtitleClassName?: string;
+    contentClassName?: string;
+    leadingClassName?: string;
+    centerClassName?: string;
+    actionsClassName?: string;
+    centerTitle?: boolean;
+    elevation?: number;
+    transparent?: boolean;
+    useSafeArea?: boolean;
+    backgroundColor?: string;
+    foregroundColor?: string;
+    statusBarStyle?: 'default' | 'light-content' | 'dark-content';
+    statusBarColor?: string;
+    height?: number;
+    bottom?: React.ReactNode;
+};
+/**
+ * A flexible top app bar component following Material Design guidelines
+ *
+ * Provides consistent navigation and actions across your app with support for:
+ * - Customizable leading navigation (back button, menu, custom widget)
+ * - Title and subtitle with flexible positioning
+ * - Action buttons on the right side
+ * - Safe area insets handling
+ * - Platform-specific status bar configuration
+ * - Transparent overlay mode
+ * - Bottom content slot for tabs or search bars
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Basic with back button
+ * <AppBar
+ *   title="Profile"
+ *   onLeadingPress={() => navigation.goBack()}
+ * />
+ *
+ * // With menu and actions
+ * <AppBar
+ *   title="Home"
+ *   leadingIcon={Menu}
+ *   onLeadingPress={openDrawer}
+ *   actions={[
+ *     { icon: Search, onPress: handleSearch },
+ *     { icon: Settings, onPress: openSettings }
+ *   ]}
+ * />
+ *
+ * // Transparent overlay (for use over content)
+ * <AppBar
+ *   title="Photo"
+ *   transparent
+ *   foregroundColor="text-white"
+ *   statusBarStyle="light-content"
+ * />
+ * ```
+ *
+ * @accessibility
+ * - Leading button includes "Navigate back" accessibility label
+ * - Action buttons support custom accessibility labels
+ * - Proper button role for all interactive elements
+ */
+declare const AppBar: React.ForwardRefExoticComponent<AppBarProps & React.RefAttributes<(props: Omit<import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").ViewProps, keyof {
+    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
+}> & {
+    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
+}) => React.ReactNode>>;
+/**
+ * Pre-configured AppBar variants for common use cases
+ *
+ * @example
+ * ```tsx
+ * // Simple app bar without navigation
+ * <AppBarVariants.Simple title="Home" />
+ *
+ * // With back button
+ * <AppBarVariants.WithBack title="Details" onLeadingPress={goBack} />
+ *
+ * // With menu drawer
+ * <AppBarVariants.WithMenu title="Main" onLeadingPress={openDrawer} />
+ *
+ * // Transparent overlay
+ * <AppBarVariants.Transparent title="Gallery" />
+ *
+ * // Centered title
+ * <AppBarVariants.Centered title="About" />
+ * ```
+ */
+export declare const AppBarVariants: {
+    Simple: (props: Omit<AppBarProps, "showLeading">) => import("react/jsx-runtime").JSX.Element;
+    WithBack: (props: AppBarProps) => import("react/jsx-runtime").JSX.Element;
+    WithMenu: (props: Omit<AppBarProps, "leadingIcon">) => import("react/jsx-runtime").JSX.Element;
+    Transparent: (props: Omit<AppBarProps, "transparent">) => import("react/jsx-runtime").JSX.Element;
+    Centered: (props: Omit<AppBarProps, "centerTitle">) => import("react/jsx-runtime").JSX.Element;
+};
+/**
+ * Common icons exported for convenience when configuring AppBar
+ *
+ * @example
+ * ```tsx
+ * import { AppBar, AppBarIcons } from './AppBar';
+ *
+ * <AppBar
+ *   leadingIcon={AppBarIcons.Menu}
+ *   actions={[
+ *     { icon: AppBarIcons.MoreVertical, onPress: handleMore }
+ *   ]}
+ * />
+ * ```
+ */
+export declare const AppBarIcons: {
+    Menu: LucideIcon;
+    ArrowLeft: LucideIcon;
+    MoreVertical: LucideIcon;
+};
+export { AppBar };
+//# sourceMappingURL=AppBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/AppBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsEG;AACH,MAAM,MAAM,WAAW,GAAG;IAExB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,UAAU,CAAC;IAGzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAGzB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IAGzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAG1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAGzB,cAAc,CAAC,EAAE,SAAS,GAAG,eAAe,GAAG,cAAc,CAAC;IAC9D,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,QAAA,MAAM,MAAM;OA5LU,CAAA;;OACM,CAAC;uBAuc5B,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,cAAc;oBAET,IAAI,CAAC,WAAW,EAAE,aAAa,CAAC;sBAK9B,WAAW;sBAGX,IAAI,CAAC,WAAW,EAAE,aAAa,CAAC;yBAK7B,IAAI,CAAC,WAAW,EAAE,aAAa,CAAC;sBAKnC,IAAI,CAAC,WAAW,EAAE,aAAa,CAAC;CAGnD,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,WAAW;;;;CAIvB,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/lib/typescript/src/components/ui/Aspect-Ratio.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Maintains a consistent aspect ratio for its child content
+ *
+ * Displays content within a desired ratio (e.g., 16/9, 4/3, 1/1) regardless of available space.
+ * Commonly used for images, videos, and embedded content that require specific proportions.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // 16:9 aspect ratio for video container
+ * <AspectRatio ratio={16 / 9} className="bg-muted">
+ *   <Image source={{uri: 'video-thumbnail.jpg'}} className="h-full w-full rounded-md object-cover" />
+ * </AspectRatio>
+ *
+ * // Square aspect ratio for avatars
+ * <AspectRatio ratio={1} className="w-full">
+ *   <Image source={{uri: 'avatar.jpg'}} className="h-full w-full" />
+ * </AspectRatio>
+ * ```
+ */
+declare const AspectRatio: import("react").ForwardRefExoticComponent<Omit<import("@rn-primitives/types").SlottableViewProps, "style"> & {
+    ratio?: number;
+    style?: import("react-native").ViewStyle;
+} & import("react").RefAttributes<(props: Omit<import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").ViewProps, keyof {
+    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
+}> & {
+    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
+}) => React.ReactNode>>;
+export { AspectRatio };
+//# sourceMappingURL=Aspect-Ratio.d.ts.map

package/lib/typescript/src/components/ui/Aspect-Ratio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Aspect-Ratio.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Aspect-Ratio.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,WAAW;;;;OAEV,CAAC;;OACiD,CAAC;uBAHb,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,CAAC"}

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { ViewProps } from 'react-native';
+
+export interface AvatarProps extends ViewProps {
+  className?: string;
+  children?: React.ReactNode;
+  [key: string]: any;
+}
+
+export const Avatar: React.ComponentType<AvatarProps>;
+export default Avatar;

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAEyB,MAAM;yHAazC,CAAC;AAGH;;;;;;;;GAQG;AACH,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAkBJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAvCV,CAAJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAuCa,CAAC;;;;;;;;;gBAfE,MAAM;UACZ,MAAM;0HAUd,CAAC;AAGH;;;;;;;;GAQG;AACH,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAEiB,MAAM;yHAazC,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { ViewProps } from 'react-native';
+
+export interface BadgeProps extends ViewProps {
+  className?: string;
+  children?: React.ReactNode;
+  [key: string]: any;
+}
+
+export const Badge: React.ComponentType<BadgeProps>;
+export default Badge;

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAW,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;;;;;;GAOG;AACH,QAAA,MAAM,aAAa;;iEAelB,CAAC;AAEF;;;;;;GAMG;AACH,QAAA,MAAM,iBAAiB;;iEAYrB,CAAC;AAEH;;;;;;;;;;;;;;;;GAgBG;AACH,KAAK,UAAU,GAAG,kBAAkB,GAClC,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA3B0C,MAAM;yHAwC1D,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,CAAC;AACnD,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/lib/typescript/src/components/ui/Bottom-Sheet.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { ViewProps } from 'react-native';
+
+export interface Bottom-SheetProps extends ViewProps {
+  className?: string;
+  children?: React.ReactNode;
+  [key: string]: any;
+}
+
+export const Bottom-Sheet: React.ComponentType<Bottom-SheetProps>;
+export default Bottom-Sheet;

package/lib/typescript/src/components/ui/Bottom-Sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bottom-Sheet.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Bottom-Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAU3D,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,UAAU,gBAAgB;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,yFA0GhB,CAAC;AAsBF,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,iBAAiB,GAAI,yBAAyB,sBAAsB,4CAQzE,CAAC;AAGF,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,kBAAkB,GAAI,0BAGzB,uBAAuB,4CAMzB,CAAC;AAGF,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,iBAAiB,GAAI,yBAAyB,sBAAsB,4CAQzE,CAAC;AAEF,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,GAClB,CAAC;AACF,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,CAAC"}

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { ViewProps } from 'react-native';
+
+export interface ButtonProps extends ViewProps {
+  className?: string;
+  children?: React.ReactNode;
+  [key: string]: any;
+}
+
+export const Button: React.ComponentType<ButtonProps>;
+export default Button;

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,uBAAuB,EACxB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,QAAA,MAAM,cAAc;;;iEAyBnB,CAAC;AAEF,QAAA,MAAM,kBAAkB;;;iEAyBvB,CAAC;AAEF,KAAK,WAAW,GAAG,uBAAuB,GACxC,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEJ,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAHI,MAAM;yHAuBrB,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,cAAc,EAAE,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,CAAC"}

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { ViewProps } from 'react-native';
+
+export interface CardProps extends ViewProps {
+  className?: string;
+  children?: React.ReactNode;
+  [key: string]: any;
+}
+
+export const Card: React.ComponentType<CardProps>;
+export default Card;