native-variants 0.1.63 → 0.1.69

package/dist/utils/compose-text.d.ts

@@ -1,3 +1,65 @@
-import { TextStyle } from "react-native";
-import { Styles } from "../types.js";
+import type { TextStyle } from "react-native";
+import type { Styles } from "../types.js";
+/**
+ * Extracts text-specific styles from a combined style object.
+ * Useful when you need to apply text styles to a Text component
+ * from a style object that may contain View styles.
+ *
+ * @param style - The combined style object to extract from
+ * @returns A new object containing only TextStyle properties
+ *
+ * @example
+ * ```ts
+ * const combinedStyles = {
+ *   backgroundColor: "#fff",
+ *   padding: 16,
+ *   color: "#000",
+ *   fontSize: 14,
+ *   fontWeight: "600",
+ * };
+ *
+ * const textStyles = composeText(combinedStyles);
+ * // Result: { color: "#000", fontSize: 14, fontWeight: "600" }
+ *
+ * // Usage in components
+ * <View style={combinedStyles}>
+ *   <Text style={composeText(combinedStyles)}>Hello</Text>
+ * </View>
+ * ```
+ */
 export declare function composeText(style?: Styles): Partial<TextStyle>;
+/**
+ * Checks if a style object contains any text-specific styles.
+ *
+ * @param style - The style object to check
+ * @returns True if the style contains at least one text style property
+ *
+ * @example
+ * ```ts
+ * hasTextStyles({ padding: 10 }); // false
+ * hasTextStyles({ color: "red" }); // true
+ * hasTextStyles({ padding: 10, fontSize: 14 }); // true
+ * ```
+ */
+export declare function hasTextStyles(style?: Styles): boolean;
+/**
+ * Extracts non-text styles (View styles) from a combined style object.
+ * Complement to composeText - returns everything except text styles.
+ *
+ * @param style - The combined style object to extract from
+ * @returns A new object containing only non-TextStyle properties
+ *
+ * @example
+ * ```ts
+ * const combinedStyles = {
+ *   backgroundColor: "#fff",
+ *   padding: 16,
+ *   color: "#000",
+ *   fontSize: 14,
+ * };
+ *
+ * const viewStyles = composeView(combinedStyles);
+ * // Result: { backgroundColor: "#fff", padding: 16 }
+ * ```
+ */
+export declare function composeView(style?: Styles): Styles;

package/dist/utils/compose-text.js

@@ -1,7 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.composeText = composeText;
-const textStyleKeys = [
+exports.hasTextStyles = hasTextStyles;
+exports.composeView = composeView;
+/**
+ * Complete list of React Native TextStyle property keys.
+ * Used to filter text-specific styles from combined style objects.
+ */
+const textStyleKeys = new Set([
     "color",
     "fontSize",
     "fontWeight",
@@ -20,10 +26,104 @@ const textStyleKeys = [
     "textShadowColor",
     "textShadowOffset",
     "textShadowRadius",
-];
+    "fontVariant",
+    "userSelect",
+]);
+/**
+ * Extracts text-specific styles from a combined style object.
+ * Useful when you need to apply text styles to a Text component
+ * from a style object that may contain View styles.
+ *
+ * @param style - The combined style object to extract from
+ * @returns A new object containing only TextStyle properties
+ *
+ * @example
+ * ```ts
+ * const combinedStyles = {
+ *   backgroundColor: "#fff",
+ *   padding: 16,
+ *   color: "#000",
+ *   fontSize: 14,
+ *   fontWeight: "600",
+ * };
+ *
+ * const textStyles = composeText(combinedStyles);
+ * // Result: { color: "#000", fontSize: 14, fontWeight: "600" }
+ *
+ * // Usage in components
+ * <View style={combinedStyles}>
+ *   <Text style={composeText(combinedStyles)}>Hello</Text>
+ * </View>
+ * ```
+ */
 function composeText(style) {
     if (!style)
         return {};
-    return Object.fromEntries(Object.entries(style).filter(([key]) => textStyleKeys.includes(key)));
+    const result = {};
+    const keys = Object.keys(style);
+    for (let i = 0; i < keys.length; i++) {
+        const key = keys[i];
+        if (textStyleKeys.has(key)) {
+            result[key] = style[key];
+        }
+    }
+    return result;
+}
+/**
+ * Checks if a style object contains any text-specific styles.
+ *
+ * @param style - The style object to check
+ * @returns True if the style contains at least one text style property
+ *
+ * @example
+ * ```ts
+ * hasTextStyles({ padding: 10 }); // false
+ * hasTextStyles({ color: "red" }); // true
+ * hasTextStyles({ padding: 10, fontSize: 14 }); // true
+ * ```
+ */
+function hasTextStyles(style) {
+    if (!style)
+        return false;
+    const keys = Object.keys(style);
+    for (let i = 0; i < keys.length; i++) {
+        if (textStyleKeys.has(keys[i])) {
+            return true;
+        }
+    }
+    return false;
+}
+/**
+ * Extracts non-text styles (View styles) from a combined style object.
+ * Complement to composeText - returns everything except text styles.
+ *
+ * @param style - The combined style object to extract from
+ * @returns A new object containing only non-TextStyle properties
+ *
+ * @example
+ * ```ts
+ * const combinedStyles = {
+ *   backgroundColor: "#fff",
+ *   padding: 16,
+ *   color: "#000",
+ *   fontSize: 14,
+ * };
+ *
+ * const viewStyles = composeView(combinedStyles);
+ * // Result: { backgroundColor: "#fff", padding: 16 }
+ * ```
+ */
+function composeView(style) {
+    if (!style)
+        return {};
+    const result = {};
+    const keys = Object.keys(style);
+    for (let i = 0; i < keys.length; i++) {
+        const key = keys[i];
+        if (!textStyleKeys.has(key)) {
+            result[key] = style[key];
+        }
+    }
+    return result;
 }
 //# sourceMappingURL=compose-text.js.map

package/dist/utils/compose-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"compose-text.js","sourceRoot":"","sources":["../../src/utils/compose-text.ts"],"names":[],"mappings":";;AAwBA,kCAQC;AA7BD,MAAM,aAAa,GAAwB;IACzC,OAAO;IACP,UAAU;IACV,YAAY;IACZ,WAAW;IACX,WAAW;IACX,mBAAmB;IACnB,eAAe;IACf,YAAY;IACZ,oBAAoB;IACpB,qBAAqB;IACrB,qBAAqB;IACrB,YAAY;IACZ,oBAAoB;IACpB,eAAe;IACf,kBAAkB;IAClB,iBAAiB;IACjB,kBAAkB;IAClB,kBAAkB;CACnB,CAAC;AAEF,SAAgB,WAAW,CAAC,KAAc;IACxC,IAAI,CAAC,KAAK;QAAE,OAAO,EAAE,CAAC;IAEtB,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CACrC,aAAa,CAAC,QAAQ,CAAC,GAAsB,CAAC,CAC/C,CACF,CAAC;AACJ,CAAC"}
+{"version":3,"file":"compose-text.js","sourceRoot":"","sources":["../../src/utils/compose-text.ts"],"names":[],"mappings":";;AAyDA,kCAcC;AAeD,sCAWC;AAsBD,kCAcC;AAlID;;;GAGG;AACH,MAAM,aAAa,GAAiC,IAAI,GAAG,CAAC;IAC1D,OAAO;IACP,UAAU;IACV,YAAY;IACZ,WAAW;IACX,WAAW;IACX,mBAAmB;IACnB,eAAe;IACf,YAAY;IACZ,oBAAoB;IACpB,qBAAqB;IACrB,qBAAqB;IACrB,YAAY;IACZ,oBAAoB;IACpB,eAAe;IACf,kBAAkB;IAClB,iBAAiB;IACjB,kBAAkB;IAClB,kBAAkB;IAClB,aAAa;IACb,YAAY;CACb,CAAC,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,SAAgB,WAAW,CAAC,KAAc;IACxC,IAAI,CAAC,KAAK;QAAE,OAAO,EAAE,CAAC;IAEtB,MAAM,MAAM,GAAuB,EAAE,CAAC;IACtC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAqB,CAAC;IAEpD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACrC,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QACpB,IAAI,aAAa,CAAC,GAAG,CAAC,GAAsB,CAAC,EAAE,CAAC;YAC7C,MAAkC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;QACxD,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;;;;;;;;;;;GAYG;AACH,SAAgB,aAAa,CAAC,KAAc;IAC1C,IAAI,CAAC,KAAK;QAAE,OAAO,KAAK,CAAC;IAEzB,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAChC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACrC,IAAI,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAoB,CAAC,EAAE,CAAC;YAClD,OAAO,IAAI,CAAC;QACd,CAAC;IACH,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAgB,WAAW,CAAC,KAAc;IACxC,IAAI,CAAC,KAAK;QAAE,OAAO,EAAE,CAAC;IAEtB,MAAM,MAAM,GAAW,EAAE,CAAC;IAC1B,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAqB,CAAC;IAEpD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACrC,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QACpB,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,GAAsB,CAAC,EAAE,CAAC;YAC9C,MAAkC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;QACxD,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-variants",
-  "version": "0.1.63",
+  "version": "0.1.69",
   "description": "A library for handling variants in React Native components with theme support.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/utils/compose-refs.d.ts

@@ -1,4 +0,0 @@
-import { RefCallback, type Ref } from "react";
-type PossibleRef<T> = Ref<T> | undefined;
-export declare function composeRefs<T>(...refs: PossibleRef<T>[]): RefCallback<T>;
-export {};

package/dist/utils/compose-refs.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.composeRefs = composeRefs;
-function setRef(ref, value) {
-    if (typeof ref === "function") {
-        return ref(value);
-    }
-    else if (ref !== null && ref !== undefined) {
-        //@ts-expect-error
-        ref.current = value;
-    }
-}
-function composeRefs(...refs) {
-    return (node) => {
-        let hasCleanup = false;
-        const cleanups = refs.map((ref) => {
-            const cleanup = setRef(ref, node);
-            if (!hasCleanup && typeof cleanup == "function") {
-                hasCleanup = true;
-            }
-            return cleanup;
-        });
-        if (hasCleanup) {
-            return () => {
-                for (let i = 0; i < cleanups.length; i++) {
-                    const cleanup = cleanups[i];
-                    if (typeof cleanup == "function") {
-                        //@ts-expect-error
-                        cleanup();
-                    }
-                    else {
-                        setRef(refs[i], null);
-                    }
-                }
-            };
-        }
-    };
-}
-//# sourceMappingURL=compose-refs.js.map

package/dist/utils/compose-refs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"compose-refs.js","sourceRoot":"","sources":["../../src/utils/compose-refs.ts"],"names":[],"mappings":";;AAaA,kCA2BC;AApCD,SAAS,MAAM,CAAI,GAAmB,EAAE,KAAQ;IAC9C,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;QAC9B,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC;SAAM,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;QAC7C,kBAAkB;QAClB,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IACtB,CAAC;AACH,CAAC;AAED,SAAgB,WAAW,CACzB,GAAG,IAAsB;IAEzB,OAAO,CAAC,IAAI,EAAE,EAAE;QACd,IAAI,UAAU,GAAG,KAAK,CAAC;QACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YAChC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;YAClC,IAAI,CAAC,UAAU,IAAI,OAAO,OAAO,IAAI,UAAU,EAAE,CAAC;gBAChD,UAAU,GAAG,IAAI,CAAC;YACpB,CAAC;YACD,OAAO,OAAO,CAAC;QACjB,CAAC,CAAC,CAAC;QAEH,IAAI,UAAU,EAAE,CAAC;YACf,OAAO,GAAG,EAAE;gBACV,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;oBACzC,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;oBAC5B,IAAI,OAAO,OAAO,IAAI,UAAU,EAAE,CAAC;wBACjC,kBAAkB;wBAClB,OAAO,EAAE,CAAC;oBACZ,CAAC;yBAAM,CAAC;wBACN,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;oBACxB,CAAC;gBACH,CAAC;YACH,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;AACJ,CAAC"}