react-native-sj-ui 0.1.0

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2026 @sarowerj
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,37 @@
+# react-native-sj-ui
+
+The ui library for react native application.
+
+## Installation
+
+
+```sh
+npm install react-native-sj-ui
+```
+
+
+## Usage
+
+
+```js
+import { multiply } from 'react-native-sj-ui';
+
+// ...
+
+const result = multiply(3, 7);
+```
+
+
+## Contributing
+
+- [Development workflow](CONTRIBUTING.md#development-workflow)
+- [Sending a pull request](CONTRIBUTING.md#sending-a-pull-request)
+- [Code of conduct](CODE_OF_CONDUCT.md)
+
+## License
+
+MIT
+
+---
+
+Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

package/lib/module/components/TextView.js

@@ -0,0 +1,34 @@
+"use strict";
+
+import { Text } from 'react-native';
+import { useTheme } from "../hooks/useTheme.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const TextView = ({
+  size = 'body',
+  fontSize,
+  color,
+  textColor,
+  fontWeight,
+  textAlign,
+  textDecorationLine,
+  children,
+  style,
+  ...rest
+}) => {
+  const theme = useTheme();
+  const resolvedFontSize = fontSize ?? theme.typography.fontSize[size];
+  const resolvedColor = textColor ?? (color ? theme.colors[color] : theme.colors.text);
+  return /*#__PURE__*/_jsx(Text, {
+    style: [{
+      color: resolvedColor,
+      fontSize: resolvedFontSize,
+      fontWeight,
+      textAlign,
+      textDecorationLine
+    }, style],
+    ...rest,
+    children: children
+  });
+};
+export default TextView;
+//# sourceMappingURL=TextView.js.map

package/lib/module/components/TextView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Text","useTheme","jsx","_jsx","TextView","size","fontSize","color","textColor","fontWeight","textAlign","textDecorationLine","children","style","rest","theme","resolvedFontSize","typography","resolvedColor","colors","text"],"sourceRoot":"../../../src","sources":["components/TextView.tsx"],"mappings":";;AAEA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,QAAQ,QAAQ,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAiB7C,MAAMC,QAAiC,GAAGA,CAAC;EACzCC,IAAI,GAAG,MAAM;EACbC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACTC,UAAU;EACVC,SAAS;EACTC,kBAAkB;EAClBC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,KAAK,GAAGd,QAAQ,CAAC,CAAC;EAExB,MAAMe,gBAAgB,GAAGV,QAAQ,IAAIS,KAAK,CAACE,UAAU,CAACX,QAAQ,CAACD,IAAI,CAAC;EAEpE,MAAMa,aAAa,GACjBV,SAAS,KAAKD,KAAK,GAAGQ,KAAK,CAACI,MAAM,CAACZ,KAAK,CAAC,GAAGQ,KAAK,CAACI,MAAM,CAACC,IAAI,CAAC;EAChE,oBACEjB,IAAA,CAACH,IAAI;IACHa,KAAK,EAAE,CACL;MACEN,KAAK,EAAEW,aAAa;MACpBZ,QAAQ,EAAEU,gBAAgB;MAC1BP,UAAU;MACVC,SAAS;MACTC;IACF,CAAC,EACDE,KAAK,CACL;IAAA,GACEC,IAAI;IAAAF,QAAA,EAEPA;EAAQ,CACL,CAAC;AAEX,CAAC;AAED,eAAeR,QAAQ","ignoreList":[]}

package/lib/module/components/ViewCard.js

@@ -0,0 +1,17 @@
+"use strict";
+
+import { View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const ViewCard = ({
+  children,
+  style,
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsx(View, {
+    ...rest,
+    style: style,
+    children: children
+  });
+};
+export default ViewCard;
+//# sourceMappingURL=ViewCard.js.map

package/lib/module/components/ViewCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","jsx","_jsx","ViewCard","children","style","rest"],"sourceRoot":"../../../src","sources":["components/ViewCard.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAwB,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOpD,MAAMC,QAAiC,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAK,CAAC,KAAK;EAC1E,oBACEJ,IAAA,CAACF,IAAI;IAAA,GAAKM,IAAI;IAAED,KAAK,EAAEA,KAAM;IAAAD,QAAA,EAC1BA;EAAQ,CACL,CAAC;AAEX,CAAC;AAED,eAAeD,QAAQ","ignoreList":[]}

package/lib/module/hooks/useTheme.js

@@ -0,0 +1,8 @@
+"use strict";
+
+import { useContext } from 'react';
+import { ThemeContext } from "../provider/ThemeContext.js";
+export const useTheme = () => {
+  return useContext(ThemeContext);
+};
+//# sourceMappingURL=useTheme.js.map

package/lib/module/hooks/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","ThemeContext","useTheme"],"sourceRoot":"../../../src","sources":["hooks/useTheme.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,YAAY,QAAQ,6BAA0B;AAEvD,OAAO,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EAC5B,OAAOF,UAAU,CAACC,YAAY,CAAC;AACjC,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+import { SjUiProvider } from "./provider/UIProvider.js";
+import TextView from "./components/TextView.js";
+import ViewCard from "./components/ViewCard.js";
+export { TextView };
+export { SjUiProvider };
+export { ViewCard };
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SjUiProvider","TextView","ViewCard"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,0BAAuB;AACpD,OAAOC,QAAQ,MAAM,0BAAuB;AAC5C,OAAOC,QAAQ,MAAM,0BAAuB;AAE5C,SAASD,QAAQ;AACjB,SAASD,YAAY;AACrB,SAASE,QAAQ","ignoreList":[]}

package/lib/module/package.json

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

package/lib/module/provider/ThemeContext.js

@@ -0,0 +1,6 @@
+"use strict";
+
+import { createContext } from 'react';
+import { defaultTheme } from "../theme/defaultTheme.js";
+export const ThemeContext = /*#__PURE__*/createContext(defaultTheme);
+//# sourceMappingURL=ThemeContext.js.map

package/lib/module/provider/ThemeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","defaultTheme","ThemeContext"],"sourceRoot":"../../../src","sources":["provider/ThemeContext.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,OAAO;AAErC,SAASC,YAAY,QAAQ,0BAAuB;AAEpD,OAAO,MAAMC,YAAY,gBAAGF,aAAa,CAAQC,YAAY,CAAC","ignoreList":[]}

package/lib/module/provider/UIProvider.js

@@ -0,0 +1,17 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { ThemeContext } from "./ThemeContext.js";
+import { createTheme } from "../theme/createTheme.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function SjUiProvider({
+  children,
+  theme: themeOverrides
+}) {
+  const theme = useMemo(() => createTheme(themeOverrides), [themeOverrides]);
+  return /*#__PURE__*/_jsx(ThemeContext.Provider, {
+    value: theme,
+    children: children
+  });
+}
+//# sourceMappingURL=UIProvider.js.map

package/lib/module/provider/UIProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","ThemeContext","createTheme","jsx","_jsx","SjUiProvider","children","theme","themeOverrides","Provider","value"],"sourceRoot":"../../../src","sources":["provider/UIProvider.tsx"],"mappings":";;AAAA,SAAiCA,OAAO,QAAQ,OAAO;AAEvD,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,WAAW,QAAQ,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQnD,OAAO,SAASC,YAAYA,CAAC;EAC3BC,QAAQ;EACRC,KAAK,EAAEC;AAC2B,CAAC,EAAE;EACrC,MAAMD,KAAK,GAAGP,OAAO,CAAC,MAAME,WAAW,CAACM,cAAc,CAAC,EAAE,CAACA,cAAc,CAAC,CAAC;EAE1E,oBACEJ,IAAA,CAACH,YAAY,CAACQ,QAAQ;IAACC,KAAK,EAAEH,KAAM;IAAAD,QAAA,EAAEA;EAAQ,CAAwB,CAAC;AAE3E","ignoreList":[]}

package/lib/module/theme/createTheme.js

@@ -0,0 +1,8 @@
+"use strict";
+
+import { defaultTheme } from "./defaultTheme.js";
+import { deepMerge } from "./deepMerge.js";
+export function createTheme(overrides) {
+  return deepMerge(defaultTheme, overrides);
+}
+//# sourceMappingURL=createTheme.js.map

package/lib/module/theme/createTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultTheme","deepMerge","createTheme","overrides"],"sourceRoot":"../../../src","sources":["theme/createTheme.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,SAAS,QAAQ,gBAAa;AAGvC,OAAO,SAASC,WAAWA,CAACC,SAA8B,EAAS;EACjE,OAAOF,SAAS,CAACD,YAAY,EAAEG,SAAS,CAAC;AAC3C","ignoreList":[]}

package/lib/module/theme/deepMerge.js

@@ -0,0 +1,27 @@
+"use strict";
+
+function isObject(item) {
+  return item !== null && typeof item === 'object' && !Array.isArray(item);
+}
+export function deepMerge(target, source) {
+  if (!source) {
+    return target;
+  }
+  const output = {
+    ...target
+  };
+  Object.keys(source).forEach(key => {
+    const sourceValue = source[key];
+    const targetValue = output[key];
+    if (sourceValue === undefined) {
+      return;
+    }
+    if (isObject(targetValue) && isObject(sourceValue)) {
+      output[key] = deepMerge(targetValue, sourceValue);
+    } else {
+      output[key] = sourceValue;
+    }
+  });
+  return output;
+}
+//# sourceMappingURL=deepMerge.js.map

package/lib/module/theme/deepMerge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isObject","item","Array","isArray","deepMerge","target","source","output","Object","keys","forEach","key","sourceValue","targetValue","undefined"],"sourceRoot":"../../../src","sources":["theme/deepMerge.ts"],"mappings":";;AAEA,SAASA,QAAQA,CAACC,IAAa,EAAmC;EAChE,OAAOA,IAAI,KAAK,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,IAAI,CAAC;AAC1E;AAEA,OAAO,SAASG,SAASA,CAAIC,MAAS,EAAEC,MAAuB,EAAK;EAClE,IAAI,CAACA,MAAM,EAAE;IACX,OAAOD,MAAM;EACf;EAEA,MAAME,MAAM,GAAG;IAAE,GAAGF;EAAO,CAA4B;EAEvDG,MAAM,CAACC,IAAI,CAACH,MAAM,CAAC,CAACI,OAAO,CAAEC,GAAG,IAAK;IACnC,MAAMC,WAAW,GAAGN,MAAM,CAACK,GAAG,CAAwB;IACtD,MAAME,WAAW,GAAGN,MAAM,CAACI,GAAG,CAAC;IAE/B,IAAIC,WAAW,KAAKE,SAAS,EAAE;MAC7B;IACF;IAEA,IAAId,QAAQ,CAACa,WAAW,CAAC,IAAIb,QAAQ,CAACY,WAAW,CAAC,EAAE;MAClDL,MAAM,CAACI,GAAG,CAAC,GAAGP,SAAS,CAACS,WAAW,EAAED,WAAW,CAAC;IACnD,CAAC,MAAM;MACLL,MAAM,CAACI,GAAG,CAAC,GAAGC,WAAW;IAC3B;EACF,CAAC,CAAC;EAEF,OAAOL,MAAM;AACf","ignoreList":[]}

package/lib/module/theme/defaultTheme.js

@@ -0,0 +1,51 @@
+"use strict";
+
+export const defaultTheme = {
+  colors: {
+    primary: '#2563EB',
+    secondary: '#64748B',
+    danger: '#DC2626',
+    success: '#16A34A',
+    warning: '#D97706',
+    text: '#000000'
+  },
+  spacing: {
+    xs: 4,
+    sm: 8,
+    md: 12,
+    lg: 16,
+    xl: 24
+  },
+  radius: {
+    sm: 4,
+    md: 8,
+    lg: 12,
+    xl: 16
+  },
+  typography: {
+    fontFamily: 'System',
+    fontSize: {
+      xs: 12,
+      sm: 14,
+      md: 16,
+      lg: 18,
+      xl: 24,
+      h1: 32,
+      h2: 28,
+      h3: 24,
+      h4: 20,
+      body: 16,
+      bodySm: 14,
+      caption: 12
+    }
+  },
+  components: {
+    input: {
+      height: 48
+    },
+    button: {
+      height: 48
+    }
+  }
+};
+//# sourceMappingURL=defaultTheme.js.map

package/lib/module/theme/defaultTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultTheme","colors","primary","secondary","danger","success","warning","text","spacing","xs","sm","md","lg","xl","radius","typography","fontFamily","fontSize","h1","h2","h3","h4","body","bodySm","caption","components","input","height","button"],"sourceRoot":"../../../src","sources":["theme/defaultTheme.ts"],"mappings":";;AAEA,OAAO,MAAMA,YAAmB,GAAG;EACjCC,MAAM,EAAE;IACNC,OAAO,EAAE,SAAS;IAClBC,SAAS,EAAE,SAAS;IACpBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE,SAAS;IAClBC,OAAO,EAAE,SAAS;IAClBC,IAAI,EAAE;EACR,CAAC;EAEDC,OAAO,EAAE;IACPC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE;EACN,CAAC;EAEDC,MAAM,EAAE;IACNJ,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE;EACN,CAAC;EAEDE,UAAU,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,QAAQ,EAAE;MACRR,EAAE,EAAE,EAAE;MACNC,EAAE,EAAE,EAAE;MACNC,EAAE,EAAE,EAAE;MACNC,EAAE,EAAE,EAAE;MACNC,EAAE,EAAE,EAAE;MACNK,EAAE,EAAE,EAAE;MACNC,EAAE,EAAE,EAAE;MACNC,EAAE,EAAE,EAAE;MACNC,EAAE,EAAE,EAAE;MACNC,IAAI,EAAE,EAAE;MACRC,MAAM,EAAE,EAAE;MACVC,OAAO,EAAE;IACX;EACF,CAAC;EAEDC,UAAU,EAAE;IACVC,KAAK,EAAE;MACLC,MAAM,EAAE;IACV,CAAC;IAEDC,MAAM,EAAE;MACND,MAAM,EAAE;IACV;EACF;AACF,CAAC","ignoreList":[]}

package/lib/module/theme/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/lib/module/theme/types.js.map

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

package/lib/typescript/package.json

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

package/lib/typescript/src/components/TextView.d.ts

@@ -0,0 +1,17 @@
+import type { TextProps, TextStyle, StyleProp } from 'react-native';
+import type { ReactNode } from 'react';
+import type { TextSize, ThemeColor } from '../theme/types.js';
+interface TextViewProps extends TextProps {
+    size?: TextSize;
+    fontSize?: TextStyle['fontSize'];
+    color?: ThemeColor;
+    textColor?: TextStyle['color'];
+    fontWeight?: TextStyle['fontWeight'];
+    textAlign?: TextStyle['textAlign'];
+    textDecorationLine?: TextStyle['textDecorationLine'];
+    style?: StyleProp<TextStyle>;
+    children: ReactNode;
+}
+declare const TextView: React.FC<TextViewProps>;
+export default TextView;
+//# sourceMappingURL=TextView.d.ts.map

package/lib/typescript/src/components/TextView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextView.d.ts","sourceRoot":"","sources":["../../../../src/components/TextView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,mBAAgB,CAAC;AAE3D,UAAU,aAAc,SAAQ,SAAS;IACvC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAEjC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAE/B,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,kBAAkB,CAAC,EAAE,SAAS,CAAC,oBAAoB,CAAC,CAAC;IACrD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAmCrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/typescript/src/components/ViewCard.d.ts

@@ -0,0 +1,8 @@
+import { type ViewStyle } from 'react-native';
+interface ViewCardProps extends ViewStyle {
+    children: React.ReactNode;
+    style?: ViewStyle;
+}
+declare const ViewCard: React.FC<ViewCardProps>;
+export default ViewCard;
+//# sourceMappingURL=ViewCard.d.ts.map

package/lib/typescript/src/components/ViewCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewCard.d.ts","sourceRoot":"","sources":["../../../../src/components/ViewCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,UAAU,aAAc,SAAQ,SAAS;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAMrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/typescript/src/hooks/useTheme.d.ts

@@ -0,0 +1,2 @@
+export declare const useTheme: () => import("../theme/types.js").Theme;
+//# sourceMappingURL=useTheme.d.ts.map

package/lib/typescript/src/hooks/useTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,yCAEpB,CAAC"}

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

@@ -0,0 +1,7 @@
+import { SjUiProvider } from './provider/UIProvider.js';
+import TextView from './components/TextView.js';
+import ViewCard from './components/ViewCard.js';
+export { TextView };
+export { SjUiProvider };
+export { ViewCard };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAAuB,CAAC;AACrD,OAAO,QAAQ,MAAM,0BAAuB,CAAC;AAC7C,OAAO,QAAQ,MAAM,0BAAuB,CAAC;AAE7C,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/lib/typescript/src/provider/ThemeContext.d.ts

@@ -0,0 +1,3 @@
+import type { Theme } from '../theme/types.js';
+export declare const ThemeContext: import("react").Context<Theme>;
+//# sourceMappingURL=ThemeContext.d.ts.map

package/lib/typescript/src/provider/ThemeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../../src/provider/ThemeContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAgB,CAAC;AAG5C,eAAO,MAAM,YAAY,gCAAqC,CAAC"}

package/lib/typescript/src/provider/UIProvider.d.ts

@@ -0,0 +1,9 @@
+import { type PropsWithChildren } from 'react';
+import type { Theme } from '../theme/types.js';
+import type { DeepPartial } from '../theme/types.js';
+interface UIProviderProps {
+    theme?: DeepPartial<Theme>;
+}
+export declare function SjUiProvider({ children, theme: themeOverrides, }: PropsWithChildren<UIProviderProps>): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=UIProvider.d.ts.map

package/lib/typescript/src/provider/UIProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIProvider.d.ts","sourceRoot":"","sources":["../../../../src/provider/UIProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAIxD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAgB,CAAC;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAgB,CAAC;AAElD,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;CAC5B;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAK,EAAE,cAAc,GACtB,EAAE,iBAAiB,CAAC,eAAe,CAAC,+BAMpC"}

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

@@ -0,0 +1,3 @@
+import type { Theme, DeepPartial } from './types.js';
+export declare function createTheme(overrides?: DeepPartial<Theme>): Theme;
+//# sourceMappingURL=createTheme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createTheme.d.ts","sourceRoot":"","sources":["../../../../src/theme/createTheme.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,YAAS,CAAC;AAElD,wBAAgB,WAAW,CAAC,SAAS,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,KAAK,CAEjE"}

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

@@ -0,0 +1,3 @@
+import type { DeepPartial } from './types.js';
+export declare function deepMerge<T>(target: T, source?: DeepPartial<T>): T;
+//# sourceMappingURL=deepMerge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"deepMerge.d.ts","sourceRoot":"","sources":["../../../../src/theme/deepMerge.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAS,CAAC;AAM3C,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAuBlE"}

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

@@ -0,0 +1,3 @@
+import type { Theme } from './types.js';
+export declare const defaultTheme: Theme;
+//# sourceMappingURL=defaultTheme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAS,CAAC;AAErC,eAAO,MAAM,YAAY,EAAE,KAoD1B,CAAC"}

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

@@ -0,0 +1,59 @@
+export interface Colors {
+    primary: string;
+    secondary: string;
+    danger: string;
+    success: string;
+    warning: string;
+    text: string;
+}
+export type ThemeColor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'text';
+export interface Spacing {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+}
+export interface Radius {
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+}
+export type TextSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'h1' | 'h2' | 'h3' | 'h4' | 'body' | 'bodySm' | 'caption';
+export interface Typography {
+    fontFamily: string;
+    fontSize: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        h1: number;
+        h2: number;
+        h3: number;
+        h4: number;
+        body: number;
+        bodySm: number;
+        caption: number;
+    };
+}
+export interface ComponentTheme {
+    input: {
+        height: number;
+    };
+    button: {
+        height: number;
+    };
+}
+export interface Theme {
+    colors: Colors;
+    spacing: Spacing;
+    radius: Radius;
+    typography: Typography;
+    components: ComponentTheme;
+}
+export type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/theme/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,MAAM;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,WAAW,GACX,SAAS,GACT,QAAQ,GACR,SAAS,GACT,MAAM,CAAC;AAEX,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,MAAM,QAAQ,GAChB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,QAAQ,GACR,SAAS,CAAC;AAEd,MAAM,WAAW,UAAU;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE;QACR,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE;QACL,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IAEF,MAAM,EAAE;QACN,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED,MAAM,WAAW,KAAK;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,cAAc,CAAC;CAC5B;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAChE,CAAC"}

package/package.json

@@ -0,0 +1,173 @@
+{
+  "name": "react-native-sj-ui",
+  "version": "0.1.0",
+  "description": "The ui library for react native application.",
+  "main": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
+  "exports": {
+    ".": {
+      "react-native-sj-ui-source": "./src/index.tsx",
+      "types": "./lib/typescript/src/index.d.ts",
+      "default": "./lib/module/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src",
+    "lib",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace react-native-sj-ui-example",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+    "prepare": "bob build",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "test": "jest",
+    "release": "release-it --only-version",
+    "web": "vite",
+    "build:web": "vite build"
+  },
+  "keywords": [
+    "react-native",
+    "ui",
+    "design-system",
+    "theme",
+    "components",
+    "typescript",
+    "react-native-ui"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sarowerj/react-native-sj-ui.git"
+  },
+  "author": "@sarowerj <sarowerj@gmail.com> (https://github.com/sarowerj)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/sarowerj/react-native-sj-ui/issues"
+  },
+  "homepage": "https://github.com/sarowerj/react-native-sj-ui#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^21.0.2",
+    "@eslint/compat": "^2.1.0",
+    "@eslint/eslintrc": "^3.3.5",
+    "@eslint/js": "^10.0.1",
+    "@jest/globals": "^29.7.0",
+    "@react-native/babel-preset": "0.85.0",
+    "@react-native/eslint-config": "0.85.0",
+    "@react-native/jest-preset": "0.85.0",
+    "@release-it/conventional-changelog": "^11.0.1",
+    "@types/react": "^19.2.0",
+    "commitlint": "^21.0.2",
+    "del-cli": "^7.0.0",
+    "eslint": "^9.39.4",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-ft-flow": "^3.0.11",
+    "eslint-plugin-prettier": "^5.5.6",
+    "jest": "^29.7.0",
+    "lefthook": "^2.1.9",
+    "prettier": "^3.8.3",
+    "react": "19.2.3",
+    "react-native": "0.85.0",
+    "react-native-builder-bob": "^0.43.0",
+    "react-native-web": "~0.21.2",
+    "release-it": "^20.2.0",
+    "turbo": "^2.9.16",
+    "typescript": "^6.0.3"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@4.11.0",
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "jest": {
+    "preset": "@react-native/jest-preset",
+    "testEnvironmentOptions": {
+      "customExportConditions": [
+        "require",
+        "react-native",
+        "<%- project.sourceCondition -%>"
+      ]
+    },
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": {
+          "name": "angular"
+        }
+      }
+    }
+  },
+  "create-react-native-library": {
+    "type": "library",
+    "languages": "js",
+    "tools": [
+      "eslint",
+      "jest",
+      "lefthook",
+      "release-it",
+      "vite"
+    ],
+    "version": "0.63.0"
+  }
+}

package/src/components/TextView.tsx

@@ -0,0 +1,58 @@
+import type { TextProps, TextStyle, StyleProp } from 'react-native';
+import type { ReactNode } from 'react';
+import { Text } from 'react-native';
+import { useTheme } from '../hooks/useTheme';
+import type { TextSize, ThemeColor } from '../theme/types';
+
+interface TextViewProps extends TextProps {
+  size?: TextSize;
+  fontSize?: TextStyle['fontSize'];
+
+  color?: ThemeColor;
+  textColor?: TextStyle['color'];
+
+  fontWeight?: TextStyle['fontWeight'];
+  textAlign?: TextStyle['textAlign'];
+  textDecorationLine?: TextStyle['textDecorationLine'];
+  style?: StyleProp<TextStyle>;
+  children: ReactNode;
+}
+
+const TextView: React.FC<TextViewProps> = ({
+  size = 'body',
+  fontSize,
+  color,
+  textColor,
+  fontWeight,
+  textAlign,
+  textDecorationLine,
+  children,
+  style,
+  ...rest
+}) => {
+  const theme = useTheme();
+
+  const resolvedFontSize = fontSize ?? theme.typography.fontSize[size];
+
+  const resolvedColor =
+    textColor ?? (color ? theme.colors[color] : theme.colors.text);
+  return (
+    <Text
+      style={[
+        {
+          color: resolvedColor,
+          fontSize: resolvedFontSize,
+          fontWeight,
+          textAlign,
+          textDecorationLine,
+        },
+        style,
+      ]}
+      {...rest}
+    >
+      {children}
+    </Text>
+  );
+};
+
+export default TextView;

package/src/components/ViewCard.tsx

@@ -0,0 +1,16 @@
+import { View, type ViewStyle } from 'react-native';
+
+interface ViewCardProps extends ViewStyle {
+  children: React.ReactNode;
+  style?: ViewStyle;
+}
+
+const ViewCard: React.FC<ViewCardProps> = ({ children, style, ...rest }) => {
+  return (
+    <View {...rest} style={style}>
+      {children}
+    </View>
+  );
+};
+
+export default ViewCard;

package/src/hooks/useTheme.ts

@@ -0,0 +1,6 @@
+import { useContext } from 'react';
+import { ThemeContext } from '../provider/ThemeContext';
+
+export const useTheme = () => {
+  return useContext(ThemeContext);
+};

package/src/index.tsx

@@ -0,0 +1,7 @@
+import { SjUiProvider } from './provider/UIProvider';
+import TextView from './components/TextView';
+import ViewCard from './components/ViewCard';
+
+export { TextView };
+export { SjUiProvider };
+export { ViewCard };

package/src/provider/ThemeContext.ts

@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+import type { Theme } from '../theme/types';
+import { defaultTheme } from '../theme/defaultTheme';
+
+export const ThemeContext = createContext<Theme>(defaultTheme);

package/src/provider/UIProvider.tsx

@@ -0,0 +1,21 @@
+import { type PropsWithChildren, useMemo } from 'react';
+
+import { ThemeContext } from './ThemeContext';
+import { createTheme } from '../theme/createTheme';
+import type { Theme } from '../theme/types';
+import type { DeepPartial } from '../theme/types';
+
+interface UIProviderProps {
+  theme?: DeepPartial<Theme>;
+}
+
+export function SjUiProvider({
+  children,
+  theme: themeOverrides,
+}: PropsWithChildren<UIProviderProps>) {
+  const theme = useMemo(() => createTheme(themeOverrides), [themeOverrides]);
+
+  return (
+    <ThemeContext.Provider value={theme}>{children}</ThemeContext.Provider>
+  );
+}

package/src/theme/createTheme.ts

@@ -0,0 +1,7 @@
+import { defaultTheme } from './defaultTheme';
+import { deepMerge } from './deepMerge';
+import type { Theme, DeepPartial } from './types';
+
+export function createTheme(overrides?: DeepPartial<Theme>): Theme {
+  return deepMerge(defaultTheme, overrides);
+}

package/src/theme/deepMerge.ts

@@ -0,0 +1,30 @@
+import type { DeepPartial } from './types';
+
+function isObject(item: unknown): item is Record<string, unknown> {
+  return item !== null && typeof item === 'object' && !Array.isArray(item);
+}
+
+export function deepMerge<T>(target: T, source?: DeepPartial<T>): T {
+  if (!source) {
+    return target;
+  }
+
+  const output = { ...target } as Record<string, unknown>;
+
+  Object.keys(source).forEach((key) => {
+    const sourceValue = source[key as keyof typeof source];
+    const targetValue = output[key];
+
+    if (sourceValue === undefined) {
+      return;
+    }
+
+    if (isObject(targetValue) && isObject(sourceValue)) {
+      output[key] = deepMerge(targetValue, sourceValue);
+    } else {
+      output[key] = sourceValue;
+    }
+  });
+
+  return output as T;
+}

package/src/theme/defaultTheme.ts

@@ -0,0 +1,55 @@
+import type { Theme } from './types';
+
+export const defaultTheme: Theme = {
+  colors: {
+    primary: '#2563EB',
+    secondary: '#64748B',
+    danger: '#DC2626',
+    success: '#16A34A',
+    warning: '#D97706',
+    text: '#000000',
+  },
+
+  spacing: {
+    xs: 4,
+    sm: 8,
+    md: 12,
+    lg: 16,
+    xl: 24,
+  },
+
+  radius: {
+    sm: 4,
+    md: 8,
+    lg: 12,
+    xl: 16,
+  },
+
+  typography: {
+    fontFamily: 'System',
+    fontSize: {
+      xs: 12,
+      sm: 14,
+      md: 16,
+      lg: 18,
+      xl: 24,
+      h1: 32,
+      h2: 28,
+      h3: 24,
+      h4: 20,
+      body: 16,
+      bodySm: 14,
+      caption: 12,
+    },
+  },
+
+  components: {
+    input: {
+      height: 48,
+    },
+
+    button: {
+      height: 48,
+    },
+  },
+};

package/src/theme/types.ts

@@ -0,0 +1,85 @@
+export interface Colors {
+  primary: string;
+  secondary: string;
+  danger: string;
+  success: string;
+  warning: string;
+  text: string;
+}
+
+export type ThemeColor =
+  | 'primary'
+  | 'secondary'
+  | 'success'
+  | 'danger'
+  | 'warning'
+  | 'text';
+
+export interface Spacing {
+  xs: number;
+  sm: number;
+  md: number;
+  lg: number;
+  xl: number;
+}
+
+export interface Radius {
+  sm: number;
+  md: number;
+  lg: number;
+  xl: number;
+}
+
+export type TextSize =
+  | 'xs'
+  | 'sm'
+  | 'md'
+  | 'lg'
+  | 'xl'
+  | 'h1'
+  | 'h2'
+  | 'h3'
+  | 'h4'
+  | 'body'
+  | 'bodySm'
+  | 'caption';
+
+export interface Typography {
+  fontFamily: string;
+  fontSize: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    h1: number;
+    h2: number;
+    h3: number;
+    h4: number;
+    body: number;
+    bodySm: number;
+    caption: number;
+  };
+}
+
+export interface ComponentTheme {
+  input: {
+    height: number;
+  };
+
+  button: {
+    height: number;
+  };
+}
+
+export interface Theme {
+  colors: Colors;
+  spacing: Spacing;
+  radius: Radius;
+  typography: Typography;
+  components: ComponentTheme;
+}
+
+export type DeepPartial<T> = {
+  [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+};