@sudobility/components-rn 1.0.38 → 1.0.40

package/dist/ui/AppVersion/AppVersion.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+export interface AppVersionProps {
+    /** App display name */
+    appName: string;
+    /** Version string (e.g. from package.json) */
+    version: string;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * AppVersion Component
+ *
+ * Displays the app name and version in a muted text style.
+ * Reads the version from the consuming app's package.json.
+ *
+ * @example
+ * ```tsx
+ * import { version } from '../package.json';
+ * <AppVersion appName="MyApp" version={version} />
+ * // renders: "MyApp v1.0.0"
+ * ```
+ */
+export declare const AppVersion: React.FC<AppVersionProps>;
+//# sourceMappingURL=AppVersion.d.ts.map

package/dist/ui/AppVersion/AppVersion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppVersion.d.ts","sourceRoot":"","sources":["../../../src/ui/AppVersion/AppVersion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,eAAe;IAC9B,uBAAuB;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,8CAA8C;IAC9C,OAAO,EAAE,MAAM,CAAC;IAChB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAehD,CAAC"}

package/dist/ui/AppVersion/index.d.ts

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

package/dist/ui/AppVersion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/AppVersion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sudobility/components-rn",
-  "version": "1.0.38",
+  "version": "1.0.40",
   "description": "React Native UI components and design system - Ported from @sudobility/components",
   "type": "module",
   "main": "dist/index.esm.js",
@@ -41,7 +41,7 @@
   ],
   "author": "Sudobility",
   "peerDependencies": {
-    "@sudobility/design": "^1.1.24",
+    "@sudobility/design": "^1.1.25",
     "@sudobility/types": "^1.9.61",
     "nativewind": ">=4.0.0",
     "react": "^18.0.0 || ^19.0.0",
@@ -64,7 +64,7 @@
     "@react-native/babel-preset": "^0.84.0",
     "@react-native/js-polyfills": "^0.84.0",
     "@react-native/normalize-colors": "^0.84.0",
-    "@sudobility/design": "^1.1.24",
+    "@sudobility/design": "^1.1.25",
     "@sudobility/types": "^1.9.61",
     "@testing-library/jest-native": "^5.4.3",
     "@testing-library/react-native": "^13.3.3",

package/src/index.ts

@@ -44,6 +44,7 @@ export * from './ui/Code';
 export * from './ui/TruncatedText';
 
 // UI Components - Display
+export * from './ui/AppVersion';
 export * from './ui/Badge';
 export * from './ui/Avatar';
 export * from './ui/Skeleton';

package/src/ui/AppVersion/AppVersion.tsx

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import { Text } from 'react-native';
+import { cn } from '../../lib/utils';
+
+export interface AppVersionProps {
+  /** App display name */
+  appName: string;
+  /** Version string (e.g. from package.json) */
+  version: string;
+  /** Additional className */
+  className?: string;
+}
+
+/**
+ * AppVersion Component
+ *
+ * Displays the app name and version in a muted text style.
+ * Reads the version from the consuming app's package.json.
+ *
+ * @example
+ * ```tsx
+ * import { version } from '../package.json';
+ * <AppVersion appName="MyApp" version={version} />
+ * // renders: "MyApp v1.0.0"
+ * ```
+ */
+export const AppVersion: React.FC<AppVersionProps> = ({
+  appName,
+  version,
+  className,
+}) => {
+  return (
+    <Text
+      className={cn(
+        'text-sm text-gray-500 dark:text-gray-400 text-center',
+        className
+      )}
+    >
+      {appName} v{version}
+    </Text>
+  );
+};

package/src/ui/AppVersion/index.ts

@@ -0,0 +1,2 @@
+export { AppVersion } from './AppVersion';
+export type { AppVersionProps } from './AppVersion';