squircle-view 0.0.0-stage → 0.2.0

package/lib/module/types/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from "./native.types.js";
+export * from "./squircle.types.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/index.ts"],"mappings":";;AAAA,cAAc,mBAAgB;AAC9B,cAAc,qBAAkB","ignoreList":[]}

package/lib/module/types/native-component-registry.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=native-component-registry.d.js.map

package/lib/module/types/native-component-registry.d.js.map

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

package/lib/module/types/native.types.js

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

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

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

package/lib/module/types/squircle.types.js

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

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

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

package/lib/module/utils/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export * from "./style.utils.js";
+//# sourceMappingURL=index.js.map

package/lib/module/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["utils/index.ts"],"mappings":";;AAAA,cAAc,kBAAe","ignoreList":[]}

package/lib/module/utils/style.utils.js

@@ -0,0 +1,22 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+const splitSquircleStyle = style => {
+  const flattened = StyleSheet.flatten(style);
+  if (flattened?.borderSmoothing === undefined) {
+    return {
+      style,
+      borderSmoothing: undefined
+    };
+  }
+  const {
+    borderSmoothing,
+    ...viewStyle
+  } = flattened;
+  return {
+    style: viewStyle,
+    borderSmoothing
+  };
+};
+export { splitSquircleStyle };
+//# sourceMappingURL=style.utils.js.map

package/lib/module/utils/style.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","splitSquircleStyle","style","flattened","flatten","borderSmoothing","undefined","viewStyle"],"sourceRoot":"../../../src","sources":["utils/style.utils.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAwB,cAAc;AAKzD,MAAMC,kBAAkB,GACtBC,KAAQ,IACW;EACnB,MAAMC,SAAS,GAAGH,UAAU,CAACI,OAAO,CAACF,KAAK,CAAC;EAC3C,IAAIC,SAAS,EAAEE,eAAe,KAAKC,SAAS,EAAE;IAC5C,OAAO;MAAEJ,KAAK;MAAEG,eAAe,EAAEC;IAAU,CAAC;EAC9C;EACA,MAAM;IAAED,eAAe;IAAE,GAAGE;EAAU,CAAC,GAAGJ,SAAS;EACnD,OAAO;IAAED,KAAK,EAAEK,SAAS;IAAEF;EAAgB,CAAC;AAC9C,CAAC;AAED,SAASJ,kBAAkB","ignoreList":[]}

package/lib/module/views/SquircleViewNativeComponent.ts

@@ -0,0 +1,12 @@
+import type { CodegenTypes, HostComponent, ViewProps } from 'react-native';
+import { codegenNativeComponent } from 'react-native';
+
+interface INativeSquircleViewProps extends ViewProps {
+  borderSmoothing?: CodegenTypes.WithDefault<CodegenTypes.Float, 0>;
+}
+
+export type { INativeSquircleViewProps };
+
+export default codegenNativeComponent<INativeSquircleViewProps>(
+  'SquircleView'
+) as HostComponent<INativeSquircleViewProps>;

package/lib/module/views/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+// Registers the codegen view config outside the spec module, so Fast Refresh can re-run this file without registering the view twice.
+// eslint-disable-next-line @react-native/no-deep-imports
+import { get } from 'react-native/Libraries/NativeComponent/NativeComponentRegistry';
+import { NATIVE_VIEW_NAMES } from "../constants/index.js";
+const registry = globalThis;
+const NativeSquircleView = registry.__squircleViewNativeComponent ?? (registry.__squircleViewNativeComponent = get(NATIVE_VIEW_NAMES.SQUIRCLE_VIEW, () => ({
+  uiViewClassName: NATIVE_VIEW_NAMES.SQUIRCLE_VIEW,
+  validAttributes: {
+    borderSmoothing: true
+  }
+})));
+export { NativeSquircleView };
+//# sourceMappingURL=index.js.map

package/lib/module/views/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["get","NATIVE_VIEW_NAMES","registry","globalThis","NativeSquircleView","__squircleViewNativeComponent","SQUIRCLE_VIEW","uiViewClassName","validAttributes","borderSmoothing"],"sourceRoot":"../../../src","sources":["views/index.ts"],"mappings":";;AACA;AACA;AACA,SAASA,GAAG,QAAQ,gEAAgE;AAEpF,SAASC,iBAAiB,QAAQ,uBAAc;AAKhD,MAAMC,QAAQ,GAAGC,UAEhB;AAED,MAAMC,kBAAuC,GAC3CF,QAAQ,CAACG,6BAA6B,KACrCH,QAAQ,CAACG,6BAA6B,GAAGL,GAAG,CAC3CC,iBAAiB,CAACK,aAAa,EAC/B,OAAO;EACLC,eAAe,EAAEN,iBAAiB,CAACK,aAAa;EAChDE,eAAe,EAAE;IAAEC,eAAe,EAAE;EAAK;AAC3C,CAAC,CACH,CAAC,CAAC;AAIJ,SAASL,kBAAkB","ignoreList":[]}

package/lib/typescript/package.json

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

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

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

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

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

package/lib/typescript/src/components/squircle-view.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import type { ISquircleViewProps } from '../interfaces/index.js';
+declare const SquircleView: React.FC<ISquircleViewProps>;
+export { SquircleView };
+//# sourceMappingURL=squircle-view.d.ts.map

package/lib/typescript/src/components/squircle-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"squircle-view.d.ts","sourceRoot":"","sources":["../../../../src/components/squircle-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAkB,kBAAkB,EAAE,MAAM,wBAAe,CAAC;AAIxE,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAW9C,CAAC;AAIF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/lib/typescript/src/components/squircle-view.native.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import type { ISquircleViewProps } from '../interfaces/index.js';
+declare const SquircleView: React.FC<ISquircleViewProps>;
+export { SquircleView };
+//# sourceMappingURL=squircle-view.native.d.ts.map

package/lib/typescript/src/components/squircle-view.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"squircle-view.native.d.ts","sourceRoot":"","sources":["../../../../src/components/squircle-view.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAkB,kBAAkB,EAAE,MAAM,wBAAe,CAAC;AAIxE,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqB9C,CAAC;AAIF,OAAO,EAAE,YAAY,EAAE,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './native.constants.js';
+export * from './squircle.constants.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAoB,CAAC;AACnC,cAAc,yBAAsB,CAAC"}

package/lib/typescript/src/constants/native.constants.d.ts

@@ -0,0 +1,8 @@
+declare const NATIVE_VIEW_NAMES: {
+    readonly SQUIRCLE_VIEW: "SquircleView";
+};
+declare const COMPONENT_NAMES: {
+    readonly SQUIRCLE_VIEW: "SquircleView";
+};
+export { NATIVE_VIEW_NAMES, COMPONENT_NAMES };
+//# sourceMappingURL=native.constants.d.ts.map

package/lib/typescript/src/constants/native.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native.constants.d.ts","sourceRoot":"","sources":["../../../../src/constants/native.constants.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,iBAAiB;;CAEoB,CAAC;AAE5C,QAAA,MAAM,eAAe;;CAEsB,CAAC;AAE5C,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,CAAC"}

package/lib/typescript/src/constants/squircle.constants.d.ts

@@ -0,0 +1,3 @@
+declare const DEFAULT_BORDER_SMOOTHING: number;
+export { DEFAULT_BORDER_SMOOTHING };
+//# sourceMappingURL=squircle.constants.d.ts.map

package/lib/typescript/src/constants/squircle.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"squircle.constants.d.ts","sourceRoot":"","sources":["../../../../src/constants/squircle.constants.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,wBAAwB,EAAE,MAAU,CAAC;AAE3C,OAAO,EAAE,wBAAwB,EAAE,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './root/index.js';
+//# 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.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAQ,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './squircle-style.interface.js';
+export * from './squircle-view.interface.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/interfaces/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA4B,CAAC;AAC3C,cAAc,8BAA2B,CAAC"}

package/lib/typescript/src/interfaces/squircle-style.interface.d.ts

@@ -0,0 +1,7 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+interface ISquircleStyle {
+    style: StyleProp<ViewStyle>;
+    borderSmoothing: number | undefined;
+}
+export type { ISquircleStyle };
+//# sourceMappingURL=squircle-style.interface.d.ts.map

package/lib/typescript/src/interfaces/squircle-style.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"squircle-style.interface.d.ts","sourceRoot":"","sources":["../../../../src/interfaces/squircle-style.interface.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,UAAU,cAAc;IACtB,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5B,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC;AAED,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/lib/typescript/src/interfaces/squircle-view.interface.d.ts

@@ -0,0 +1,10 @@
+import type { Ref } from 'react';
+import type { HostInstance, StyleProp, ViewProps } from 'react-native';
+import type { TSquircleViewStyle } from '../types/index.js';
+interface ISquircleViewProps extends ViewProps {
+    style?: StyleProp<TSquircleViewStyle>;
+    borderSmoothing?: number;
+    ref?: Ref<HostInstance>;
+}
+export type { ISquircleViewProps };
+//# sourceMappingURL=squircle-view.interface.d.ts.map

package/lib/typescript/src/interfaces/squircle-view.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"squircle-view.interface.d.ts","sourceRoot":"","sources":["../../../../src/interfaces/squircle-view.interface.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAU,CAAC;AAEnD,UAAU,kBAAmB,SAAQ,SAAS;IAC5C,KAAK,CAAC,EAAE,SAAS,CAAC,kBAAkB,CAAC,CAAC;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,CAAC;CACzB;AAED,YAAY,EAAE,kBAAkB,EAAE,CAAC"}

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

@@ -0,0 +1,6 @@
+export { SquircleView } from '../components/index.js';
+export type { ISquircleViewProps } from '../interfaces/index.js';
+export type { TSquircleViewStyle } from '../types/index.js';
+export type { ISquircleViewProps as SquircleViewProps } from '../interfaces/index.js';
+export type { TSquircleViewStyle as SquircleViewStyle } from '../types/index.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/root/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAe,CAAC;AAC7C,YAAY,EAAE,kBAAkB,EAAE,MAAM,wBAAe,CAAC;AACxD,YAAY,EAAE,kBAAkB,EAAE,MAAM,mBAAU,CAAC;AACnD,YAAY,EAAE,kBAAkB,IAAI,iBAAiB,EAAE,MAAM,wBAAe,CAAC;AAC7E,YAAY,EAAE,kBAAkB,IAAI,iBAAiB,EAAE,MAAM,mBAAU,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './native.types.js';
+export * from './squircle.types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAgB,CAAC;AAC/B,cAAc,qBAAkB,CAAC"}

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

@@ -0,0 +1,5 @@
+import type { COMPONENT_NAMES, NATIVE_VIEW_NAMES } from '../constants/index.js';
+type TNativeViewName = (typeof NATIVE_VIEW_NAMES)[keyof typeof NATIVE_VIEW_NAMES];
+type TComponentName = (typeof COMPONENT_NAMES)[keyof typeof COMPONENT_NAMES];
+export type { TNativeViewName, TComponentName };
+//# sourceMappingURL=native.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"native.types.d.ts","sourceRoot":"","sources":["../../../../src/types/native.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,uBAAc,CAAC;AAEvE,KAAK,eAAe,GAClB,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,CAAC;AAE7D,KAAK,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAE7E,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1,6 @@
+import type { ViewStyle } from 'react-native';
+type TSquircleViewStyle = ViewStyle & {
+    borderSmoothing?: number;
+};
+export type { TSquircleViewStyle };
+//# sourceMappingURL=squircle.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"squircle.types.d.ts","sourceRoot":"","sources":["../../../../src/types/squircle.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,KAAK,kBAAkB,GAAG,SAAS,GAAG;IACpC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,YAAY,EAAE,kBAAkB,EAAE,CAAC"}

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

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

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

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

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

@@ -0,0 +1,6 @@
+import { type StyleProp } from 'react-native';
+import type { ISquircleStyle } from '../interfaces/index.js';
+import type { TSquircleViewStyle } from '../types/index.js';
+declare const splitSquircleStyle: <T extends StyleProp<TSquircleViewStyle>>(style: T) => ISquircleStyle;
+export { splitSquircleStyle };
+//# sourceMappingURL=style.utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.utils.d.ts","sourceRoot":"","sources":["../../../../src/utils/style.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAe,CAAC;AACpD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAU,CAAC;AAEnD,QAAA,MAAM,kBAAkB,GAAI,CAAC,SAAS,SAAS,CAAC,kBAAkB,CAAC,EACjE,OAAO,CAAC,KACP,cAOF,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/lib/typescript/src/views/SquircleViewNativeComponent.d.ts

@@ -0,0 +1,8 @@
+import type { CodegenTypes, HostComponent, ViewProps } from 'react-native';
+interface INativeSquircleViewProps extends ViewProps {
+    borderSmoothing?: CodegenTypes.WithDefault<CodegenTypes.Float, 0>;
+}
+export type { INativeSquircleViewProps };
+declare const _default: HostComponent<INativeSquircleViewProps>;
+export default _default;
+//# sourceMappingURL=SquircleViewNativeComponent.d.ts.map

package/lib/typescript/src/views/SquircleViewNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SquircleViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/views/SquircleViewNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG3E,UAAU,wBAAyB,SAAQ,SAAS;IAClD,eAAe,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;CACnE;AAED,YAAY,EAAE,wBAAwB,EAAE,CAAC;wBAIpC,aAAa,CAAC,wBAAwB,CAAC;AAF5C,wBAE6C"}

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

@@ -0,0 +1,7 @@
+import type { HostComponent } from 'react-native';
+import type { INativeSquircleViewProps } from './SquircleViewNativeComponent';
+type TNativeSquircleView = HostComponent<INativeSquircleViewProps>;
+declare const NativeSquircleView: TNativeSquircleView;
+export type { INativeSquircleViewProps } from './SquircleViewNativeComponent';
+export { NativeSquircleView };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAMlD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAE9E,KAAK,mBAAmB,GAAG,aAAa,CAAC,wBAAwB,CAAC,CAAC;AAMnE,QAAA,MAAM,kBAAkB,EAAE,mBAQtB,CAAC;AAEL,YAAY,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAE9E,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,202 @@
 {
   "name": "squircle-view",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.2.0",
+  "description": "A drop-in React Native View with smooth, continuous corners.",
+  "main": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
+  "exports": {
+    ".": {
+      "squircle-view-source": "./src/index.ts",
+      "types": "./lib/typescript/src/index.d.ts",
+      "default": "./lib/module/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "common",
+    "*.podspec",
+    "react-native.config.js",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace squircle-view-example",
+    "clean": "del-cli lib",
+    "prepare": "bob build",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "test": "jest",
+    "test:native": "mkdir -p build && c++ -std=c++20 -Wall -Wextra -Werror -Icommon/cpp common/cpp/SquircleGeometry.cpp common/cpp/__tests__/SquircleGeometryTests.cpp -o build/squircle-geometry-tests && ./build/squircle-geometry-tests",
+    "release": "release-it --only-version",
+    "test:watch": "jest --watch"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android",
+    "squircle",
+    "smooth-corners",
+    "continuous-corners",
+    "border-radius",
+    "view"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rit3zh/squircle-view.git"
+  },
+  "author": "rit3zh <thisismyn07@gmail.com> (https://github.com/rit3zh)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/rit3zh/squircle-view/issues"
+  },
+  "homepage": "https://github.com/rit3zh/squircle-view#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^21.2.0",
+    "@eslint/compat": "^2.1.0",
+    "@eslint/eslintrc": "^3.3.6",
+    "@eslint/js": "^9.39.5",
+    "@jest/globals": "^29.7.0",
+    "@react-native/babel-preset": "0.86.2",
+    "@react-native/eslint-config": "0.86.2",
+    "@react-native/jest-preset": "0.86.2",
+    "@release-it/conventional-changelog": "^12.0.0",
+    "@testing-library/react-native": "^13",
+    "@types/react": "^19.2.0",
+    "@types/react-test-renderer": "^19",
+    "commitlint": "^21.2.1",
+    "del-cli": "^7.0.0",
+    "eslint": "^9.39.5",
+    "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.10",
+    "prettier": "^3.9.6",
+    "react": "19.2.3",
+    "react-native": "0.86.3",
+    "react-native-builder-bob": "^0.43.1",
+    "react-test-renderer": "19.2.3",
+    "release-it": "^21.0.1",
+    "turbo": "^2.10.8",
+    "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"
+        }
+      ]
+    ]
+  },
+  "codegenConfig": {
+    "name": "SquircleViewSpec",
+    "type": "components",
+    "jsSrcsDir": "src/views",
+    "android": {
+      "javaPackageName": "com.squircleview"
+    },
+    "ios": {
+      "components": {
+        "SquircleView": {
+          "className": "SquircleView"
+        }
+      }
+    }
+  },
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "jest": {
+    "preset": "@react-native/jest-preset",
+    "testEnvironmentOptions": {
+      "customExportConditions": [
+        "require",
+        "react-native",
+        "squircle-view-source"
+      ]
+    },
+    "transformIgnorePatterns": [
+      "node_modules/(?!((jest-)?react-native|@react-native(-community)?|@testing-library)/)"
+    ],
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/",
+      "<rootDir>/inspo/"
+    ],
+    "testMatch": [
+      "<rootDir>/src/**/__tests__/**/*.test.ts?(x)"
+    ]
+  },
+  "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": "fabric-view",
+    "languages": "kotlin-objc",
+    "tools": [
+      "eslint",
+      "jest",
+      "lefthook",
+      "release-it"
+    ],
+    "version": "0.63.1"
+  }
+}

package/src/components/index.ts

@@ -0,0 +1 @@
+export { SquircleView } from './squircle-view';

package/src/components/squircle-view.native.tsx

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { useMemo } from 'react';
+
+import { COMPONENT_NAMES, DEFAULT_BORDER_SMOOTHING } from '../constants';
+import type { ISquircleStyle, ISquircleViewProps } from '../interfaces';
+import { splitSquircleStyle } from '../utils';
+import { NativeSquircleView } from '../views';
+
+const SquircleView: React.FC<ISquircleViewProps> = ({
+  style,
+  borderSmoothing,
+  ...rest
+}: ISquircleViewProps): React.JSX.Element => {
+  const squircleStyle = useMemo<ISquircleStyle>(
+    () => splitSquircleStyle(style),
+    [style]
+  );
+
+  return (
+    <NativeSquircleView
+      {...rest}
+      style={squircleStyle.style}
+      borderSmoothing={
+        squircleStyle.borderSmoothing ??
+        borderSmoothing ??
+        DEFAULT_BORDER_SMOOTHING
+      }
+    />
+  );
+};
+
+SquircleView.displayName = COMPONENT_NAMES.SQUIRCLE_VIEW;
+
+export { SquircleView };

package/src/components/squircle-view.tsx

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { useMemo } from 'react';
+import { View, type StyleProp } from 'react-native';
+import { COMPONENT_NAMES } from '../constants';
+import type { ISquircleStyle, ISquircleViewProps } from '../interfaces';
+import { splitSquircleStyle } from '../utils';
+import type { TSquircleViewStyle } from '../types';
+
+const SquircleView: React.FC<ISquircleViewProps> = ({
+  style,
+  borderSmoothing: _borderSmoothing,
+  ...rest
+}: ISquircleViewProps): React.JSX.Element & React.ReactNode => {
+  const squircleStyle = useMemo<ISquircleStyle>(
+    () => splitSquircleStyle<StyleProp<TSquircleViewStyle>>(style),
+    [style]
+  );
+
+  return <View {...rest} style={squircleStyle.style} />;
+};
+
+SquircleView.displayName = COMPONENT_NAMES.SQUIRCLE_VIEW;
+
+export { SquircleView };

package/src/constants/index.ts

@@ -0,0 +1,2 @@
+export * from './native.constants';
+export * from './squircle.constants';

package/src/constants/native.constants.ts

@@ -0,0 +1,9 @@
+const NATIVE_VIEW_NAMES = {
+  SQUIRCLE_VIEW: 'SquircleView',
+} as const satisfies Record<string, string>;
+
+const COMPONENT_NAMES = {
+  SQUIRCLE_VIEW: 'SquircleView',
+} as const satisfies Record<string, string>;
+
+export { NATIVE_VIEW_NAMES, COMPONENT_NAMES };

package/src/constants/squircle.constants.ts

@@ -0,0 +1,3 @@
+const DEFAULT_BORDER_SMOOTHING: number = 0;
+
+export { DEFAULT_BORDER_SMOOTHING };

package/src/index.ts

@@ -0,0 +1 @@
+export * from './root';

package/src/interfaces/index.ts

@@ -0,0 +1,2 @@
+export * from './squircle-style.interface';
+export * from './squircle-view.interface';

package/src/interfaces/squircle-style.interface.ts

@@ -0,0 +1,8 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+
+interface ISquircleStyle {
+  style: StyleProp<ViewStyle>;
+  borderSmoothing: number | undefined;
+}
+
+export type { ISquircleStyle };

package/src/interfaces/squircle-view.interface.ts

@@ -0,0 +1,11 @@
+import type { Ref } from 'react';
+import type { HostInstance, StyleProp, ViewProps } from 'react-native';
+import type { TSquircleViewStyle } from '../types';
+
+interface ISquircleViewProps extends ViewProps {
+  style?: StyleProp<TSquircleViewStyle>;
+  borderSmoothing?: number;
+  ref?: Ref<HostInstance>;
+}
+
+export type { ISquircleViewProps };