radix-native 0.0.1

package/src/tokens/colors/lime.ts

@@ -0,0 +1,28 @@
+// WARNING: Auto-generated — do not edit manually
+// Source: @radix-ui/colors (exact hex values, unmodified)
+// To update: yarn generate:colors
+
+import type { ColorScaleWithModes } from './types'
+
+export const lime: ColorScaleWithModes = {
+  light: {
+    1: '#fcfdfa', 2: '#f8faf3', 3: '#eef6d6', 4: '#e2f0bd',
+    5: '#d3e7a6', 6: '#c2da91', 7: '#abc978', 8: '#8db654',
+    9: '#bdee63', 10: '#b0e64c', 11: '#5c7c2f', 12: '#37401c',
+    a1: '#66990005', a2: '#6b95000c', a3: '#96c80029', a4: '#8fc60042',
+    a5: '#81bb0059', a6: '#72aa006e', a7: '#61990087', a8: '#559200ab',
+    a9: '#93e4009c', a10: '#8fdc00b3', a11: '#375f00d0', a12: '#1e2900e3',
+    contrast: '#21201c', surface: '#f6f9f0cc',
+    indicator: '#bdee63', track: '#bdee63',
+  },
+  dark: {
+    1: '#11130c', 2: '#151a10', 3: '#1f2917', 4: '#29371d',
+    5: '#334423', 6: '#3d522a', 7: '#496231', 8: '#577538',
+    9: '#bdee63', 10: '#d4ff70', 11: '#bde56c', 12: '#e3f7ba',
+    a1: '#11bb0003', a2: '#78f7000a', a3: '#9bfd4c1a', a4: '#a7fe5c29',
+    a5: '#affe6537', a6: '#b2fe6d46', a7: '#b6ff6f57', a8: '#b6fd6d6c',
+    a9: '#caff69ed', a10: '#d4ff70', a11: '#d1fe77e4', a12: '#e9febff7',
+    contrast: '#21201c', surface: '#1b211580',
+    indicator: '#bdee63', track: '#bdee63',
+  },
+}

package/src/tokens/colors/mauve.ts

@@ -0,0 +1,28 @@
+// WARNING: Auto-generated — do not edit manually
+// Source: @radix-ui/colors (exact hex values, unmodified)
+// To update: yarn generate:colors
+
+import type { ColorScaleWithModes } from './types'
+
+export const mauve: ColorScaleWithModes = {
+  light: {
+    1: '#fdfcfd', 2: '#faf9fb', 3: '#f2eff3', 4: '#eae7ec',
+    5: '#e3dfe6', 6: '#dbd8e0', 7: '#d0cdd7', 8: '#bcbac7',
+    9: '#8e8c99', 10: '#84828e', 11: '#65636d', 12: '#211f26',
+    a1: '#55005503', a2: '#2b005506', a3: '#30004010', a4: '#20003618',
+    a5: '#20003820', a6: '#14003527', a7: '#10003332', a8: '#08003145',
+    a9: '#05001d73', a10: '#0500197d', a11: '#0400119c', a12: '#020008e0',
+    contrast: '#ffffff', surface: '#ffffffcc',
+    indicator: '#8e8c99', track: '#8e8c99',
+  },
+  dark: {
+    1: '#121113', 2: '#1a191b', 3: '#232225', 4: '#2b292d',
+    5: '#323035', 6: '#3c393f', 7: '#49474e', 8: '#625f69',
+    9: '#6f6d78', 10: '#7c7a85', 11: '#b5b2bc', 12: '#eeeef0',
+    a1: '#00000000', a2: '#f5f4f609', a3: '#ebeaf814', a4: '#eee5f81d',
+    a5: '#efe6fe25', a6: '#f1e6fd30', a7: '#eee9ff40', a8: '#eee7ff5d',
+    a9: '#eae6fd6e', a10: '#ece9fd7c', a11: '#f5f1ffb7', a12: '#fdfdffef',
+    contrast: '#ffffff', surface: '#22212380',
+    indicator: '#6f6d78', track: '#6f6d78',
+  },
+}

package/src/tokens/colors/mint.ts

@@ -0,0 +1,28 @@
+// WARNING: Auto-generated — do not edit manually
+// Source: @radix-ui/colors (exact hex values, unmodified)
+// To update: yarn generate:colors
+
+import type { ColorScaleWithModes } from './types'
+
+export const mint: ColorScaleWithModes = {
+  light: {
+    1: '#f9fefd', 2: '#f2fbf9', 3: '#ddf9f2', 4: '#c8f4e9',
+    5: '#b3ecde', 6: '#9ce0d0', 7: '#7ecfbd', 8: '#4cbba5',
+    9: '#86ead4', 10: '#7de0cb', 11: '#027864', 12: '#16433c',
+    a1: '#00d5aa06', a2: '#00b18a0d', a3: '#00d29e22', a4: '#00cc9937',
+    a5: '#00c0914c', a6: '#00b08663', a7: '#00a17d81', a8: '#009e7fb3',
+    a9: '#00d3a579', a10: '#00c39982', a11: '#007763fd', a12: '#00312ae9',
+    contrast: '#21201c', surface: '#effaf8cc',
+    indicator: '#86ead4', track: '#86ead4',
+  },
+  dark: {
+    1: '#0e1515', 2: '#0f1b1b', 3: '#092c2b', 4: '#003a38',
+    5: '#004744', 6: '#105650', 7: '#1e685f', 8: '#277f70',
+    9: '#86ead4', 10: '#a8f5e5', 11: '#58d5ba', 12: '#c4f5e1',
+    a1: '#00dede05', a2: '#00f9f90b', a3: '#00fff61d', a4: '#00fff42c',
+    a5: '#00fff23a', a6: '#0effeb4a', a7: '#34fde55e', a8: '#41ffdf76',
+    a9: '#92ffe7e9', a10: '#aefeedf5', a11: '#67ffded2', a12: '#cbfee9f5',
+    contrast: '#21201c', surface: '#15272780',
+    indicator: '#86ead4', track: '#86ead4',
+  },
+}

package/src/tokens/colors/olive.ts

@@ -0,0 +1,28 @@
+// WARNING: Auto-generated — do not edit manually
+// Source: @radix-ui/colors (exact hex values, unmodified)
+// To update: yarn generate:colors
+
+import type { ColorScaleWithModes } from './types'
+
+export const olive: ColorScaleWithModes = {
+  light: {
+    1: '#fcfdfc', 2: '#f8faf8', 3: '#eff1ef', 4: '#e7e9e7',
+    5: '#dfe2df', 6: '#d7dad7', 7: '#cccfcc', 8: '#b9bcb8',
+    9: '#898e87', 10: '#7f847d', 11: '#60655f', 12: '#1d211c',
+    a1: '#00550003', a2: '#00490007', a3: '#00200010', a4: '#00160018',
+    a5: '#00180020', a6: '#00140028', a7: '#000f0033', a8: '#040f0047',
+    a9: '#050f0078', a10: '#040e0082', a11: '#020a00a0', a12: '#010600e3',
+    contrast: '#ffffff', surface: '#ffffffcc',
+    indicator: '#898e87', track: '#898e87',
+  },
+  dark: {
+    1: '#111210', 2: '#181917', 3: '#212220', 4: '#282a27',
+    5: '#2f312e', 6: '#383a36', 7: '#454843', 8: '#5c625b',
+    9: '#687066', 10: '#767d74', 11: '#afb5ad', 12: '#eceeec',
+    a1: '#00000000', a2: '#f1f2f008', a3: '#f4f5f312', a4: '#f3fef21a',
+    a5: '#f2fbf122', a6: '#f4faed2c', a7: '#f2fced3b', a8: '#edfdeb57',
+    a9: '#ebfde766', a10: '#f0fdec74', a11: '#f6fef4b0', a12: '#fdfffded',
+    contrast: '#ffffff', surface: '#1f201e80',
+    indicator: '#687066', track: '#687066',
+  },
+}

package/src/tokens/colors/orange.ts

@@ -0,0 +1,28 @@
+// WARNING: Auto-generated — do not edit manually
+// Source: @radix-ui/colors (exact hex values, unmodified)
+// To update: yarn generate:colors
+
+import type { ColorScaleWithModes } from './types'
+
+export const orange: ColorScaleWithModes = {
+  light: {
+    1: '#fefcfb', 2: '#fff7ed', 3: '#ffefd6', 4: '#ffdfb5',
+    5: '#ffd19a', 6: '#ffc182', 7: '#f5ae73', 8: '#ec9455',
+    9: '#f76b15', 10: '#ef5f00', 11: '#cc4e00', 12: '#582d1d',
+    a1: '#c0400004', a2: '#ff8e0012', a3: '#ff9c0029', a4: '#ff91014a',
+    a5: '#ff8b0065', a6: '#ff81007d', a7: '#ed6c008c', a8: '#e35f00aa',
+    a9: '#f65e00ea', a10: '#ef5f00', a11: '#cc4e00', a12: '#431200e2',
+    contrast: '#ffffff', surface: '#fff5e9cc',
+    indicator: '#f76b15', track: '#f76b15',
+  },
+  dark: {
+    1: '#17120e', 2: '#1e160f', 3: '#331e0b', 4: '#462100',
+    5: '#562800', 6: '#66350c', 7: '#7e451d', 8: '#a35829',
+    9: '#f76b15', 10: '#ff801f', 11: '#ffa057', 12: '#ffe0c2',
+    a1: '#ec360007', a2: '#fe6d000e', a3: '#fb6a0025', a4: '#ff590039',
+    a5: '#ff61004a', a6: '#fd75045c', a7: '#ff832c75', a8: '#fe84389d',
+    a9: '#fe6d15f7', a10: '#ff801f', a11: '#ffa057', a12: '#ffe0c2',
+    contrast: '#ffffff', surface: '#271d1d80',
+    indicator: '#f76b15', track: '#f76b15',
+  },
+}

package/src/tokens/colors/pink.ts

@@ -0,0 +1,28 @@
+// WARNING: Auto-generated — do not edit manually
+// Source: @radix-ui/colors (exact hex values, unmodified)
+// To update: yarn generate:colors
+
+import type { ColorScaleWithModes } from './types'
+
+export const pink: ColorScaleWithModes = {
+  light: {
+    1: '#fffcfe', 2: '#fef7fb', 3: '#fee9f5', 4: '#fbdcef',
+    5: '#f6cee7', 6: '#efbfdd', 7: '#e7acd0', 8: '#dd93c2',
+    9: '#d6409f', 10: '#cf3897', 11: '#c2298a', 12: '#651249',
+    a1: '#ff00aa03', a2: '#e0008008', a3: '#f4008c16', a4: '#e2008b23',
+    a5: '#d1008331', a6: '#c0007840', a7: '#b6006f53', a8: '#af006f6c',
+    a9: '#c8007fbf', a10: '#c2007ac7', a11: '#b60074d6', a12: '#59003bed',
+    contrast: '#ffffff', surface: '#fef5facc',
+    indicator: '#d6409f', track: '#d6409f',
+  },
+  dark: {
+    1: '#191117', 2: '#21121d', 3: '#37172f', 4: '#4b143d',
+    5: '#591c47', 6: '#692955', 7: '#833869', 8: '#a84885',
+    9: '#d6409f', 10: '#de51a8', 11: '#ff8dcc', 12: '#fdd1ea',
+    a1: '#f412bc09', a2: '#f420bb12', a3: '#fe37cc29', a4: '#fc1ec43f',
+    a5: '#fd35c24e', a6: '#fd51c75f', a7: '#fd62c87b', a8: '#ff68c8a2',
+    a9: '#fe49bcd4', a10: '#ff5cc0dc', a11: '#ff8dcc', a12: '#ffd3ecfd',
+    contrast: '#ffffff', surface: '#31132980',
+    indicator: '#d6409f', track: '#d6409f',
+  },
+}

package/src/tokens/colors/plum.ts

@@ -0,0 +1,28 @@
+// WARNING: Auto-generated — do not edit manually
+// Source: @radix-ui/colors (exact hex values, unmodified)
+// To update: yarn generate:colors
+
+import type { ColorScaleWithModes } from './types'
+
+export const plum: ColorScaleWithModes = {
+  light: {
+    1: '#fefcff', 2: '#fdf7fd', 3: '#fbebfb', 4: '#f7def8',
+    5: '#f2d1f3', 6: '#e9c2ec', 7: '#deade3', 8: '#cf91d8',
+    9: '#ab4aba', 10: '#a144af', 11: '#953ea3', 12: '#53195d',
+    a1: '#aa00ff03', a2: '#c000c008', a3: '#cc00cc14', a4: '#c200c921',
+    a5: '#b700bd2e', a6: '#a400b03d', a7: '#9900a852', a8: '#9000a56e',
+    a9: '#89009eb5', a10: '#7f0092bb', a11: '#730086c1', a12: '#40004be6',
+    contrast: '#ffffff', surface: '#fdf5fdcc',
+    indicator: '#ab4aba', track: '#ab4aba',
+  },
+  dark: {
+    1: '#181118', 2: '#201320', 3: '#351a35', 4: '#451d47',
+    5: '#512454', 6: '#5e3061', 7: '#734079', 8: '#92549c',
+    9: '#ab4aba', 10: '#b658c4', 11: '#e796f3', 12: '#f4d4f4',
+    a1: '#f112f108', a2: '#f22ff211', a3: '#fd4cfd27', a4: '#f646ff3a',
+    a5: '#f455ff48', a6: '#f66dff56', a7: '#f07cfd70', a8: '#ee84ff95',
+    a9: '#e961feb6', a10: '#ed70ffc0', a11: '#f19cfef3', a12: '#feddfef4',
+    contrast: '#ffffff', surface: '#2f152f80',
+    indicator: '#ab4aba', track: '#ab4aba',
+  },
+}

package/src/tokens/colors/purple.ts

@@ -0,0 +1,28 @@
+// WARNING: Auto-generated — do not edit manually
+// Source: @radix-ui/colors (exact hex values, unmodified)
+// To update: yarn generate:colors
+
+import type { ColorScaleWithModes } from './types'
+
+export const purple: ColorScaleWithModes = {
+  light: {
+    1: '#fefcfe', 2: '#fbf7fe', 3: '#f7edfe', 4: '#f2e2fc',
+    5: '#ead5f9', 6: '#e0c4f4', 7: '#d1afec', 8: '#be93e4',
+    9: '#8e4ec6', 10: '#8347b9', 11: '#8145b5', 12: '#402060',
+    a1: '#aa00aa03', a2: '#8000e008', a3: '#8e00f112', a4: '#8d00e51d',
+    a5: '#8000db2a', a6: '#7a01d03b', a7: '#6d00c350', a8: '#6600c06c',
+    a9: '#5c00adb1', a10: '#53009eb8', a11: '#52009aba', a12: '#250049df',
+    contrast: '#ffffff', surface: '#faf5fecc',
+    indicator: '#8e4ec6', track: '#8e4ec6',
+  },
+  dark: {
+    1: '#18111b', 2: '#1e1523', 3: '#301c3b', 4: '#3d224e',
+    5: '#48295c', 6: '#54346b', 7: '#664282', 8: '#8457aa',
+    9: '#8e4ec6', 10: '#9a5cd0', 11: '#d19dff', 12: '#ecd9fa',
+    a1: '#b412f90b', a2: '#b744f714', a3: '#c150ff2d', a4: '#bb53fd42',
+    a5: '#be5cfd51', a6: '#c16dfd61', a7: '#c378fd7a', a8: '#c47effa4',
+    a9: '#b661ffc2', a10: '#bc6fffcd', a11: '#d19dff', a12: '#f1ddfffa',
+    contrast: '#ffffff', surface: '#2b173580',
+    indicator: '#8e4ec6', track: '#8e4ec6',
+  },
+}

package/src/tokens/colors/red.ts

@@ -0,0 +1,28 @@
+// WARNING: Auto-generated — do not edit manually
+// Source: @radix-ui/colors (exact hex values, unmodified)
+// To update: yarn generate:colors
+
+import type { ColorScaleWithModes } from './types'
+
+export const red: ColorScaleWithModes = {
+  light: {
+    1: '#fffcfc', 2: '#fff7f7', 3: '#feebec', 4: '#ffdbdc',
+    5: '#ffcdce', 6: '#fdbdbe', 7: '#f4a9aa', 8: '#eb8e90',
+    9: '#e5484d', 10: '#dc3e42', 11: '#ce2c31', 12: '#641723',
+    a1: '#ff000003', a2: '#ff000008', a3: '#f3000d14', a4: '#ff000824',
+    a5: '#ff000632', a6: '#f8000442', a7: '#df000356', a8: '#d2000571',
+    a9: '#db0007b7', a10: '#d10005c1', a11: '#c40006d3', a12: '#55000de8',
+    contrast: '#ffffff', surface: '#fff5f5cc',
+    indicator: '#e5484d', track: '#e5484d',
+  },
+  dark: {
+    1: '#191111', 2: '#201314', 3: '#3b1219', 4: '#500f1c',
+    5: '#611623', 6: '#72232d', 7: '#8c333a', 8: '#b54548',
+    9: '#e5484d', 10: '#ec5d5e', 11: '#ff9592', 12: '#ffd1d9',
+    a1: '#f4121209', a2: '#f22f3e11', a3: '#ff173f2d', a4: '#fe0a3b44',
+    a5: '#ff204756', a6: '#ff3e5668', a7: '#ff536184', a8: '#ff5d61b0',
+    a9: '#fe4e54e4', a10: '#ff6465eb', a11: '#ff9592', a12: '#ffd1d9',
+    contrast: '#ffffff', surface: '#2f151780',
+    indicator: '#e5484d', track: '#e5484d',
+  },
+}

package/src/tokens/colors/ruby.ts

@@ -0,0 +1,28 @@
+// WARNING: Auto-generated — do not edit manually
+// Source: @radix-ui/colors (exact hex values, unmodified)
+// To update: yarn generate:colors
+
+import type { ColorScaleWithModes } from './types'
+
+export const ruby: ColorScaleWithModes = {
+  light: {
+    1: '#fffcfd', 2: '#fff7f8', 3: '#feeaed', 4: '#ffdce1',
+    5: '#ffced6', 6: '#f8bfc8', 7: '#efacb8', 8: '#e592a3',
+    9: '#e54666', 10: '#dc3b5d', 11: '#ca244d', 12: '#64172b',
+    a1: '#ff005503', a2: '#ff002008', a3: '#f3002515', a4: '#ff002523',
+    a5: '#ff002a31', a6: '#e4002440', a7: '#ce002553', a8: '#c300286d',
+    a9: '#db002cb9', a10: '#d2002cc4', a11: '#c10030db', a12: '#550016e8',
+    contrast: '#ffffff', surface: '#fff5f6cc',
+    indicator: '#e54666', track: '#e54666',
+  },
+  dark: {
+    1: '#191113', 2: '#1e1517', 3: '#3a141e', 4: '#4e1325',
+    5: '#5e1a2e', 6: '#6f2539', 7: '#883447', 8: '#b3445a',
+    9: '#e54666', 10: '#ec5a72', 11: '#ff949d', 12: '#fed2e1',
+    a1: '#f4124a09', a2: '#fe5a7f0e', a3: '#ff235d2c', a4: '#fd195e42',
+    a5: '#fe2d6b53', a6: '#ff447665', a7: '#ff577d80', a8: '#ff5c7cae',
+    a9: '#fe4c70e4', a10: '#ff617beb', a11: '#ff949d', a12: '#ffd3e2fe',
+    contrast: '#ffffff', surface: '#2b191d80',
+    indicator: '#e54666', track: '#e54666',
+  },
+}

package/src/tokens/colors/sage.ts

@@ -0,0 +1,28 @@
+// WARNING: Auto-generated — do not edit manually
+// Source: @radix-ui/colors (exact hex values, unmodified)
+// To update: yarn generate:colors
+
+import type { ColorScaleWithModes } from './types'
+
+export const sage: ColorScaleWithModes = {
+  light: {
+    1: '#fbfdfc', 2: '#f7f9f8', 3: '#eef1f0', 4: '#e6e9e8',
+    5: '#dfe2e0', 6: '#d7dad9', 7: '#cbcfcd', 8: '#b8bcba',
+    9: '#868e8b', 10: '#7c8481', 11: '#5f6563', 12: '#1a211e',
+    a1: '#00804004', a2: '#00402008', a3: '#002d1e11', a4: '#001f1519',
+    a5: '#00180820', a6: '#00140d28', a7: '#00140a34', a8: '#000f0847',
+    a9: '#00110b79', a10: '#00100a83', a11: '#000a07a0', a12: '#000805e5',
+    contrast: '#ffffff', surface: '#ffffffcc',
+    indicator: '#868e8b', track: '#868e8b',
+  },
+  dark: {
+    1: '#101211', 2: '#171918', 3: '#202221', 4: '#272a29',
+    5: '#2e3130', 6: '#373b39', 7: '#444947', 8: '#5b625f',
+    9: '#63706b', 10: '#717d79', 11: '#adb5b2', 12: '#eceeed',
+    a1: '#00000000', a2: '#f0f2f108', a3: '#f3f5f412', a4: '#f2fefd1a',
+    a5: '#f1fbfa22', a6: '#edfbf42d', a7: '#edfcf73c', a8: '#ebfdf657',
+    a9: '#dffdf266', a10: '#e5fdf674', a11: '#f4fefbb0', a12: '#fdfffeed',
+    contrast: '#ffffff', surface: '#1e201f80',
+    indicator: '#63706b', track: '#63706b',
+  },
+}

package/src/tokens/colors/sand.ts

@@ -0,0 +1,28 @@
+// WARNING: Auto-generated — do not edit manually
+// Source: @radix-ui/colors (exact hex values, unmodified)
+// To update: yarn generate:colors
+
+import type { ColorScaleWithModes } from './types'
+
+export const sand: ColorScaleWithModes = {
+  light: {
+    1: '#fdfdfc', 2: '#f9f9f8', 3: '#f1f0ef', 4: '#e9e8e6',
+    5: '#e2e1de', 6: '#dad9d6', 7: '#cfceca', 8: '#bcbbb5',
+    9: '#8d8d86', 10: '#82827c', 11: '#63635e', 12: '#21201c',
+    a1: '#55550003', a2: '#25250007', a3: '#20100010', a4: '#1f150019',
+    a5: '#1f180021', a6: '#19130029', a7: '#19140035', a8: '#1915014a',
+    a9: '#0f0f0079', a10: '#0c0c0083', a11: '#080800a1', a12: '#060500e3',
+    contrast: '#ffffff', surface: '#ffffffcc',
+    indicator: '#8d8d86', track: '#8d8d86',
+  },
+  dark: {
+    1: '#111110', 2: '#191918', 3: '#222221', 4: '#2a2a28',
+    5: '#31312e', 6: '#3b3a37', 7: '#494844', 8: '#62605b',
+    9: '#6f6d66', 10: '#7c7b74', 11: '#b5b3ad', 12: '#eeeeec',
+    a1: '#00000000', a2: '#f4f4f309', a3: '#f6f6f513', a4: '#fefef31b',
+    a5: '#fbfbeb23', a6: '#fffaed2d', a7: '#fffbed3c', a8: '#fff9eb57',
+    a9: '#fffae965', a10: '#fffdee73', a11: '#fffcf4b0', a12: '#fffffded',
+    contrast: '#ffffff', surface: '#21212080',
+    indicator: '#6f6d66', track: '#6f6d66',
+  },
+}

package/src/tokens/colors/sky.ts

@@ -0,0 +1,28 @@
+// WARNING: Auto-generated — do not edit manually
+// Source: @radix-ui/colors (exact hex values, unmodified)
+// To update: yarn generate:colors
+
+import type { ColorScaleWithModes } from './types'
+
+export const sky: ColorScaleWithModes = {
+  light: {
+    1: '#f9feff', 2: '#f1fafd', 3: '#e1f6fd', 4: '#d1f0fa',
+    5: '#bee7f5', 6: '#a9daed', 7: '#8dcae3', 8: '#60b3d7',
+    9: '#7ce2fe', 10: '#74daf8', 11: '#00749e', 12: '#1d3e56',
+    a1: '#00d5ff06', a2: '#00a4db0e', a3: '#00b3ee1e', a4: '#00ace42e',
+    a5: '#00a1d841', a6: '#0092ca56', a7: '#0089c172', a8: '#0085bf9f',
+    a9: '#00c7fe83', a10: '#00bcf38b', a11: '#00749e', a12: '#002540e2',
+    contrast: '#21201c', surface: '#eef9fdcc',
+    indicator: '#7ce2fe', track: '#7ce2fe',
+  },
+  dark: {
+    1: '#0d141f', 2: '#111a27', 3: '#112840', 4: '#113555',
+    5: '#154467', 6: '#1b537b', 7: '#1f6692', 8: '#197cae',
+    9: '#7ce2fe', 10: '#a8eeff', 11: '#75c7f0', 12: '#c2f3ff',
+    a1: '#0044ff0f', a2: '#1171fb18', a3: '#1184fc33', a4: '#128fff49',
+    a5: '#1c9dfd5d', a6: '#28a5ff72', a7: '#2badfe8b', a8: '#1db2fea9',
+    a9: '#7ce3fffe', a10: '#a8eeff', a11: '#7cd3ffef', a12: '#c2f3ff',
+    contrast: '#21201c', surface: '#13233b80',
+    indicator: '#7ce2fe', track: '#7ce2fe',
+  },
+}

package/src/tokens/colors/slate.ts

@@ -0,0 +1,28 @@
+// WARNING: Auto-generated — do not edit manually
+// Source: @radix-ui/colors (exact hex values, unmodified)
+// To update: yarn generate:colors
+
+import type { ColorScaleWithModes } from './types'
+
+export const slate: ColorScaleWithModes = {
+  light: {
+    1: '#fcfcfd', 2: '#f9f9fb', 3: '#f0f0f3', 4: '#e8e8ec',
+    5: '#e0e1e6', 6: '#d9d9e0', 7: '#cdced6', 8: '#b9bbc6',
+    9: '#8b8d98', 10: '#80838d', 11: '#60646c', 12: '#1c2024',
+    a1: '#00005503', a2: '#00005506', a3: '#0000330f', a4: '#00002d17',
+    a5: '#0009321f', a6: '#00002f26', a7: '#00062e32', a8: '#00083046',
+    a9: '#00051d74', a10: '#00071b7f', a11: '#0007149f', a12: '#000509e3',
+    contrast: '#ffffff', surface: '#ffffffcc',
+    indicator: '#8b8d98', track: '#8b8d98',
+  },
+  dark: {
+    1: '#111113', 2: '#18191b', 3: '#212225', 4: '#272a2d',
+    5: '#2e3135', 6: '#363a3f', 7: '#43484e', 8: '#5a6169',
+    9: '#696e77', 10: '#777b84', 11: '#b0b4ba', 12: '#edeef0',
+    a1: '#00000000', a2: '#d8f4f609', a3: '#ddeaf814', a4: '#d3edf81d',
+    a5: '#d9edfe25', a6: '#d6ebfd30', a7: '#d9edff40', a8: '#d9edff5d',
+    a9: '#dfebfd6d', a10: '#e5edfd7b', a11: '#f1f7feb5', a12: '#fcfdffef',
+    contrast: '#ffffff', surface: '#1f212380',
+    indicator: '#696e77', track: '#696e77',
+  },
+}

package/src/tokens/colors/teal.ts

@@ -0,0 +1,28 @@
+// WARNING: Auto-generated — do not edit manually
+// Source: @radix-ui/colors (exact hex values, unmodified)
+// To update: yarn generate:colors
+
+import type { ColorScaleWithModes } from './types'
+
+export const teal: ColorScaleWithModes = {
+  light: {
+    1: '#fafefd', 2: '#f3fbf9', 3: '#e0f8f3', 4: '#ccf3ea',
+    5: '#b8eae0', 6: '#a1ded2', 7: '#83cdc1', 8: '#53b9ab',
+    9: '#12a594', 10: '#0d9b8a', 11: '#008573', 12: '#0d3d38',
+    a1: '#00cc9905', a2: '#00aa800c', a3: '#00c69d1f', a4: '#00c39633',
+    a5: '#00b49047', a6: '#00a6855e', a7: '#0099807c', a8: '#009783ac',
+    a9: '#009e8ced', a10: '#009684f2', a11: '#008573', a12: '#00332df2',
+    contrast: '#ffffff', surface: '#f0faf8cc',
+    indicator: '#12a594', track: '#12a594',
+  },
+  dark: {
+    1: '#0d1514', 2: '#111c1b', 3: '#0d2d2a', 4: '#023b37',
+    5: '#084843', 6: '#145750', 7: '#1c6961', 8: '#207e73',
+    9: '#12a594', 10: '#0eb39e', 11: '#0bd8b6', 12: '#adf0dd',
+    a1: '#00deab05', a2: '#12fbe60c', a3: '#00ffe61e', a4: '#00ffe92d',
+    a5: '#00ffea3b', a6: '#1cffe84b', a7: '#2efde85f', a8: '#32ffe775',
+    a9: '#13ffe49f', a10: '#0dffe0ae', a11: '#0afed5d6', a12: '#b8ffebef',
+    contrast: '#ffffff', surface: '#13272580',
+    indicator: '#12a594', track: '#12a594',
+  },
+}

package/src/tokens/colors/tomato.ts

@@ -0,0 +1,28 @@
+// WARNING: Auto-generated — do not edit manually
+// Source: @radix-ui/colors (exact hex values, unmodified)
+// To update: yarn generate:colors
+
+import type { ColorScaleWithModes } from './types'
+
+export const tomato: ColorScaleWithModes = {
+  light: {
+    1: '#fffcfc', 2: '#fff8f7', 3: '#feebe7', 4: '#ffdcd3',
+    5: '#ffcdc2', 6: '#fdbdaf', 7: '#f5a898', 8: '#ec8e7b',
+    9: '#e54d2e', 10: '#dd4425', 11: '#d13415', 12: '#5c271f',
+    a1: '#ff000003', a2: '#ff200008', a3: '#f52b0018', a4: '#ff35002c',
+    a5: '#ff2e003d', a6: '#f92d0050', a7: '#e7280067', a8: '#db250084',
+    a9: '#df2600d1', a10: '#d72400da', a11: '#cd2200ea', a12: '#460900e0',
+    contrast: '#ffffff', surface: '#fff6f5cc',
+    indicator: '#e54d2e', track: '#e54d2e',
+  },
+  dark: {
+    1: '#181111', 2: '#1f1513', 3: '#391714', 4: '#4e1511',
+    5: '#5e1c16', 6: '#6e2920', 7: '#853a2d', 8: '#ac4d39',
+    9: '#e54d2e', 10: '#ec6142', 11: '#ff977d', 12: '#fbd3cb',
+    a1: '#f1121208', a2: '#ff55330f', a3: '#ff35232b', a4: '#fd201142',
+    a5: '#fe332153', a6: '#ff4f3864', a7: '#fd644a7d', a8: '#fe6d4ea7',
+    a9: '#fe5431e4', a10: '#ff6847eb', a11: '#ff977d', a12: '#ffd6cefb',
+    contrast: '#ffffff', surface: '#2d191580',
+    indicator: '#e54d2e', track: '#e54d2e',
+  },
+}

package/src/tokens/colors/types.ts

@@ -0,0 +1,69 @@
+export interface ColorScale {
+  1: string
+  2: string
+  3: string
+  4: string
+  5: string
+  6: string
+  7: string
+  8: string
+  9: string
+  10: string
+  11: string
+  12: string
+  a1: string
+  a2: string
+  a3: string
+  a4: string
+  a5: string
+  a6: string
+  a7: string
+  a8: string
+  a9: string
+  a10: string
+  a11: string
+  a12: string
+  /** Text color with sufficient contrast over step 9 background (APCA, hardcoded by Radix) */
+  contrast: string
+  /** Translucent tinted surface background */
+  surface: string
+  /** Alias for step 9 — used by Slider and Progress components */
+  indicator: string
+  /** Alias for step 9 — used by Slider and Progress components */
+  track: string
+}
+
+export interface ColorScaleWithModes {
+  light: ColorScale
+  dark: ColorScale
+}
+
+export type AccentColor =
+  | 'gray'
+  | 'gold'
+  | 'bronze'
+  | 'brown'
+  | 'yellow'
+  | 'amber'
+  | 'orange'
+  | 'tomato'
+  | 'red'
+  | 'ruby'
+  | 'crimson'
+  | 'pink'
+  | 'plum'
+  | 'purple'
+  | 'violet'
+  | 'iris'
+  | 'indigo'
+  | 'blue'
+  | 'cyan'
+  | 'teal'
+  | 'jade'
+  | 'green'
+  | 'grass'
+  | 'lime'
+  | 'mint'
+  | 'sky'
+
+export type GrayColor = 'gray' | 'mauve' | 'slate' | 'sage' | 'olive' | 'sand'

package/src/tokens/colors/violet.ts

@@ -0,0 +1,28 @@
+// WARNING: Auto-generated — do not edit manually
+// Source: @radix-ui/colors (exact hex values, unmodified)
+// To update: yarn generate:colors
+
+import type { ColorScaleWithModes } from './types'
+
+export const violet: ColorScaleWithModes = {
+  light: {
+    1: '#fdfcfe', 2: '#faf8ff', 3: '#f4f0fe', 4: '#ebe4ff',
+    5: '#e1d9ff', 6: '#d4cafe', 7: '#c2b5f5', 8: '#aa99ec',
+    9: '#6e56cf', 10: '#654dc4', 11: '#6550b9', 12: '#2f265f',
+    a1: '#5500aa03', a2: '#4900ff07', a3: '#4400ee0f', a4: '#4300ff1b',
+    a5: '#3600ff26', a6: '#3100fb35', a7: '#2d01dd4a', a8: '#2b00d066',
+    a9: '#2400b7a9', a10: '#2300abb2', a11: '#1f0099af', a12: '#0b0043d9',
+    contrast: '#ffffff', surface: '#f9f6ffcc',
+    indicator: '#6e56cf', track: '#6e56cf',
+  },
+  dark: {
+    1: '#14121f', 2: '#1b1525', 3: '#291f43', 4: '#33255b',
+    5: '#3c2e69', 6: '#473876', 7: '#56468b', 8: '#6958ad',
+    9: '#6e56cf', 10: '#7d66d9', 11: '#baa7ff', 12: '#e2ddfe',
+    a1: '#4422ff0f', a2: '#853ff916', a3: '#8354fe36', a4: '#7d51fd50',
+    a5: '#845ffd5f', a6: '#8f6cfd6d', a7: '#9879ff83', a8: '#977dfea8',
+    a9: '#8668ffcc', a10: '#9176fed7', a11: '#baa7ff', a12: '#e3defffe',
+    contrast: '#ffffff', surface: '#25193980',
+    indicator: '#6e56cf', track: '#6e56cf',
+  },
+}

package/src/tokens/colors/yellow.ts

@@ -0,0 +1,28 @@
+// WARNING: Auto-generated — do not edit manually
+// Source: @radix-ui/colors (exact hex values, unmodified)
+// To update: yarn generate:colors
+
+import type { ColorScaleWithModes } from './types'
+
+export const yellow: ColorScaleWithModes = {
+  light: {
+    1: '#fdfdf9', 2: '#fefce9', 3: '#fffab8', 4: '#fff394',
+    5: '#ffe770', 6: '#f3d768', 7: '#e4c767', 8: '#d5ae39',
+    9: '#ffe629', 10: '#ffdc00', 11: '#9e6c00', 12: '#473b1f',
+    a1: '#aaaa0006', a2: '#f4dd0016', a3: '#ffee0047', a4: '#ffe3016b',
+    a5: '#ffd5008f', a6: '#ebbc0097', a7: '#d2a10098', a8: '#c99700c6',
+    a9: '#ffe100d6', a10: '#ffdc00', a11: '#9e6c00', a12: '#2e2000e0',
+    contrast: '#21201c', surface: '#fefbe4cc',
+    indicator: '#ffe629', track: '#ffe629',
+  },
+  dark: {
+    1: '#14120b', 2: '#1b180f', 3: '#2d2305', 4: '#362b00',
+    5: '#433500', 6: '#524202', 7: '#665417', 8: '#836a21',
+    9: '#ffe629', 10: '#ffff57', 11: '#f5e147', 12: '#f6eeb4',
+    a1: '#d1510004', a2: '#f9b4000b', a3: '#ffaa001e', a4: '#fdb70028',
+    a5: '#febb0036', a6: '#fec40046', a7: '#fdcb225c', a8: '#fdca327b',
+    a9: '#ffe629', a10: '#ffff57', a11: '#fee949f5', a12: '#fef6baf6',
+    contrast: '#21201c', surface: '#231f1380',
+    indicator: '#ffe629', track: '#ffe629',
+  },
+}

package/src/tokens/index.ts

@@ -0,0 +1,5 @@
+export { space, type SpaceToken } from './spacing'
+export { fontSize, lineHeight, letterSpacingEm, type FontSizeToken } from './typography'
+export { getRadius, getFullRadius, type RadiusToken, type RadiusLevel } from './radius'
+export { scalingMap, type ScalingMode } from './scaling'
+export type { ColorScale, ColorScaleWithModes, AccentColor, GrayColor } from './colors/types'