@thebasenet/ui 0.1.0

package/dist/tokens/index.d.mts

@@ -0,0 +1,190 @@
+/**
+ * TCN Brand Color Tokens
+ * These mirror the CSS custom properties defined in styles/theme.css.
+ * Use these in JS/TS contexts (e.g. charting libraries, inline styles).
+ */
+declare const primary: {
+    readonly 50: "#edf8e7";
+    readonly 100: "#c8eab6";
+    readonly 200: "#ade092";
+    readonly 300: "#87d261";
+    readonly 400: "#70c942";
+    readonly 500: "#4cbc13";
+    readonly 600: "#45ab11";
+    readonly 700: "#36850d";
+    readonly 800: "#2a670a";
+    readonly 900: "#204f08";
+};
+/** Admin Blue — oklch values as CSS strings (use in CSS contexts) */
+declare const secondary: {
+    readonly 50: "oklch(0.968 0.026 269.8)";
+    readonly 100: "oklch(0.913 0.046 266.9)";
+    readonly 200: "oklch(0.865 0.071 264.4)";
+    readonly 300: "oklch(0.769 0.128 260.8)";
+    readonly 400: "oklch(0.720 0.181 258.1)";
+    readonly 500: "oklch(0.649 0.235 255.7)";
+    readonly 600: "oklch(0.603 0.218 254.4)";
+    readonly 700: "oklch(0.538 0.205 253.6)";
+    readonly 800: "oklch(0.455 0.168 253.2)";
+    readonly 900: "oklch(0.396 0.142 252.8)";
+};
+/** Neutral — warm grey scale */
+declare const neutral: {
+    readonly 50: "oklch(0.94 0.005 262)";
+    readonly 100: "oklch(0.84 0.004 262)";
+    readonly 200: "oklch(0.74 0.004 262)";
+    readonly 300: "oklch(0.61 0.003 262)";
+    readonly 400: "oklch(0.49 0.002 262)";
+    readonly 500: "oklch(0.4 0.001 262)";
+    readonly 600: "oklch(0.34 0.001 262)";
+    readonly 700: "oklch(0.29 0.001 262)";
+    readonly 800: "oklch(0.24 0.001 262)";
+    readonly 900: "oklch(0.18 0.001 262)";
+};
+/** Accent — near-white surface scale */
+declare const accent: {
+    readonly 50: "oklch(0.99 0.002 262)";
+    readonly 100: "oklch(0.975 0.002 262)";
+    readonly 200: "oklch(0.93 0.002 262)";
+    readonly 300: "oklch(0.9 0.002 262)";
+    readonly 400: "oklch(0.87 0.002 262)";
+    readonly 500: "oklch(0.84 0.002 262)";
+    readonly 600: "oklch(0.76 0.002 262)";
+    readonly 700: "oklch(0.66 0.002 262)";
+    readonly 800: "oklch(0.52 0.002 262)";
+    readonly 900: "oklch(0.4 0.002 262)";
+};
+/** Raw brand identity hex values */
+declare const brand: {
+    readonly green: "#4CBC13";
+    readonly blue: "#2F61C4";
+    readonly greenAlt: "#2ABC13";
+};
+declare const colors: {
+    readonly primary: {
+        readonly 50: "#edf8e7";
+        readonly 100: "#c8eab6";
+        readonly 200: "#ade092";
+        readonly 300: "#87d261";
+        readonly 400: "#70c942";
+        readonly 500: "#4cbc13";
+        readonly 600: "#45ab11";
+        readonly 700: "#36850d";
+        readonly 800: "#2a670a";
+        readonly 900: "#204f08";
+    };
+    readonly secondary: {
+        readonly 50: "oklch(0.968 0.026 269.8)";
+        readonly 100: "oklch(0.913 0.046 266.9)";
+        readonly 200: "oklch(0.865 0.071 264.4)";
+        readonly 300: "oklch(0.769 0.128 260.8)";
+        readonly 400: "oklch(0.720 0.181 258.1)";
+        readonly 500: "oklch(0.649 0.235 255.7)";
+        readonly 600: "oklch(0.603 0.218 254.4)";
+        readonly 700: "oklch(0.538 0.205 253.6)";
+        readonly 800: "oklch(0.455 0.168 253.2)";
+        readonly 900: "oklch(0.396 0.142 252.8)";
+    };
+    readonly neutral: {
+        readonly 50: "oklch(0.94 0.005 262)";
+        readonly 100: "oklch(0.84 0.004 262)";
+        readonly 200: "oklch(0.74 0.004 262)";
+        readonly 300: "oklch(0.61 0.003 262)";
+        readonly 400: "oklch(0.49 0.002 262)";
+        readonly 500: "oklch(0.4 0.001 262)";
+        readonly 600: "oklch(0.34 0.001 262)";
+        readonly 700: "oklch(0.29 0.001 262)";
+        readonly 800: "oklch(0.24 0.001 262)";
+        readonly 900: "oklch(0.18 0.001 262)";
+    };
+    readonly accent: {
+        readonly 50: "oklch(0.99 0.002 262)";
+        readonly 100: "oklch(0.975 0.002 262)";
+        readonly 200: "oklch(0.93 0.002 262)";
+        readonly 300: "oklch(0.9 0.002 262)";
+        readonly 400: "oklch(0.87 0.002 262)";
+        readonly 500: "oklch(0.84 0.002 262)";
+        readonly 600: "oklch(0.76 0.002 262)";
+        readonly 700: "oklch(0.66 0.002 262)";
+        readonly 800: "oklch(0.52 0.002 262)";
+        readonly 900: "oklch(0.4 0.002 262)";
+    };
+    readonly brand: {
+        readonly green: "#4CBC13";
+        readonly blue: "#2F61C4";
+        readonly greenAlt: "#2ABC13";
+    };
+};
+
+/**
+ * TCN Typography Tokens
+ * Font family names as used in Tailwind classes and CSS variables.
+ */
+declare const fontFamily: {
+    /** Used for headings and brand text */
+    readonly onest: "var(--font-onest), sans-serif";
+    /** Used for body text */
+    readonly golos: "var(--font-golosText), sans-serif";
+    /** Used in the brand wordmark SVG */
+    readonly coolvetica: "Coolvetica, sans-serif";
+};
+declare const fontSize: {
+    readonly xs: "0.75rem";
+    readonly sm: "0.875rem";
+    readonly base: "1rem";
+    readonly lg: "1.125rem";
+    readonly xl: "1.25rem";
+    readonly "2xl": "1.5rem";
+    readonly "3xl": "1.875rem";
+    readonly "4xl": "2.25rem";
+    readonly "5xl": "3rem";
+};
+declare const fontWeight: {
+    readonly normal: "400";
+    readonly medium: "500";
+    readonly semibold: "600";
+    readonly bold: "700";
+};
+declare const typography: {
+    readonly fontFamily: {
+        /** Used for headings and brand text */
+        readonly onest: "var(--font-onest), sans-serif";
+        /** Used for body text */
+        readonly golos: "var(--font-golosText), sans-serif";
+        /** Used in the brand wordmark SVG */
+        readonly coolvetica: "Coolvetica, sans-serif";
+    };
+    readonly fontSize: {
+        readonly xs: "0.75rem";
+        readonly sm: "0.875rem";
+        readonly base: "1rem";
+        readonly lg: "1.125rem";
+        readonly xl: "1.25rem";
+        readonly "2xl": "1.5rem";
+        readonly "3xl": "1.875rem";
+        readonly "4xl": "2.25rem";
+        readonly "5xl": "3rem";
+    };
+    readonly fontWeight: {
+        readonly normal: "400";
+        readonly medium: "500";
+        readonly semibold: "600";
+        readonly bold: "700";
+    };
+};
+
+/**
+ * TCN Border Radius Tokens
+ * These mirror the --tt-radius-* CSS custom properties.
+ */
+declare const radius: {
+    readonly xxs: "0.125rem";
+    readonly xs: "0.25rem";
+    readonly sm: "0.375rem";
+    readonly md: "0.5rem";
+    readonly lg: "0.75rem";
+    readonly xl: "1rem";
+    readonly full: "9999px";
+};
+
+export { accent, brand, colors, fontFamily, fontSize, fontWeight, neutral, primary, radius, secondary, typography };

package/dist/tokens/index.d.ts

@@ -0,0 +1,190 @@
+/**
+ * TCN Brand Color Tokens
+ * These mirror the CSS custom properties defined in styles/theme.css.
+ * Use these in JS/TS contexts (e.g. charting libraries, inline styles).
+ */
+declare const primary: {
+    readonly 50: "#edf8e7";
+    readonly 100: "#c8eab6";
+    readonly 200: "#ade092";
+    readonly 300: "#87d261";
+    readonly 400: "#70c942";
+    readonly 500: "#4cbc13";
+    readonly 600: "#45ab11";
+    readonly 700: "#36850d";
+    readonly 800: "#2a670a";
+    readonly 900: "#204f08";
+};
+/** Admin Blue — oklch values as CSS strings (use in CSS contexts) */
+declare const secondary: {
+    readonly 50: "oklch(0.968 0.026 269.8)";
+    readonly 100: "oklch(0.913 0.046 266.9)";
+    readonly 200: "oklch(0.865 0.071 264.4)";
+    readonly 300: "oklch(0.769 0.128 260.8)";
+    readonly 400: "oklch(0.720 0.181 258.1)";
+    readonly 500: "oklch(0.649 0.235 255.7)";
+    readonly 600: "oklch(0.603 0.218 254.4)";
+    readonly 700: "oklch(0.538 0.205 253.6)";
+    readonly 800: "oklch(0.455 0.168 253.2)";
+    readonly 900: "oklch(0.396 0.142 252.8)";
+};
+/** Neutral — warm grey scale */
+declare const neutral: {
+    readonly 50: "oklch(0.94 0.005 262)";
+    readonly 100: "oklch(0.84 0.004 262)";
+    readonly 200: "oklch(0.74 0.004 262)";
+    readonly 300: "oklch(0.61 0.003 262)";
+    readonly 400: "oklch(0.49 0.002 262)";
+    readonly 500: "oklch(0.4 0.001 262)";
+    readonly 600: "oklch(0.34 0.001 262)";
+    readonly 700: "oklch(0.29 0.001 262)";
+    readonly 800: "oklch(0.24 0.001 262)";
+    readonly 900: "oklch(0.18 0.001 262)";
+};
+/** Accent — near-white surface scale */
+declare const accent: {
+    readonly 50: "oklch(0.99 0.002 262)";
+    readonly 100: "oklch(0.975 0.002 262)";
+    readonly 200: "oklch(0.93 0.002 262)";
+    readonly 300: "oklch(0.9 0.002 262)";
+    readonly 400: "oklch(0.87 0.002 262)";
+    readonly 500: "oklch(0.84 0.002 262)";
+    readonly 600: "oklch(0.76 0.002 262)";
+    readonly 700: "oklch(0.66 0.002 262)";
+    readonly 800: "oklch(0.52 0.002 262)";
+    readonly 900: "oklch(0.4 0.002 262)";
+};
+/** Raw brand identity hex values */
+declare const brand: {
+    readonly green: "#4CBC13";
+    readonly blue: "#2F61C4";
+    readonly greenAlt: "#2ABC13";
+};
+declare const colors: {
+    readonly primary: {
+        readonly 50: "#edf8e7";
+        readonly 100: "#c8eab6";
+        readonly 200: "#ade092";
+        readonly 300: "#87d261";
+        readonly 400: "#70c942";
+        readonly 500: "#4cbc13";
+        readonly 600: "#45ab11";
+        readonly 700: "#36850d";
+        readonly 800: "#2a670a";
+        readonly 900: "#204f08";
+    };
+    readonly secondary: {
+        readonly 50: "oklch(0.968 0.026 269.8)";
+        readonly 100: "oklch(0.913 0.046 266.9)";
+        readonly 200: "oklch(0.865 0.071 264.4)";
+        readonly 300: "oklch(0.769 0.128 260.8)";
+        readonly 400: "oklch(0.720 0.181 258.1)";
+        readonly 500: "oklch(0.649 0.235 255.7)";
+        readonly 600: "oklch(0.603 0.218 254.4)";
+        readonly 700: "oklch(0.538 0.205 253.6)";
+        readonly 800: "oklch(0.455 0.168 253.2)";
+        readonly 900: "oklch(0.396 0.142 252.8)";
+    };
+    readonly neutral: {
+        readonly 50: "oklch(0.94 0.005 262)";
+        readonly 100: "oklch(0.84 0.004 262)";
+        readonly 200: "oklch(0.74 0.004 262)";
+        readonly 300: "oklch(0.61 0.003 262)";
+        readonly 400: "oklch(0.49 0.002 262)";
+        readonly 500: "oklch(0.4 0.001 262)";
+        readonly 600: "oklch(0.34 0.001 262)";
+        readonly 700: "oklch(0.29 0.001 262)";
+        readonly 800: "oklch(0.24 0.001 262)";
+        readonly 900: "oklch(0.18 0.001 262)";
+    };
+    readonly accent: {
+        readonly 50: "oklch(0.99 0.002 262)";
+        readonly 100: "oklch(0.975 0.002 262)";
+        readonly 200: "oklch(0.93 0.002 262)";
+        readonly 300: "oklch(0.9 0.002 262)";
+        readonly 400: "oklch(0.87 0.002 262)";
+        readonly 500: "oklch(0.84 0.002 262)";
+        readonly 600: "oklch(0.76 0.002 262)";
+        readonly 700: "oklch(0.66 0.002 262)";
+        readonly 800: "oklch(0.52 0.002 262)";
+        readonly 900: "oklch(0.4 0.002 262)";
+    };
+    readonly brand: {
+        readonly green: "#4CBC13";
+        readonly blue: "#2F61C4";
+        readonly greenAlt: "#2ABC13";
+    };
+};
+
+/**
+ * TCN Typography Tokens
+ * Font family names as used in Tailwind classes and CSS variables.
+ */
+declare const fontFamily: {
+    /** Used for headings and brand text */
+    readonly onest: "var(--font-onest), sans-serif";
+    /** Used for body text */
+    readonly golos: "var(--font-golosText), sans-serif";
+    /** Used in the brand wordmark SVG */
+    readonly coolvetica: "Coolvetica, sans-serif";
+};
+declare const fontSize: {
+    readonly xs: "0.75rem";
+    readonly sm: "0.875rem";
+    readonly base: "1rem";
+    readonly lg: "1.125rem";
+    readonly xl: "1.25rem";
+    readonly "2xl": "1.5rem";
+    readonly "3xl": "1.875rem";
+    readonly "4xl": "2.25rem";
+    readonly "5xl": "3rem";
+};
+declare const fontWeight: {
+    readonly normal: "400";
+    readonly medium: "500";
+    readonly semibold: "600";
+    readonly bold: "700";
+};
+declare const typography: {
+    readonly fontFamily: {
+        /** Used for headings and brand text */
+        readonly onest: "var(--font-onest), sans-serif";
+        /** Used for body text */
+        readonly golos: "var(--font-golosText), sans-serif";
+        /** Used in the brand wordmark SVG */
+        readonly coolvetica: "Coolvetica, sans-serif";
+    };
+    readonly fontSize: {
+        readonly xs: "0.75rem";
+        readonly sm: "0.875rem";
+        readonly base: "1rem";
+        readonly lg: "1.125rem";
+        readonly xl: "1.25rem";
+        readonly "2xl": "1.5rem";
+        readonly "3xl": "1.875rem";
+        readonly "4xl": "2.25rem";
+        readonly "5xl": "3rem";
+    };
+    readonly fontWeight: {
+        readonly normal: "400";
+        readonly medium: "500";
+        readonly semibold: "600";
+        readonly bold: "700";
+    };
+};
+
+/**
+ * TCN Border Radius Tokens
+ * These mirror the --tt-radius-* CSS custom properties.
+ */
+declare const radius: {
+    readonly xxs: "0.125rem";
+    readonly xs: "0.25rem";
+    readonly sm: "0.375rem";
+    readonly md: "0.5rem";
+    readonly lg: "0.75rem";
+    readonly xl: "1rem";
+    readonly full: "9999px";
+};
+
+export { accent, brand, colors, fontFamily, fontSize, fontWeight, neutral, primary, radius, secondary, typography };

package/dist/tokens/index.js

@@ -0,0 +1,104 @@
+// src/tokens/colors.ts
+var primary = {
+  50: "#edf8e7",
+  100: "#c8eab6",
+  200: "#ade092",
+  300: "#87d261",
+  400: "#70c942",
+  500: "#4cbc13",
+  600: "#45ab11",
+  700: "#36850d",
+  800: "#2a670a",
+  900: "#204f08"
+};
+var secondary = {
+  50: "oklch(0.968 0.026 269.8)",
+  100: "oklch(0.913 0.046 266.9)",
+  200: "oklch(0.865 0.071 264.4)",
+  300: "oklch(0.769 0.128 260.8)",
+  400: "oklch(0.720 0.181 258.1)",
+  500: "oklch(0.649 0.235 255.7)",
+  600: "oklch(0.603 0.218 254.4)",
+  700: "oklch(0.538 0.205 253.6)",
+  800: "oklch(0.455 0.168 253.2)",
+  900: "oklch(0.396 0.142 252.8)"
+};
+var neutral = {
+  50: "oklch(0.94 0.005 262)",
+  100: "oklch(0.84 0.004 262)",
+  200: "oklch(0.74 0.004 262)",
+  300: "oklch(0.61 0.003 262)",
+  400: "oklch(0.49 0.002 262)",
+  500: "oklch(0.4 0.001 262)",
+  600: "oklch(0.34 0.001 262)",
+  700: "oklch(0.29 0.001 262)",
+  800: "oklch(0.24 0.001 262)",
+  900: "oklch(0.18 0.001 262)"
+};
+var accent = {
+  50: "oklch(0.99 0.002 262)",
+  100: "oklch(0.975 0.002 262)",
+  200: "oklch(0.93 0.002 262)",
+  300: "oklch(0.9 0.002 262)",
+  400: "oklch(0.87 0.002 262)",
+  500: "oklch(0.84 0.002 262)",
+  600: "oklch(0.76 0.002 262)",
+  700: "oklch(0.66 0.002 262)",
+  800: "oklch(0.52 0.002 262)",
+  900: "oklch(0.4 0.002 262)"
+};
+var brand = {
+  green: "#4CBC13",
+  blue: "#2F61C4",
+  greenAlt: "#2ABC13"
+};
+var colors = { primary, secondary, neutral, accent, brand };
+
+// src/tokens/typography.ts
+var fontFamily = {
+  /** Used for headings and brand text */
+  onest: "var(--font-onest), sans-serif",
+  /** Used for body text */
+  golos: "var(--font-golosText), sans-serif",
+  /** Used in the brand wordmark SVG */
+  coolvetica: "Coolvetica, sans-serif"
+};
+var fontSize = {
+  xs: "0.75rem",
+  sm: "0.875rem",
+  base: "1rem",
+  lg: "1.125rem",
+  xl: "1.25rem",
+  "2xl": "1.5rem",
+  "3xl": "1.875rem",
+  "4xl": "2.25rem",
+  "5xl": "3rem"
+};
+var fontWeight = {
+  normal: "400",
+  medium: "500",
+  semibold: "600",
+  bold: "700"
+};
+var typography = { fontFamily, fontSize, fontWeight };
+
+// src/tokens/radius.ts
+var radius = {
+  xxs: "0.125rem",
+  /* 2px */
+  xs: "0.25rem",
+  /* 4px */
+  sm: "0.375rem",
+  /* 6px */
+  md: "0.5rem",
+  /* 8px */
+  lg: "0.75rem",
+  /* 12px */
+  xl: "1rem",
+  /* 16px */
+  full: "9999px"
+};
+
+export { accent, brand, colors, fontFamily, fontSize, fontWeight, neutral, primary, radius, secondary, typography };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/tokens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../mnt/GitHub/tcn-ui/src/tokens/colors.ts","../../mnt/GitHub/tcn-ui/src/tokens/typography.ts","../../mnt/GitHub/tcn-ui/src/tokens/radius.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["/**\n * TCN Brand Color Tokens\n * These mirror the CSS custom properties defined in styles/theme.css.\n * Use these in JS/TS contexts (e.g. charting libraries, inline styles).\n */\n\nexport const primary = {\n  50: \"#edf8e7\",\n  100: \"#c8eab6\",\n  200: \"#ade092\",\n  300: \"#87d261\",\n  400: \"#70c942\",\n  500: \"#4cbc13\",\n  600: \"#45ab11\",\n  700: \"#36850d\",\n  800: \"#2a670a\",\n  900: \"#204f08\",\n} as const;\n\n/** Admin Blue — oklch values as CSS strings (use in CSS contexts) */\nexport const secondary = {\n  50: \"oklch(0.968 0.026 269.8)\",\n  100: \"oklch(0.913 0.046 266.9)\",\n  200: \"oklch(0.865 0.071 264.4)\",\n  300: \"oklch(0.769 0.128 260.8)\",\n  400: \"oklch(0.720 0.181 258.1)\",\n  500: \"oklch(0.649 0.235 255.7)\",\n  600: \"oklch(0.603 0.218 254.4)\",\n  700: \"oklch(0.538 0.205 253.6)\",\n  800: \"oklch(0.455 0.168 253.2)\",\n  900: \"oklch(0.396 0.142 252.8)\",\n} as const;\n\n/** Neutral — warm grey scale */\nexport const neutral = {\n  50: \"oklch(0.94 0.005 262)\",\n  100: \"oklch(0.84 0.004 262)\",\n  200: \"oklch(0.74 0.004 262)\",\n  300: \"oklch(0.61 0.003 262)\",\n  400: \"oklch(0.49 0.002 262)\",\n  500: \"oklch(0.4 0.001 262)\",\n  600: \"oklch(0.34 0.001 262)\",\n  700: \"oklch(0.29 0.001 262)\",\n  800: \"oklch(0.24 0.001 262)\",\n  900: \"oklch(0.18 0.001 262)\",\n} as const;\n\n/** Accent — near-white surface scale */\nexport const accent = {\n  50: \"oklch(0.99 0.002 262)\",\n  100: \"oklch(0.975 0.002 262)\",\n  200: \"oklch(0.93 0.002 262)\",\n  300: \"oklch(0.9 0.002 262)\",\n  400: \"oklch(0.87 0.002 262)\",\n  500: \"oklch(0.84 0.002 262)\",\n  600: \"oklch(0.76 0.002 262)\",\n  700: \"oklch(0.66 0.002 262)\",\n  800: \"oklch(0.52 0.002 262)\",\n  900: \"oklch(0.4 0.002 262)\",\n} as const;\n\n/** Raw brand identity hex values */\nexport const brand = {\n  green: \"#4CBC13\",\n  blue: \"#2F61C4\",\n  greenAlt: \"#2ABC13\",\n} as const;\n\nexport const colors = { primary, secondary, neutral, accent, brand } as const;\n","/**\n * TCN Typography Tokens\n * Font family names as used in Tailwind classes and CSS variables.\n */\n\nexport const fontFamily = {\n  /** Used for headings and brand text */\n  onest: \"var(--font-onest), sans-serif\",\n  /** Used for body text */\n  golos: \"var(--font-golosText), sans-serif\",\n  /** Used in the brand wordmark SVG */\n  coolvetica: \"Coolvetica, sans-serif\",\n} as const;\n\nexport const fontSize = {\n  xs: \"0.75rem\",\n  sm: \"0.875rem\",\n  base: \"1rem\",\n  lg: \"1.125rem\",\n  xl: \"1.25rem\",\n  \"2xl\": \"1.5rem\",\n  \"3xl\": \"1.875rem\",\n  \"4xl\": \"2.25rem\",\n  \"5xl\": \"3rem\",\n} as const;\n\nexport const fontWeight = {\n  normal: \"400\",\n  medium: \"500\",\n  semibold: \"600\",\n  bold: \"700\",\n} as const;\n\nexport const typography = { fontFamily, fontSize, fontWeight } as const;\n","/**\n * TCN Border Radius Tokens\n * These mirror the --tt-radius-* CSS custom properties.\n */\n\nexport const radius = {\n  xxs: \"0.125rem\",  /* 2px */\n  xs: \"0.25rem\",    /* 4px */\n  sm: \"0.375rem\",   /* 6px */\n  md: \"0.5rem\",     /* 8px */\n  lg: \"0.75rem\",    /* 12px */\n  xl: \"1rem\",       /* 16px */\n  full: \"9999px\",\n} as const;\n"]}

package/dist/tokens/index.mjs

@@ -0,0 +1,104 @@
+// mnt/GitHub/tcn-ui/src/tokens/colors.ts
+var primary = {
+  50: "#edf8e7",
+  100: "#c8eab6",
+  200: "#ade092",
+  300: "#87d261",
+  400: "#70c942",
+  500: "#4cbc13",
+  600: "#45ab11",
+  700: "#36850d",
+  800: "#2a670a",
+  900: "#204f08"
+};
+var secondary = {
+  50: "oklch(0.968 0.026 269.8)",
+  100: "oklch(0.913 0.046 266.9)",
+  200: "oklch(0.865 0.071 264.4)",
+  300: "oklch(0.769 0.128 260.8)",
+  400: "oklch(0.720 0.181 258.1)",
+  500: "oklch(0.649 0.235 255.7)",
+  600: "oklch(0.603 0.218 254.4)",
+  700: "oklch(0.538 0.205 253.6)",
+  800: "oklch(0.455 0.168 253.2)",
+  900: "oklch(0.396 0.142 252.8)"
+};
+var neutral = {
+  50: "oklch(0.94 0.005 262)",
+  100: "oklch(0.84 0.004 262)",
+  200: "oklch(0.74 0.004 262)",
+  300: "oklch(0.61 0.003 262)",
+  400: "oklch(0.49 0.002 262)",
+  500: "oklch(0.4 0.001 262)",
+  600: "oklch(0.34 0.001 262)",
+  700: "oklch(0.29 0.001 262)",
+  800: "oklch(0.24 0.001 262)",
+  900: "oklch(0.18 0.001 262)"
+};
+var accent = {
+  50: "oklch(0.99 0.002 262)",
+  100: "oklch(0.975 0.002 262)",
+  200: "oklch(0.93 0.002 262)",
+  300: "oklch(0.9 0.002 262)",
+  400: "oklch(0.87 0.002 262)",
+  500: "oklch(0.84 0.002 262)",
+  600: "oklch(0.76 0.002 262)",
+  700: "oklch(0.66 0.002 262)",
+  800: "oklch(0.52 0.002 262)",
+  900: "oklch(0.4 0.002 262)"
+};
+var brand = {
+  green: "#4CBC13",
+  blue: "#2F61C4",
+  greenAlt: "#2ABC13"
+};
+var colors = { primary, secondary, neutral, accent, brand };
+
+// mnt/GitHub/tcn-ui/src/tokens/typography.ts
+var fontFamily = {
+  /** Used for headings and brand text */
+  onest: "var(--font-onest), sans-serif",
+  /** Used for body text */
+  golos: "var(--font-golosText), sans-serif",
+  /** Used in the brand wordmark SVG */
+  coolvetica: "Coolvetica, sans-serif"
+};
+var fontSize = {
+  xs: "0.75rem",
+  sm: "0.875rem",
+  base: "1rem",
+  lg: "1.125rem",
+  xl: "1.25rem",
+  "2xl": "1.5rem",
+  "3xl": "1.875rem",
+  "4xl": "2.25rem",
+  "5xl": "3rem"
+};
+var fontWeight = {
+  normal: "400",
+  medium: "500",
+  semibold: "600",
+  bold: "700"
+};
+var typography = { fontFamily, fontSize, fontWeight };
+
+// mnt/GitHub/tcn-ui/src/tokens/radius.ts
+var radius = {
+  xxs: "0.125rem",
+  /* 2px */
+  xs: "0.25rem",
+  /* 4px */
+  sm: "0.375rem",
+  /* 6px */
+  md: "0.5rem",
+  /* 8px */
+  lg: "0.75rem",
+  /* 12px */
+  xl: "1rem",
+  /* 16px */
+  full: "9999px"
+};
+
+export { accent, brand, colors, fontFamily, fontSize, fontWeight, neutral, primary, radius, secondary, typography };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/tokens/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../mnt/GitHub/tcn-ui/src/tokens/colors.ts","../../mnt/GitHub/tcn-ui/src/tokens/typography.ts","../../mnt/GitHub/tcn-ui/src/tokens/radius.ts"],"names":[],"mappings":"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","file":"index.mjs","sourcesContent":["/**\n * TCN Brand Color Tokens\n * These mirror the CSS custom properties defined in styles/theme.css.\n * Use these in JS/TS contexts (e.g. charting libraries, inline styles).\n */\n\nexport const primary = {\n  50: \"#edf8e7\",\n  100: \"#c8eab6\",\n  200: \"#ade092\",\n  300: \"#87d261\",\n  400: \"#70c942\",\n  500: \"#4cbc13\",\n  600: \"#45ab11\",\n  700: \"#36850d\",\n  800: \"#2a670a\",\n  900: \"#204f08\",\n} as const;\n\n/** Admin Blue — oklch values as CSS strings (use in CSS contexts) */\nexport const secondary = {\n  50: \"oklch(0.968 0.026 269.8)\",\n  100: \"oklch(0.913 0.046 266.9)\",\n  200: \"oklch(0.865 0.071 264.4)\",\n  300: \"oklch(0.769 0.128 260.8)\",\n  400: \"oklch(0.720 0.181 258.1)\",\n  500: \"oklch(0.649 0.235 255.7)\",\n  600: \"oklch(0.603 0.218 254.4)\",\n  700: \"oklch(0.538 0.205 253.6)\",\n  800: \"oklch(0.455 0.168 253.2)\",\n  900: \"oklch(0.396 0.142 252.8)\",\n} as const;\n\n/** Neutral — warm grey scale */\nexport const neutral = {\n  50: \"oklch(0.94 0.005 262)\",\n  100: \"oklch(0.84 0.004 262)\",\n  200: \"oklch(0.74 0.004 262)\",\n  300: \"oklch(0.61 0.003 262)\",\n  400: \"oklch(0.49 0.002 262)\",\n  500: \"oklch(0.4 0.001 262)\",\n  600: \"oklch(0.34 0.001 262)\",\n  700: \"oklch(0.29 0.001 262)\",\n  800: \"oklch(0.24 0.001 262)\",\n  900: \"oklch(0.18 0.001 262)\",\n} as const;\n\n/** Accent — near-white surface scale */\nexport const accent = {\n  50: \"oklch(0.99 0.002 262)\",\n  100: \"oklch(0.975 0.002 262)\",\n  200: \"oklch(0.93 0.002 262)\",\n  300: \"oklch(0.9 0.002 262)\",\n  400: \"oklch(0.87 0.002 262)\",\n  500: \"oklch(0.84 0.002 262)\",\n  600: \"oklch(0.76 0.002 262)\",\n  700: \"oklch(0.66 0.002 262)\",\n  800: \"oklch(0.52 0.002 262)\",\n  900: \"oklch(0.4 0.002 262)\",\n} as const;\n\n/** Raw brand identity hex values */\nexport const brand = {\n  green: \"#4CBC13\",\n  blue: \"#2F61C4\",\n  greenAlt: \"#2ABC13\",\n} as const;\n\nexport const colors = { primary, secondary, neutral, accent, brand } as const;\n","/**\n * TCN Typography Tokens\n * Font family names as used in Tailwind classes and CSS variables.\n */\n\nexport const fontFamily = {\n  /** Used for headings and brand text */\n  onest: \"var(--font-onest), sans-serif\",\n  /** Used for body text */\n  golos: \"var(--font-golosText), sans-serif\",\n  /** Used in the brand wordmark SVG */\n  coolvetica: \"Coolvetica, sans-serif\",\n} as const;\n\nexport const fontSize = {\n  xs: \"0.75rem\",\n  sm: \"0.875rem\",\n  base: \"1rem\",\n  lg: \"1.125rem\",\n  xl: \"1.25rem\",\n  \"2xl\": \"1.5rem\",\n  \"3xl\": \"1.875rem\",\n  \"4xl\": \"2.25rem\",\n  \"5xl\": \"3rem\",\n} as const;\n\nexport const fontWeight = {\n  normal: \"400\",\n  medium: \"500\",\n  semibold: \"600\",\n  bold: \"700\",\n} as const;\n\nexport const typography = { fontFamily, fontSize, fontWeight } as const;\n","/**\n * TCN Border Radius Tokens\n * These mirror the --tt-radius-* CSS custom properties.\n */\n\nexport const radius = {\n  xxs: \"0.125rem\",  /* 2px */\n  xs: \"0.25rem\",    /* 4px */\n  sm: \"0.375rem\",   /* 6px */\n  md: \"0.5rem\",     /* 8px */\n  lg: \"0.75rem\",    /* 12px */\n  xl: \"1rem\",       /* 16px */\n  full: \"9999px\",\n} as const;\n"]}