@drjoshcsimmons/scl 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (301) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +73 -0
  3. package/dist/components/ui/accordion/accordion.d.ts +8 -0
  4. package/dist/components/ui/accordion/accordion.d.ts.map +1 -0
  5. package/dist/components/ui/accordion/index.d.ts +2 -0
  6. package/dist/components/ui/accordion/index.d.ts.map +1 -0
  7. package/dist/components/ui/alert/alert.d.ts +9 -0
  8. package/dist/components/ui/alert/alert.d.ts.map +1 -0
  9. package/dist/components/ui/alert/index.d.ts +2 -0
  10. package/dist/components/ui/alert/index.d.ts.map +1 -0
  11. package/dist/components/ui/alert-dialog/alert-dialog.d.ts +21 -0
  12. package/dist/components/ui/alert-dialog/alert-dialog.d.ts.map +1 -0
  13. package/dist/components/ui/alert-dialog/index.d.ts +2 -0
  14. package/dist/components/ui/alert-dialog/index.d.ts.map +1 -0
  15. package/dist/components/ui/avatar/avatar.d.ts +7 -0
  16. package/dist/components/ui/avatar/avatar.d.ts.map +1 -0
  17. package/dist/components/ui/avatar/index.d.ts +2 -0
  18. package/dist/components/ui/avatar/index.d.ts.map +1 -0
  19. package/dist/components/ui/badge/badge.d.ts +10 -0
  20. package/dist/components/ui/badge/badge.d.ts.map +1 -0
  21. package/dist/components/ui/badge/index.d.ts +2 -0
  22. package/dist/components/ui/badge/index.d.ts.map +1 -0
  23. package/dist/components/ui/button/button.d.ts +12 -0
  24. package/dist/components/ui/button/button.d.ts.map +1 -0
  25. package/dist/components/ui/button/index.d.ts +2 -0
  26. package/dist/components/ui/button/index.d.ts.map +1 -0
  27. package/dist/components/ui/card/card.d.ts +9 -0
  28. package/dist/components/ui/card/card.d.ts.map +1 -0
  29. package/dist/components/ui/card/index.d.ts +2 -0
  30. package/dist/components/ui/card/index.d.ts.map +1 -0
  31. package/dist/components/ui/checkbox/checkbox.d.ts +5 -0
  32. package/dist/components/ui/checkbox/checkbox.d.ts.map +1 -0
  33. package/dist/components/ui/checkbox/index.d.ts +2 -0
  34. package/dist/components/ui/checkbox/index.d.ts.map +1 -0
  35. package/dist/components/ui/collapsible/collapsible.d.ts +6 -0
  36. package/dist/components/ui/collapsible/collapsible.d.ts.map +1 -0
  37. package/dist/components/ui/collapsible/index.d.ts +2 -0
  38. package/dist/components/ui/collapsible/index.d.ts.map +1 -0
  39. package/dist/components/ui/dialog/dialog.d.ts +20 -0
  40. package/dist/components/ui/dialog/dialog.d.ts.map +1 -0
  41. package/dist/components/ui/dialog/index.d.ts +2 -0
  42. package/dist/components/ui/dialog/index.d.ts.map +1 -0
  43. package/dist/components/ui/dithered-image/dithered-image.d.ts +17 -0
  44. package/dist/components/ui/dithered-image/dithered-image.d.ts.map +1 -0
  45. package/dist/components/ui/dithered-image/index.d.ts +3 -0
  46. package/dist/components/ui/dithered-image/index.d.ts.map +1 -0
  47. package/dist/components/ui/dropdown-menu/dropdown-menu.d.ts +28 -0
  48. package/dist/components/ui/dropdown-menu/dropdown-menu.d.ts.map +1 -0
  49. package/dist/components/ui/dropdown-menu/index.d.ts +2 -0
  50. package/dist/components/ui/dropdown-menu/index.d.ts.map +1 -0
  51. package/dist/components/ui/input/index.d.ts +2 -0
  52. package/dist/components/ui/input/index.d.ts.map +1 -0
  53. package/dist/components/ui/input/input.d.ts +5 -0
  54. package/dist/components/ui/input/input.d.ts.map +1 -0
  55. package/dist/components/ui/label/index.d.ts +2 -0
  56. package/dist/components/ui/label/index.d.ts.map +1 -0
  57. package/dist/components/ui/label/label.d.ts +6 -0
  58. package/dist/components/ui/label/label.d.ts.map +1 -0
  59. package/dist/components/ui/popover/index.d.ts +2 -0
  60. package/dist/components/ui/popover/index.d.ts.map +1 -0
  61. package/dist/components/ui/popover/popover.d.ts +8 -0
  62. package/dist/components/ui/popover/popover.d.ts.map +1 -0
  63. package/dist/components/ui/progress/index.d.ts +2 -0
  64. package/dist/components/ui/progress/index.d.ts.map +1 -0
  65. package/dist/components/ui/progress/progress.d.ts +19 -0
  66. package/dist/components/ui/progress/progress.d.ts.map +1 -0
  67. package/dist/components/ui/radio-group/index.d.ts +2 -0
  68. package/dist/components/ui/radio-group/index.d.ts.map +1 -0
  69. package/dist/components/ui/radio-group/radio-group.d.ts +6 -0
  70. package/dist/components/ui/radio-group/radio-group.d.ts.map +1 -0
  71. package/dist/components/ui/scroll-area/index.d.ts +2 -0
  72. package/dist/components/ui/scroll-area/index.d.ts.map +1 -0
  73. package/dist/components/ui/scroll-area/scroll-area.d.ts +6 -0
  74. package/dist/components/ui/scroll-area/scroll-area.d.ts.map +1 -0
  75. package/dist/components/ui/select/index.d.ts +2 -0
  76. package/dist/components/ui/select/index.d.ts.map +1 -0
  77. package/dist/components/ui/select/select.d.ts +14 -0
  78. package/dist/components/ui/select/select.d.ts.map +1 -0
  79. package/dist/components/ui/separator/index.d.ts +2 -0
  80. package/dist/components/ui/separator/index.d.ts.map +1 -0
  81. package/dist/components/ui/separator/separator.d.ts +5 -0
  82. package/dist/components/ui/separator/separator.d.ts.map +1 -0
  83. package/dist/components/ui/sheet/index.d.ts +2 -0
  84. package/dist/components/ui/sheet/index.d.ts.map +1 -0
  85. package/dist/components/ui/sheet/sheet.d.ts +26 -0
  86. package/dist/components/ui/sheet/sheet.d.ts.map +1 -0
  87. package/dist/components/ui/skeleton/index.d.ts +2 -0
  88. package/dist/components/ui/skeleton/index.d.ts.map +1 -0
  89. package/dist/components/ui/skeleton/skeleton.d.ts +3 -0
  90. package/dist/components/ui/skeleton/skeleton.d.ts.map +1 -0
  91. package/dist/components/ui/slider/index.d.ts +2 -0
  92. package/dist/components/ui/slider/index.d.ts.map +1 -0
  93. package/dist/components/ui/slider/slider.d.ts +5 -0
  94. package/dist/components/ui/slider/slider.d.ts.map +1 -0
  95. package/dist/components/ui/statusline/index.d.ts +2 -0
  96. package/dist/components/ui/statusline/index.d.ts.map +1 -0
  97. package/dist/components/ui/statusline/statusline.d.ts +40 -0
  98. package/dist/components/ui/statusline/statusline.d.ts.map +1 -0
  99. package/dist/components/ui/switch/index.d.ts +2 -0
  100. package/dist/components/ui/switch/index.d.ts.map +1 -0
  101. package/dist/components/ui/switch/switch.d.ts +5 -0
  102. package/dist/components/ui/switch/switch.d.ts.map +1 -0
  103. package/dist/components/ui/table/index.d.ts +2 -0
  104. package/dist/components/ui/table/index.d.ts.map +1 -0
  105. package/dist/components/ui/table/table.d.ts +11 -0
  106. package/dist/components/ui/table/table.d.ts.map +1 -0
  107. package/dist/components/ui/tabs/index.d.ts +2 -0
  108. package/dist/components/ui/tabs/index.d.ts.map +1 -0
  109. package/dist/components/ui/tabs/tabs.d.ts +8 -0
  110. package/dist/components/ui/tabs/tabs.d.ts.map +1 -0
  111. package/dist/components/ui/terminal-textarea/index.d.ts +2 -0
  112. package/dist/components/ui/terminal-textarea/index.d.ts.map +1 -0
  113. package/dist/components/ui/terminal-textarea/terminal-textarea.d.ts +27 -0
  114. package/dist/components/ui/terminal-textarea/terminal-textarea.d.ts.map +1 -0
  115. package/dist/components/ui/textarea/index.d.ts +2 -0
  116. package/dist/components/ui/textarea/index.d.ts.map +1 -0
  117. package/dist/components/ui/textarea/textarea.d.ts +5 -0
  118. package/dist/components/ui/textarea/textarea.d.ts.map +1 -0
  119. package/dist/components/ui/toggle/index.d.ts +2 -0
  120. package/dist/components/ui/toggle/index.d.ts.map +1 -0
  121. package/dist/components/ui/toggle/toggle.d.ts +13 -0
  122. package/dist/components/ui/toggle/toggle.d.ts.map +1 -0
  123. package/dist/components/ui/tooltip/index.d.ts +2 -0
  124. package/dist/components/ui/tooltip/index.d.ts.map +1 -0
  125. package/dist/components/ui/tooltip/tooltip.d.ts +11 -0
  126. package/dist/components/ui/tooltip/tooltip.d.ts.map +1 -0
  127. package/dist/index.d.ts +34 -0
  128. package/dist/index.d.ts.map +1 -0
  129. package/dist/index.js +165 -0
  130. package/dist/index10.js +61 -0
  131. package/dist/index100.js +32 -0
  132. package/dist/index101.js +17 -0
  133. package/dist/index102.js +137 -0
  134. package/dist/index103.js +52 -0
  135. package/dist/index104.js +11 -0
  136. package/dist/index105.js +6 -0
  137. package/dist/index106.js +183 -0
  138. package/dist/index107.js +652 -0
  139. package/dist/index108.js +109 -0
  140. package/dist/index109.js +93 -0
  141. package/dist/index11.js +27 -0
  142. package/dist/index110.js +69 -0
  143. package/dist/index111.js +161 -0
  144. package/dist/index112.js +399 -0
  145. package/dist/index113.js +1682 -0
  146. package/dist/index114.js +280 -0
  147. package/dist/index115.js +134 -0
  148. package/dist/index116.js +34 -0
  149. package/dist/index117.js +1613 -0
  150. package/dist/index118.js +300 -0
  151. package/dist/index119.js +637 -0
  152. package/dist/index12.js +7 -0
  153. package/dist/index120.js +146 -0
  154. package/dist/index121.js +23 -0
  155. package/dist/index122.js +11 -0
  156. package/dist/index123.js +40 -0
  157. package/dist/index124.js +20 -0
  158. package/dist/index125.js +8 -0
  159. package/dist/index126.js +14 -0
  160. package/dist/index127.js +208 -0
  161. package/dist/index128.js +24 -0
  162. package/dist/index129.js +402 -0
  163. package/dist/index13.js +100 -0
  164. package/dist/index130.js +1308 -0
  165. package/dist/index131.js +620 -0
  166. package/dist/index132.js +4 -0
  167. package/dist/index133.js +55 -0
  168. package/dist/index134.js +67 -0
  169. package/dist/index135.js +27 -0
  170. package/dist/index136.js +31 -0
  171. package/dist/index137.js +7 -0
  172. package/dist/index138.js +4 -0
  173. package/dist/index139.js +4 -0
  174. package/dist/index14.js +226 -0
  175. package/dist/index140.js +7 -0
  176. package/dist/index141.js +5 -0
  177. package/dist/index142.js +26 -0
  178. package/dist/index143.js +115 -0
  179. package/dist/index144.js +18 -0
  180. package/dist/index145.js +527 -0
  181. package/dist/index146.js +130 -0
  182. package/dist/index147.js +136 -0
  183. package/dist/index148.js +67 -0
  184. package/dist/index149.js +71 -0
  185. package/dist/index15.js +146 -0
  186. package/dist/index150.js +11 -0
  187. package/dist/index151.js +16 -0
  188. package/dist/index152.js +68 -0
  189. package/dist/index153.js +6 -0
  190. package/dist/index154.js +25 -0
  191. package/dist/index155.js +25 -0
  192. package/dist/index156.js +15 -0
  193. package/dist/index157.js +30 -0
  194. package/dist/index158.js +7 -0
  195. package/dist/index16.js +21 -0
  196. package/dist/index17.js +19 -0
  197. package/dist/index18.js +24 -0
  198. package/dist/index19.js +58 -0
  199. package/dist/index2.js +8 -0
  200. package/dist/index20.js +31 -0
  201. package/dist/index21.js +38 -0
  202. package/dist/index22.js +123 -0
  203. package/dist/index23.js +24 -0
  204. package/dist/index24.js +72 -0
  205. package/dist/index25.js +17 -0
  206. package/dist/index26.js +34 -0
  207. package/dist/index27.js +81 -0
  208. package/dist/index28.js +27 -0
  209. package/dist/index29.js +90 -0
  210. package/dist/index3.js +22 -0
  211. package/dist/index30.js +46 -0
  212. package/dist/index31.js +234 -0
  213. package/dist/index32.js +20 -0
  214. package/dist/index33.js +37 -0
  215. package/dist/index34.js +25 -0
  216. package/dist/index35.js +105 -0
  217. package/dist/index36.js +68 -0
  218. package/dist/index37.js +51 -0
  219. package/dist/index38.js +102 -0
  220. package/dist/index39.js +13 -0
  221. package/dist/index4.js +46 -0
  222. package/dist/index40.js +17 -0
  223. package/dist/index41.js +2265 -0
  224. package/dist/index42.js +35 -0
  225. package/dist/index43.js +20 -0
  226. package/dist/index44.js +239 -0
  227. package/dist/index45.js +13 -0
  228. package/dist/index46.js +75 -0
  229. package/dist/index47.js +251 -0
  230. package/dist/index48.js +11 -0
  231. package/dist/index49.js +338 -0
  232. package/dist/index5.js +51 -0
  233. package/dist/index50.js +62 -0
  234. package/dist/index51.js +243 -0
  235. package/dist/index52.js +862 -0
  236. package/dist/index53.js +11 -0
  237. package/dist/index54.js +120 -0
  238. package/dist/index55.js +227 -0
  239. package/dist/index56.js +13 -0
  240. package/dist/index57.js +13 -0
  241. package/dist/index58.js +238 -0
  242. package/dist/index59.js +262 -0
  243. package/dist/index6.js +51 -0
  244. package/dist/index60.js +14 -0
  245. package/dist/index61.js +24 -0
  246. package/dist/index62.js +532 -0
  247. package/dist/index63.js +6157 -0
  248. package/dist/index64.js +2635 -0
  249. package/dist/index65.js +300 -0
  250. package/dist/index66.js +674 -0
  251. package/dist/index67.js +832 -0
  252. package/dist/index68.js +27 -0
  253. package/dist/index69.js +330 -0
  254. package/dist/index7.js +42 -0
  255. package/dist/index70.js +4901 -0
  256. package/dist/index71.js +831 -0
  257. package/dist/index72.js +1260 -0
  258. package/dist/index73.js +536 -0
  259. package/dist/index74.js +127 -0
  260. package/dist/index75.js +163 -0
  261. package/dist/index76.js +33 -0
  262. package/dist/index77.js +437 -0
  263. package/dist/index78.js +132 -0
  264. package/dist/index79.js +83 -0
  265. package/dist/index8.js +31 -0
  266. package/dist/index80.js +70 -0
  267. package/dist/index81.js +48 -0
  268. package/dist/index82.js +29 -0
  269. package/dist/index83.js +9 -0
  270. package/dist/index84.js +54 -0
  271. package/dist/index85.js +36 -0
  272. package/dist/index86.js +13 -0
  273. package/dist/index87.js +10 -0
  274. package/dist/index88.js +32 -0
  275. package/dist/index89.js +57 -0
  276. package/dist/index9.js +54 -0
  277. package/dist/index90.js +13 -0
  278. package/dist/index91.js +6 -0
  279. package/dist/index92.js +15 -0
  280. package/dist/index93.js +8 -0
  281. package/dist/index94.js +27 -0
  282. package/dist/index95.js +71 -0
  283. package/dist/index96.js +127 -0
  284. package/dist/index97.js +221 -0
  285. package/dist/index98.js +16 -0
  286. package/dist/index99.js +56 -0
  287. package/dist/lib/utils.d.ts +14 -0
  288. package/dist/lib/utils.d.ts.map +1 -0
  289. package/dist/tokens/animations.d.ts +174 -0
  290. package/dist/tokens/animations.d.ts.map +1 -0
  291. package/dist/tokens/colors.d.ts +92 -0
  292. package/dist/tokens/colors.d.ts.map +1 -0
  293. package/dist/tokens/index.d.ts +403 -0
  294. package/dist/tokens/index.d.ts.map +1 -0
  295. package/dist/tokens/shadows.d.ts +15 -0
  296. package/dist/tokens/shadows.d.ts.map +1 -0
  297. package/dist/tokens/spacing.d.ts +55 -0
  298. package/dist/tokens/spacing.d.ts.map +1 -0
  299. package/dist/tokens/typography.d.ts +80 -0
  300. package/dist/tokens/typography.d.ts.map +1 -0
  301. package/package.json +128 -0
@@ -0,0 +1,174 @@
1
+ /**
2
+ * Animation tokens including keyframes and timing functions.
3
+ * Extracted and extended from the source application.
4
+ */
5
+ export declare const animations: {
6
+ readonly keyframes: {
7
+ readonly 'accordion-down': {
8
+ readonly from: {
9
+ readonly height: "0";
10
+ };
11
+ readonly to: {
12
+ readonly height: "var(--radix-accordion-content-height)";
13
+ };
14
+ };
15
+ readonly 'accordion-up': {
16
+ readonly from: {
17
+ readonly height: "var(--radix-accordion-content-height)";
18
+ };
19
+ readonly to: {
20
+ readonly height: "0";
21
+ };
22
+ };
23
+ readonly 'collapsible-down': {
24
+ readonly from: {
25
+ readonly height: "0";
26
+ };
27
+ readonly to: {
28
+ readonly height: "var(--radix-collapsible-content-height)";
29
+ };
30
+ };
31
+ readonly 'collapsible-up': {
32
+ readonly from: {
33
+ readonly height: "var(--radix-collapsible-content-height)";
34
+ };
35
+ readonly to: {
36
+ readonly height: "0";
37
+ };
38
+ };
39
+ readonly 'fade-in': {
40
+ readonly from: {
41
+ readonly opacity: "0";
42
+ };
43
+ readonly to: {
44
+ readonly opacity: "1";
45
+ };
46
+ };
47
+ readonly 'fade-out': {
48
+ readonly from: {
49
+ readonly opacity: "1";
50
+ };
51
+ readonly to: {
52
+ readonly opacity: "0";
53
+ };
54
+ };
55
+ readonly 'slide-in-from-top': {
56
+ readonly from: {
57
+ readonly transform: "translateY(-100%)";
58
+ };
59
+ readonly to: {
60
+ readonly transform: "translateY(0)";
61
+ };
62
+ };
63
+ readonly 'slide-in-from-bottom': {
64
+ readonly from: {
65
+ readonly transform: "translateY(100%)";
66
+ };
67
+ readonly to: {
68
+ readonly transform: "translateY(0)";
69
+ };
70
+ };
71
+ readonly 'slide-in-from-left': {
72
+ readonly from: {
73
+ readonly transform: "translateX(-100%)";
74
+ };
75
+ readonly to: {
76
+ readonly transform: "translateX(0)";
77
+ };
78
+ };
79
+ readonly 'slide-in-from-right': {
80
+ readonly from: {
81
+ readonly transform: "translateX(100%)";
82
+ };
83
+ readonly to: {
84
+ readonly transform: "translateX(0)";
85
+ };
86
+ };
87
+ readonly 'zoom-in': {
88
+ readonly from: {
89
+ readonly opacity: "0";
90
+ readonly transform: "scale(0.95)";
91
+ };
92
+ readonly to: {
93
+ readonly opacity: "1";
94
+ readonly transform: "scale(1)";
95
+ };
96
+ };
97
+ readonly 'zoom-out': {
98
+ readonly from: {
99
+ readonly opacity: "1";
100
+ readonly transform: "scale(1)";
101
+ };
102
+ readonly to: {
103
+ readonly opacity: "0";
104
+ readonly transform: "scale(0.95)";
105
+ };
106
+ };
107
+ readonly spin: {
108
+ readonly from: {
109
+ readonly transform: "rotate(0deg)";
110
+ };
111
+ readonly to: {
112
+ readonly transform: "rotate(360deg)";
113
+ };
114
+ };
115
+ readonly ping: {
116
+ readonly '75%, 100%': {
117
+ readonly transform: "scale(2)";
118
+ readonly opacity: "0";
119
+ };
120
+ };
121
+ readonly pulse: {
122
+ readonly '0%, 100%': {
123
+ readonly opacity: "1";
124
+ };
125
+ readonly '50%': {
126
+ readonly opacity: "0.5";
127
+ };
128
+ };
129
+ readonly bounce: {
130
+ readonly '0%, 100%': {
131
+ readonly transform: "translateY(-25%)";
132
+ readonly animationTimingFunction: "cubic-bezier(0.8, 0, 1, 1)";
133
+ };
134
+ readonly '50%': {
135
+ readonly transform: "translateY(0)";
136
+ readonly animationTimingFunction: "cubic-bezier(0, 0, 0.2, 1)";
137
+ };
138
+ };
139
+ readonly flash: {
140
+ readonly '0%, 100%': {
141
+ readonly opacity: "1";
142
+ };
143
+ readonly '50%': {
144
+ readonly opacity: "0";
145
+ };
146
+ };
147
+ readonly marquee: {
148
+ readonly '0%': {
149
+ readonly transform: "translateX(100%)";
150
+ };
151
+ readonly '100%': {
152
+ readonly transform: "translateX(-100%)";
153
+ };
154
+ };
155
+ };
156
+ readonly durations: {
157
+ readonly fastest: "50ms";
158
+ readonly faster: "100ms";
159
+ readonly fast: "150ms";
160
+ readonly normal: "200ms";
161
+ readonly slow: "300ms";
162
+ readonly slower: "400ms";
163
+ readonly slowest: "500ms";
164
+ };
165
+ readonly easings: {
166
+ readonly linear: "linear";
167
+ readonly in: "cubic-bezier(0.4, 0, 1, 1)";
168
+ readonly out: "cubic-bezier(0, 0, 0.2, 1)";
169
+ readonly inOut: "cubic-bezier(0.4, 0, 0.2, 1)";
170
+ readonly smooth: "cubic-bezier(0.25, 0.46, 0.45, 0.94)";
171
+ };
172
+ };
173
+ export type AnimationTokens = typeof animations;
174
+ //# sourceMappingURL=animations.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../src/tokens/animations.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkGb,CAAA;AAEV,MAAM,MAAM,eAAe,GAAG,OAAO,UAAU,CAAA"}
@@ -0,0 +1,92 @@
1
+ /**
2
+ * Color tokens extracted from the Autism Simulator terminal aesthetic.
3
+ * Features a retro CRT terminal look with green-on-black colors.
4
+ */
5
+ export declare const colors: {
6
+ readonly light: {
7
+ readonly background: "0 0% 0%";
8
+ readonly foreground: "120 100% 50%";
9
+ readonly card: "0 0% 5%";
10
+ readonly cardForeground: "120 100% 50%";
11
+ readonly popover: "0 0% 5%";
12
+ readonly popoverForeground: "120 100% 50%";
13
+ readonly primary: "60 100% 50%";
14
+ readonly primaryForeground: "0 0% 0%";
15
+ readonly secondary: "120 100% 25%";
16
+ readonly secondaryForeground: "120 100% 50%";
17
+ readonly muted: "0 0% 10%";
18
+ readonly mutedForeground: "120 100% 35%";
19
+ readonly accent: "60 100% 50%";
20
+ readonly accentForeground: "0 0% 0%";
21
+ readonly destructive: "0 100% 50%";
22
+ readonly destructiveForeground: "0 0% 0%";
23
+ readonly border: "120 100% 25%";
24
+ readonly input: "0 0% 10%";
25
+ readonly ring: "120 100% 50%";
26
+ readonly chart1: "120 100% 50%";
27
+ readonly chart2: "60 100% 50%";
28
+ readonly chart3: "300 100% 50%";
29
+ readonly chart4: "240 100% 50%";
30
+ readonly chart5: "30 100% 50%";
31
+ };
32
+ readonly dark: {
33
+ readonly background: "0 0% 0%";
34
+ readonly foreground: "120 100% 50%";
35
+ readonly card: "0 0% 5%";
36
+ readonly cardForeground: "120 100% 50%";
37
+ readonly popover: "0 0% 5%";
38
+ readonly popoverForeground: "120 100% 50%";
39
+ readonly primary: "60 100% 50%";
40
+ readonly primaryForeground: "0 0% 0%";
41
+ readonly secondary: "120 100% 25%";
42
+ readonly secondaryForeground: "120 100% 50%";
43
+ readonly muted: "0 0% 10%";
44
+ readonly mutedForeground: "120 100% 35%";
45
+ readonly accent: "60 100% 50%";
46
+ readonly accentForeground: "0 0% 0%";
47
+ readonly destructive: "0 100% 50%";
48
+ readonly destructiveForeground: "0 0% 0%";
49
+ readonly border: "120 100% 25%";
50
+ readonly input: "0 0% 10%";
51
+ readonly ring: "120 100% 50%";
52
+ readonly chart1: "120 100% 50%";
53
+ readonly chart2: "60 100% 50%";
54
+ readonly chart3: "300 100% 50%";
55
+ readonly chart4: "240 100% 50%";
56
+ readonly chart5: "30 100% 50%";
57
+ };
58
+ readonly terminal: {
59
+ readonly green: "rgb(0 255 0)";
60
+ readonly blue: "rgb(0 0 255)";
61
+ readonly yellow: "rgb(255 255 0)";
62
+ readonly magenta: "rgb(255 0 255)";
63
+ readonly red: "rgb(255 0 0)";
64
+ readonly orange: "rgb(255 167 0)";
65
+ readonly deepblue: "rgb(0 0 152)";
66
+ readonly black: "rgb(0 0 0)";
67
+ };
68
+ readonly sidebar: {
69
+ readonly light: {
70
+ readonly background: "0 0% 0%";
71
+ readonly foreground: "120 100% 50%";
72
+ readonly primary: "60 100% 50%";
73
+ readonly primaryForeground: "0 0% 0%";
74
+ readonly accent: "120 100% 15%";
75
+ readonly accentForeground: "120 100% 50%";
76
+ readonly border: "120 100% 25%";
77
+ readonly ring: "120 100% 50%";
78
+ };
79
+ readonly dark: {
80
+ readonly background: "0 0% 0%";
81
+ readonly foreground: "120 100% 50%";
82
+ readonly primary: "60 100% 50%";
83
+ readonly primaryForeground: "0 0% 0%";
84
+ readonly accent: "120 100% 15%";
85
+ readonly accentForeground: "120 100% 50%";
86
+ readonly border: "120 100% 25%";
87
+ readonly ring: "120 100% 50%";
88
+ };
89
+ };
90
+ };
91
+ export type ColorTokens = typeof colors;
92
+ //# sourceMappingURL=colors.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/tokens/colors.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwFT,CAAA;AAEV,MAAM,MAAM,WAAW,GAAG,OAAO,MAAM,CAAA"}
@@ -0,0 +1,403 @@
1
+ /**
2
+ * Design tokens for the @drj/ui component library.
3
+ * Export all tokens and theme configuration.
4
+ */
5
+ export * from './colors';
6
+ export * from './typography';
7
+ export * from './spacing';
8
+ export * from './animations';
9
+ export * from './shadows';
10
+ /**
11
+ * Complete theme configuration object.
12
+ * Use this to access all design tokens programmatically.
13
+ */
14
+ export declare const theme: {
15
+ readonly colors: {
16
+ readonly light: {
17
+ readonly background: "0 0% 0%";
18
+ readonly foreground: "120 100% 50%";
19
+ readonly card: "0 0% 5%";
20
+ readonly cardForeground: "120 100% 50%";
21
+ readonly popover: "0 0% 5%";
22
+ readonly popoverForeground: "120 100% 50%";
23
+ readonly primary: "60 100% 50%";
24
+ readonly primaryForeground: "0 0% 0%";
25
+ readonly secondary: "120 100% 25%";
26
+ readonly secondaryForeground: "120 100% 50%";
27
+ readonly muted: "0 0% 10%";
28
+ readonly mutedForeground: "120 100% 35%";
29
+ readonly accent: "60 100% 50%";
30
+ readonly accentForeground: "0 0% 0%";
31
+ readonly destructive: "0 100% 50%";
32
+ readonly destructiveForeground: "0 0% 0%";
33
+ readonly border: "120 100% 25%";
34
+ readonly input: "0 0% 10%";
35
+ readonly ring: "120 100% 50%";
36
+ readonly chart1: "120 100% 50%";
37
+ readonly chart2: "60 100% 50%";
38
+ readonly chart3: "300 100% 50%";
39
+ readonly chart4: "240 100% 50%";
40
+ readonly chart5: "30 100% 50%";
41
+ };
42
+ readonly dark: {
43
+ readonly background: "0 0% 0%";
44
+ readonly foreground: "120 100% 50%";
45
+ readonly card: "0 0% 5%";
46
+ readonly cardForeground: "120 100% 50%";
47
+ readonly popover: "0 0% 5%";
48
+ readonly popoverForeground: "120 100% 50%";
49
+ readonly primary: "60 100% 50%";
50
+ readonly primaryForeground: "0 0% 0%";
51
+ readonly secondary: "120 100% 25%";
52
+ readonly secondaryForeground: "120 100% 50%";
53
+ readonly muted: "0 0% 10%";
54
+ readonly mutedForeground: "120 100% 35%";
55
+ readonly accent: "60 100% 50%";
56
+ readonly accentForeground: "0 0% 0%";
57
+ readonly destructive: "0 100% 50%";
58
+ readonly destructiveForeground: "0 0% 0%";
59
+ readonly border: "120 100% 25%";
60
+ readonly input: "0 0% 10%";
61
+ readonly ring: "120 100% 50%";
62
+ readonly chart1: "120 100% 50%";
63
+ readonly chart2: "60 100% 50%";
64
+ readonly chart3: "300 100% 50%";
65
+ readonly chart4: "240 100% 50%";
66
+ readonly chart5: "30 100% 50%";
67
+ };
68
+ readonly terminal: {
69
+ readonly green: "rgb(0 255 0)";
70
+ readonly blue: "rgb(0 0 255)";
71
+ readonly yellow: "rgb(255 255 0)";
72
+ readonly magenta: "rgb(255 0 255)";
73
+ readonly red: "rgb(255 0 0)";
74
+ readonly orange: "rgb(255 167 0)";
75
+ readonly deepblue: "rgb(0 0 152)";
76
+ readonly black: "rgb(0 0 0)";
77
+ };
78
+ readonly sidebar: {
79
+ readonly light: {
80
+ readonly background: "0 0% 0%";
81
+ readonly foreground: "120 100% 50%";
82
+ readonly primary: "60 100% 50%";
83
+ readonly primaryForeground: "0 0% 0%";
84
+ readonly accent: "120 100% 15%";
85
+ readonly accentForeground: "120 100% 50%";
86
+ readonly border: "120 100% 25%";
87
+ readonly ring: "120 100% 50%";
88
+ };
89
+ readonly dark: {
90
+ readonly background: "0 0% 0%";
91
+ readonly foreground: "120 100% 50%";
92
+ readonly primary: "60 100% 50%";
93
+ readonly primaryForeground: "0 0% 0%";
94
+ readonly accent: "120 100% 15%";
95
+ readonly accentForeground: "120 100% 50%";
96
+ readonly border: "120 100% 25%";
97
+ readonly ring: "120 100% 50%";
98
+ };
99
+ };
100
+ };
101
+ readonly typography: {
102
+ readonly fontFamily: {
103
+ readonly sans: readonly ["ui-sans-serif", "system-ui", "sans-serif", "\"Apple Color Emoji\"", "\"Segoe UI Emoji\"", "\"Segoe UI Symbol\"", "\"Noto Color Emoji\""];
104
+ readonly mono: readonly ["ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "\"Liberation Mono\"", "\"Courier New\"", "monospace"];
105
+ };
106
+ readonly fontSize: {
107
+ readonly xs: readonly ["0.75rem", {
108
+ readonly lineHeight: "1rem";
109
+ }];
110
+ readonly sm: readonly ["0.875rem", {
111
+ readonly lineHeight: "1.25rem";
112
+ }];
113
+ readonly base: readonly ["1rem", {
114
+ readonly lineHeight: "1.5rem";
115
+ }];
116
+ readonly lg: readonly ["1.125rem", {
117
+ readonly lineHeight: "1.75rem";
118
+ }];
119
+ readonly xl: readonly ["1.25rem", {
120
+ readonly lineHeight: "1.75rem";
121
+ }];
122
+ readonly '2xl': readonly ["1.5rem", {
123
+ readonly lineHeight: "2rem";
124
+ }];
125
+ readonly '3xl': readonly ["1.875rem", {
126
+ readonly lineHeight: "2.25rem";
127
+ }];
128
+ readonly '4xl': readonly ["2.25rem", {
129
+ readonly lineHeight: "2.5rem";
130
+ }];
131
+ readonly '5xl': readonly ["3rem", {
132
+ readonly lineHeight: "1";
133
+ }];
134
+ readonly '6xl': readonly ["3.75rem", {
135
+ readonly lineHeight: "1";
136
+ }];
137
+ readonly '7xl': readonly ["4.5rem", {
138
+ readonly lineHeight: "1";
139
+ }];
140
+ readonly '8xl': readonly ["6rem", {
141
+ readonly lineHeight: "1";
142
+ }];
143
+ readonly '9xl': readonly ["8rem", {
144
+ readonly lineHeight: "1";
145
+ }];
146
+ };
147
+ readonly fontWeight: {
148
+ readonly thin: "100";
149
+ readonly extralight: "200";
150
+ readonly light: "300";
151
+ readonly normal: "400";
152
+ readonly medium: "500";
153
+ readonly semibold: "600";
154
+ readonly bold: "700";
155
+ readonly extrabold: "800";
156
+ readonly black: "900";
157
+ };
158
+ readonly letterSpacing: {
159
+ readonly tighter: "-0.05em";
160
+ readonly tight: "-0.025em";
161
+ readonly normal: "0em";
162
+ readonly wide: "0.025em";
163
+ readonly wider: "0.05em";
164
+ readonly widest: "0.1em";
165
+ };
166
+ readonly lineHeight: {
167
+ readonly none: "1";
168
+ readonly tight: "1.25";
169
+ readonly snug: "1.375";
170
+ readonly normal: "1.5";
171
+ readonly relaxed: "1.625";
172
+ readonly loose: "2";
173
+ };
174
+ };
175
+ readonly spacing: {
176
+ readonly px: "1px";
177
+ readonly 0: "0px";
178
+ readonly 0.5: "0.125rem";
179
+ readonly 1: "0.25rem";
180
+ readonly 1.5: "0.375rem";
181
+ readonly 2: "0.5rem";
182
+ readonly 2.5: "0.625rem";
183
+ readonly 3: "0.75rem";
184
+ readonly 3.5: "0.875rem";
185
+ readonly 4: "1rem";
186
+ readonly 5: "1.25rem";
187
+ readonly 6: "1.5rem";
188
+ readonly 7: "1.75rem";
189
+ readonly 8: "2rem";
190
+ readonly 9: "2.25rem";
191
+ readonly 10: "2.5rem";
192
+ readonly 11: "2.75rem";
193
+ readonly 12: "3rem";
194
+ readonly 14: "3.5rem";
195
+ readonly 16: "4rem";
196
+ readonly 20: "5rem";
197
+ readonly 24: "6rem";
198
+ readonly 28: "7rem";
199
+ readonly 32: "8rem";
200
+ readonly 36: "9rem";
201
+ readonly 40: "10rem";
202
+ readonly 44: "11rem";
203
+ readonly 48: "12rem";
204
+ readonly 52: "13rem";
205
+ readonly 56: "14rem";
206
+ readonly 60: "15rem";
207
+ readonly 64: "16rem";
208
+ readonly 72: "18rem";
209
+ readonly 80: "20rem";
210
+ readonly 96: "24rem";
211
+ };
212
+ readonly borderRadius: {
213
+ readonly none: "0px";
214
+ readonly sm: "calc(var(--radius) - 4px)";
215
+ readonly md: "calc(var(--radius) - 2px)";
216
+ readonly DEFAULT: "var(--radius)";
217
+ readonly lg: "var(--radius)";
218
+ readonly xl: "calc(var(--radius) + 4px)";
219
+ readonly '2xl': "calc(var(--radius) + 8px)";
220
+ readonly '3xl': "calc(var(--radius) + 16px)";
221
+ readonly full: "9999px";
222
+ };
223
+ readonly animations: {
224
+ readonly keyframes: {
225
+ readonly 'accordion-down': {
226
+ readonly from: {
227
+ readonly height: "0";
228
+ };
229
+ readonly to: {
230
+ readonly height: "var(--radix-accordion-content-height)";
231
+ };
232
+ };
233
+ readonly 'accordion-up': {
234
+ readonly from: {
235
+ readonly height: "var(--radix-accordion-content-height)";
236
+ };
237
+ readonly to: {
238
+ readonly height: "0";
239
+ };
240
+ };
241
+ readonly 'collapsible-down': {
242
+ readonly from: {
243
+ readonly height: "0";
244
+ };
245
+ readonly to: {
246
+ readonly height: "var(--radix-collapsible-content-height)";
247
+ };
248
+ };
249
+ readonly 'collapsible-up': {
250
+ readonly from: {
251
+ readonly height: "var(--radix-collapsible-content-height)";
252
+ };
253
+ readonly to: {
254
+ readonly height: "0";
255
+ };
256
+ };
257
+ readonly 'fade-in': {
258
+ readonly from: {
259
+ readonly opacity: "0";
260
+ };
261
+ readonly to: {
262
+ readonly opacity: "1";
263
+ };
264
+ };
265
+ readonly 'fade-out': {
266
+ readonly from: {
267
+ readonly opacity: "1";
268
+ };
269
+ readonly to: {
270
+ readonly opacity: "0";
271
+ };
272
+ };
273
+ readonly 'slide-in-from-top': {
274
+ readonly from: {
275
+ readonly transform: "translateY(-100%)";
276
+ };
277
+ readonly to: {
278
+ readonly transform: "translateY(0)";
279
+ };
280
+ };
281
+ readonly 'slide-in-from-bottom': {
282
+ readonly from: {
283
+ readonly transform: "translateY(100%)";
284
+ };
285
+ readonly to: {
286
+ readonly transform: "translateY(0)";
287
+ };
288
+ };
289
+ readonly 'slide-in-from-left': {
290
+ readonly from: {
291
+ readonly transform: "translateX(-100%)";
292
+ };
293
+ readonly to: {
294
+ readonly transform: "translateX(0)";
295
+ };
296
+ };
297
+ readonly 'slide-in-from-right': {
298
+ readonly from: {
299
+ readonly transform: "translateX(100%)";
300
+ };
301
+ readonly to: {
302
+ readonly transform: "translateX(0)";
303
+ };
304
+ };
305
+ readonly 'zoom-in': {
306
+ readonly from: {
307
+ readonly opacity: "0";
308
+ readonly transform: "scale(0.95)";
309
+ };
310
+ readonly to: {
311
+ readonly opacity: "1";
312
+ readonly transform: "scale(1)";
313
+ };
314
+ };
315
+ readonly 'zoom-out': {
316
+ readonly from: {
317
+ readonly opacity: "1";
318
+ readonly transform: "scale(1)";
319
+ };
320
+ readonly to: {
321
+ readonly opacity: "0";
322
+ readonly transform: "scale(0.95)";
323
+ };
324
+ };
325
+ readonly spin: {
326
+ readonly from: {
327
+ readonly transform: "rotate(0deg)";
328
+ };
329
+ readonly to: {
330
+ readonly transform: "rotate(360deg)";
331
+ };
332
+ };
333
+ readonly ping: {
334
+ readonly '75%, 100%': {
335
+ readonly transform: "scale(2)";
336
+ readonly opacity: "0";
337
+ };
338
+ };
339
+ readonly pulse: {
340
+ readonly '0%, 100%': {
341
+ readonly opacity: "1";
342
+ };
343
+ readonly '50%': {
344
+ readonly opacity: "0.5";
345
+ };
346
+ };
347
+ readonly bounce: {
348
+ readonly '0%, 100%': {
349
+ readonly transform: "translateY(-25%)";
350
+ readonly animationTimingFunction: "cubic-bezier(0.8, 0, 1, 1)";
351
+ };
352
+ readonly '50%': {
353
+ readonly transform: "translateY(0)";
354
+ readonly animationTimingFunction: "cubic-bezier(0, 0, 0.2, 1)";
355
+ };
356
+ };
357
+ readonly flash: {
358
+ readonly '0%, 100%': {
359
+ readonly opacity: "1";
360
+ };
361
+ readonly '50%': {
362
+ readonly opacity: "0";
363
+ };
364
+ };
365
+ readonly marquee: {
366
+ readonly '0%': {
367
+ readonly transform: "translateX(100%)";
368
+ };
369
+ readonly '100%': {
370
+ readonly transform: "translateX(-100%)";
371
+ };
372
+ };
373
+ };
374
+ readonly durations: {
375
+ readonly fastest: "50ms";
376
+ readonly faster: "100ms";
377
+ readonly fast: "150ms";
378
+ readonly normal: "200ms";
379
+ readonly slow: "300ms";
380
+ readonly slower: "400ms";
381
+ readonly slowest: "500ms";
382
+ };
383
+ readonly easings: {
384
+ readonly linear: "linear";
385
+ readonly in: "cubic-bezier(0.4, 0, 1, 1)";
386
+ readonly out: "cubic-bezier(0, 0, 0.2, 1)";
387
+ readonly inOut: "cubic-bezier(0.4, 0, 0.2, 1)";
388
+ readonly smooth: "cubic-bezier(0.25, 0.46, 0.45, 0.94)";
389
+ };
390
+ };
391
+ readonly shadows: {
392
+ readonly none: "none";
393
+ readonly sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
394
+ readonly DEFAULT: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
395
+ readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
396
+ readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
397
+ readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
398
+ readonly '2xl': "0 25px 50px -12px rgb(0 0 0 / 0.25)";
399
+ readonly inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)";
400
+ };
401
+ };
402
+ export type Theme = typeof theme;
403
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AAQzB;;;GAGG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOR,CAAA;AAEV,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAA"}