@nori-ui/core 0.0.5 → 1.0.2

package/dist/components/Box/index.cjs

@@ -0,0 +1,415 @@
+'use strict';
+
+var reactNative = require('react-native');
+var react = require('react');
+var jsxRuntime = require('nativewind/jsx-runtime');
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// 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");
+
+// 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");
+var VARIANT_CLASSES = {
+  "body-xs": "text-xs leading-normal",
+  "body-sm": "text-sm leading-normal",
+  "body-md": "text-md leading-normal",
+  "body-lg": "text-lg leading-relaxed",
+  "heading-1": "text-4xl leading-tight font-bold",
+  "heading-2": "text-3xl leading-tight font-semibold",
+  "heading-3": "text-2xl leading-tight font-semibold"
+};
+var HEADING_VARIANTS = /* @__PURE__ */ new Set(["heading-1", "heading-2", "heading-3"]);
+var VARIANT_KEYS = {
+  "body-xs": { fontSize: "xs", fontWeight: "regular", lineHeight: "normal" },
+  "body-sm": { fontSize: "sm", fontWeight: "regular", lineHeight: "normal" },
+  "body-md": { fontSize: "md", fontWeight: "regular", lineHeight: "normal" },
+  "body-lg": { fontSize: "lg", fontWeight: "regular", lineHeight: "relaxed" },
+  "heading-1": { fontSize: "4xl", fontWeight: "bold", lineHeight: "tight" },
+  "heading-2": {
+    fontSize: "3xl",
+    fontWeight: "semibold",
+    lineHeight: "tight"
+  },
+  "heading-3": {
+    fontSize: "2xl",
+    fontWeight: "semibold",
+    lineHeight: "tight"
+  }
+};
+var Text = /* @__PURE__ */ __name(({ variant = "body-md", className, testID, children, ...rest }) => {
+  const colors = useThemeColors();
+  const isHeading = HEADING_VARIANTS.has(variant);
+  const role = isHeading ? "header" : rest.accessibilityRole;
+  const keys = VARIANT_KEYS[variant];
+  const sizePx = px(colors.fontSize[keys.fontSize]);
+  const lhMultiplier = Number(colors.lineHeight[keys.lineHeight]);
+  const themedStyle = {
+    // Inline color is the ONLY color source. The Tailwind preset uses
+    // `darkMode: ['class', '[data-theme="dark"]']` — that requires a
+    // DOM, so on native the `dark:` variant never fires and a
+    // className-only color path would always emit the LIGHT variant
+    // (near-black), invisible on a dark surface. Sourcing color from
+    // `useThemeColors()` means it follows the OS scheme AND honors a
+    // forced `colorScheme` override on the provider.
+    color: colors.semantic.text.default,
+    fontFamily: isHeading ? colors.fontFamily.display : colors.fontFamily.body,
+    fontSize: sizePx,
+    // RN expects lineHeight in px, not unitless. Tokens carry it as a
+    // ratio (1.2 / 1.4 / 1.6) — multiply against the variant fontSize.
+    lineHeight: sizePx * lhMultiplier,
+    // The fontWeight token returns string literals like "500" / "700"
+    // which match RN's TextStyle.fontWeight enum.
+    fontWeight: colors.fontWeight[keys.fontWeight]
+  };
+  const styleProp = rest.style;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.Text,
+    {
+      testID,
+      ...rest,
+      ...role !== void 0 ? { accessibilityRole: role } : {},
+      className: cn(VARIANT_CLASSES[variant], className),
+      style: [themedStyle, styleProp],
+      children
+    }
+  );
+}, "Text");
+function wrapStringChildren(children) {
+  return react.Children.map(children, (child) => {
+    if (typeof child === "string" || typeof child === "number") {
+      return /* @__PURE__ */ jsxRuntime.jsx(Text, { children: child });
+    }
+    return child;
+  });
+}
+__name(wrapStringChildren, "wrapStringChildren");
+var Box = /* @__PURE__ */ __name(({ className, children, flex, style, ...rest }) => {
+  const flexStyle = flex === void 0 ? void 0 : { flex };
+  const merged = flexStyle === void 0 ? style : style === void 0 ? flexStyle : [flexStyle, style];
+  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { ...rest, className: cn(className), style: merged, children: wrapStringChildren(children) });
+}, "Box");
+
+exports.Box = Box;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../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/components/Text/Text.tsx","../../../src/utils/wrap-string-children.tsx","../../../src/components/Box/Box.tsx"],"names":["createContext","Platform","useContext","useState","Appearance","useEffect","jsx","RNText","Children","View"],"mappings":"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","file":"index.cjs","sourcesContent":["// 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","/**\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","'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","import { Children, type ReactNode } from 'react';\nimport { Text } from '../components/Text';\n\n/**\n * Walks a `ReactNode` (single, array, or fragment) and wraps every\n * string/number child in a themed `<Text>` so the same JSX renders\n * cleanly on web AND native. Non-string children are passed through\n * unchanged.\n *\n * On native, raw strings as children of any non-Text component throw\n * \"Text strings must be rendered within a <Text> component\". On web,\n * react-native-web silently tolerates them — but the rendered string\n * inherits no theme color, so dark mode never flips.\n *\n * Both bugs collapse to the same fix: wrap. Layout primitives\n * (`<HStack>`, `<VStack>`, `<Box>`) use this so consumers can write\n * `<HStack>Hello</HStack>` and have it Just Work on both platforms\n * and across light/dark mode.\n *\n * The wrapper is the lib's own `<Text>`, which reads from\n * `useThemeColors()` — so the wrapped string flips with the active\n * scheme. Importing a `'use client'` component from an RSC-safe file\n * is allowed; React's RSC model lets server components contain client\n * children.\n */\nexport function wrapStringChildren(children: ReactNode): ReactNode {\n    return Children.map(children, (child) => {\n        if (typeof child === 'string' || typeof child === 'number') {\n            return <Text>{child}</Text>;\n        }\n        return child;\n    });\n}\n","import type { ViewProps, ViewStyle } from 'react-native';\nimport { View } from 'react-native';\nimport { cn } from '../../utils/cn';\nimport { wrapStringChildren } from '../../utils/wrap-string-children';\n\nexport type BoxProps = ViewProps & {\n    className?: string;\n    testID?: string;\n    /**\n     * Flex grow factor for proportional layouts inside HStack / VStack.\n     *\n     * In an HStack with three children of `flex={1}`, each takes one third\n     * of the available width. For a 20/60/20 split: `flex={1}`, `flex={3}`,\n     * `flex={1}` — the values are ratios, not percentages.\n     *\n     * Maps directly to React Native / web flexbox `flex` style.\n     */\n    flex?: number;\n};\n\n/**\n * Generic layout primitive. Wraps react-native's `<View>` with className\n * support and a `flex` prop for proportional layouts. RSC-safe.\n */\nexport const Box = ({ className, children, flex, style, ...rest }: BoxProps) => {\n    const flexStyle: ViewStyle | undefined = flex === undefined ? undefined : { flex };\n    const merged = flexStyle === undefined ? style : style === undefined ? flexStyle : [flexStyle, style];\n    return (\n        <View {...rest} className={cn(className)} style={merged}>\n            {wrapStringChildren(children)}\n        </View>\n    );\n};\n"]}

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

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ViewProps } from 'react-native';
+
+type BoxProps = ViewProps & {
+    className?: string;
+    testID?: string;
+    /**
+     * Flex grow factor for proportional layouts inside HStack / VStack.
+     *
+     * In an HStack with three children of `flex={1}`, each takes one third
+     * of the available width. For a 20/60/20 split: `flex={1}`, `flex={3}`,
+     * `flex={1}` — the values are ratios, not percentages.
+     *
+     * Maps directly to React Native / web flexbox `flex` style.
+     */
+    flex?: number;
+};
+/**
+ * Generic layout primitive. Wraps react-native's `<View>` with className
+ * support and a `flex` prop for proportional layouts. RSC-safe.
+ */
+declare const Box: ({ className, children, flex, style, ...rest }: BoxProps) => react_jsx_runtime.JSX.Element;
+
+export { Box, type BoxProps };

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

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ViewProps } from 'react-native';
+
+type BoxProps = ViewProps & {
+    className?: string;
+    testID?: string;
+    /**
+     * Flex grow factor for proportional layouts inside HStack / VStack.
+     *
+     * In an HStack with three children of `flex={1}`, each takes one third
+     * of the available width. For a 20/60/20 split: `flex={1}`, `flex={3}`,
+     * `flex={1}` — the values are ratios, not percentages.
+     *
+     * Maps directly to React Native / web flexbox `flex` style.
+     */
+    flex?: number;
+};
+/**
+ * Generic layout primitive. Wraps react-native's `<View>` with className
+ * support and a `flex` prop for proportional layouts. RSC-safe.
+ */
+declare const Box: ({ className, children, flex, style, ...rest }: BoxProps) => react_jsx_runtime.JSX.Element;
+
+export { Box, type BoxProps };

package/dist/components/Box/index.js

@@ -0,0 +1,9 @@
+export { Box } from '../../chunk-TLS54G6Y.js';
+import '../../chunk-JQQ3FBN7.js';
+import '../../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/Box/index.js.map

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