react-native-directional-toggle 0.1.1 → 0.1.3

package/lib/module/index.js

@@ -2,4 +2,5 @@
 
 import { AnimatedSwitch } from "./AnimatedSwitch.js";
 export default AnimatedSwitch;
+export { AnimatedSwitch };
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["AnimatedSwitch"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,qBAAkB;AAEjD,eAAeA,cAAc","ignoreList":[]}
+{"version":3,"names":["AnimatedSwitch"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,cAAc,QAAkC,qBAAkB;AAE3E,eAAeA,cAAc;AAC7B,SAASA,cAAc","ignoreList":[]}

package/lib/typescript/commonjs/package.json

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

package/lib/typescript/commonjs/src/AnimatedSwitch.d.ts

@@ -0,0 +1,48 @@
+import { type StyleProp, type ViewStyle, type TextStyle } from 'react-native';
+import { type WithSpringConfig, type WithTimingConfig } from 'react-native-reanimated';
+type Option = {
+    label: string;
+    value: string | number;
+};
+export type AnimatedSwitchProps = {
+    options: Option[];
+    value: string | number;
+    onChange: (value: string | number) => void;
+    /**
+     * Direction of the switch.
+     * @default false (Horizontal)
+     */
+    vertical?: boolean;
+    /**
+     * Container style. Use this to set width/height.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Style for the moving thumb.
+     */
+    thumbStyle?: StyleProp<ViewStyle>;
+    /**
+     * Base style for option text.
+     */
+    textStyle?: StyleProp<TextStyle>;
+    /**
+     * Style for the text when active.
+     */
+    activeTextStyle?: StyleProp<TextStyle>;
+    /**
+     * Style for the text when inactive.
+     */
+    inactiveTextStyle?: StyleProp<TextStyle>;
+    /**
+     * Animation configuration.
+     */
+    animationConfig?: WithTimingConfig | WithSpringConfig;
+    /**
+     * When true, the switch does not respond to interactions.
+     * @default false
+     */
+    disabled?: boolean;
+};
+export declare function AnimatedSwitch({ options, value, onChange, vertical, style, thumbStyle, textStyle, activeTextStyle, inactiveTextStyle, animationConfig, disabled, }: AnimatedSwitchProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AnimatedSwitch.d.ts.map

package/lib/typescript/commonjs/src/AnimatedSwitch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedSwitch.d.ts","sourceRoot":"","sources":["../../../../src/AnimatedSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,OAAiB,EAMf,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EAEtB,MAAM,yBAAyB,CAAC;AAEjC,KAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC3C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACvC;;OAEG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC;;OAEG;IACH,eAAe,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,CAAC;IACtD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAQF,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,KAAK,EACL,UAAU,EACV,SAAS,EACT,eAAe,EACf,iBAAiB,EACjB,eAAmC,EACnC,QAAgB,GACjB,EAAE,mBAAmB,2CA4IrB"}

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

@@ -0,0 +1,4 @@
+import { AnimatedSwitch, type AnimatedSwitchProps } from './AnimatedSwitch';
+export default AnimatedSwitch;
+export { AnimatedSwitch, type AnimatedSwitchProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5E,eAAe,cAAc,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,CAAC"}

package/lib/typescript/module/src/AnimatedSwitch.d.ts

@@ -0,0 +1,48 @@
+import { type StyleProp, type ViewStyle, type TextStyle } from 'react-native';
+import { type WithSpringConfig, type WithTimingConfig } from 'react-native-reanimated';
+type Option = {
+    label: string;
+    value: string | number;
+};
+export type AnimatedSwitchProps = {
+    options: Option[];
+    value: string | number;
+    onChange: (value: string | number) => void;
+    /**
+     * Direction of the switch.
+     * @default false (Horizontal)
+     */
+    vertical?: boolean;
+    /**
+     * Container style. Use this to set width/height.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Style for the moving thumb.
+     */
+    thumbStyle?: StyleProp<ViewStyle>;
+    /**
+     * Base style for option text.
+     */
+    textStyle?: StyleProp<TextStyle>;
+    /**
+     * Style for the text when active.
+     */
+    activeTextStyle?: StyleProp<TextStyle>;
+    /**
+     * Style for the text when inactive.
+     */
+    inactiveTextStyle?: StyleProp<TextStyle>;
+    /**
+     * Animation configuration.
+     */
+    animationConfig?: WithTimingConfig | WithSpringConfig;
+    /**
+     * When true, the switch does not respond to interactions.
+     * @default false
+     */
+    disabled?: boolean;
+};
+export declare function AnimatedSwitch({ options, value, onChange, vertical, style, thumbStyle, textStyle, activeTextStyle, inactiveTextStyle, animationConfig, disabled, }: AnimatedSwitchProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AnimatedSwitch.d.ts.map

package/lib/typescript/module/src/AnimatedSwitch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedSwitch.d.ts","sourceRoot":"","sources":["../../../../src/AnimatedSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,OAAiB,EAMf,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EAEtB,MAAM,yBAAyB,CAAC;AAEjC,KAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC3C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACvC;;OAEG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC;;OAEG;IACH,eAAe,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,CAAC;IACtD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAQF,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,KAAK,EACL,UAAU,EACV,SAAS,EACT,eAAe,EACf,iBAAiB,EACjB,eAAmC,EACnC,QAAgB,GACjB,EAAE,mBAAmB,2CA4IrB"}

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

@@ -0,0 +1,4 @@
+import { AnimatedSwitch, type AnimatedSwitchProps } from './AnimatedSwitch';
+export default AnimatedSwitch;
+export { AnimatedSwitch, type AnimatedSwitchProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5E,eAAe,cAAc,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,CAAC"}

package/package.json

@@ -1,31 +1,32 @@
 {
   "name": "react-native-directional-toggle",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Multi-element toggle component for React Native and Expo with support for vertical and horizontal layouts and animations.",
-  "main": "./lib/module/index.js",
-  "types": "./lib/typescript/src/index.d.ts",
+  "source": "./src/index.tsx",
+  "main": "./lib/commonjs/index.js",
+  "module": "./lib/module/index.js",
+  "types": "./lib/typescript/module/src/index.d.ts",
+  "react-native": "./src/index.tsx",
   "exports": {
     ".": {
-      "source": "./src/index.tsx",
-      "types": "./lib/typescript/src/index.d.ts",
-      "default": "./lib/module/index.js"
+      "import": {
+        "types": "./lib/typescript/module/src/index.d.ts",
+        "default": "./lib/module/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/src/index.d.ts",
+        "default": "./lib/commonjs/index.js"
+      }
     },
     "./package.json": "./package.json"
   },
+  "sideEffects": false,
+  "engines": {
+    "node": ">=18"
+  },
   "files": [
     "src",
     "lib",
-    "android",
-    "ios",
-    "cpp",
-    "*.podspec",
-    "react-native.config.js",
-    "!ios/build",
-    "!android/build",
-    "!android/gradle",
-    "!android/gradlew",
-    "!android/gradlew.bat",
-    "!android/local.properties",
     "!**/__tests__",
     "!**/__fixtures__",
     "!**/__mocks__",
@@ -33,8 +34,19 @@
   ],
   "keywords": [
     "react-native",
+    "expo",
+    "toggle",
+    "switch",
+    "animated",
+    "gesture",
     "ios",
-    "android"
+    "android",
+    "segmented-control",
+    "multi-switch",
+    "animated-switch",
+    "react-native-component",
+    "ui-component",
+    "typescript"
   ],
   "repository": {
     "type": "git",
@@ -69,6 +81,9 @@
     "prettier": "^2.8.8",
     "react": "19.1.0",
     "react-native": "0.81.5",
+    "react-native-gesture-handler": "^2.30.0",
+    "react-native-reanimated": "^4.2.1",
+    "react-native-worklets": "0.7.1",
     "react-native-builder-bob": "^0.40.17",
     "release-it": "^19.0.4",
     "typescript": "^5.9.2"
@@ -87,6 +102,9 @@
     "source": "src",
     "output": "lib",
     "targets": [
+      [
+        "commonjs"
+      ],
       [
         "module",
         {
@@ -113,6 +131,9 @@
     "modulePathIgnorePatterns": [
       "<rootDir>/example/node_modules",
       "<rootDir>/lib/"
+    ],
+    "transformIgnorePatterns": [
+      "node_modules/(?!(\\.pnpm/.*)?(react-native|@react-native|@react-navigation)/)"
     ]
   },
   "commitlint": {
@@ -150,12 +171,15 @@
     ],
     "version": "0.56.1"
   },
+  "dependencies": {},
   "scripts": {
     "example": "pnpm --filter react-native-directional-toggle-example run start",
     "clean": "del-cli lib",
     "typecheck": "tsc",
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
     "test": "jest",
-    "release": "release-it --only-version"
+    "release": "release-it --only-version",
+    "android": "expo run:android",
+    "ios": "expo run:ios"
   }
 }