@nori-ui/core 0.0.5 → 1.0.2

package/dist/components/Skeleton/index.cjs

@@ -0,0 +1,384 @@
+'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 });
+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");
+
+// ../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";
+
+// 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 PULSE_DURATION_MS = 900;
+var PULSE_MIN = 0.55;
+var PULSE_MAX = 1;
+var Skeleton = /* @__PURE__ */ __name(({
+  width = "100%",
+  height = 16,
+  radius = 6,
+  static: isStatic = false,
+  className,
+  style,
+  testID
+}) => {
+  const colors = useThemeColors();
+  const isDark = useColorScheme() === "dark";
+  const opacity = react.useRef(new reactNative.Animated.Value(PULSE_MAX)).current;
+  react.useEffect(() => {
+    if (isStatic) {
+      return;
+    }
+    const loop = reactNative.Animated.loop(
+      reactNative.Animated.sequence([
+        reactNative.Animated.timing(opacity, {
+          toValue: PULSE_MIN,
+          duration: PULSE_DURATION_MS,
+          easing: reactNative.Easing.inOut(reactNative.Easing.ease),
+          useNativeDriver: true
+        }),
+        reactNative.Animated.timing(opacity, {
+          toValue: PULSE_MAX,
+          duration: PULSE_DURATION_MS,
+          easing: reactNative.Easing.inOut(reactNative.Easing.ease),
+          useNativeDriver: true
+        })
+      ])
+    );
+    loop.start();
+    return () => {
+      loop.stop();
+    };
+  }, [isStatic, opacity]);
+  const baseStyle = {
+    width,
+    height,
+    borderRadius: radius === "full" ? 9999 : radius,
+    backgroundColor: isDark ? colors.color.neutral["700"] : colors.color.neutral["200"]
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.Animated.View,
+    {
+      ...testID !== void 0 ? { testID } : {},
+      "aria-hidden": true,
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no",
+      className: cn("bg-neutral-200 dark:bg-neutral-700", className),
+      style: [baseStyle, isStatic ? null : { opacity }, style]
+    }
+  );
+}, "Skeleton");
+
+exports.Skeleton = Skeleton;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/theme/use-color-scheme.tsx","../../../../tokens/build/theme.ts","../../../src/theme/context.tsx","../../../src/theme/use-theme-colors.ts","../../../src/utils/cn.ts","../../../src/components/Skeleton/Skeleton.tsx"],"names":["createContext","Platform","useContext","useState","Appearance","useEffect","useRef","Animated","Easing","jsx"],"mappings":"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","file":"index.cjs","sourcesContent":["'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","// 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 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 { useEffect, useRef } from 'react';\nimport { Animated, Easing, type ViewStyle } from 'react-native';\nimport { useColorScheme } from '../../theme/use-color-scheme';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\nexport type SkeletonProps = {\n    /** Width — number of px or any RN dimension string. Default `100%`. */\n    width?: number | `${number}%` | 'auto';\n    /** Height — number of px. Default 16. */\n    height?: number;\n    /**\n     * Border radius. Defaults to `theme.radius.md` (6px). Use `'full'`\n     * (= 9999px) for circular skeletons (avatars).\n     */\n    radius?: number | 'full';\n    /** Disable the pulse — useful when stacking many skeletons in a list. */\n    static?: boolean;\n    className?: string;\n    style?: ViewStyle;\n    testID?: string;\n};\n\nconst PULSE_DURATION_MS = 900;\nconst PULSE_MIN = 0.55;\nconst PULSE_MAX = 1;\n\n/**\n * Subtle loading placeholder. Pulses between full and 55% opacity to signal\n * \"content is loading here, in this shape\" without flashing or distracting.\n *\n * Uses RN `Animated` for the opacity loop — works on web and native with\n * the same code. Respects the `static` prop when you want to skip the\n * animation (e.g. when stacking many skeletons in a long list).\n */\nexport const Skeleton = ({\n    width = '100%' as const,\n    height = 16,\n    radius = 6,\n    static: isStatic = false,\n    className,\n    style,\n    testID,\n}: SkeletonProps) => {\n    const colors = useThemeColors();\n    const isDark = useColorScheme() === 'dark';\n    const opacity = useRef(new Animated.Value(PULSE_MAX)).current;\n\n    useEffect(() => {\n        if (isStatic) {\n            return;\n        }\n        const loop = Animated.loop(\n            Animated.sequence([\n                Animated.timing(opacity, {\n                    toValue: PULSE_MIN,\n                    duration: PULSE_DURATION_MS,\n                    easing: Easing.inOut(Easing.ease),\n                    useNativeDriver: true,\n                }),\n                Animated.timing(opacity, {\n                    toValue: PULSE_MAX,\n                    duration: PULSE_DURATION_MS,\n                    easing: Easing.inOut(Easing.ease),\n                    useNativeDriver: true,\n                }),\n            ])\n        );\n        loop.start();\n        return () => {\n            loop.stop();\n        };\n    }, [isStatic, opacity]);\n\n    // Skeleton intentionally uses a stronger neutral than the generic\n    // semantic.background.subtle. The previous subtle-bg skeleton washed\n    // out against the warm-paper page background — barely a hint of a\n    // placeholder. A loading state must read as \"something will appear\n    // here\", not \"page barely loading.\"\n    //\n    // On dark we step the other direction (neutral.700 ≈ #3f3f46) so the\n    // skeleton is clearly lighter than the page bg (#18181b) without being\n    // a glaring grey block.\n    const baseStyle: ViewStyle = {\n        width,\n        height,\n        borderRadius: radius === 'full' ? 9999 : radius,\n        backgroundColor: isDark ? colors.color.neutral['700'] : colors.color.neutral['200'],\n    };\n\n    return (\n        <Animated.View\n            {...(testID !== undefined ? { testID } : {})}\n            aria-hidden={true}\n            accessibilityElementsHidden\n            importantForAccessibility=\"no\"\n            className={cn('bg-neutral-200 dark:bg-neutral-700', className)}\n            style={[baseStyle, isStatic ? null : { opacity }, style]}\n        />\n    );\n};\n"]}

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

@@ -0,0 +1,30 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ViewStyle } from 'react-native';
+
+type SkeletonProps = {
+    /** Width — number of px or any RN dimension string. Default `100%`. */
+    width?: number | `${number}%` | 'auto';
+    /** Height — number of px. Default 16. */
+    height?: number;
+    /**
+     * Border radius. Defaults to `theme.radius.md` (6px). Use `'full'`
+     * (= 9999px) for circular skeletons (avatars).
+     */
+    radius?: number | 'full';
+    /** Disable the pulse — useful when stacking many skeletons in a list. */
+    static?: boolean;
+    className?: string;
+    style?: ViewStyle;
+    testID?: string;
+};
+/**
+ * Subtle loading placeholder. Pulses between full and 55% opacity to signal
+ * "content is loading here, in this shape" without flashing or distracting.
+ *
+ * Uses RN `Animated` for the opacity loop — works on web and native with
+ * the same code. Respects the `static` prop when you want to skip the
+ * animation (e.g. when stacking many skeletons in a long list).
+ */
+declare const Skeleton: ({ width, height, radius, static: isStatic, className, style, testID, }: SkeletonProps) => react_jsx_runtime.JSX.Element;
+
+export { Skeleton, type SkeletonProps };

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

@@ -0,0 +1,30 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ViewStyle } from 'react-native';
+
+type SkeletonProps = {
+    /** Width — number of px or any RN dimension string. Default `100%`. */
+    width?: number | `${number}%` | 'auto';
+    /** Height — number of px. Default 16. */
+    height?: number;
+    /**
+     * Border radius. Defaults to `theme.radius.md` (6px). Use `'full'`
+     * (= 9999px) for circular skeletons (avatars).
+     */
+    radius?: number | 'full';
+    /** Disable the pulse — useful when stacking many skeletons in a list. */
+    static?: boolean;
+    className?: string;
+    style?: ViewStyle;
+    testID?: string;
+};
+/**
+ * Subtle loading placeholder. Pulses between full and 55% opacity to signal
+ * "content is loading here, in this shape" without flashing or distracting.
+ *
+ * Uses RN `Animated` for the opacity loop — works on web and native with
+ * the same code. Respects the `static` prop when you want to skip the
+ * animation (e.g. when stacking many skeletons in a long list).
+ */
+declare const Skeleton: ({ width, height, radius, static: isStatic, className, style, testID, }: SkeletonProps) => react_jsx_runtime.JSX.Element;
+
+export { Skeleton, type SkeletonProps };

package/dist/components/Skeleton/index.js

@@ -0,0 +1,6 @@
+export { Skeleton } from '../../chunk-JSAG5YO7.js';
+import '../../chunk-CHXHRJNZ.js';
+import '../../chunk-R5JMDDCB.js';
+import '../../chunk-WCQVDF3K.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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