@nori-ui/core 1.5.0 → 1.7.0

package/dist/chunk-VP7DRJUZ.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-VP7DRJUZ.js.map
+//# sourceMappingURL=chunk-VP7DRJUZ.js.map

package/dist/chunk-VP7DRJUZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-VP7DRJUZ.js"}

package/dist/chunk-XQNVWHMN.js

@@ -0,0 +1,60 @@
+import { px } from './chunk-5A2QOOVN.js';
+import { useThemeColors } from './chunk-R5JMDDCB.js';
+import { cn } from './chunk-CHXHRJNZ.js';
+import { __name } from './chunk-WCQVDF3K.js';
+import { View, Text } from 'react-native';
+import { jsxs, jsx } from 'nativewind/jsx-runtime';
+
+var Empty = /* @__PURE__ */ __name(({ icon, title, description, action, className, testID }) => {
+  const colors = useThemeColors();
+  const containerStyle = {
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: px(colors.spacing["3"]),
+    paddingVertical: px(colors.spacing["8"]),
+    paddingHorizontal: px(colors.spacing["4"])
+  };
+  return /* @__PURE__ */ jsxs(
+    View,
+    {
+      ...testID !== void 0 ? { testID } : {},
+      className: cn("flex-col items-center justify-center gap-3 py-8 px-4", className),
+      style: containerStyle,
+      children: [
+        icon != null ? /* @__PURE__ */ jsx(View, { style: { marginBottom: px(colors.spacing["1"]) }, children: icon }) : null,
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            style: {
+              color: colors.semantic.text.default,
+              fontFamily: colors.fontFamily.body,
+              fontSize: px(colors.fontSize.md),
+              fontWeight: colors.fontWeight.semibold,
+              textAlign: "center"
+            },
+            children: title
+          }
+        ),
+        description != null ? /* @__PURE__ */ jsx(
+          Text,
+          {
+            style: {
+              color: colors.semantic.text.muted,
+              fontFamily: colors.fontFamily.body,
+              fontSize: px(colors.fontSize.sm),
+              lineHeight: px(colors.fontSize.sm) * Number(colors.lineHeight.normal),
+              textAlign: "center"
+            },
+            children: description
+          }
+        ) : null,
+        action != null ? /* @__PURE__ */ jsx(View, { style: { marginTop: px(colors.spacing["1"]) }, children: action }) : null
+      ]
+    }
+  );
+}, "Empty");
+
+export { Empty };
+//# sourceMappingURL=chunk-XQNVWHMN.js.map
+//# sourceMappingURL=chunk-XQNVWHMN.js.map

package/dist/chunk-XQNVWHMN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Empty/Empty.tsx"],"names":["RNText"],"mappings":";;;;;;;AAoCO,IAAM,KAAA,2BAAS,EAAE,IAAA,EAAM,OAAO,WAAA,EAAa,MAAA,EAAQ,SAAA,EAAW,MAAA,EAAO,KAAkB;AAC1F,EAAA,MAAM,SAAS,cAAA,EAAe;AAE9B,EAAA,MAAM,cAAA,GAA4B;AAAA,IAC9B,aAAA,EAAe,QAAA;AAAA,IACf,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,GAAA,EAAK,EAAA,CAAG,MAAA,CAAO,OAAA,CAAQ,GAAG,CAAC,CAAA;AAAA,IAC3B,eAAA,EAAiB,EAAA,CAAG,MAAA,CAAO,OAAA,CAAQ,GAAG,CAAC,CAAA;AAAA,IACvC,iBAAA,EAAmB,EAAA,CAAG,MAAA,CAAO,OAAA,CAAQ,GAAG,CAAC;AAAA,GAC7C;AAEA,EAAA,uBACI,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACI,GAAI,MAAA,KAAW,MAAA,GAAY,EAAE,MAAA,KAAW,EAAC;AAAA,MAC1C,SAAA,EAAW,EAAA,CAAG,sDAAA,EAAwD,SAAS,CAAA;AAAA,MAC/E,KAAA,EAAO,cAAA;AAAA,MAEN,QAAA,EAAA;AAAA,QAAA,IAAA,IAAQ,IAAA,mBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAO,EAAE,YAAA,EAAc,EAAA,CAAG,MAAA,CAAO,OAAA,CAAQ,GAAG,CAAC,CAAA,EAAE,EAAI,gBAAK,CAAA,GAAU,IAAA;AAAA,wBAExF,GAAA;AAAA,UAACA,IAAA;AAAA,UAAA;AAAA,YACG,KAAA,EAAO;AAAA,cACH,KAAA,EAAO,MAAA,CAAO,QAAA,CAAS,IAAA,CAAK,OAAA;AAAA,cAC5B,UAAA,EAAY,OAAO,UAAA,CAAW,IAAA;AAAA,cAC9B,QAAA,EAAU,EAAA,CAAG,MAAA,CAAO,QAAA,CAAS,EAAE,CAAA;AAAA,cAC/B,UAAA,EAAY,OAAO,UAAA,CAAW,QAAA;AAAA,cAC9B,SAAA,EAAW;AAAA,aACf;AAAA,YAEC,QAAA,EAAA;AAAA;AAAA,SACL;AAAA,QAEC,eAAe,IAAA,mBACZ,GAAA;AAAA,UAACA,IAAA;AAAA,UAAA;AAAA,YACG,KAAA,EAAO;AAAA,cACH,KAAA,EAAO,MAAA,CAAO,QAAA,CAAS,IAAA,CAAK,KAAA;AAAA,cAC5B,UAAA,EAAY,OAAO,UAAA,CAAW,IAAA;AAAA,cAC9B,QAAA,EAAU,EAAA,CAAG,MAAA,CAAO,QAAA,CAAS,EAAE,CAAA;AAAA,cAC/B,UAAA,EAAY,GAAG,MAAA,CAAO,QAAA,CAAS,EAAE,CAAA,GAAI,MAAA,CAAO,MAAA,CAAO,UAAA,CAAW,MAAM,CAAA;AAAA,cACpE,SAAA,EAAW;AAAA,aACf;AAAA,YAEC,QAAA,EAAA;AAAA;AAAA,SACL,GACA,IAAA;AAAA,QAEH,MAAA,IAAU,IAAA,mBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,OAAO,EAAE,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,QAAQ,GAAG,CAAC,CAAA,EAAE,EAAI,kBAAO,CAAA,GAAU;AAAA;AAAA;AAAA,GAC7F;AAER,CAAA,EAjDqB,OAAA","file":"chunk-XQNVWHMN.js","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport type { ViewStyle } from 'react-native';\nimport { Text as RNText, View } from 'react-native';\nimport { px } from '../../theme/px';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\nexport type EmptyProps = {\n    /** Optional icon or illustration rendered above the title. */\n    icon?: ReactNode;\n    /** Required heading text. */\n    title: string;\n    /** Optional secondary description below the title. */\n    description?: string;\n    /** Optional action slot — typically a `<Button>`. */\n    action?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n/**\n * Empty-state container for zero-results views, onboarding prompts, and error\n * placeholders. Renders a centered column: optional icon → title → optional\n * description → optional action.\n *\n * ```tsx\n * <Empty\n *   icon={<MyIcon size={48} />}\n *   title=\"No results found\"\n *   description=\"Try adjusting your search or filters.\"\n *   action={<Button onPress={onReset}>Clear filters</Button>}\n * />\n * ```\n */\nexport const Empty = ({ icon, title, description, action, className, testID }: EmptyProps) => {\n    const colors = useThemeColors();\n\n    const containerStyle: ViewStyle = {\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n        gap: px(colors.spacing['3']),\n        paddingVertical: px(colors.spacing['8']),\n        paddingHorizontal: px(colors.spacing['4']),\n    };\n\n    return (\n        <View\n            {...(testID !== undefined ? { testID } : {})}\n            className={cn('flex-col items-center justify-center gap-3 py-8 px-4', className)}\n            style={containerStyle}\n        >\n            {icon != null ? <View style={{ marginBottom: px(colors.spacing['1']) }}>{icon}</View> : null}\n\n            <RNText\n                style={{\n                    color: colors.semantic.text.default,\n                    fontFamily: colors.fontFamily.body,\n                    fontSize: px(colors.fontSize.md),\n                    fontWeight: colors.fontWeight.semibold as '600',\n                    textAlign: 'center',\n                }}\n            >\n                {title}\n            </RNText>\n\n            {description != null ? (\n                <RNText\n                    style={{\n                        color: colors.semantic.text.muted,\n                        fontFamily: colors.fontFamily.body,\n                        fontSize: px(colors.fontSize.sm),\n                        lineHeight: px(colors.fontSize.sm) * Number(colors.lineHeight.normal),\n                        textAlign: 'center',\n                    }}\n                >\n                    {description}\n                </RNText>\n            ) : null}\n\n            {action != null ? <View style={{ marginTop: px(colors.spacing['1']) }}>{action}</View> : null}\n        </View>\n    );\n};\n"]}

package/dist/{chunk-W3HMOOON.js → chunk-ZGFXKYA5.js}

@@ -1,6 +1,6 @@
-import { cn } from './chunk-CHXHRJNZ.js';
 import { px } from './chunk-5A2QOOVN.js';
 import { useThemeColors } from './chunk-R5JMDDCB.js';
+import { cn } from './chunk-CHXHRJNZ.js';
 import { __name } from './chunk-WCQVDF3K.js';
 import { Text as Text$1 } from 'react-native';
 import { jsx } from 'nativewind/jsx-runtime';
@@ -72,5 +72,5 @@ var Text = /* @__PURE__ */ __name(({ variant = "body-md", className, testID, chi
 }, "Text");
 
 export { Text };
-//# sourceMappingURL=chunk-W3HMOOON.js.map
-//# sourceMappingURL=chunk-W3HMOOON.js.map
+//# sourceMappingURL=chunk-ZGFXKYA5.js.map
+//# sourceMappingURL=chunk-ZGFXKYA5.js.map

package/dist/{chunk-W3HMOOON.js.map → chunk-ZGFXKYA5.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Text/Text.tsx"],"names":["RNText"],"mappings":";;;;;;;AAgBA,IAAM,eAAA,GAA+C;AAAA,EACjD,SAAA,EAAW,wBAAA;AAAA,EACX,SAAA,EAAW,wBAAA;AAAA,EACX,SAAA,EAAW,wBAAA;AAAA,EACX,SAAA,EAAW,yBAAA;AAAA,EACX,WAAA,EAAa,kCAAA;AAAA,EACb,WAAA,EAAa,sCAAA;AAAA,EACb,WAAA,EAAa;AACjB,CAAA;AAEA,IAAM,mCAA+C,IAAI,GAAA,CAAI,CAAC,WAAA,EAAa,WAAA,EAAa,WAAW,CAAC,CAAA;AAUpG,IAAM,YAAA,GAAiD;AAAA,EACnD,WAAW,EAAE,QAAA,EAAU,MAAM,UAAA,EAAY,SAAA,EAAW,YAAY,QAAA,EAAS;AAAA,EACzE,WAAW,EAAE,QAAA,EAAU,MAAM,UAAA,EAAY,SAAA,EAAW,YAAY,QAAA,EAAS;AAAA,EACzE,WAAW,EAAE,QAAA,EAAU,MAAM,UAAA,EAAY,SAAA,EAAW,YAAY,QAAA,EAAS;AAAA,EACzE,WAAW,EAAE,QAAA,EAAU,MAAM,UAAA,EAAY,SAAA,EAAW,YAAY,SAAA,EAAU;AAAA,EAC1E,aAAa,EAAE,QAAA,EAAU,OAAO,UAAA,EAAY,MAAA,EAAQ,YAAY,OAAA,EAAQ;AAAA,EACxE,WAAA,EAAa;AAAA,IACT,QAAA,EAAU,KAAA;AAAA,IACV,UAAA,EAAY,UAAA;AAAA,IACZ,UAAA,EAAY;AAAA,GAChB;AAAA,EACA,WAAA,EAAa;AAAA,IACT,QAAA,EAAU,KAAA;AAAA,IACV,UAAA,EAAY,UAAA;AAAA,IACZ,UAAA,EAAY;AAAA;AAEpB,CAAA;AAcO,IAAM,IAAA,mBAAO,MAAA,CAAA,CAAC,EAAE,OAAA,GAAU,SAAA,EAAW,WAAW,MAAA,EAAQ,QAAA,EAAU,GAAG,IAAA,EAAK,KAAiB;AAC9F,EAAA,MAAM,SAAS,cAAA,EAAe;AAC9B,EAAA,MAAM,SAAA,GAAY,gBAAA,CAAiB,GAAA,CAAI,OAAO,CAAA;AAC9C,EAAA,MAAM,IAAA,GAAO,SAAA,GAAY,QAAA,GAAW,IAAA,CAAK,iBAAA;AAEzC,EAAA,MAAM,IAAA,GAAO,aAAa,OAAO,CAAA;AACjC,EAAA,MAAM,SAAS,EAAA,CAAG,MAAA,CAAO,QAAA,CAAS,IAAA,CAAK,QAAQ,CAAC,CAAA;AAChD,EAAA,MAAM,eAAe,MAAA,CAAO,MAAA,CAAO,UAAA,CAAW,IAAA,CAAK,UAAU,CAAC,CAAA;AAC9D,EAAA,MAAM,WAAA,GAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQ3B,KAAA,EAAO,MAAA,CAAO,QAAA,CAAS,IAAA,CAAK,OAAA;AAAA,IAC5B,YAAY,SAAA,GAAY,MAAA,CAAO,UAAA,CAAW,OAAA,GAAU,OAAO,UAAA,CAAW,IAAA;AAAA,IACtE,QAAA,EAAU,MAAA;AAAA;AAAA;AAAA,IAGV,YAAY,MAAA,GAAS,YAAA;AAAA;AAAA;AAAA,IAGrB,UAAA,EAAY,MAAA,CAAO,UAAA,CAAW,IAAA,CAAK,UAAU;AAAA,GACjD;AAIA,EAAA,MAAM,YAAa,IAAA,CAA6C,KAAA;AAEhE,EAAA,uBACI,GAAA;AAAA,IAACA,MAAA;AAAA,IAAA;AAAA,MACG,MAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACH,GAAI,IAAA,KAAS,MAAA,GAAY,EAAE,iBAAA,EAAmB,IAAA,KAAS,EAAC;AAAA,MACzD,SAAA,EAAW,EAAA,CAAG,eAAA,CAAgB,OAAO,GAAG,SAAS,CAAA;AAAA,MACjD,KAAA,EAAO,CAAC,WAAA,EAAa,SAAS,CAAA;AAAA,MAE7B;AAAA;AAAA,GACL;AAER,CAAA,EA1CoB,MAAA","file":"chunk-W3HMOOON.js","sourcesContent":["'use client';\n\nimport type { TextProps as RNTextProps, TextStyle } from 'react-native';\nimport { Text as RNText } from 'react-native';\nimport { px } from '../../theme/px';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\nexport type TextVariant = 'body-xs' | 'body-sm' | 'body-md' | 'body-lg' | 'heading-1' | 'heading-2' | 'heading-3';\n\nexport type TextProps = RNTextProps & {\n    variant?: TextVariant;\n    className?: string;\n    testID?: string;\n};\n\nconst VARIANT_CLASSES: Record<TextVariant, string> = {\n    'body-xs': 'text-xs leading-normal',\n    'body-sm': 'text-sm leading-normal',\n    'body-md': 'text-md leading-normal',\n    'body-lg': 'text-lg leading-relaxed',\n    'heading-1': 'text-4xl leading-tight font-bold',\n    'heading-2': 'text-3xl leading-tight font-semibold',\n    'heading-3': 'text-2xl leading-tight font-semibold',\n};\n\nconst HEADING_VARIANTS: Readonly<Set<TextVariant>> = new Set(['heading-1', 'heading-2', 'heading-3']);\n\n// Per-variant resolution from the active theme. Keys here name the\n// fontSize / fontWeight / lineHeight tokens the variant pulls from. The\n// fontFamily is picked separately (display for headings, body otherwise).\ntype VariantKeys = {\n    fontSize: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';\n    fontWeight: 'regular' | 'medium' | 'semibold' | 'bold';\n    lineHeight: 'tight' | 'normal' | 'relaxed';\n};\nconst VARIANT_KEYS: Record<TextVariant, VariantKeys> = {\n    'body-xs': { fontSize: 'xs', fontWeight: 'regular', lineHeight: 'normal' },\n    'body-sm': { fontSize: 'sm', fontWeight: 'regular', lineHeight: 'normal' },\n    'body-md': { fontSize: 'md', fontWeight: 'regular', lineHeight: 'normal' },\n    'body-lg': { fontSize: 'lg', fontWeight: 'regular', lineHeight: 'relaxed' },\n    'heading-1': { fontSize: '4xl', fontWeight: 'bold', lineHeight: 'tight' },\n    'heading-2': {\n        fontSize: '3xl',\n        fontWeight: 'semibold',\n        lineHeight: 'tight',\n    },\n    'heading-3': {\n        fontSize: '2xl',\n        fontWeight: 'semibold',\n        lineHeight: 'tight',\n    },\n};\n\n/**\n * Typography primitive. Renders a react-native <Text>; on web via RN-Web\n * it becomes a <div role=\"...\"> with the appropriate className.\n *\n * Inline style is sourced from the active `<NoriProvider theme={...}>`:\n * font family (display for headings, body for body variants), fontSize,\n * fontWeight, lineHeight all flow through. Override the whole variant by\n * passing a custom theme; override a single instance by passing `style`.\n *\n * The `className` path keeps the Tailwind dark-mode color flip — inline\n * style provides the typographic substance, className provides the color.\n */\nexport const Text = ({ variant = 'body-md', className, testID, children, ...rest }: TextProps) => {\n    const colors = useThemeColors();\n    const isHeading = HEADING_VARIANTS.has(variant);\n    const role = isHeading ? 'header' : rest.accessibilityRole;\n\n    const keys = VARIANT_KEYS[variant];\n    const sizePx = px(colors.fontSize[keys.fontSize]);\n    const lhMultiplier = Number(colors.lineHeight[keys.lineHeight]);\n    const themedStyle: TextStyle = {\n        // Inline color is the ONLY color source. The Tailwind preset uses\n        // `darkMode: ['class', '[data-theme=\"dark\"]']` — that requires a\n        // DOM, so on native the `dark:` variant never fires and a\n        // className-only color path would always emit the LIGHT variant\n        // (near-black), invisible on a dark surface. Sourcing color from\n        // `useThemeColors()` means it follows the OS scheme AND honors a\n        // forced `colorScheme` override on the provider.\n        color: colors.semantic.text.default,\n        fontFamily: isHeading ? colors.fontFamily.display : colors.fontFamily.body,\n        fontSize: sizePx,\n        // RN expects lineHeight in px, not unitless. Tokens carry it as a\n        // ratio (1.2 / 1.4 / 1.6) — multiply against the variant fontSize.\n        lineHeight: sizePx * lhMultiplier,\n        // The fontWeight token returns string literals like \"500\" / \"700\"\n        // which match RN's TextStyle.fontWeight enum.\n        fontWeight: colors.fontWeight[keys.fontWeight] as TextStyle['fontWeight'],\n    };\n\n    // Caller-provided style wins (last in the array). The themed style is\n    // the source of truth, the user's `style` prop the override.\n    const styleProp = (rest as { style?: TextStyle | TextStyle[] }).style;\n\n    return (\n        <RNText\n            testID={testID}\n            {...rest}\n            {...(role !== undefined ? { accessibilityRole: role } : {})}\n            className={cn(VARIANT_CLASSES[variant], className)}\n            style={[themedStyle, styleProp]}\n        >\n            {children}\n        </RNText>\n    );\n};\n"]}
+{"version":3,"sources":["../src/components/Text/Text.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-ZGFXKYA5.js","sourcesContent":["'use client';\n\nimport type { TextProps as RNTextProps, TextStyle } from 'react-native';\nimport { Text as RNText } from 'react-native';\nimport { px } from '../../theme/px';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\nexport type TextVariant = 'body-xs' | 'body-sm' | 'body-md' | 'body-lg' | 'heading-1' | 'heading-2' | 'heading-3';\n\nexport type TextProps = RNTextProps & {\n    variant?: TextVariant;\n    className?: string;\n    testID?: string;\n};\n\nconst VARIANT_CLASSES: Record<TextVariant, string> = {\n    'body-xs': 'text-xs leading-normal',\n    'body-sm': 'text-sm leading-normal',\n    'body-md': 'text-md leading-normal',\n    'body-lg': 'text-lg leading-relaxed',\n    'heading-1': 'text-4xl leading-tight font-bold',\n    'heading-2': 'text-3xl leading-tight font-semibold',\n    'heading-3': 'text-2xl leading-tight font-semibold',\n};\n\nconst HEADING_VARIANTS: Readonly<Set<TextVariant>> = new Set(['heading-1', 'heading-2', 'heading-3']);\n\n// Per-variant resolution from the active theme. Keys here name the\n// fontSize / fontWeight / lineHeight tokens the variant pulls from. The\n// fontFamily is picked separately (display for headings, body otherwise).\ntype VariantKeys = {\n    fontSize: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';\n    fontWeight: 'regular' | 'medium' | 'semibold' | 'bold';\n    lineHeight: 'tight' | 'normal' | 'relaxed';\n};\nconst VARIANT_KEYS: Record<TextVariant, VariantKeys> = {\n    'body-xs': { fontSize: 'xs', fontWeight: 'regular', lineHeight: 'normal' },\n    'body-sm': { fontSize: 'sm', fontWeight: 'regular', lineHeight: 'normal' },\n    'body-md': { fontSize: 'md', fontWeight: 'regular', lineHeight: 'normal' },\n    'body-lg': { fontSize: 'lg', fontWeight: 'regular', lineHeight: 'relaxed' },\n    'heading-1': { fontSize: '4xl', fontWeight: 'bold', lineHeight: 'tight' },\n    'heading-2': {\n        fontSize: '3xl',\n        fontWeight: 'semibold',\n        lineHeight: 'tight',\n    },\n    'heading-3': {\n        fontSize: '2xl',\n        fontWeight: 'semibold',\n        lineHeight: 'tight',\n    },\n};\n\n/**\n * Typography primitive. Renders a react-native <Text>; on web via RN-Web\n * it becomes a <div role=\"...\"> with the appropriate className.\n *\n * Inline style is sourced from the active `<NoriProvider theme={...}>`:\n * font family (display for headings, body for body variants), fontSize,\n * fontWeight, lineHeight all flow through. Override the whole variant by\n * passing a custom theme; override a single instance by passing `style`.\n *\n * The `className` path keeps the Tailwind dark-mode color flip — inline\n * style provides the typographic substance, className provides the color.\n */\nexport const Text = ({ variant = 'body-md', className, testID, children, ...rest }: TextProps) => {\n    const colors = useThemeColors();\n    const isHeading = HEADING_VARIANTS.has(variant);\n    const role = isHeading ? 'header' : rest.accessibilityRole;\n\n    const keys = VARIANT_KEYS[variant];\n    const sizePx = px(colors.fontSize[keys.fontSize]);\n    const lhMultiplier = Number(colors.lineHeight[keys.lineHeight]);\n    const themedStyle: TextStyle = {\n        // Inline color is the ONLY color source. The Tailwind preset uses\n        // `darkMode: ['class', '[data-theme=\"dark\"]']` — that requires a\n        // DOM, so on native the `dark:` variant never fires and a\n        // className-only color path would always emit the LIGHT variant\n        // (near-black), invisible on a dark surface. Sourcing color from\n        // `useThemeColors()` means it follows the OS scheme AND honors a\n        // forced `colorScheme` override on the provider.\n        color: colors.semantic.text.default,\n        fontFamily: isHeading ? colors.fontFamily.display : colors.fontFamily.body,\n        fontSize: sizePx,\n        // RN expects lineHeight in px, not unitless. Tokens carry it as a\n        // ratio (1.2 / 1.4 / 1.6) — multiply against the variant fontSize.\n        lineHeight: sizePx * lhMultiplier,\n        // The fontWeight token returns string literals like \"500\" / \"700\"\n        // which match RN's TextStyle.fontWeight enum.\n        fontWeight: colors.fontWeight[keys.fontWeight] as TextStyle['fontWeight'],\n    };\n\n    // Caller-provided style wins (last in the array). The themed style is\n    // the source of truth, the user's `style` prop the override.\n    const styleProp = (rest as { style?: TextStyle | TextStyle[] }).style;\n\n    return (\n        <RNText\n            testID={testID}\n            {...rest}\n            {...(role !== undefined ? { accessibilityRole: role } : {})}\n            className={cn(VARIANT_CLASSES[variant], className)}\n            style={[themedStyle, styleProp]}\n        >\n            {children}\n        </RNText>\n    );\n};\n"]}