@nori-ui/core 0.0.5 → 1.0.2

package/dist/components/Text/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/theme/px.ts","../../../../tokens/build/theme.ts","../../../src/theme/context.tsx","../../../src/theme/use-color-scheme.tsx","../../../src/theme/use-theme-colors.ts","../../../src/utils/cn.ts","../../../src/components/Text/Text.tsx"],"names":["createContext","Platform","useContext","useState","Appearance","useEffect","jsx","RNText"],"mappings":"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","file":"index.cjs","sourcesContent":["/**\n * Strip the `px` suffix from a CSS-flavored token value and return a\n * number, the form React Native style props expect for properties like\n * `borderRadius`, `paddingHorizontal`, `fontSize`, etc.\n *\n * The tokens package emits all dimensional tokens as `${number}px`\n * strings (it's the lingua franca for both CSS and Style Dictionary\n * consumers); inside RN we need the unitless number. RN-Web tolerates\n * both, but native is strict.\n *\n * Falls through unchanged for tokens that already came in as numbers\n * (forward-compat).\n *\n * Examples:\n *   px('6px')   → 6\n *   px('1.5px') → 1.5\n *   px(6)       → 6\n *   px('foo')   → 0   (defensive — bad input shouldn't crash render)\n */\nexport function px(value: string | number): number {\n    if (typeof value === 'number') {\n        return value;\n    }\n    const n = Number.parseFloat(value);\n    return Number.isFinite(n) ? n : 0;\n}\n","// GENERATED by @nori-ui/tokens — DO NOT EDIT.\n// Run `yarn build:tokens` to regenerate.\n\n// Generated for light mode.\n// Do not edit — run `yarn build:tokens`.\n\nexport const theme = {\n    color: {\n        danger: \"#ef4444\",\n        info: \"#3b82f6\",\n        neutral: {\n            \"100\": \"#f4f4f5\",\n            \"200\": \"#e4e4e7\",\n            \"300\": \"#d4d4d8\",\n            \"400\": \"#a1a1aa\",\n            \"50\": \"#fafafa\",\n            \"500\": \"#71717a\",\n            \"600\": \"#52525b\",\n            \"700\": \"#3f3f46\",\n            \"800\": \"#27272a\",\n            \"900\": \"#18181b\",\n        },\n        primary: {\n            \"100\": \"#ccfbf1\",\n            \"200\": \"#99f6e4\",\n            \"300\": \"#5eead4\",\n            \"400\": \"#2dd4bf\",\n            \"50\": \"#f0fdfa\",\n            \"500\": \"#14b8a6\",\n            \"600\": \"#0d9488\",\n            \"700\": \"#0f766e\",\n            \"800\": \"#115e59\",\n            \"900\": \"#134e4a\",\n        },\n        success: \"#22c55e\",\n        warning: \"#f59e0b\",\n    },\n    fontFamily: {\n        body: \"system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif\",\n        display: \"ui-serif, Georgia, 'Times New Roman', serif\",\n        mono: \"ui-monospace, 'SF Mono', Menlo, Consolas, 'DejaVu Sans Mono', monospace\",\n    },\n    fontSize: {\n        \"2xl\": \"24px\",\n        \"3xl\": \"30px\",\n        \"4xl\": \"36px\",\n        lg: \"18px\",\n        md: \"16px\",\n        sm: \"14px\",\n        xl: \"20px\",\n        xs: \"12px\",\n    },\n    fontWeight: {\n        bold: \"700\",\n        medium: \"500\",\n        regular: \"400\",\n        semibold: \"600\",\n    },\n    lineHeight: {\n        normal: \"1.4\",\n        relaxed: \"1.6\",\n        tight: \"1.2\",\n    },\n    radius: {\n        \"2xl\": \"16px\",\n        full: \"9999px\",\n        lg: \"8px\",\n        md: \"6px\",\n        none: \"0px\",\n        sm: \"4px\",\n        xl: \"12px\",\n    },\n    semantic: {\n        background: {\n            default: \"#fafafa\",\n            elevated: \"#ffffff\",\n            subtle: \"#f4f4f5\",\n        },\n        border: {\n            default: \"#e4e4e7\",\n            strong: \"#d4d4d8\",\n        },\n        interactive: {\n            destructive: \"#ef4444\",\n            primary: \"#0d9488\",\n            primaryHover: \"#0f766e\",\n            primaryPressed: \"#115e59\",\n        },\n        text: {\n            default: \"#18181b\",\n            inverted: \"#fafafa\",\n            muted: \"#52525b\",\n        },\n    },\n    shadow: {\n        lg: \"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)\",\n        md: \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)\",\n        sm: \"0 1px 2px 0 rgba(0, 0, 0, 0.05)\",\n    },\n    spacing: {\n        \"0\": \"0px\",\n        \"1\": \"4px\",\n        \"10\": \"40px\",\n        \"12\": \"48px\",\n        \"16\": \"64px\",\n        \"2\": \"8px\",\n        \"20\": \"80px\",\n        \"24\": \"96px\",\n        \"3\": \"12px\",\n        \"4\": \"16px\",\n        \"5\": \"20px\",\n        \"6\": \"24px\",\n        \"8\": \"32px\",\n    },\n} as const;\n\nexport type Theme = typeof theme;\n\n\n// Dark mode overrides\n// Generated for dark mode.\n// Do not edit — run `yarn build:tokens`.\n\nexport const themeDark = {\n    color: {\n        danger: \"#ef4444\",\n        info: \"#3b82f6\",\n        neutral: {\n            \"100\": \"#f4f4f5\",\n            \"200\": \"#e4e4e7\",\n            \"300\": \"#d4d4d8\",\n            \"400\": \"#a1a1aa\",\n            \"50\": \"#fafafa\",\n            \"500\": \"#71717a\",\n            \"600\": \"#52525b\",\n            \"700\": \"#3f3f46\",\n            \"800\": \"#27272a\",\n            \"900\": \"#18181b\",\n        },\n        primary: {\n            \"100\": \"#ccfbf1\",\n            \"200\": \"#99f6e4\",\n            \"300\": \"#5eead4\",\n            \"400\": \"#2dd4bf\",\n            \"50\": \"#f0fdfa\",\n            \"500\": \"#14b8a6\",\n            \"600\": \"#0d9488\",\n            \"700\": \"#0f766e\",\n            \"800\": \"#115e59\",\n            \"900\": \"#134e4a\",\n        },\n        success: \"#22c55e\",\n        warning: \"#f59e0b\",\n    },\n    fontFamily: {\n        body: \"system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif\",\n        display: \"ui-serif, Georgia, 'Times New Roman', serif\",\n        mono: \"ui-monospace, 'SF Mono', Menlo, Consolas, 'DejaVu Sans Mono', monospace\",\n    },\n    fontSize: {\n        \"2xl\": \"24px\",\n        \"3xl\": \"30px\",\n        \"4xl\": \"36px\",\n        lg: \"18px\",\n        md: \"16px\",\n        sm: \"14px\",\n        xl: \"20px\",\n        xs: \"12px\",\n    },\n    fontWeight: {\n        bold: \"700\",\n        medium: \"500\",\n        regular: \"400\",\n        semibold: \"600\",\n    },\n    lineHeight: {\n        normal: \"1.4\",\n        relaxed: \"1.6\",\n        tight: \"1.2\",\n    },\n    radius: {\n        \"2xl\": \"16px\",\n        full: \"9999px\",\n        lg: \"8px\",\n        md: \"6px\",\n        none: \"0px\",\n        sm: \"4px\",\n        xl: \"12px\",\n    },\n    semantic: {\n        background: {\n            default: \"#18181b\",\n            elevated: \"#3f3f46\",\n            subtle: \"#27272a\",\n        },\n        border: {\n            default: \"#3f3f46\",\n            strong: \"#52525b\",\n        },\n        interactive: {\n            destructive: \"#ef4444\",\n            primary: \"#2dd4bf\",\n            primaryHover: \"#5eead4\",\n            primaryPressed: \"#99f6e4\",\n        },\n        text: {\n            default: \"#fafafa\",\n            inverted: \"#18181b\",\n            muted: \"#a1a1aa\",\n        },\n    },\n    shadow: {\n        lg: \"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)\",\n        md: \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)\",\n        sm: \"0 1px 2px 0 rgba(0, 0, 0, 0.05)\",\n    },\n    spacing: {\n        \"0\": \"0px\",\n        \"1\": \"4px\",\n        \"10\": \"40px\",\n        \"12\": \"48px\",\n        \"16\": \"64px\",\n        \"2\": \"8px\",\n        \"20\": \"80px\",\n        \"24\": \"96px\",\n        \"3\": \"12px\",\n        \"4\": \"16px\",\n        \"5\": \"20px\",\n        \"6\": \"24px\",\n        \"8\": \"32px\",\n    },\n} as const;\n\n","'use client';\n\nimport { themeDark as defaultDark, theme as defaultLight, type Theme } from '@nori-ui/tokens';\nimport type { ReactNode } from 'react';\nimport { createContext } from 'react';\n\n/**\n * A `NoriTheme` is a paired light/dark palette. The active half is picked\n * by `useColorScheme()` so the same theme object covers both schemes.\n *\n * Build one yourself by spreading the defaults and overriding the colors\n * you care about, or pick a preset from `@nori-ui/core/themes` (see the\n * Theming docs for examples).\n */\nexport type NoriTheme = {\n    light: Theme;\n    dark: Theme;\n};\n\n/**\n * Default Nori palette — teal primary on a warm-paper light surface, and\n * teal-400 primary on a deep-zinc dark surface. Mirrors the `theme` /\n * `themeDark` exports from @nori-ui/tokens.\n */\nexport const defaultTheme: NoriTheme = {\n    light: defaultLight,\n    dark: defaultDark as unknown as Theme,\n};\n\n// Context value is the FULL pair, not the active half. `useThemeColors`\n// (the hook components reach for) resolves it to the right one based on\n// the current color scheme. Storing the pair means a parent only has to\n// declare the theme once — switching scheme is a separate concern.\nexport const ThemeContext = createContext<NoriTheme>(defaultTheme);\nThemeContext.displayName = 'ThemeContext';\n\nexport type ThemeProviderProps = {\n    /**\n     * The theme to apply to descendants. Pass either:\n     *   - a full `NoriTheme` (`{ light, dark }`) — both schemes covered\n     *   - a single `Theme` — used for both light and dark (rare; mostly\n     *     useful when you ONLY ever render in one scheme)\n     *   - omit — falls back to the Nori default (teal palette)\n     */\n    theme?: NoriTheme | Theme;\n    children?: ReactNode;\n};\n\nconst isFullTheme = (t: NoriTheme | Theme): t is NoriTheme => 'light' in t && 'dark' in t;\n\nexport function ThemeProvider({ theme, children }: ThemeProviderProps) {\n    const value: NoriTheme =\n        theme === undefined ? defaultTheme : isFullTheme(theme) ? theme : { light: theme, dark: theme };\n    return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n}\n","'use client';\n\nimport { createContext, type ReactNode, useContext, useEffect, useState } from 'react';\nimport { Appearance, Platform } from 'react-native';\n\nexport type ColorScheme = 'light' | 'dark';\n\n// Override channel so a parent can force a scheme (e.g. an app shell with\n// hard-coded dark chrome that wants nested components to render against\n// the dark token half regardless of the OS Appearance). `null` means\n// \"no override — use the system signal\".\nconst ColorSchemeOverrideContext = createContext<ColorScheme | null>(null);\nColorSchemeOverrideContext.displayName = 'ColorSchemeOverrideContext';\n\nexport type ColorSchemeProviderProps = {\n    /** Force a specific scheme for descendants. */\n    value: ColorScheme;\n    children?: ReactNode;\n};\n\n/**\n * Forces a color scheme for all descendants. Useful when a screen's chrome\n * is hard-coded to one scheme (e.g. a forced-dark editorial surface) and\n * you want library components inside it to follow that, not the OS.\n */\nexport function ColorSchemeProvider({ value, children }: ColorSchemeProviderProps) {\n    return <ColorSchemeOverrideContext.Provider value={value}>{children}</ColorSchemeOverrideContext.Provider>;\n}\n\nconst isWeb = Platform.OS === 'web';\n\n// Web: a document is \"in dark mode\" when the root <html> element carries\n// the `dark` class (Tailwind / Fumadocs convention) OR a `data-theme=\"dark\"`\n// attribute (matches the `darkMode` selectors in our Tailwind preset).\n// We deliberately don't fall back to `prefers-color-scheme` — the app\n// usually owns that decision and writes it onto <html>; tracking the system\n// preference too would fight the app's chosen value.\nfunction readWebScheme(): ColorScheme {\n    if (typeof document === 'undefined') {\n        return 'light';\n    }\n    const root = document.documentElement;\n    if (root.classList.contains('dark')) {\n        return 'dark';\n    }\n    if (root.getAttribute('data-theme') === 'dark') {\n        return 'dark';\n    }\n    return 'light';\n}\n\n/**\n * Returns the current color scheme — `'light'` or `'dark'`.\n *\n * On web: observes the root `<html>` element's `class=\"dark\"` and\n * `data-theme=\"dark\"` attribute (the same signals our Tailwind preset\n * keys on). Updates live as those flip.\n *\n * On native: delegates to `react-native`'s `Appearance` API so the hook\n * tracks the OS preference without extra wiring.\n *\n * Components consume this indirectly via `useThemeColors()`; reach for\n * this directly when you need the raw scheme (e.g. to swap an icon).\n */\nexport function useColorScheme(): ColorScheme {\n    // A `<ColorSchemeProvider value=\"dark\">` ancestor (or NoriProvider's\n    // `colorScheme` prop, which mounts one) wins over the OS signal — the\n    // app shell knows which scheme its chrome is locked to.\n    const override = useContext(ColorSchemeOverrideContext);\n\n    const [scheme, setScheme] = useState<ColorScheme>(() => {\n        if (isWeb) {\n            return readWebScheme();\n        }\n        return (Appearance.getColorScheme() ?? 'light') as ColorScheme;\n    });\n\n    useEffect(() => {\n        if (isWeb) {\n            const root = document.documentElement;\n            const update = () => setScheme(readWebScheme());\n            const observer = new MutationObserver(update);\n            observer.observe(root, { attributes: true, attributeFilter: ['class', 'data-theme'] });\n            // Sync once after mount in case SSR shipped a different value.\n            update();\n            return () => observer.disconnect();\n        }\n\n        const sub = Appearance.addChangeListener(({ colorScheme }) => {\n            setScheme((colorScheme ?? 'light') as ColorScheme);\n        });\n        return () => sub.remove();\n    }, []);\n\n    return override ?? scheme;\n}\n","'use client';\n\nimport type { Theme } from '@nori-ui/tokens';\nimport { useContext } from 'react';\nimport { ThemeContext } from './context';\nimport { useColorScheme } from './use-color-scheme';\n\n/**\n * Returns the active token palette — `theme.light` in light mode,\n * `theme.dark` in dark mode. Resolves the theme via `ThemeContext` so\n * any ancestor `<ThemeProvider theme={...}>` flows through. With no\n * provider in the tree, the default Nori palette (teal) is used.\n *\n * Use this **inside a component** when you need a hex value for a React\n * Native `style` prop (`backgroundColor`, `borderColor`, etc.).\n *\n * Note: className-based styles (e.g. `bg-semantic-interactive-primary`)\n * compile against the @nori-ui/tokens palette at build time and don't\n * follow `<ThemeProvider>` overrides today. Inline styles via this hook\n * always do — and inline beats class on CSS specificity, so the visible\n * color you see is whatever the hook resolves to. CSS-variable theming\n * for the className path is a planned follow-up.\n */\nexport function useThemeColors(): Theme {\n    const scheme = useColorScheme();\n    const themePair = useContext(ThemeContext);\n    return scheme === 'dark' ? themePair.dark : themePair.light;\n}\n","// cn — class-name merger. clsx-compatible shape.\n//\n// Intentionally does NOT deduplicate Tailwind conflicts (e.g. \"text-sm text-lg\").\n// That's `tailwind-merge`'s job; we defer adding it until a component actually\n// needs it, to keep the core tree-shakable and the runtime zero-dep.\n\nexport type ClassInput =\n    | string\n    | number\n    | boolean\n    | null\n    | undefined\n    | ClassInput[]\n    | Record<string, boolean | number | null | undefined>;\n\nexport function cn(...inputs: ClassInput[]): string {\n    const out: string[] = [];\n    for (const input of inputs) {\n        append(out, input);\n    }\n    return out.join(' ');\n}\n\nfunction append(out: string[], input: ClassInput): void {\n    if (!input) {\n        return;\n    }\n    if (typeof input === 'string') {\n        if (input.length > 0) {\n            out.push(input);\n        }\n        return;\n    }\n    if (typeof input === 'number') {\n        return; // numbers are never class names\n    }\n    if (Array.isArray(input)) {\n        for (const inner of input) {\n            append(out, inner);\n        }\n        return;\n    }\n    if (typeof input === 'object') {\n        for (const key of Object.keys(input)) {\n            if (input[key]) {\n                out.push(key);\n            }\n        }\n    }\n}\n","'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"]}

package/dist/components/Text/index.d.cts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextProps as TextProps$1 } from 'react-native';
+
+type TextVariant = 'body-xs' | 'body-sm' | 'body-md' | 'body-lg' | 'heading-1' | 'heading-2' | 'heading-3';
+type TextProps = TextProps$1 & {
+    variant?: TextVariant;
+    className?: string;
+    testID?: string;
+};
+/**
+ * Typography primitive. Renders a react-native <Text>; on web via RN-Web
+ * it becomes a <div role="..."> with the appropriate className.
+ *
+ * Inline style is sourced from the active `<NoriProvider theme={...}>`:
+ * font family (display for headings, body for body variants), fontSize,
+ * fontWeight, lineHeight all flow through. Override the whole variant by
+ * passing a custom theme; override a single instance by passing `style`.
+ *
+ * The `className` path keeps the Tailwind dark-mode color flip — inline
+ * style provides the typographic substance, className provides the color.
+ */
+declare const Text: ({ variant, className, testID, children, ...rest }: TextProps) => react_jsx_runtime.JSX.Element;
+
+export { Text, type TextProps, type TextVariant };

package/dist/components/Text/index.d.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextProps as TextProps$1 } from 'react-native';
+
+type TextVariant = 'body-xs' | 'body-sm' | 'body-md' | 'body-lg' | 'heading-1' | 'heading-2' | 'heading-3';
+type TextProps = TextProps$1 & {
+    variant?: TextVariant;
+    className?: string;
+    testID?: string;
+};
+/**
+ * Typography primitive. Renders a react-native <Text>; on web via RN-Web
+ * it becomes a <div role="..."> with the appropriate className.
+ *
+ * Inline style is sourced from the active `<NoriProvider theme={...}>`:
+ * font family (display for headings, body for body variants), fontSize,
+ * fontWeight, lineHeight all flow through. Override the whole variant by
+ * passing a custom theme; override a single instance by passing `style`.
+ *
+ * The `className` path keeps the Tailwind dark-mode color flip — inline
+ * style provides the typographic substance, className provides the color.
+ */
+declare const Text: ({ variant, className, testID, children, ...rest }: TextProps) => react_jsx_runtime.JSX.Element;
+
+export { Text, type TextProps, type TextVariant };

package/dist/components/Text/index.js

@@ -0,0 +1,7 @@
+export { Text } from '../../chunk-JZ774T7U.js';
+import '../../chunk-5A2QOOVN.js';
+import '../../chunk-CHXHRJNZ.js';
+import '../../chunk-R5JMDDCB.js';
+import '../../chunk-WCQVDF3K.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Text/index.js.map

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

package/dist/components/TextArea/index.cjs

@@ -0,0 +1,482 @@
+'use strict';
+
+var react = require('react');
+var reactNative = require('react-native');
+var jsxRuntime = require('nativewind/jsx-runtime');
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// src/theme/px.ts
+function px(value) {
+  if (typeof value === "number") {
+    return value;
+  }
+  const n = Number.parseFloat(value);
+  return Number.isFinite(n) ? n : 0;
+}
+__name(px, "px");
+
+// ../tokens/build/theme.ts
+var theme = {
+  color: {
+    danger: "#ef4444",
+    info: "#3b82f6",
+    neutral: {
+      "100": "#f4f4f5",
+      "200": "#e4e4e7",
+      "300": "#d4d4d8",
+      "400": "#a1a1aa",
+      "50": "#fafafa",
+      "500": "#71717a",
+      "600": "#52525b",
+      "700": "#3f3f46",
+      "800": "#27272a",
+      "900": "#18181b"
+    },
+    primary: {
+      "100": "#ccfbf1",
+      "200": "#99f6e4",
+      "300": "#5eead4",
+      "400": "#2dd4bf",
+      "50": "#f0fdfa",
+      "500": "#14b8a6",
+      "600": "#0d9488",
+      "700": "#0f766e",
+      "800": "#115e59",
+      "900": "#134e4a"
+    },
+    success: "#22c55e",
+    warning: "#f59e0b"
+  },
+  fontFamily: {
+    body: "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+    display: "ui-serif, Georgia, 'Times New Roman', serif",
+    mono: "ui-monospace, 'SF Mono', Menlo, Consolas, 'DejaVu Sans Mono', monospace"
+  },
+  fontSize: {
+    "2xl": "24px",
+    "3xl": "30px",
+    "4xl": "36px",
+    lg: "18px",
+    md: "16px",
+    sm: "14px",
+    xl: "20px",
+    xs: "12px"
+  },
+  fontWeight: {
+    bold: "700",
+    medium: "500",
+    regular: "400",
+    semibold: "600"
+  },
+  lineHeight: {
+    normal: "1.4",
+    relaxed: "1.6",
+    tight: "1.2"
+  },
+  radius: {
+    "2xl": "16px",
+    full: "9999px",
+    lg: "8px",
+    md: "6px",
+    none: "0px",
+    sm: "4px",
+    xl: "12px"
+  },
+  semantic: {
+    background: {
+      default: "#fafafa",
+      elevated: "#ffffff",
+      subtle: "#f4f4f5"
+    },
+    border: {
+      default: "#e4e4e7",
+      strong: "#d4d4d8"
+    },
+    interactive: {
+      destructive: "#ef4444",
+      primary: "#0d9488",
+      primaryHover: "#0f766e",
+      primaryPressed: "#115e59"
+    },
+    text: {
+      default: "#18181b",
+      inverted: "#fafafa",
+      muted: "#52525b"
+    }
+  },
+  shadow: {
+    lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",
+    md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
+    sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)"
+  },
+  spacing: {
+    "0": "0px",
+    "1": "4px",
+    "10": "40px",
+    "12": "48px",
+    "16": "64px",
+    "2": "8px",
+    "20": "80px",
+    "24": "96px",
+    "3": "12px",
+    "4": "16px",
+    "5": "20px",
+    "6": "24px",
+    "8": "32px"
+  }
+};
+var themeDark = {
+  color: {
+    danger: "#ef4444",
+    info: "#3b82f6",
+    neutral: {
+      "100": "#f4f4f5",
+      "200": "#e4e4e7",
+      "300": "#d4d4d8",
+      "400": "#a1a1aa",
+      "50": "#fafafa",
+      "500": "#71717a",
+      "600": "#52525b",
+      "700": "#3f3f46",
+      "800": "#27272a",
+      "900": "#18181b"
+    },
+    primary: {
+      "100": "#ccfbf1",
+      "200": "#99f6e4",
+      "300": "#5eead4",
+      "400": "#2dd4bf",
+      "50": "#f0fdfa",
+      "500": "#14b8a6",
+      "600": "#0d9488",
+      "700": "#0f766e",
+      "800": "#115e59",
+      "900": "#134e4a"
+    },
+    success: "#22c55e",
+    warning: "#f59e0b"
+  },
+  fontFamily: {
+    body: "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+    display: "ui-serif, Georgia, 'Times New Roman', serif",
+    mono: "ui-monospace, 'SF Mono', Menlo, Consolas, 'DejaVu Sans Mono', monospace"
+  },
+  fontSize: {
+    "2xl": "24px",
+    "3xl": "30px",
+    "4xl": "36px",
+    lg: "18px",
+    md: "16px",
+    sm: "14px",
+    xl: "20px",
+    xs: "12px"
+  },
+  fontWeight: {
+    bold: "700",
+    medium: "500",
+    regular: "400",
+    semibold: "600"
+  },
+  lineHeight: {
+    normal: "1.4",
+    relaxed: "1.6",
+    tight: "1.2"
+  },
+  radius: {
+    "2xl": "16px",
+    full: "9999px",
+    lg: "8px",
+    md: "6px",
+    none: "0px",
+    sm: "4px",
+    xl: "12px"
+  },
+  semantic: {
+    background: {
+      default: "#18181b",
+      elevated: "#3f3f46",
+      subtle: "#27272a"
+    },
+    border: {
+      default: "#3f3f46",
+      strong: "#52525b"
+    },
+    interactive: {
+      destructive: "#ef4444",
+      primary: "#2dd4bf",
+      primaryHover: "#5eead4",
+      primaryPressed: "#99f6e4"
+    },
+    text: {
+      default: "#fafafa",
+      inverted: "#18181b",
+      muted: "#a1a1aa"
+    }
+  },
+  shadow: {
+    lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",
+    md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
+    sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)"
+  },
+  spacing: {
+    "0": "0px",
+    "1": "4px",
+    "10": "40px",
+    "12": "48px",
+    "16": "64px",
+    "2": "8px",
+    "20": "80px",
+    "24": "96px",
+    "3": "12px",
+    "4": "16px",
+    "5": "20px",
+    "6": "24px",
+    "8": "32px"
+  }
+};
+var defaultTheme = {
+  light: theme,
+  dark: themeDark
+};
+var ThemeContext = react.createContext(defaultTheme);
+ThemeContext.displayName = "ThemeContext";
+var ColorSchemeOverrideContext = react.createContext(null);
+ColorSchemeOverrideContext.displayName = "ColorSchemeOverrideContext";
+var isWeb = reactNative.Platform.OS === "web";
+function readWebScheme() {
+  if (typeof document === "undefined") {
+    return "light";
+  }
+  const root = document.documentElement;
+  if (root.classList.contains("dark")) {
+    return "dark";
+  }
+  if (root.getAttribute("data-theme") === "dark") {
+    return "dark";
+  }
+  return "light";
+}
+__name(readWebScheme, "readWebScheme");
+function useColorScheme() {
+  const override = react.useContext(ColorSchemeOverrideContext);
+  const [scheme, setScheme] = react.useState(() => {
+    if (isWeb) {
+      return readWebScheme();
+    }
+    return reactNative.Appearance.getColorScheme() ?? "light";
+  });
+  react.useEffect(() => {
+    if (isWeb) {
+      const root = document.documentElement;
+      const update = /* @__PURE__ */ __name(() => setScheme(readWebScheme()), "update");
+      const observer = new MutationObserver(update);
+      observer.observe(root, { attributes: true, attributeFilter: ["class", "data-theme"] });
+      update();
+      return () => observer.disconnect();
+    }
+    const sub = reactNative.Appearance.addChangeListener(({ colorScheme }) => {
+      setScheme(colorScheme ?? "light");
+    });
+    return () => sub.remove();
+  }, []);
+  return override ?? scheme;
+}
+__name(useColorScheme, "useColorScheme");
+
+// src/theme/use-theme-colors.ts
+function useThemeColors() {
+  const scheme = useColorScheme();
+  const themePair = react.useContext(ThemeContext);
+  return scheme === "dark" ? themePair.dark : themePair.light;
+}
+__name(useThemeColors, "useThemeColors");
+
+// src/utils/cn.ts
+function cn(...inputs) {
+  const out = [];
+  for (const input of inputs) {
+    append(out, input);
+  }
+  return out.join(" ");
+}
+__name(cn, "cn");
+function append(out, input) {
+  if (!input) {
+    return;
+  }
+  if (typeof input === "string") {
+    if (input.length > 0) {
+      out.push(input);
+    }
+    return;
+  }
+  if (typeof input === "number") {
+    return;
+  }
+  if (Array.isArray(input)) {
+    for (const inner of input) {
+      append(out, inner);
+    }
+    return;
+  }
+  if (typeof input === "object") {
+    for (const key of Object.keys(input)) {
+      if (input[key]) {
+        out.push(key);
+      }
+    }
+  }
+}
+__name(append, "append");
+var CONTAINER_LAYOUT_BASE = { flexDirection: "column" };
+var FIELD_LAYOUT_BASE = {
+  flexDirection: "row",
+  alignItems: "center",
+  borderWidth: 1,
+  // Clip the textarea's browser-drawn resize grippy inside the rounded
+  // border. Without this, the grippy escapes the corner and looks like
+  // it belongs to the page, not the input.
+  overflow: "hidden"
+};
+var TextInput = /* @__PURE__ */ __name(({
+  label,
+  helperText,
+  error,
+  disabled,
+  leading,
+  trailing,
+  containerClassName,
+  className,
+  testID,
+  onChangeText,
+  multiline,
+  numberOfLines,
+  ...rest
+}) => {
+  const colors = useThemeColors();
+  const reactId = react.useId();
+  const inputId = testID ?? `nori-ui-input-${reactId}`;
+  const inputRef = react.useRef(null);
+  const focusInput = /* @__PURE__ */ __name(() => {
+    inputRef.current?.focus();
+  }, "focusInput");
+  const describeId = `${inputId}-describe`;
+  const hasError = Boolean(error);
+  const describedBy = error || helperText ? describeId : void 0;
+  const inputExtras = {};
+  if (testID !== void 0) {
+    inputExtras.testID = testID;
+  }
+  if (label !== void 0) {
+    inputExtras.accessibilityLabel = label;
+  }
+  if (hasError) {
+    inputExtras["aria-invalid"] = true;
+  }
+  if (describedBy !== void 0) {
+    inputExtras["aria-describedby"] = describedBy;
+  }
+  if (multiline !== void 0) {
+    inputExtras.multiline = multiline;
+  }
+  if (numberOfLines !== void 0) {
+    inputExtras.numberOfLines = numberOfLines;
+  }
+  if (onChangeText !== void 0) {
+    inputExtras.onChangeText = onChangeText;
+  }
+  const labelStyle = {
+    fontFamily: colors.fontFamily.body,
+    fontSize: px(colors.fontSize.sm),
+    fontWeight: colors.fontWeight.medium,
+    color: colors.semantic.text.default
+  };
+  const inputStyle = {
+    flex: 1,
+    paddingVertical: px(colors.spacing["2"]),
+    fontFamily: colors.fontFamily.body,
+    fontSize: px(colors.fontSize.md),
+    color: colors.semantic.text.default
+  };
+  const helperStyle = {
+    fontFamily: colors.fontFamily.body,
+    fontSize: px(colors.fontSize.sm),
+    color: colors.semantic.text.muted
+  };
+  const errorStyle = {
+    fontFamily: colors.fontFamily.body,
+    fontSize: px(colors.fontSize.sm),
+    color: colors.color.danger
+  };
+  const containerStyle = { ...CONTAINER_LAYOUT_BASE, gap: px(colors.spacing["1"]) };
+  const fieldStyle = [
+    FIELD_LAYOUT_BASE,
+    {
+      borderRadius: px(colors.radius.md),
+      paddingHorizontal: px(colors.spacing["3"]),
+      backgroundColor: colors.semantic.background.elevated,
+      borderColor: hasError ? colors.color.danger : colors.semantic.border.default
+    },
+    disabled ? { opacity: 0.6 } : null
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { className: cn("flex flex-col gap-1", containerClassName), style: containerStyle, children: [
+    label !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { onPress: focusInput, accessibilityRole: "none", disabled, children: /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.Text,
+      {
+        nativeID: `${inputId}-label`,
+        accessibilityRole: "text",
+        className: "text-sm font-medium text-semantic-text-default",
+        style: labelStyle,
+        children: label
+      }
+    ) }) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      reactNative.View,
+      {
+        className: cn(
+          "flex-row items-center rounded-md border px-3",
+          hasError ? "border-semantic-interactive-destructive" : "border-semantic-border-default",
+          disabled ? "opacity-60" : void 0
+        ),
+        style: fieldStyle,
+        children: [
+          leading ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { className: "mr-2", style: { marginRight: px(colors.spacing["2"]) }, children: leading }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            reactNative.TextInput,
+            {
+              ref: inputRef,
+              nativeID: inputId,
+              editable: !disabled,
+              className: cn("flex-1 py-2 text-md text-semantic-text-default outline-none", className),
+              placeholderTextColor: colors.semantic.text.muted,
+              ...inputExtras,
+              ...rest,
+              style: [inputStyle, rest.style]
+            }
+          ),
+          trailing ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { className: "ml-2", style: { marginLeft: px(colors.spacing["2"]) }, children: trailing }) : null
+        ]
+      }
+    ),
+    error ? /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.Text,
+      {
+        nativeID: describeId,
+        className: "text-sm text-semantic-interactive-destructive",
+        style: errorStyle,
+        children: error
+      }
+    ) : helperText ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { nativeID: describeId, className: "text-sm text-semantic-text-muted", style: helperStyle, children: helperText }) : null
+  ] });
+}, "TextInput");
+var TextArea = /* @__PURE__ */ __name(({ numberOfLines = 4, resize = "vertical", style, ...rest }) => {
+  const resizeStyle = { resize };
+  const merged = style === void 0 ? resizeStyle : [resizeStyle, style];
+  return /* @__PURE__ */ jsxRuntime.jsx(TextInput, { multiline: true, numberOfLines, ...rest, style: merged });
+}, "TextArea");
+
+exports.TextArea = TextArea;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map