@react-native-rethemed/shadcn-ui-tokens 0.1.0 → 0.1.2

package/dist/cjs/tokens.gen.js

@@ -1,249 +0,0 @@
-"use strict";
-// Generated by scripts/generate.ts from the shadcn/ui registry (shadcn-ui/ui@0e3abd6, synced 2026-10-06).
-// Do not edit by hand: run `pnpm sync` and `pnpm generate` instead.
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.radii = exports.baseColors = void 0;
-/** Each base color's `cssVarsV4` as top-level semantic colors with shadcn/ui's names (`primary`, `primary-foreground`, `chart-1`, `sidebar-ring`), oklch converted to hex. */
-exports.baseColors = {
-    neutral: {
-        background: { light: '#ffffff', dark: '#0a0a0a' },
-        foreground: { light: '#0a0a0a', dark: '#fafafa' },
-        card: { light: '#ffffff', dark: '#171717' },
-        'card-foreground': { light: '#0a0a0a', dark: '#fafafa' },
-        popover: { light: '#ffffff', dark: '#171717' },
-        'popover-foreground': { light: '#0a0a0a', dark: '#fafafa' },
-        primary: { light: '#171717', dark: '#e5e5e5' },
-        'primary-foreground': { light: '#fafafa', dark: '#171717' },
-        secondary: { light: '#f5f5f5', dark: '#262626' },
-        'secondary-foreground': { light: '#171717', dark: '#fafafa' },
-        muted: { light: '#f5f5f5', dark: '#262626' },
-        'muted-foreground': { light: '#737373', dark: '#a1a1a1' },
-        accent: { light: '#f5f5f5', dark: '#262626' },
-        'accent-foreground': { light: '#171717', dark: '#fafafa' },
-        destructive: { light: '#e7000b', dark: '#ff6467' },
-        border: { light: '#e5e5e5', dark: '#ffffff1a' },
-        input: { light: '#e5e5e5', dark: '#ffffff26' },
-        ring: { light: '#a1a1a1', dark: '#737373' },
-        'chart-1': { light: '#d4d4d4', dark: '#d4d4d4' },
-        'chart-2': { light: '#737373', dark: '#737373' },
-        'chart-3': { light: '#525252', dark: '#525252' },
-        'chart-4': { light: '#404040', dark: '#404040' },
-        'chart-5': { light: '#262626', dark: '#262626' },
-        sidebar: { light: '#fafafa', dark: '#171717' },
-        'sidebar-foreground': { light: '#0a0a0a', dark: '#fafafa' },
-        'sidebar-primary': { light: '#171717', dark: '#1447e6' },
-        'sidebar-primary-foreground': { light: '#fafafa', dark: '#fafafa' },
-        'sidebar-accent': { light: '#f5f5f5', dark: '#262626' },
-        'sidebar-accent-foreground': { light: '#171717', dark: '#fafafa' },
-        'sidebar-border': { light: '#e5e5e5', dark: '#ffffff1a' },
-        'sidebar-ring': { light: '#a1a1a1', dark: '#737373' },
-    },
-    stone: {
-        background: { light: '#ffffff', dark: '#0c0a09' },
-        foreground: { light: '#0c0a09', dark: '#fafaf9' },
-        card: { light: '#ffffff', dark: '#1c1917' },
-        'card-foreground': { light: '#0c0a09', dark: '#fafaf9' },
-        popover: { light: '#ffffff', dark: '#1c1917' },
-        'popover-foreground': { light: '#0c0a09', dark: '#fafaf9' },
-        primary: { light: '#1c1917', dark: '#e7e5e4' },
-        'primary-foreground': { light: '#fafaf9', dark: '#1c1917' },
-        secondary: { light: '#f5f5f4', dark: '#292524' },
-        'secondary-foreground': { light: '#1c1917', dark: '#fafaf9' },
-        muted: { light: '#f5f5f4', dark: '#292524' },
-        'muted-foreground': { light: '#79716b', dark: '#a6a09b' },
-        accent: { light: '#f5f5f4', dark: '#292524' },
-        'accent-foreground': { light: '#1c1917', dark: '#fafaf9' },
-        destructive: { light: '#e7000b', dark: '#ff6467' },
-        border: { light: '#e7e5e4', dark: '#ffffff1a' },
-        input: { light: '#e7e5e4', dark: '#ffffff26' },
-        ring: { light: '#a6a09b', dark: '#79716b' },
-        'chart-1': { light: '#d6d3d1', dark: '#d6d3d1' },
-        'chart-2': { light: '#79716b', dark: '#79716b' },
-        'chart-3': { light: '#57534d', dark: '#57534d' },
-        'chart-4': { light: '#44403b', dark: '#44403b' },
-        'chart-5': { light: '#292524', dark: '#292524' },
-        sidebar: { light: '#fafaf9', dark: '#1c1917' },
-        'sidebar-foreground': { light: '#0c0a09', dark: '#fafaf9' },
-        'sidebar-primary': { light: '#1c1917', dark: '#1447e6' },
-        'sidebar-primary-foreground': { light: '#fafaf9', dark: '#fafaf9' },
-        'sidebar-accent': { light: '#f5f5f4', dark: '#292524' },
-        'sidebar-accent-foreground': { light: '#1c1917', dark: '#fafaf9' },
-        'sidebar-border': { light: '#e7e5e4', dark: '#ffffff1a' },
-        'sidebar-ring': { light: '#a6a09b', dark: '#79716b' },
-    },
-    zinc: {
-        background: { light: '#ffffff', dark: '#09090b' },
-        foreground: { light: '#09090b', dark: '#fafafa' },
-        card: { light: '#ffffff', dark: '#18181b' },
-        'card-foreground': { light: '#09090b', dark: '#fafafa' },
-        popover: { light: '#ffffff', dark: '#18181b' },
-        'popover-foreground': { light: '#09090b', dark: '#fafafa' },
-        primary: { light: '#18181b', dark: '#e4e4e7' },
-        'primary-foreground': { light: '#fafafa', dark: '#18181b' },
-        secondary: { light: '#f4f4f5', dark: '#27272a' },
-        'secondary-foreground': { light: '#18181b', dark: '#fafafa' },
-        muted: { light: '#f4f4f5', dark: '#27272a' },
-        'muted-foreground': { light: '#71717b', dark: '#9f9fa9' },
-        accent: { light: '#f4f4f5', dark: '#27272a' },
-        'accent-foreground': { light: '#18181b', dark: '#fafafa' },
-        destructive: { light: '#e7000b', dark: '#ff6467' },
-        border: { light: '#e4e4e7', dark: '#ffffff1a' },
-        input: { light: '#e4e4e7', dark: '#ffffff26' },
-        ring: { light: '#9f9fa9', dark: '#71717b' },
-        'chart-1': { light: '#d4d4d8', dark: '#d4d4d8' },
-        'chart-2': { light: '#71717b', dark: '#71717b' },
-        'chart-3': { light: '#52525c', dark: '#52525c' },
-        'chart-4': { light: '#3f3f46', dark: '#3f3f46' },
-        'chart-5': { light: '#27272a', dark: '#27272a' },
-        sidebar: { light: '#fafafa', dark: '#18181b' },
-        'sidebar-foreground': { light: '#09090b', dark: '#fafafa' },
-        'sidebar-primary': { light: '#18181b', dark: '#1447e6' },
-        'sidebar-primary-foreground': { light: '#fafafa', dark: '#fafafa' },
-        'sidebar-accent': { light: '#f4f4f5', dark: '#27272a' },
-        'sidebar-accent-foreground': { light: '#18181b', dark: '#fafafa' },
-        'sidebar-border': { light: '#e4e4e7', dark: '#ffffff1a' },
-        'sidebar-ring': { light: '#9f9fa9', dark: '#71717b' },
-    },
-    mauve: {
-        background: { light: '#ffffff', dark: '#0c090c' },
-        foreground: { light: '#0c090c', dark: '#fafafa' },
-        card: { light: '#ffffff', dark: '#1d161e' },
-        'card-foreground': { light: '#0c090c', dark: '#fafafa' },
-        popover: { light: '#ffffff', dark: '#1d161e' },
-        'popover-foreground': { light: '#0c090c', dark: '#fafafa' },
-        primary: { light: '#1d161e', dark: '#e7e4e7' },
-        'primary-foreground': { light: '#fafafa', dark: '#1d161e' },
-        secondary: { light: '#f3f1f3', dark: '#2a212c' },
-        'secondary-foreground': { light: '#1d161e', dark: '#fafafa' },
-        muted: { light: '#f3f1f3', dark: '#2a212c' },
-        'muted-foreground': { light: '#79697b', dark: '#a89ea9' },
-        accent: { light: '#f3f1f3', dark: '#2a212c' },
-        'accent-foreground': { light: '#1d161e', dark: '#fafafa' },
-        destructive: { light: '#e7000b', dark: '#ff6467' },
-        border: { light: '#e7e4e7', dark: '#ffffff1a' },
-        input: { light: '#e7e4e7', dark: '#ffffff26' },
-        ring: { light: '#a89ea9', dark: '#79697b' },
-        'chart-1': { light: '#d7d0d7', dark: '#d7d0d7' },
-        'chart-2': { light: '#79697b', dark: '#79697b' },
-        'chart-3': { light: '#594c5b', dark: '#594c5b' },
-        'chart-4': { light: '#463947', dark: '#463947' },
-        'chart-5': { light: '#2a212c', dark: '#2a212c' },
-        sidebar: { light: '#fafafa', dark: '#1d161e' },
-        'sidebar-foreground': { light: '#0c090c', dark: '#fafafa' },
-        'sidebar-primary': { light: '#1d161e', dark: '#1447e6' },
-        'sidebar-primary-foreground': { light: '#fafafa', dark: '#fafafa' },
-        'sidebar-accent': { light: '#f3f1f3', dark: '#2a212c' },
-        'sidebar-accent-foreground': { light: '#1d161e', dark: '#fafafa' },
-        'sidebar-border': { light: '#e7e4e7', dark: '#ffffff1a' },
-        'sidebar-ring': { light: '#a89ea9', dark: '#79697b' },
-    },
-    olive: {
-        background: { light: '#ffffff', dark: '#0c0c09' },
-        foreground: { light: '#0c0c09', dark: '#fbfbf9' },
-        card: { light: '#ffffff', dark: '#1d1d16' },
-        'card-foreground': { light: '#0c0c09', dark: '#fbfbf9' },
-        popover: { light: '#ffffff', dark: '#1d1d16' },
-        'popover-foreground': { light: '#0c0c09', dark: '#fbfbf9' },
-        primary: { light: '#1d1d16', dark: '#e8e8e3' },
-        'primary-foreground': { light: '#fbfbf9', dark: '#1d1d16' },
-        secondary: { light: '#f4f4f0', dark: '#2b2b22' },
-        'secondary-foreground': { light: '#1d1d16', dark: '#fbfbf9' },
-        muted: { light: '#f4f4f0', dark: '#2b2b22' },
-        'muted-foreground': { light: '#7c7c67', dark: '#abab9c' },
-        accent: { light: '#f4f4f0', dark: '#2b2b22' },
-        'accent-foreground': { light: '#1d1d16', dark: '#fbfbf9' },
-        destructive: { light: '#e7000b', dark: '#ff6467' },
-        border: { light: '#e8e8e3', dark: '#ffffff1a' },
-        input: { light: '#e8e8e3', dark: '#ffffff26' },
-        ring: { light: '#abab9c', dark: '#7c7c67' },
-        'chart-1': { light: '#d8d8d0', dark: '#d8d8d0' },
-        'chart-2': { light: '#7c7c67', dark: '#7c7c67' },
-        'chart-3': { light: '#5b5b4b', dark: '#5b5b4b' },
-        'chart-4': { light: '#474739', dark: '#474739' },
-        'chart-5': { light: '#2b2b22', dark: '#2b2b22' },
-        sidebar: { light: '#fbfbf9', dark: '#1d1d16' },
-        'sidebar-foreground': { light: '#0c0c09', dark: '#fbfbf9' },
-        'sidebar-primary': { light: '#1d1d16', dark: '#1447e6' },
-        'sidebar-primary-foreground': { light: '#fbfbf9', dark: '#fbfbf9' },
-        'sidebar-accent': { light: '#f4f4f0', dark: '#2b2b22' },
-        'sidebar-accent-foreground': { light: '#1d1d16', dark: '#fbfbf9' },
-        'sidebar-border': { light: '#e8e8e3', dark: '#ffffff1a' },
-        'sidebar-ring': { light: '#abab9c', dark: '#7c7c67' },
-    },
-    mist: {
-        background: { light: '#ffffff', dark: '#090b0c' },
-        foreground: { light: '#090b0c', dark: '#f9fbfb' },
-        card: { light: '#ffffff', dark: '#161b1d' },
-        'card-foreground': { light: '#090b0c', dark: '#f9fbfb' },
-        popover: { light: '#ffffff', dark: '#161b1d' },
-        'popover-foreground': { light: '#090b0c', dark: '#f9fbfb' },
-        primary: { light: '#161b1d', dark: '#e3e7e8' },
-        'primary-foreground': { light: '#f9fbfb', dark: '#161b1d' },
-        secondary: { light: '#f1f3f3', dark: '#22292b' },
-        'secondary-foreground': { light: '#161b1d', dark: '#f9fbfb' },
-        muted: { light: '#f1f3f3', dark: '#22292b' },
-        'muted-foreground': { light: '#67787c', dark: '#9ca8ab' },
-        accent: { light: '#f1f3f3', dark: '#22292b' },
-        'accent-foreground': { light: '#161b1d', dark: '#f9fbfb' },
-        destructive: { light: '#e7000b', dark: '#ff6467' },
-        border: { light: '#e3e7e8', dark: '#ffffff1a' },
-        input: { light: '#e3e7e8', dark: '#ffffff26' },
-        ring: { light: '#9ca8ab', dark: '#67787c' },
-        'chart-1': { light: '#d0d6d8', dark: '#d0d6d8' },
-        'chart-2': { light: '#67787c', dark: '#67787c' },
-        'chart-3': { light: '#4b585b', dark: '#4b585b' },
-        'chart-4': { light: '#394447', dark: '#394447' },
-        'chart-5': { light: '#22292b', dark: '#22292b' },
-        sidebar: { light: '#f9fbfb', dark: '#161b1d' },
-        'sidebar-foreground': { light: '#090b0c', dark: '#f9fbfb' },
-        'sidebar-primary': { light: '#161b1d', dark: '#1447e6' },
-        'sidebar-primary-foreground': { light: '#f9fbfb', dark: '#f9fbfb' },
-        'sidebar-accent': { light: '#f1f3f3', dark: '#22292b' },
-        'sidebar-accent-foreground': { light: '#161b1d', dark: '#f9fbfb' },
-        'sidebar-border': { light: '#e3e7e8', dark: '#ffffff1a' },
-        'sidebar-ring': { light: '#9ca8ab', dark: '#67787c' },
-    },
-    taupe: {
-        background: { light: '#ffffff', dark: '#0c0a09' },
-        foreground: { light: '#0c0a09', dark: '#fbfaf9' },
-        card: { light: '#ffffff', dark: '#1d1816' },
-        'card-foreground': { light: '#0c0a09', dark: '#fbfaf9' },
-        popover: { light: '#ffffff', dark: '#1d1816' },
-        'popover-foreground': { light: '#0c0a09', dark: '#fbfaf9' },
-        primary: { light: '#1d1816', dark: '#e8e4e3' },
-        'primary-foreground': { light: '#fbfaf9', dark: '#1d1816' },
-        secondary: { light: '#f3f1f1', dark: '#2b2422' },
-        'secondary-foreground': { light: '#1d1816', dark: '#fbfaf9' },
-        muted: { light: '#f3f1f1', dark: '#2b2422' },
-        'muted-foreground': { light: '#7c6d67', dark: '#aba09c' },
-        accent: { light: '#f3f1f1', dark: '#2b2422' },
-        'accent-foreground': { light: '#1d1816', dark: '#fbfaf9' },
-        destructive: { light: '#e7000b', dark: '#ff6467' },
-        border: { light: '#e8e4e3', dark: '#ffffff1a' },
-        input: { light: '#e8e4e3', dark: '#ffffff26' },
-        ring: { light: '#aba09c', dark: '#7c6d67' },
-        'chart-1': { light: '#d8d2d0', dark: '#d8d2d0' },
-        'chart-2': { light: '#7c6d67', dark: '#7c6d67' },
-        'chart-3': { light: '#5b4f4b', dark: '#5b4f4b' },
-        'chart-4': { light: '#473c39', dark: '#473c39' },
-        'chart-5': { light: '#2b2422', dark: '#2b2422' },
-        sidebar: { light: '#fbfaf9', dark: '#1d1816' },
-        'sidebar-foreground': { light: '#0c0a09', dark: '#fbfaf9' },
-        'sidebar-primary': { light: '#1d1816', dark: '#1447e6' },
-        'sidebar-primary-foreground': { light: '#fbfaf9', dark: '#fbfaf9' },
-        'sidebar-accent': { light: '#f3f1f1', dark: '#2b2422' },
-        'sidebar-accent-foreground': { light: '#1d1816', dark: '#fbfaf9' },
-        'sidebar-border': { light: '#e8e4e3', dark: '#ffffff1a' },
-        'sidebar-ring': { light: '#aba09c', dark: '#7c6d67' },
-    },
-};
-/** `--radius` (0.625rem) and the `radius-*` scale shadcn/ui derives from it, in points. */
-exports.radii = {
-    sm: 6,
-    md: 8,
-    lg: 10,
-    xl: 14,
-    '2xl': 18,
-    '3xl': 22,
-    '4xl': 26,
-};

package/dist/esm/index.d.ts

@@ -1,151 +0,0 @@
-import { baseColors, radii } from './tokens.gen.js';
-/** A shadcn/ui base color: `neutral` (the default), `stone`, `zinc`, … */
-export type BaseColor = keyof typeof baseColors;
-/** The default base color's semantic colors (`neutral`). */
-export declare const semanticColors: {
-    readonly background: {
-        readonly light: "#ffffff";
-        readonly dark: "#0a0a0a";
-    };
-    readonly foreground: {
-        readonly light: "#0a0a0a";
-        readonly dark: "#fafafa";
-    };
-    readonly card: {
-        readonly light: "#ffffff";
-        readonly dark: "#171717";
-    };
-    readonly 'card-foreground': {
-        readonly light: "#0a0a0a";
-        readonly dark: "#fafafa";
-    };
-    readonly popover: {
-        readonly light: "#ffffff";
-        readonly dark: "#171717";
-    };
-    readonly 'popover-foreground': {
-        readonly light: "#0a0a0a";
-        readonly dark: "#fafafa";
-    };
-    readonly primary: {
-        readonly light: "#171717";
-        readonly dark: "#e5e5e5";
-    };
-    readonly 'primary-foreground': {
-        readonly light: "#fafafa";
-        readonly dark: "#171717";
-    };
-    readonly secondary: {
-        readonly light: "#f5f5f5";
-        readonly dark: "#262626";
-    };
-    readonly 'secondary-foreground': {
-        readonly light: "#171717";
-        readonly dark: "#fafafa";
-    };
-    readonly muted: {
-        readonly light: "#f5f5f5";
-        readonly dark: "#262626";
-    };
-    readonly 'muted-foreground': {
-        readonly light: "#737373";
-        readonly dark: "#a1a1a1";
-    };
-    readonly accent: {
-        readonly light: "#f5f5f5";
-        readonly dark: "#262626";
-    };
-    readonly 'accent-foreground': {
-        readonly light: "#171717";
-        readonly dark: "#fafafa";
-    };
-    readonly destructive: {
-        readonly light: "#e7000b";
-        readonly dark: "#ff6467";
-    };
-    readonly border: {
-        readonly light: "#e5e5e5";
-        readonly dark: "#ffffff1a";
-    };
-    readonly input: {
-        readonly light: "#e5e5e5";
-        readonly dark: "#ffffff26";
-    };
-    readonly ring: {
-        readonly light: "#a1a1a1";
-        readonly dark: "#737373";
-    };
-    readonly 'chart-1': {
-        readonly light: "#d4d4d4";
-        readonly dark: "#d4d4d4";
-    };
-    readonly 'chart-2': {
-        readonly light: "#737373";
-        readonly dark: "#737373";
-    };
-    readonly 'chart-3': {
-        readonly light: "#525252";
-        readonly dark: "#525252";
-    };
-    readonly 'chart-4': {
-        readonly light: "#404040";
-        readonly dark: "#404040";
-    };
-    readonly 'chart-5': {
-        readonly light: "#262626";
-        readonly dark: "#262626";
-    };
-    readonly sidebar: {
-        readonly light: "#fafafa";
-        readonly dark: "#171717";
-    };
-    readonly 'sidebar-foreground': {
-        readonly light: "#0a0a0a";
-        readonly dark: "#fafafa";
-    };
-    readonly 'sidebar-primary': {
-        readonly light: "#171717";
-        readonly dark: "#1447e6";
-    };
-    readonly 'sidebar-primary-foreground': {
-        readonly light: "#fafafa";
-        readonly dark: "#fafafa";
-    };
-    readonly 'sidebar-accent': {
-        readonly light: "#f5f5f5";
-        readonly dark: "#262626";
-    };
-    readonly 'sidebar-accent-foreground': {
-        readonly light: "#171717";
-        readonly dark: "#fafafa";
-    };
-    readonly 'sidebar-border': {
-        readonly light: "#e5e5e5";
-        readonly dark: "#ffffff1a";
-    };
-    readonly 'sidebar-ring': {
-        readonly light: "#a1a1a1";
-        readonly dark: "#737373";
-    };
-};
-/**
- * shadcn/ui's default theme (base color `neutral`), converted for React
- * Native. shadcn/ui is Tailwind CSS plus CSS variables, so this is
- * `tailwindCssTheme` (spacing, typography, shadows, the color palette) with
- * shadcn/ui's colors and radii on top, the same layering as a shadcn/ui
- * project's `globals.css`.
- *
- * - Semantic colors use shadcn/ui's names as top-level colors, so styles
- *   read like the class names: `bg-primary text-primary-foreground` is
- *   `themed.view({ backgroundColor: 'primary' })` /
- *   `themed.text({ color: 'primary-foreground' })`. oklch is converted to
- *   hex; translucent dark-mode borders become 8-digit hex.
- * - `radii`: `--radius` (10) and the `radius-sm`…`radius-4xl` scale derived
- *   from it replace Tailwind's, like shadcn/ui's `@theme inline`.
- * - Other base colors: `baseColors.zinc`, … — switch with
- *   `extendTheme(shadcnUiTheme, { semanticTokens: { colors: baseColors.zinc } })`.
- * - Values come from the shadcn/ui registry snapshot in `scripts/registry/`
- *   (`pnpm sync`), converted by `scripts/generate.ts`.
- */
-export declare const shadcnUiTheme: import("@react-native-rethemed/core/config").ThemeConfig;
-export { baseColors, radii };

package/dist/esm/index.js

@@ -1,29 +0,0 @@
-import { extendTheme } from '@react-native-rethemed/core/config';
-import { tailwindCssTheme } from '@react-native-rethemed/tailwind-css-tokens';
-import { baseColors, radii } from './tokens.gen.js';
-/** The default base color's semantic colors (`neutral`). */
-export const semanticColors = baseColors.neutral;
-/**
- * shadcn/ui's default theme (base color `neutral`), converted for React
- * Native. shadcn/ui is Tailwind CSS plus CSS variables, so this is
- * `tailwindCssTheme` (spacing, typography, shadows, the color palette) with
- * shadcn/ui's colors and radii on top, the same layering as a shadcn/ui
- * project's `globals.css`.
- *
- * - Semantic colors use shadcn/ui's names as top-level colors, so styles
- *   read like the class names: `bg-primary text-primary-foreground` is
- *   `themed.view({ backgroundColor: 'primary' })` /
- *   `themed.text({ color: 'primary-foreground' })`. oklch is converted to
- *   hex; translucent dark-mode borders become 8-digit hex.
- * - `radii`: `--radius` (10) and the `radius-sm`…`radius-4xl` scale derived
- *   from it replace Tailwind's, like shadcn/ui's `@theme inline`.
- * - Other base colors: `baseColors.zinc`, … — switch with
- *   `extendTheme(shadcnUiTheme, { semanticTokens: { colors: baseColors.zinc } })`.
- * - Values come from the shadcn/ui registry snapshot in `scripts/registry/`
- *   (`pnpm sync`), converted by `scripts/generate.ts`.
- */
-export const shadcnUiTheme = extendTheme(tailwindCssTheme, {
-    tokens: { radii },
-    semanticTokens: { colors: semanticColors },
-});
-export { baseColors, radii };

package/dist/esm/package.json

@@ -1 +0,0 @@
-{"type":"module"}