@aracreate/arm-ui 3.6.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 (24) hide show
  1. package/LICENSE +674 -0
  2. package/README.md +170 -0
  3. package/dist/big-calendar-overrides.css +196 -0
  4. package/dist/chunk-LGJWNA6J.mjs +2 -0
  5. package/dist/chunk-LGJWNA6J.mjs.map +1 -0
  6. package/dist/chunk-TD6NGM5I.js +2 -0
  7. package/dist/chunk-TD6NGM5I.js.map +1 -0
  8. package/dist/index.css +2 -0
  9. package/dist/index.css.map +1 -0
  10. package/dist/index.d.mts +1531 -0
  11. package/dist/index.d.ts +1531 -0
  12. package/dist/index.js +2 -0
  13. package/dist/index.js.map +1 -0
  14. package/dist/index.mjs +2 -0
  15. package/dist/index.mjs.map +1 -0
  16. package/dist/preset.d.mts +5 -0
  17. package/dist/preset.d.ts +5 -0
  18. package/dist/preset.js +242 -0
  19. package/dist/preset.js.map +1 -0
  20. package/dist/preset.mjs +242 -0
  21. package/dist/preset.mjs.map +1 -0
  22. package/dist/style.css +1028 -0
  23. package/dist/tokens.css +769 -0
  24. package/package.json +217 -0
package/dist/preset.d.mts ADDED
@@ -0,0 +1,5 @@
1
+ import * as unocss from 'unocss';
2
+
3
+ declare const acPreset: unocss.PresetFactory<object, undefined>;
4
+
5
+ export { acPreset };
package/dist/preset.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import * as unocss from 'unocss';
2
+
3
+ declare const acPreset: unocss.PresetFactory<object, undefined>;
4
+
5
+ export { acPreset };
package/dist/preset.js ADDED
@@ -0,0 +1,242 @@
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkTD6NGM5Ijs = require('./chunk-TD6NGM5I.js');var _unocss = require('unocss');var _presetwind4 = require('@unocss/preset-wind4'); var _presetwind42 = _interopRequireDefault(_presetwind4);var _presetattributify = require('@unocss/preset-attributify'); var _presetattributify2 = _interopRequireDefault(_presetattributify);function e(o){let t={};for(let a=1;a<=12;a++)t[a]=`var(--${o}-${a})`;return t.DEFAULT=`var(--${o}-9)`,t}function n(){return{primary:{..._chunkTD6NGM5Ijs.a.primary,...e("primary"),foreground:"#ffffff"},neutral:{..._chunkTD6NGM5Ijs.a.neutral,...e("neutral")},error:{..._chunkTD6NGM5Ijs.a.error,...e("error")},success:{..._chunkTD6NGM5Ijs.a.success,...e("success")},warning:{..._chunkTD6NGM5Ijs.a.warning,...e("warning")},info:{..._chunkTD6NGM5Ijs.a.info,...e("info")},secondary:{..._chunkTD6NGM5Ijs.a.secondary,DEFAULT:_chunkTD6NGM5Ijs.a.secondary[500],foreground:"#ffffff"},destructive:{DEFAULT:"var(--error-9)",foreground:"var(--neutral-1)"},muted:{DEFAULT:"var(--neutral-3)",foreground:"var(--neutral-11)"},accent:{DEFAULT:"var(--neutral-3)",foreground:"var(--neutral-12)"},popover:{DEFAULT:"var(--neutral-1)",foreground:"var(--neutral-12)"},card:{DEFAULT:"var(--neutral-1)",foreground:"var(--neutral-12)"},border:"var(--neutral-6)",input:"var(--neutral-7)",ring:"var(--primary-8)",background:"var(--neutral-1)",foreground:"var(--neutral-12)"}}var b=_unocss.definePreset.call(void 0, ()=>({name:"ac-ui-preset",presets:[_presetwind42.default.call(void 0, ),_presetattributify2.default.call(void 0, ),_unocss.presetIcons.call(void 0, {scale:1.2,cdn:"https://esm.sh/"})],preflights:[{getCSS:()=>`
2
+ :root {
3
+ /* \u2500\u2500 Non-color semantic tokens (fallback outside .radix-themes) \u2500\u2500 */
4
+ --glass-bg: rgba(255, 255, 255, 0.3);
5
+ --shadow-color: rgba(0, 0, 0, 0.25);
6
+ --line-color: rgba(0, 0, 0, 0.08);
7
+ }
8
+ `},{getCSS:()=>`
9
+ /* \u2500\u2500 LIGHT MODE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
10
+ /* Also declared at :root: UnoCSS's Wind4 preset auto-generates
11
+ --colors-{name}-{shade} aliases (e.g. --colors-primary-DEFAULT:
12
+ var(--primary-9)) scoped to :root. A var() inside a custom-property
13
+ declaration resolves using the declaring element's own cascade, not
14
+ the consumer's \u2014 so if --primary-9 only existed on .radix-themes,
15
+ every :root-scoped alias would compute to invalid and inherit that
16
+ way everywhere, regardless of .radix-themes further down the tree. */
17
+ :root, .radix-themes {
18
+ --accent-1: #fffef5;
19
+ --accent-2: #fffce8;
20
+ --accent-3: #fff8cc;
21
+ --accent-4: #fff2a8;
22
+ --accent-5: #ffe980;
23
+ --accent-6: #ffd94d;
24
+ --accent-7: #ffd236;
25
+ --accent-8: #ffca20;
26
+ --accent-9: #FFC936;
27
+ --accent-10: #f0b800;
28
+ --accent-11: #7a5c00;
29
+ --accent-12: #3d2e00;
30
+
31
+ --accent-a1: #c0800004;
32
+ --accent-a2: #ffc30015;
33
+ --accent-a3: #ffcf003f;
34
+ --accent-a4: #ffc90062;
35
+ --accent-a5: #ffc20084;
36
+ --accent-a6: #f6ae0089;
37
+ --accent-a7: #d6960094;
38
+ --accent-a8: #c78f00bf;
39
+ --accent-a9: #ffc600e0;
40
+ --accent-a10: #f9b700d1;
41
+ --accent-a11: #997000;
42
+ --accent-a12: #2a1e00df;
43
+ --accent-surface: #fff9e5cc;
44
+ --accent-indicator: #ffcd1f;
45
+ --accent-track: #ffcd1f;
46
+
47
+ --accent-contrast: #000000;
48
+
49
+ --error-contrast: #ffffff;
50
+ --success-contrast: #ffffff;
51
+ --info-contrast: #ffffff;
52
+ --warning-contrast: #000000;
53
+
54
+ --gray-1: #fafafa;
55
+ --gray-2: #f4f4f4;
56
+ --gray-3: #ebebeb;
57
+ --gray-4: #e0e0e0;
58
+ --gray-5: #d1d1d1;
59
+ --gray-6: #bebebe;
60
+ --gray-7: #a8a8a8;
61
+ --gray-8: #989898;
62
+ --gray-9: #8C8C8C;
63
+ --gray-10: #6e6e6e;
64
+ --gray-11: #4a4a4a;
65
+ --gray-12: #1a1a1a;
66
+
67
+ --gray-a1: #00000003;
68
+ --gray-a2: #00000006;
69
+ --gray-a3: #00000010;
70
+ --gray-a4: #00000017;
71
+ --gray-a5: #0000001f;
72
+ --gray-a6: #00000026;
73
+ --gray-a7: #00000031;
74
+ --gray-a8: #00000044;
75
+ --gray-a9: #00000072;
76
+ --gray-a10: #0000007c;
77
+ --gray-a11: #0000009b;
78
+ --gray-a12: #000000df;
79
+ --gray-contrast: #FFFFFF;
80
+ --gray-surface: #ffffffcc;
81
+ --gray-indicator: #8d8d8d;
82
+ --gray-track: #8d8d8d;
83
+
84
+ --color-background: var(--accent-1);
85
+ --color-surface: #ffffff;
86
+ --color-panel-solid: #ffffff;
87
+ --color-panel-translucent: rgba(255, 255, 255, 0.85);
88
+
89
+ --primary-1: var(--accent-1);
90
+ --primary-2: var(--accent-2);
91
+ --primary-3: var(--accent-3);
92
+ --primary-4: var(--accent-4);
93
+ --primary-5: var(--accent-5);
94
+ --primary-6: var(--accent-6);
95
+ --primary-7: var(--accent-7);
96
+ --primary-8: var(--accent-8);
97
+ --primary-9: var(--accent-9);
98
+ --primary-10: var(--accent-10);
99
+ --primary-11: var(--accent-11);
100
+ --primary-12: var(--accent-12);
101
+
102
+ --neutral-1: var(--gray-1);
103
+ --neutral-2: var(--gray-2);
104
+ --neutral-3: var(--gray-3);
105
+ --neutral-4: var(--gray-4);
106
+ --neutral-5: var(--gray-5);
107
+ --neutral-6: var(--gray-6);
108
+ --neutral-7: var(--gray-7);
109
+ --neutral-8: var(--gray-8);
110
+ --neutral-9: var(--gray-9);
111
+ --neutral-10: var(--gray-10);
112
+ --neutral-11: var(--gray-11);
113
+ --neutral-12: var(--gray-12);
114
+
115
+ --error-1: var(--red-1);
116
+ --error-2: var(--red-2);
117
+ --error-3: var(--red-3);
118
+ --error-4: var(--red-4);
119
+ --error-5: var(--red-5);
120
+ --error-6: var(--red-6);
121
+ --error-7: var(--red-7);
122
+ --error-8: var(--red-8);
123
+ --error-9: var(--red-9);
124
+ --error-10: var(--red-10);
125
+ --error-11: var(--red-11);
126
+ --error-12: var(--red-12);
127
+
128
+ --success-1: var(--green-1);
129
+ --success-2: var(--green-2);
130
+ --success-3: var(--green-3);
131
+ --success-4: var(--green-4);
132
+ --success-5: var(--green-5);
133
+ --success-6: var(--green-6);
134
+ --success-7: var(--green-7);
135
+ --success-8: var(--green-8);
136
+ --success-9: var(--green-9);
137
+ --success-10: var(--green-10);
138
+ --success-11: var(--green-11);
139
+ --success-12: var(--green-12);
140
+
141
+ --warning-1: var(--amber-1);
142
+ --warning-2: var(--amber-2);
143
+ --warning-3: var(--amber-3);
144
+ --warning-4: var(--amber-4);
145
+ --warning-5: var(--amber-5);
146
+ --warning-6: var(--amber-6);
147
+ --warning-7: var(--amber-7);
148
+ --warning-8: var(--amber-8);
149
+ --warning-9: var(--amber-9);
150
+ --warning-10: var(--amber-10);
151
+ --warning-11: var(--amber-11);
152
+ --warning-12: var(--amber-12);
153
+
154
+ --info-1: var(--blue-1);
155
+ --info-2: var(--blue-2);
156
+ --info-3: var(--blue-3);
157
+ --info-4: var(--blue-4);
158
+ --info-5: var(--blue-5);
159
+ --info-6: var(--blue-6);
160
+ --info-7: var(--blue-7);
161
+ --info-8: var(--blue-8);
162
+ --info-9: var(--blue-9);
163
+ --info-10: var(--blue-10);
164
+ --info-11: var(--blue-11);
165
+ --info-12: var(--blue-12);
166
+
167
+ --color-foreground: #111111;
168
+ --color-on-primary: var(--accent-contrast);
169
+ --color-muted: var(--neutral-7);
170
+ --color-border: var(--neutral-4);
171
+
172
+ --text: var(--color-foreground);
173
+ --text-secondary: var(--color-muted);
174
+ --text-muted: var(--color-muted);
175
+ --text-input: var(--color-foreground);
176
+ --bg-skeleton: var(--neutral-4);
177
+ }
178
+
179
+ .radix-themes .text-text{ color: color-mix(in srgb, var(--color-foreground) var(--un-text-opacity), transparent) !important; }
180
+ .radix-themes .text-textSecondary{ color: color-mix(in srgb, var(--color-muted) var(--un-text-opacity), transparent) !important; }
181
+ .radix-themes .text-textMuted{ color: color-mix(in srgb, var(--color-muted) var(--un-text-opacity), transparent) !important; }
182
+ .radix-themes .text-textInput{ color: color-mix(in srgb, var(--color-foreground) var(--un-text-opacity), transparent) !important; }
183
+ `},{getCSS:()=>`
184
+ @keyframes fade-in {
185
+ 0% { opacity: 0; transform: scale(0.95); }
186
+ 100% { opacity: 1; transform: scale(1); }
187
+ }
188
+ @keyframes fade-out {
189
+ 0% { opacity: 1; transform: scale(1); }
190
+ 100% { opacity: 0; transform: scale(0.95); }
191
+ }
192
+ @keyframes slide-in-right {
193
+ 0% { transform: translateX(100%); opacity: 0; }
194
+ 100% { transform: translateX(0); opacity: 1; }
195
+ }
196
+ @keyframes slide-out-right {
197
+ 0% { transform: translateX(0); opacity: 1; }
198
+ 100% { transform: translateX(100%); opacity: 0; }
199
+ }
200
+ @keyframes slide-in-left {
201
+ 0% { transform: translateX(-100%); opacity: 0; }
202
+ 100% { transform: translateX(0); opacity: 1; }
203
+ }
204
+ @keyframes slide-out-left {
205
+ 0% { transform: translateX(0); opacity: 1; }
206
+ 100% { transform: translateX(-100%); opacity: 0; }
207
+ }
208
+ @keyframes bounce-in {
209
+ 0% { transform: scale(0.3); opacity: 0; }
210
+ 50% { transform: scale(1.05); }
211
+ 70% { transform: scale(0.9); }
212
+ 100% { transform: scale(1); opacity: 1; }
213
+ }
214
+ @keyframes bounce-out {
215
+ 0% { transform: scale(1); opacity: 1; }
216
+ 100% { transform: scale(0.3); opacity: 0; }
217
+ }
218
+ @keyframes wave {
219
+ 0% { background-position: 200% 0; }
220
+ 100% { background-position: 0 0; }
221
+ }
222
+ @keyframes shimmer {
223
+ 100% { transform: translateX(100%); }
224
+ }
225
+ @keyframes progress-slide {
226
+ 0% { transform: translateX(-100%); }
227
+ 100% { transform: translateX(350%); }
228
+ }
229
+ @keyframes slide-in-top {
230
+ 0% { transform: translateY(-100%); opacity: 0; }
231
+ 100% { transform: translateY(0); opacity: 1; }
232
+ }
233
+ @keyframes slide-in-bottom {
234
+ 0% { transform: translateY(100%); opacity: 0; }
235
+ 100% { transform: translateY(0); opacity: 1; }
236
+ }
237
+ `},{getCSS:()=>`
238
+ .rt-BaseDialogOverlay {
239
+ position: fixed !important;
240
+ }
241
+ `}],rules:[["custom-rule",{color:"red"}],["checked:bg-warning-9",{"background-color":"var(--warning-9)"}],["checked:border-warning-9",{"border-color":"var(--warning-9)"}],["list-disc",{"list-style-type":"disc"}],["list-decimal",{"list-style-type":"decimal"}],["list-inside",{"list-style-position":"inside"}],["list-square",{"list-style-type":"square"}],["list-circle",{"list-style-type":"circle"}],["list-outside",{"list-style-position":"outside"}],["list-[upper-roman]",{"list-style-type":"upper-roman"}],["list-[lower-roman]",{"list-style-type":"lower-roman"}],["list-[upper-alpha]",{"list-style-type":"upper-alpha"}],["list-[lower-alpha]",{"list-style-type":"lower-alpha"}],["list-[\u{1F525}]",{"list-style-type":'"\u{1F525}"'}],["ul,ol",{"list-style":"revert"}],[/^checked:tick$/,(o,{rawSelector:t})=>({[`${t}::after`]:{content:'"\u2713"',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",color:"#ffffff","font-size":"12px","font-weight":"bold",opacity:"1"}})],["animate-wave",{"background-image":"linear-gradient(to right, var(--neutral-5) 0%, var(--neutral-3) 20%, var(--neutral-5) 40%, var(--neutral-5) 100%)","background-size":"200% 100%",animation:"wave 1.5s linear infinite"}],["animate-fade-in",{animation:"fade-in 0.3s ease-in-out"}],["animate-fade-out",{animation:"fade-out 0.3s ease-in-out"}],["animate-slide-in-right",{animation:"slide-in-right 0.3s ease-out"}],["animate-slide-out-right",{animation:"slide-out-right 0.3s ease-in"}],["animate-slide-in-left",{animation:"slide-in-left 0.3s ease-out"}],["animate-slide-out-left",{animation:"slide-out-left 0.3s ease-in"}],["animate-bounce-in",{animation:"bounce-in 0.5s ease-out"}],["animate-bounce-out",{animation:"bounce-out 0.3s ease-in"}],["animate-progress-indeterminate",{animation:"progress-slide 1.5s ease-in-out infinite"}],["animate-slide-in-top",{animation:"slide-in-top 0.3s ease-out"}],["animate-slide-in-bottom",{animation:"slide-in-bottom 0.3s ease-out"}],["table",{"border-collapse":"collapse","border-style":"solid"}],["shadow-soft",{"box-shadow":"0 0 20px var(--shadow-color)"}],["shadow-spread",{"box-shadow":"0 0 30px 6px var(--shadow-color)"}],["grid-card-wrapper",{"grid-template-columns":"repeat(auto-fill, minmax(285px, auto))"}],["split-equal",{"grid-template-columns":"1fr 1fr"}],["split-sidebar-left",{"grid-template-columns":"3fr 7fr"}],["split-sidebar-right",{"grid-template-columns":"7fr 3fr"}],["split-wide-left",{"grid-template-columns":"6fr 4fr"}],["split-wide-right",{"grid-template-columns":"4fr 6fr"}]],shortcuts:{"custom-shortcut":"text-lg text-primary-11 hover:text-primary-12","card-gradient-border":"relative p-0.5 bg-gradient-to-r from-info-9 to-primary-9 rounded-2xl","card-gradient-content":"bg-card rounded-[22px] h-full w-full","glass-card":"bg-glass backdrop-blur-md rounded-xl p-4"},theme:{colors:{...n(),bg:"var(--bg)",text:"var(--text)",textSecondary:"var(--text-secondary)",button:"var(--button-bg)",buttonHover:"var(--button-hover-bg)",textLink:"var(--text-link)",glass:"var(--glass-bg)",shadow:"var(--shadow-color)",bgAuth:"var(--bg-auth-colour)",authButton:"var(--auth-button-bg)",bgInput:"var(--bg-input)",bgSurface:"var(--bg-surface)",textInput:"var(--text-input)",textMuted:"var(--text-muted)",borderInput:"var(--border-input)",bgSkeleton:"var(--bg-skeleton)",onPrimary:"var(--accent-contrast)",onError:"var(--error-contrast)",onSuccess:"var(--success-contrast)",onInfo:"var(--info-contrast)",onWarning:"var(--warning-contrast)"},keyframes:{wave:{"0%":{"background-position":"200% 0"},"100%":{"background-position":"0 0"}},"fade-in":{"0%":{opacity:"0",transform:"scale(0.95)"},"100%":{opacity:"1",transform:"scale(1)"}},"fade-out":{"0%":{opacity:"1",transform:"scale(1)"},"100%":{opacity:"0",transform:"scale(0.95)"}},"slide-in-right":{"0%":{transform:"translateX(100%)",opacity:"0"},"100%":{transform:"translateX(0)",opacity:"1"}},"slide-out-right":{"0%":{transform:"translateX(0)",opacity:"1"},"100%":{transform:"translateX(100%)",opacity:"0"}},"slide-in-left":{"0%":{transform:"translateX(-100%)",opacity:"0"},"100%":{transform:"translateX(0)",opacity:"1"}},"slide-out-left":{"0%":{transform:"translateX(0)",opacity:"1"},"100%":{transform:"translateX(-100%)",opacity:"0"}},"bounce-in":{"0%":{transform:"scale(0.3)",opacity:"0"},"50%":{transform:"scale(1.05)"},"70%":{transform:"scale(0.9)"},"100%":{transform:"scale(1)",opacity:"1"}},"bounce-out":{"0%":{transform:"scale(1)",opacity:"1"},"100%":{transform:"scale(0.3)",opacity:"0"}}}},safelist:["animate-wave","animate-fade-in","animate-fade-out","animate-slide-in-right","animate-slide-out-right","animate-slide-in-left","animate-slide-out-left","animate-bounce-in","animate-bounce-out","checked:bg-warning-9","checked:border-warning-9","checked:tick","bg-primary-1","bg-primary-2","bg-primary-3","bg-primary-4","bg-primary-5","bg-primary-6","bg-primary-7","bg-primary-8","bg-primary-9","bg-primary-10","bg-primary-11","bg-primary-12","text-primary-1","text-primary-2","text-primary-3","text-primary-9","text-primary-10","text-primary-11","text-primary-12","border-primary-6","border-primary-7","border-primary-8","border-primary-9","hover:bg-primary-3","hover:bg-primary-4","hover:bg-primary-10","hover:text-primary-12","hover:border-primary-9","focus:ring-primary-8","focus-visible:ring-primary-8","active:bg-primary-10","bg-neutral-1","bg-neutral-2","bg-neutral-3","bg-neutral-4","bg-neutral-5","bg-neutral-6","bg-neutral-7","bg-neutral-8","bg-neutral-9","bg-neutral-10","bg-neutral-11","bg-neutral-12","text-neutral-1","text-neutral-2","text-neutral-10","text-neutral-11","text-neutral-12","border-neutral-6","border-neutral-7","border-neutral-8","hover:bg-neutral-3","hover:bg-neutral-4","bg-error-2","bg-error-3","bg-error-4","bg-error-9","bg-error-10","text-error-9","text-error-11","text-error-12","border-error-6","border-error-7","border-error-8","border-error-9","hover:bg-error-3","hover:bg-error-4","hover:bg-error-10","hover:text-error-12","hover:border-error-9","focus:ring-error-8","focus-visible:ring-error-8","active:bg-error-10","bg-success-2","bg-success-3","bg-success-4","bg-success-9","bg-success-10","text-success-9","text-success-11","text-success-12","border-success-6","border-success-7","border-success-8","border-success-9","hover:bg-success-3","hover:bg-success-4","hover:bg-success-10","focus:ring-success-8","bg-warning-2","bg-warning-3","bg-warning-4","bg-warning-9","bg-warning-10","text-warning-9","text-warning-11","text-warning-12","border-warning-6","border-warning-7","border-warning-8","border-warning-9","hover:bg-warning-3","hover:bg-warning-4","hover:bg-warning-10","focus:ring-warning-8","bg-info-2","bg-info-3","bg-info-4","bg-info-9","bg-info-10","text-info-9","text-info-11","text-info-12","border-info-6","border-info-7","border-info-8","border-info-9","hover:bg-info-3","hover:bg-info-4","hover:bg-info-10","focus:ring-info-8","list-[upper-roman]","list-[lower-roman]","list-[upper-alpha]","list-[lower-alpha]","list-[\u{1F525}]","text-text","text-textSecondary","text-textMuted","text-textInput","bg-bgInput","bg-bgSurface","bg-bgSkeleton","border-borderInput","text-onPrimary","text-onError","text-onSuccess","text-onInfo","text-onWarning","bg-bg","text-white","border","border-t","w-64","w-16","group-hover:text-text","pointer-events-none","rounded-xl","rounded-full","rounded-lg","cursor-pointer","hover:border-neutral-7","hover:border-neutral-8","transition-colors","w-full","items-start","justify-between","gap-1","gap-1.5","w-8","h-8","md:w-10","md:h-10","flex-shrink-0","overflow-hidden","object-cover","inline-flex","px-2.5","py-1","border-red-500","text-red-600","absolute","top-3","right-3","top-10","p-1","p-3","md:p-4","hover:bg-neutral-3","hover:bg-neutral-4","bg-neutral-3","text-xs","md:text-sm","font-medium","truncate","w-40","shadow-md","z-50","mb-3","bg-bgSkeleton","before:absolute","before:inset-0","before:-translate-x-full","before:animate-[shimmer_2s_infinite]","before:bg-gradient-to-r","before:from-transparent","before:via-white/40","before:to-transparent","focus:ring-primary","focus:border-primary","placeholder:text-neutral-10","max-h-60","text-center","inset-y-0","inset-x-0","top-4","right-4","w-64","w-80","w-[480px]","h-64","h-80","h-96","flex-col","border-t","mt-auto","animate-slide-in-top","animate-slide-in-bottom","w-72","inline-block","gap-2","px-3","py-1","outline-none","focus:bg-neutral-3","my-1","focus-visible:ring-error-8","focus-visible:ring-neutral-8","fixed","inset-0","bg-black/50","max-w-sm","max-w-md","max-w-lg","max-w-full","mx-4","overflow-y-auto","max-h-[90vh]","p-6","pb-0","pt-0","justify-end","font-semibold","focus-visible:ring-2","focus-visible:ring-primary","focus-visible:ring-offset-2","bg-neutral-6","w-3","translate-x-0.5","translate-x-4","w-11","translate-x-5","w-14","translate-x-7","h-7","w-7","h-9","w-9","text-neutral-10","divide-y","divide-neutral-6","py-4","text-left","hover:bg-neutral-2","text-neutral-11","transition-transform","duration-200","rotate-180","grid-rows-[1fr]","grid-rows-[0fr]","transition-[grid-template-rows]","ease-in-out","pb-4","h-1","h-2","h-3","w-2/5","animate-progress-indeterminate","transition-all","duration-300","border-b","w-fit","px-4","py-2","rounded-md","border-b-2","-mb-px","border-primary","border-transparent","hover:border-neutral-300","py-1.5","bg-white","shadow-sm","pt-4","flex-wrap","max-w-48","text-neutral-400","px-0.5","text-textSecondary","hover:underline","hover:text-text","group","bg-neutral-800","whitespace-nowrap","pointer-events-none","group-hover:opacity-100","group-focus-within:opacity-100","bottom-full","left-1/2","-translate-x-1/2","mb-2","top-full","mt-2","right-full","top-1/2","-translate-y-1/2","mr-2","left-full","ml-2","relative","bg-neutral-200","text-neutral-600","select-none","w-6","h-6","w-10","h-10","w-16","h-16","text-base","text-lg","uppercase","leading-none","w-1/2","h-1/2","bottom-0","right-0","w-2.5","h-2.5","ring-2","ring-white","bg-success-9","bg-neutral-9","bg-error-9","bg-warning-9","h-px","w-px","h-full","shrink-0","opacity-50","cursor-not-allowed","text-error-11","flex","flex-1","gap-3","p-4","p-0.5","mt-0.5","min-w-0","h-5","w-5","font-semibold","mb-1","opacity-90","rounded","hover:opacity-70","transition-opacity","bg-info-3","border-info-6","text-info-12","text-info-11","bg-success-3","border-success-6","text-success-12","text-success-11","bg-warning-3","border-warning-6","text-warning-12","text-warning-11","bg-error-3","border-error-6","text-error-12","text-error-11","bg-primary-3","bg-success-3","text-success-11","bg-warning-3","text-warning-11","bg-error-3","text-error-11","text-sm","px-2","py-0.5","animate-spin","block","sr-only","items-center","justify-center","w-4","h-4","w-12","h-12","border-2","border-4","border-t-primary-9","border-t-neutral-9","border-t-neutral-11","border-t-white","border-white/30","py-0","py-6","py-12","py-20","py-32","bg-transparent","bg-neutral-50","grid","grid-cols-1","split-equal","split-sidebar-left","split-sidebar-right","split-wide-left","split-wide-right","sm:split-equal","sm:split-sidebar-left","sm:split-sidebar-right","sm:split-wide-left","sm:split-wide-right","md:split-equal","md:split-sidebar-left","md:split-sidebar-right","md:split-wide-left","md:split-wide-right","lg:split-equal","lg:split-sidebar-left","lg:split-sidebar-right","lg:split-wide-left","lg:split-wide-right","gap-0","gap-4","gap-6","gap-8","data-[state=open]:animate-in","data-[state=open]:fade-in-0","data-[state=open]:zoom-in-95","data-[state=open]:slide-in-from-right","data-[state=open]:slide-in-from-left","data-[state=open]:slide-in-from-top","data-[state=open]:slide-in-from-bottom","data-[state=open]:grid-rows-[1fr]","data-[state=open]:rotate-180","data-[state=closed]:animate-out","data-[state=closed]:fade-out-0","data-[state=closed]:zoom-out-95","data-[state=closed]:slide-out-to-right","data-[state=closed]:slide-out-to-left","data-[state=closed]:slide-out-to-top","data-[state=closed]:slide-out-to-bottom","data-[state=closed]:grid-rows-[0fr]","data-[state=delayed-open]:animate-in","data-[state=delayed-open]:fade-in-0","data-[state=delayed-open]:zoom-in-95","data-[state=checked]:bg-primary","data-[state=checked]:border-primary","data-[state=checked]:translate-x-4","data-[state=checked]:translate-x-5","data-[state=checked]:translate-x-7","data-[state=unchecked]:bg-neutral-300","data-[state=unchecked]:translate-x-0.5","data-[state=active]:text-primary","data-[state=active]:border-primary","data-[state=active]:bg-white","data-[state=active]:bg-neutral-1","data-[state=active]:shadow-sm","data-[state=active]:text-text","data-[side=bottom]:slide-in-from-top-1","data-[side=bottom]:slide-in-from-top-2","data-[side=bottom]:translate-y-1","data-[side=top]:slide-in-from-bottom-1","data-[side=top]:slide-in-from-bottom-2","data-[side=top]:-translate-y-1","data-[side=left]:slide-in-from-right-1","data-[side=left]:slide-in-from-right-2","data-[side=right]:slide-in-from-left-1","data-[side=right]:slide-in-from-left-2","data-[disabled]:opacity-50","data-[disabled]:pointer-events-none","data-[placeholder]:text-textMuted","group-data-[state=open]:rotate-180","data-[state=checked]:bg-primary-9","data-[state=checked]:border-primary-9","data-[state=unchecked]:bg-neutral-6","data-[state=on]:bg-primary-4","data-[state=on]:bg-primary-3","data-[state=on]:text-primary-12","data-[state=on]:text-primary-11","data-[state=on]:border-primary-8","data-[state=on]:bg-neutral-4","data-[state=on]:bg-neutral-5","data-[state=on]:text-neutral-12","data-[state=active]:text-primary-11","data-[state=active]:border-primary-9","data-[state=active]:text-neutral-12","data-[active]:bg-neutral-3","data-[state=open]:bg-neutral-3","data-[state=open]:bg-neutral-4","hover:text-neutral-12","hover:border-neutral-7","hover:border-neutral-8","hover:bg-neutral-8","focus:bg-neutral-3","focus:bg-neutral-4","focus-visible:ring-neutral-8","group-hover:bg-neutral-4","group-hover:text-neutral-12","border-t-primary-9","border-t-neutral-9","divide-neutral-6"]}));exports.acPreset = b;
242
+ //# sourceMappingURL=preset.js.map
package/dist/preset.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["/Users/kishor/Work/01-araCreate/arm/library/arm-ui-library/dist/preset.js","../src/preset.ts","../src/lib/theme-sync.ts"],"names":["radixScale","alias","scale","i","generateUnoColors","colors","acPreset","definePreset","presetWind4","presetAttributify","presetIcons","_","rawSelector"],"mappings":"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","file":"/Users/kishor/Work/01-araCreate/arm/library/arm-ui-library/dist/preset.js","sourcesContent":[null,"import { definePreset, presetIcons, type Preset } from \"unocss\";\nimport presetWind4 from \"@unocss/preset-wind4\";\nimport presetAttributify from \"@unocss/preset-attributify\";\nimport { generateUnoColors } from \"./lib/theme-sync\";\n\nexport const acPreset = definePreset(() => {\n return {\n name: \"ac-ui-preset\",\n\n presets: [\n presetWind4() as Preset,\n presetAttributify(),\n presetIcons({\n scale: 1.2,\n cdn: \"https://esm.sh/\",\n }),\n ],\n\n preflights: [\n {\n getCSS: () => `\n :root {\n /* ── Non-color semantic tokens (fallback outside .radix-themes) ── */\n --glass-bg: rgba(255, 255, 255, 0.3);\n --shadow-color: rgba(0, 0, 0, 0.25);\n --line-color: rgba(0, 0, 0, 0.08);\n }\n `,\n },\n {\n // Brand token overrides for Radix Themes (--accent-*, --gray-*, and the\n // --primary-*/--neutral-*/--error-*/--success-*/--warning-*/--info-* aliases\n // components/utilities depend on). Mirrors src/styles/radix-brand-tokens.css —\n // duplicated here (not imported) because this is the one output every consumer\n // already loads via `@aracreate/arm-ui/style.css`. dist/index.css (built\n // from the ui-provider.tsx CSS import) is never wired up for consumption: it\n // has no exports-map entry and index.mjs doesn't self-import it, so relying on\n // that path silently drops these tokens for every consuming app.\n getCSS: () => `\n /* ── LIGHT MODE ─────────────────────────────── */\n /* Also declared at :root: UnoCSS's Wind4 preset auto-generates\n --colors-{name}-{shade} aliases (e.g. --colors-primary-DEFAULT:\n var(--primary-9)) scoped to :root. A var() inside a custom-property\n declaration resolves using the declaring element's own cascade, not\n the consumer's — so if --primary-9 only existed on .radix-themes,\n every :root-scoped alias would compute to invalid and inherit that\n way everywhere, regardless of .radix-themes further down the tree. */\n :root, .radix-themes {\n --accent-1: #fffef5;\n --accent-2: #fffce8;\n --accent-3: #fff8cc;\n --accent-4: #fff2a8;\n --accent-5: #ffe980;\n --accent-6: #ffd94d;\n --accent-7: #ffd236;\n --accent-8: #ffca20;\n --accent-9: #FFC936;\n --accent-10: #f0b800;\n --accent-11: #7a5c00;\n --accent-12: #3d2e00;\n\n --accent-a1: #c0800004;\n --accent-a2: #ffc30015;\n --accent-a3: #ffcf003f;\n --accent-a4: #ffc90062;\n --accent-a5: #ffc20084;\n --accent-a6: #f6ae0089;\n --accent-a7: #d6960094;\n --accent-a8: #c78f00bf;\n --accent-a9: #ffc600e0;\n --accent-a10: #f9b700d1;\n --accent-a11: #997000;\n --accent-a12: #2a1e00df;\n --accent-surface: #fff9e5cc;\n --accent-indicator: #ffcd1f;\n --accent-track: #ffcd1f;\n\n --accent-contrast: #000000;\n\n --error-contrast: #ffffff;\n --success-contrast: #ffffff;\n --info-contrast: #ffffff;\n --warning-contrast: #000000;\n\n --gray-1: #fafafa;\n --gray-2: #f4f4f4;\n --gray-3: #ebebeb;\n --gray-4: #e0e0e0;\n --gray-5: #d1d1d1;\n --gray-6: #bebebe;\n --gray-7: #a8a8a8;\n --gray-8: #989898;\n --gray-9: #8C8C8C;\n --gray-10: #6e6e6e;\n --gray-11: #4a4a4a;\n --gray-12: #1a1a1a;\n\n --gray-a1: #00000003;\n --gray-a2: #00000006;\n --gray-a3: #00000010;\n --gray-a4: #00000017;\n --gray-a5: #0000001f;\n --gray-a6: #00000026;\n --gray-a7: #00000031;\n --gray-a8: #00000044;\n --gray-a9: #00000072;\n --gray-a10: #0000007c;\n --gray-a11: #0000009b;\n --gray-a12: #000000df;\n --gray-contrast: #FFFFFF;\n --gray-surface: #ffffffcc;\n --gray-indicator: #8d8d8d;\n --gray-track: #8d8d8d;\n\n --color-background: var(--accent-1);\n --color-surface: #ffffff;\n --color-panel-solid: #ffffff;\n --color-panel-translucent: rgba(255, 255, 255, 0.85);\n\n --primary-1: var(--accent-1);\n --primary-2: var(--accent-2);\n --primary-3: var(--accent-3);\n --primary-4: var(--accent-4);\n --primary-5: var(--accent-5);\n --primary-6: var(--accent-6);\n --primary-7: var(--accent-7);\n --primary-8: var(--accent-8);\n --primary-9: var(--accent-9);\n --primary-10: var(--accent-10);\n --primary-11: var(--accent-11);\n --primary-12: var(--accent-12);\n\n --neutral-1: var(--gray-1);\n --neutral-2: var(--gray-2);\n --neutral-3: var(--gray-3);\n --neutral-4: var(--gray-4);\n --neutral-5: var(--gray-5);\n --neutral-6: var(--gray-6);\n --neutral-7: var(--gray-7);\n --neutral-8: var(--gray-8);\n --neutral-9: var(--gray-9);\n --neutral-10: var(--gray-10);\n --neutral-11: var(--gray-11);\n --neutral-12: var(--gray-12);\n\n --error-1: var(--red-1);\n --error-2: var(--red-2);\n --error-3: var(--red-3);\n --error-4: var(--red-4);\n --error-5: var(--red-5);\n --error-6: var(--red-6);\n --error-7: var(--red-7);\n --error-8: var(--red-8);\n --error-9: var(--red-9);\n --error-10: var(--red-10);\n --error-11: var(--red-11);\n --error-12: var(--red-12);\n\n --success-1: var(--green-1);\n --success-2: var(--green-2);\n --success-3: var(--green-3);\n --success-4: var(--green-4);\n --success-5: var(--green-5);\n --success-6: var(--green-6);\n --success-7: var(--green-7);\n --success-8: var(--green-8);\n --success-9: var(--green-9);\n --success-10: var(--green-10);\n --success-11: var(--green-11);\n --success-12: var(--green-12);\n\n --warning-1: var(--amber-1);\n --warning-2: var(--amber-2);\n --warning-3: var(--amber-3);\n --warning-4: var(--amber-4);\n --warning-5: var(--amber-5);\n --warning-6: var(--amber-6);\n --warning-7: var(--amber-7);\n --warning-8: var(--amber-8);\n --warning-9: var(--amber-9);\n --warning-10: var(--amber-10);\n --warning-11: var(--amber-11);\n --warning-12: var(--amber-12);\n\n --info-1: var(--blue-1);\n --info-2: var(--blue-2);\n --info-3: var(--blue-3);\n --info-4: var(--blue-4);\n --info-5: var(--blue-5);\n --info-6: var(--blue-6);\n --info-7: var(--blue-7);\n --info-8: var(--blue-8);\n --info-9: var(--blue-9);\n --info-10: var(--blue-10);\n --info-11: var(--blue-11);\n --info-12: var(--blue-12);\n\n --color-foreground: #111111;\n --color-on-primary: var(--accent-contrast);\n --color-muted: var(--neutral-7);\n --color-border: var(--neutral-4);\n\n --text: var(--color-foreground);\n --text-secondary: var(--color-muted);\n --text-muted: var(--color-muted);\n --text-input: var(--color-foreground);\n --bg-skeleton: var(--neutral-4);\n }\n\n .radix-themes .text-text{ color: color-mix(in srgb, var(--color-foreground) var(--un-text-opacity), transparent) !important; }\n .radix-themes .text-textSecondary{ color: color-mix(in srgb, var(--color-muted) var(--un-text-opacity), transparent) !important; }\n .radix-themes .text-textMuted{ color: color-mix(in srgb, var(--color-muted) var(--un-text-opacity), transparent) !important; }\n .radix-themes .text-textInput{ color: color-mix(in srgb, var(--color-foreground) var(--un-text-opacity), transparent) !important; }\n `,\n },\n {\n getCSS: () => `\n @keyframes fade-in {\n 0% { opacity: 0; transform: scale(0.95); }\n 100% { opacity: 1; transform: scale(1); }\n }\n @keyframes fade-out {\n 0% { opacity: 1; transform: scale(1); }\n 100% { opacity: 0; transform: scale(0.95); }\n }\n @keyframes slide-in-right {\n 0% { transform: translateX(100%); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes slide-out-right {\n 0% { transform: translateX(0); opacity: 1; }\n 100% { transform: translateX(100%); opacity: 0; }\n }\n @keyframes slide-in-left {\n 0% { transform: translateX(-100%); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes slide-out-left {\n 0% { transform: translateX(0); opacity: 1; }\n 100% { transform: translateX(-100%); opacity: 0; }\n }\n @keyframes bounce-in {\n 0% { transform: scale(0.3); opacity: 0; }\n 50% { transform: scale(1.05); }\n 70% { transform: scale(0.9); }\n 100% { transform: scale(1); opacity: 1; }\n }\n @keyframes bounce-out {\n 0% { transform: scale(1); opacity: 1; }\n 100% { transform: scale(0.3); opacity: 0; }\n }\n @keyframes wave {\n 0% { background-position: 200% 0; }\n 100% { background-position: 0 0; }\n }\n @keyframes shimmer {\n 100% { transform: translateX(100%); }\n }\n @keyframes progress-slide {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(350%); }\n }\n @keyframes slide-in-top {\n 0% { transform: translateY(-100%); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes slide-in-bottom {\n 0% { transform: translateY(100%); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n `,\n },\n {\n // Radix Themes gives every portaled Dialog/AlertDialog its own nested\n // \"root theme\" wrapper (data-is-root-theme=\"true\", carrying the same\n // .radix-themes class as the app-level wrapper), so it has its own\n // theme context regardless of where in the DOM the portal lands.\n // @radix-ui/themes/styles.css's own rules for that wrapper\n // (`.radix-themes:where([data-is-root-theme=\"true\"]) { position:\n // relative; ... }`, meant for the *app-level* wrapper) and for the\n // dialog overlay itself (`.rt-BaseDialogOverlay { position: fixed;\n // inset: 0; }`) are the same specificity and both unlayered, so which\n // one wins is decided purely by their order in the final bundled\n // CSS — order that shifts across builds/bundlers. When the root-theme\n // rule wins, the overlay stops being a fixed, viewport-covering layer\n // and renders in normal document flow instead, pushing the dialog\n // far down the page (looks like \"no dialog appears\"). Force the\n // overlay back to fixed positioning regardless of bundle order.\n // Covers AlertDialog too — it reuses the same rt-BaseDialogOverlay.\n getCSS: () => `\n .rt-BaseDialogOverlay {\n position: fixed !important;\n }\n `,\n },\n ],\n\n rules: [\n [\"custom-rule\", { color: \"red\" }],\n [\"checked:bg-warning-9\", { \"background-color\": \"var(--warning-9)\" }],\n [\"checked:border-warning-9\", { \"border-color\": \"var(--warning-9)\" }],\n [\"list-disc\", { \"list-style-type\": \"disc\" }],\n [\"list-decimal\", { \"list-style-type\": \"decimal\" }],\n [\"list-inside\", { \"list-style-position\": \"inside\" }],\n [\"list-square\", { \"list-style-type\": \"square\" }],\n [\"list-circle\", { \"list-style-type\": \"circle\" }],\n [\"list-outside\", { \"list-style-position\": \"outside\" }],\n [\"list-[upper-roman]\", { \"list-style-type\": \"upper-roman\" }],\n [\"list-[lower-roman]\", { \"list-style-type\": \"lower-roman\" }],\n [\"list-[upper-alpha]\", { \"list-style-type\": \"upper-alpha\" }],\n [\"list-[lower-alpha]\", { \"list-style-type\": \"lower-alpha\" }],\n [\"list-[🔥]\", { \"list-style-type\": '\"🔥\"' }],\n [\"ul,ol\", { \"list-style\": \"revert\" }],\n [\n /^checked:tick$/,\n (_, { rawSelector }) => ({\n [`${rawSelector}::after`]: {\n content: '\"✓\"',\n position: \"absolute\",\n top: \"50%\",\n left: \"50%\",\n transform: \"translate(-50%, -50%)\",\n color: \"#ffffff\",\n \"font-size\": \"12px\",\n \"font-weight\": \"bold\",\n opacity: \"1\",\n },\n }),\n ],\n [\n \"animate-wave\",\n {\n \"background-image\": `linear-gradient(to right, var(--neutral-5) 0%, var(--neutral-3) 20%, var(--neutral-5) 40%, var(--neutral-5) 100%)`,\n \"background-size\": \"200% 100%\",\n animation: \"wave 1.5s linear infinite\",\n },\n ],\n [\"animate-fade-in\", { animation: \"fade-in 0.3s ease-in-out\" }],\n [\"animate-fade-out\", { animation: \"fade-out 0.3s ease-in-out\" }],\n [\"animate-slide-in-right\", { animation: \"slide-in-right 0.3s ease-out\" }],\n [\"animate-slide-out-right\", { animation: \"slide-out-right 0.3s ease-in\" }],\n [\"animate-slide-in-left\", { animation: \"slide-in-left 0.3s ease-out\" }],\n [\"animate-slide-out-left\", { animation: \"slide-out-left 0.3s ease-in\" }],\n [\"animate-bounce-in\", { animation: \"bounce-in 0.5s ease-out\" }],\n [\"animate-bounce-out\", { animation: \"bounce-out 0.3s ease-in\" }],\n [\"animate-progress-indeterminate\", { animation: \"progress-slide 1.5s ease-in-out infinite\" }],\n [\"animate-slide-in-top\", { animation: \"slide-in-top 0.3s ease-out\" }],\n [\"animate-slide-in-bottom\", { animation: \"slide-in-bottom 0.3s ease-out\" }],\n [\"table\", { \"border-collapse\": \"collapse\", \"border-style\": \"solid\" }],\n [\"shadow-soft\", { \"box-shadow\": \"0 0 20px var(--shadow-color)\" }],\n [\"shadow-spread\", { \"box-shadow\": \"0 0 30px 6px var(--shadow-color)\" }],\n [\"grid-card-wrapper\", { \"grid-template-columns\": \"repeat(auto-fill, minmax(285px, auto))\" }],\n [\"split-equal\", { \"grid-template-columns\": \"1fr 1fr\" }],\n [\"split-sidebar-left\", { \"grid-template-columns\": \"3fr 7fr\" }],\n [\"split-sidebar-right\", { \"grid-template-columns\": \"7fr 3fr\" }],\n [\"split-wide-left\", { \"grid-template-columns\": \"6fr 4fr\" }],\n [\"split-wide-right\", { \"grid-template-columns\": \"4fr 6fr\" }],\n ],\n\n shortcuts: {\n \"custom-shortcut\": \"text-lg text-primary-11 hover:text-primary-12\",\n \"card-gradient-border\":\n \"relative p-0.5 bg-gradient-to-r from-info-9 to-primary-9 rounded-2xl\",\n \"card-gradient-content\": \"bg-card rounded-[22px] h-full w-full\",\n \"glass-card\": \"bg-glass backdrop-blur-md rounded-xl p-4\",\n },\n\n theme: {\n colors: {\n ...generateUnoColors(),\n bg: \"var(--bg)\",\n text: \"var(--text)\",\n textSecondary: \"var(--text-secondary)\",\n button: \"var(--button-bg)\",\n buttonHover: \"var(--button-hover-bg)\",\n textLink: \"var(--text-link)\",\n glass: \"var(--glass-bg)\",\n shadow: \"var(--shadow-color)\",\n bgAuth: \"var(--bg-auth-colour)\",\n authButton: \"var(--auth-button-bg)\",\n bgInput: \"var(--bg-input)\",\n bgSurface: \"var(--bg-surface)\",\n textInput: \"var(--text-input)\",\n textMuted: \"var(--text-muted)\",\n borderInput: \"var(--border-input)\",\n bgSkeleton: \"var(--bg-skeleton)\",\n // On-solid contrast text — correct readable color on each solid-9 surface\n onPrimary: \"var(--accent-contrast)\",\n onError: \"var(--error-contrast)\",\n onSuccess: \"var(--success-contrast)\",\n onInfo: \"var(--info-contrast)\",\n onWarning: \"var(--warning-contrast)\",\n },\n keyframes: {\n wave: {\n \"0%\": { \"background-position\": \"200% 0\" },\n \"100%\": { \"background-position\": \"0 0\" },\n },\n \"fade-in\": {\n \"0%\": { opacity: \"0\", transform: \"scale(0.95)\" },\n \"100%\": { opacity: \"1\", transform: \"scale(1)\" },\n },\n \"fade-out\": {\n \"0%\": { opacity: \"1\", transform: \"scale(1)\" },\n \"100%\": { opacity: \"0\", transform: \"scale(0.95)\" },\n },\n \"slide-in-right\": {\n \"0%\": { transform: \"translateX(100%)\", opacity: \"0\" },\n \"100%\": { transform: \"translateX(0)\", opacity: \"1\" },\n },\n \"slide-out-right\": {\n \"0%\": { transform: \"translateX(0)\", opacity: \"1\" },\n \"100%\": { transform: \"translateX(100%)\", opacity: \"0\" },\n },\n \"slide-in-left\": {\n \"0%\": { transform: \"translateX(-100%)\", opacity: \"0\" },\n \"100%\": { transform: \"translateX(0)\", opacity: \"1\" },\n },\n \"slide-out-left\": {\n \"0%\": { transform: \"translateX(0)\", opacity: \"1\" },\n \"100%\": { transform: \"translateX(-100%)\", opacity: \"0\" },\n },\n \"bounce-in\": {\n \"0%\": { transform: \"scale(0.3)\", opacity: \"0\" },\n \"50%\": { transform: \"scale(1.05)\" },\n \"70%\": { transform: \"scale(0.9)\" },\n \"100%\": { transform: \"scale(1)\", opacity: \"1\" },\n },\n \"bounce-out\": {\n \"0%\": { transform: \"scale(1)\", opacity: \"1\" },\n \"100%\": { transform: \"scale(0.3)\", opacity: \"0\" },\n },\n },\n },\n\n safelist: [\n \"animate-wave\",\n \"animate-fade-in\",\n \"animate-fade-out\",\n \"animate-slide-in-right\",\n \"animate-slide-out-right\",\n \"animate-slide-in-left\",\n \"animate-slide-out-left\",\n \"animate-bounce-in\",\n \"animate-bounce-out\",\n // Radix 1-12 checked variants (replaced old warning-500 rules)\n \"checked:bg-warning-9\",\n \"checked:border-warning-9\",\n \"checked:tick\",\n // ── Radix 1-12 color utilities ─────────────────────────────────────\n // primary (yellow)\n \"bg-primary-1\",\n \"bg-primary-2\",\n \"bg-primary-3\",\n \"bg-primary-4\",\n \"bg-primary-5\",\n \"bg-primary-6\",\n \"bg-primary-7\",\n \"bg-primary-8\",\n \"bg-primary-9\",\n \"bg-primary-10\",\n \"bg-primary-11\",\n \"bg-primary-12\",\n \"text-primary-1\",\n \"text-primary-2\",\n \"text-primary-3\",\n \"text-primary-9\",\n \"text-primary-10\",\n \"text-primary-11\",\n \"text-primary-12\",\n \"border-primary-6\",\n \"border-primary-7\",\n \"border-primary-8\",\n \"border-primary-9\",\n \"hover:bg-primary-3\",\n \"hover:bg-primary-4\",\n \"hover:bg-primary-10\",\n \"hover:text-primary-12\",\n \"hover:border-primary-9\",\n \"focus:ring-primary-8\",\n \"focus-visible:ring-primary-8\",\n \"active:bg-primary-10\",\n // neutral (mauve)\n \"bg-neutral-1\",\n \"bg-neutral-2\",\n \"bg-neutral-3\",\n \"bg-neutral-4\",\n \"bg-neutral-5\",\n \"bg-neutral-6\",\n \"bg-neutral-7\",\n \"bg-neutral-8\",\n \"bg-neutral-9\",\n \"bg-neutral-10\",\n \"bg-neutral-11\",\n \"bg-neutral-12\",\n \"text-neutral-1\",\n \"text-neutral-2\",\n \"text-neutral-10\",\n \"text-neutral-11\",\n \"text-neutral-12\",\n \"border-neutral-6\",\n \"border-neutral-7\",\n \"border-neutral-8\",\n \"hover:bg-neutral-3\",\n \"hover:bg-neutral-4\",\n // error (red)\n \"bg-error-2\",\n \"bg-error-3\",\n \"bg-error-4\",\n \"bg-error-9\",\n \"bg-error-10\",\n \"text-error-9\",\n \"text-error-11\",\n \"text-error-12\",\n \"border-error-6\",\n \"border-error-7\",\n \"border-error-8\",\n \"border-error-9\",\n \"hover:bg-error-3\",\n \"hover:bg-error-4\",\n \"hover:bg-error-10\",\n \"hover:text-error-12\",\n \"hover:border-error-9\",\n \"focus:ring-error-8\",\n \"focus-visible:ring-error-8\",\n \"active:bg-error-10\",\n // success (green)\n \"bg-success-2\",\n \"bg-success-3\",\n \"bg-success-4\",\n \"bg-success-9\",\n \"bg-success-10\",\n \"text-success-9\",\n \"text-success-11\",\n \"text-success-12\",\n \"border-success-6\",\n \"border-success-7\",\n \"border-success-8\",\n \"border-success-9\",\n \"hover:bg-success-3\",\n \"hover:bg-success-4\",\n \"hover:bg-success-10\",\n \"focus:ring-success-8\",\n // warning (amber)\n \"bg-warning-2\",\n \"bg-warning-3\",\n \"bg-warning-4\",\n \"bg-warning-9\",\n \"bg-warning-10\",\n \"text-warning-9\",\n \"text-warning-11\",\n \"text-warning-12\",\n \"border-warning-6\",\n \"border-warning-7\",\n \"border-warning-8\",\n \"border-warning-9\",\n \"hover:bg-warning-3\",\n \"hover:bg-warning-4\",\n \"hover:bg-warning-10\",\n \"focus:ring-warning-8\",\n // info (blue)\n \"bg-info-2\",\n \"bg-info-3\",\n \"bg-info-4\",\n \"bg-info-9\",\n \"bg-info-10\",\n \"text-info-9\",\n \"text-info-11\",\n \"text-info-12\",\n \"border-info-6\",\n \"border-info-7\",\n \"border-info-8\",\n \"border-info-9\",\n \"hover:bg-info-3\",\n \"hover:bg-info-4\",\n \"hover:bg-info-10\",\n \"focus:ring-info-8\",\n // ──────────────────────────────────────────────────────────────────\n \"list-[upper-roman]\",\n \"list-[lower-roman]\",\n \"list-[upper-alpha]\",\n \"list-[lower-alpha]\",\n \"list-[🔥]\",\n // ── Semantic alias utilities ──────────────────────────────────────\n \"text-text\",\n \"text-textSecondary\",\n \"text-textMuted\",\n \"text-textInput\",\n \"bg-bgInput\",\n \"bg-bgSurface\",\n \"bg-bgSkeleton\",\n \"border-borderInput\",\n // On-solid contrast text utilities\n \"text-onPrimary\",\n \"text-onError\",\n \"text-onSuccess\",\n \"text-onInfo\",\n \"text-onWarning\",\n \"bg-bg\",\n \"text-white\",\n \"border\",\n \"border-t\",\n \"w-64\",\n \"w-16\",\n \"group-hover:text-text\",\n \"pointer-events-none\",\n \"rounded-xl\",\n \"rounded-full\",\n \"rounded-lg\",\n \"cursor-pointer\",\n \"hover:border-neutral-7\",\n \"hover:border-neutral-8\",\n \"transition-colors\",\n \"w-full\",\n \"items-start\",\n \"justify-between\",\n \"gap-1\",\n \"gap-1.5\",\n \"w-8\",\n \"h-8\",\n \"md:w-10\",\n \"md:h-10\",\n \"flex-shrink-0\",\n \"overflow-hidden\",\n \"object-cover\",\n \"inline-flex\",\n \"px-2.5\",\n \"py-1\",\n \"border-red-500\",\n \"text-red-600\",\n \"absolute\",\n \"top-3\",\n \"right-3\",\n \"top-10\",\n \"p-1\",\n \"p-3\",\n \"md:p-4\",\n \"hover:bg-neutral-3\",\n \"hover:bg-neutral-4\",\n \"bg-neutral-3\",\n \"text-xs\",\n \"md:text-sm\",\n \"font-medium\",\n \"truncate\",\n \"w-40\",\n \"shadow-md\",\n \"z-50\",\n \"mb-3\",\n \"bg-bgSkeleton\",\n \"before:absolute\",\n \"before:inset-0\",\n \"before:-translate-x-full\",\n \"before:animate-[shimmer_2s_infinite]\",\n \"before:bg-gradient-to-r\",\n \"before:from-transparent\",\n \"before:via-white/40\",\n \"before:to-transparent\",\n \"focus:ring-primary\",\n \"focus:border-primary\",\n \"placeholder:text-neutral-10\",\n \"max-h-60\",\n \"text-center\",\n \"inset-y-0\",\n \"inset-x-0\",\n \"top-4\",\n \"right-4\",\n \"w-64\",\n \"w-80\",\n \"w-[480px]\",\n \"h-64\",\n \"h-80\",\n \"h-96\",\n \"flex-col\",\n \"border-t\",\n \"mt-auto\",\n \"animate-slide-in-top\",\n \"animate-slide-in-bottom\",\n \"w-72\",\n \"inline-block\",\n \"gap-2\",\n \"px-3\",\n \"py-1\",\n \"outline-none\",\n \"focus:bg-neutral-3\",\n \"my-1\",\n \"focus-visible:ring-error-8\",\n \"focus-visible:ring-neutral-8\",\n \"fixed\",\n \"inset-0\",\n \"bg-black/50\",\n \"max-w-sm\",\n \"max-w-md\",\n \"max-w-lg\",\n \"max-w-full\",\n \"mx-4\",\n \"overflow-y-auto\",\n \"max-h-[90vh]\",\n \"p-6\",\n \"pb-0\",\n \"pt-0\",\n \"justify-end\",\n \"font-semibold\",\n \"focus-visible:ring-2\",\n \"focus-visible:ring-primary\",\n \"focus-visible:ring-offset-2\",\n \"bg-neutral-6\",\n \"w-3\",\n \"translate-x-0.5\",\n \"translate-x-4\",\n \"w-11\",\n \"translate-x-5\",\n \"w-14\",\n \"translate-x-7\",\n \"h-7\",\n \"w-7\",\n \"h-9\",\n \"w-9\",\n \"text-neutral-10\",\n \"divide-y\",\n \"divide-neutral-6\",\n \"py-4\",\n \"text-left\",\n \"hover:bg-neutral-2\",\n \"text-neutral-11\",\n \"transition-transform\",\n \"duration-200\",\n \"rotate-180\",\n // grid-rows trick: animates accordion open/close via CSS grid-template-rows transition\n \"grid-rows-[1fr]\",\n \"grid-rows-[0fr]\",\n \"transition-[grid-template-rows]\",\n \"ease-in-out\",\n \"pb-4\",\n \"h-1\",\n \"h-2\",\n \"h-3\",\n \"w-2/5\",\n \"animate-progress-indeterminate\",\n \"transition-all\",\n \"duration-300\",\n \"border-b\",\n \"w-fit\",\n \"px-4\",\n \"py-2\",\n \"rounded-md\",\n \"border-b-2\",\n \"-mb-px\",\n \"border-primary\",\n \"border-transparent\",\n \"hover:border-neutral-300\",\n \"py-1.5\",\n \"bg-white\",\n \"shadow-sm\",\n \"pt-4\",\n \"flex-wrap\",\n \"max-w-48\",\n \"text-neutral-400\",\n \"px-0.5\",\n \"text-textSecondary\",\n \"hover:underline\",\n \"hover:text-text\",\n \"group\",\n \"bg-neutral-800\",\n \"whitespace-nowrap\",\n \"pointer-events-none\",\n \"group-hover:opacity-100\",\n \"group-focus-within:opacity-100\",\n \"bottom-full\",\n \"left-1/2\",\n \"-translate-x-1/2\",\n \"mb-2\",\n \"top-full\",\n \"mt-2\",\n \"right-full\",\n \"top-1/2\",\n \"-translate-y-1/2\",\n \"mr-2\",\n \"left-full\",\n \"ml-2\",\n \"relative\",\n \"bg-neutral-200\",\n \"text-neutral-600\",\n \"select-none\",\n \"w-6\",\n \"h-6\",\n \"w-10\",\n \"h-10\",\n \"w-16\",\n \"h-16\",\n \"text-base\",\n \"text-lg\",\n \"uppercase\",\n \"leading-none\",\n \"w-1/2\",\n \"h-1/2\",\n \"bottom-0\",\n \"right-0\",\n \"w-2.5\",\n \"h-2.5\",\n \"ring-2\",\n \"ring-white\",\n \"bg-success-9\",\n \"bg-neutral-9\",\n \"bg-error-9\",\n \"bg-warning-9\",\n \"h-px\",\n \"w-px\",\n \"h-full\",\n \"shrink-0\",\n \"opacity-50\",\n \"cursor-not-allowed\",\n \"text-error-11\",\n \"flex\",\n \"flex-1\",\n \"gap-3\",\n \"p-4\",\n \"p-0.5\",\n \"mt-0.5\",\n \"min-w-0\",\n \"h-5\",\n \"w-5\",\n \"font-semibold\",\n \"mb-1\",\n \"opacity-90\",\n \"rounded\",\n \"hover:opacity-70\",\n \"transition-opacity\",\n \"bg-info-3\",\n \"border-info-6\",\n \"text-info-12\",\n \"text-info-11\",\n \"bg-success-3\",\n \"border-success-6\",\n \"text-success-12\",\n \"text-success-11\",\n \"bg-warning-3\",\n \"border-warning-6\",\n \"text-warning-12\",\n \"text-warning-11\",\n \"bg-error-3\",\n \"border-error-6\",\n \"text-error-12\",\n \"text-error-11\",\n \"bg-primary-3\",\n \"bg-success-3\",\n \"text-success-11\",\n \"bg-warning-3\",\n \"text-warning-11\",\n \"bg-error-3\",\n \"text-error-11\",\n \"text-sm\",\n \"px-2\",\n \"py-0.5\",\n \"animate-spin\",\n \"block\",\n \"sr-only\",\n \"items-center\",\n \"justify-center\",\n \"w-4\",\n \"h-4\",\n \"w-12\",\n \"h-12\",\n \"border-2\",\n \"border-4\",\n \"border-t-primary-9\",\n \"border-t-neutral-9\",\n \"border-t-neutral-11\",\n \"border-t-white\",\n \"border-white/30\",\n \"py-0\",\n \"py-6\",\n \"py-12\",\n \"py-20\",\n \"py-32\",\n \"bg-transparent\",\n \"bg-neutral-50\",\n \"grid\",\n \"grid-cols-1\",\n \"split-equal\",\n \"split-sidebar-left\",\n \"split-sidebar-right\",\n \"split-wide-left\",\n \"split-wide-right\",\n \"sm:split-equal\",\n \"sm:split-sidebar-left\",\n \"sm:split-sidebar-right\",\n \"sm:split-wide-left\",\n \"sm:split-wide-right\",\n \"md:split-equal\",\n \"md:split-sidebar-left\",\n \"md:split-sidebar-right\",\n \"md:split-wide-left\",\n \"md:split-wide-right\",\n \"lg:split-equal\",\n \"lg:split-sidebar-left\",\n \"lg:split-sidebar-right\",\n \"lg:split-wide-left\",\n \"lg:split-wide-right\",\n \"gap-0\",\n \"gap-4\",\n \"gap-6\",\n \"gap-8\",\n // Radix UI data-state variants — must be safelisted so consuming apps\n // that don't scan library sources still get these generated.\n // data-[state=open/closed] — Dialog, Drawer, Popover, Tooltip, Accordion, Select\n \"data-[state=open]:animate-in\",\n \"data-[state=open]:fade-in-0\",\n \"data-[state=open]:zoom-in-95\",\n \"data-[state=open]:slide-in-from-right\",\n \"data-[state=open]:slide-in-from-left\",\n \"data-[state=open]:slide-in-from-top\",\n \"data-[state=open]:slide-in-from-bottom\",\n \"data-[state=open]:grid-rows-[1fr]\",\n \"data-[state=open]:rotate-180\",\n \"data-[state=closed]:animate-out\",\n \"data-[state=closed]:fade-out-0\",\n \"data-[state=closed]:zoom-out-95\",\n \"data-[state=closed]:slide-out-to-right\",\n \"data-[state=closed]:slide-out-to-left\",\n \"data-[state=closed]:slide-out-to-top\",\n \"data-[state=closed]:slide-out-to-bottom\",\n \"data-[state=closed]:grid-rows-[0fr]\",\n // data-[state=delayed-open] — Tooltip\n \"data-[state=delayed-open]:animate-in\",\n \"data-[state=delayed-open]:fade-in-0\",\n \"data-[state=delayed-open]:zoom-in-95\",\n // data-[state=checked/unchecked] — Checkbox, Switch\n \"data-[state=checked]:bg-primary\",\n \"data-[state=checked]:border-primary\",\n \"data-[state=checked]:translate-x-4\",\n \"data-[state=checked]:translate-x-5\",\n \"data-[state=checked]:translate-x-7\",\n \"data-[state=unchecked]:bg-neutral-300\",\n \"data-[state=unchecked]:translate-x-0.5\",\n // data-[state=active/inactive] — Tabs\n \"data-[state=active]:text-primary\",\n \"data-[state=active]:border-primary\",\n \"data-[state=active]:bg-white\", // legacy — kept for backward compat\n \"data-[state=active]:bg-neutral-1\", // new Radix — pills active tab bg\n \"data-[state=active]:shadow-sm\",\n \"data-[state=active]:text-text\",\n // data-[side=*] — Popover, Tooltip, DropdownMenu, Select\n \"data-[side=bottom]:slide-in-from-top-1\",\n \"data-[side=bottom]:slide-in-from-top-2\",\n \"data-[side=bottom]:translate-y-1\",\n \"data-[side=top]:slide-in-from-bottom-1\",\n \"data-[side=top]:slide-in-from-bottom-2\",\n \"data-[side=top]:-translate-y-1\",\n \"data-[side=left]:slide-in-from-right-1\",\n \"data-[side=left]:slide-in-from-right-2\",\n \"data-[side=right]:slide-in-from-left-1\",\n \"data-[side=right]:slide-in-from-left-2\",\n // data-[disabled] / data-[placeholder] — Select, DropdownMenu\n \"data-[disabled]:opacity-50\",\n \"data-[disabled]:pointer-events-none\",\n \"data-[placeholder]:text-textMuted\",\n // group-data-[state=open] — Accordion chevron rotation\n \"group-data-[state=open]:rotate-180\",\n // ── Phase 12B: Radix 1-12 data-state variants ──────────────────────\n // Checkbox, Radio, Switch\n \"data-[state=checked]:bg-primary-9\",\n \"data-[state=checked]:border-primary-9\",\n \"data-[state=unchecked]:bg-neutral-6\",\n // Toggle, ToggleGroup, ToolbarToggleItem\n \"data-[state=on]:bg-primary-4\",\n \"data-[state=on]:bg-primary-3\",\n \"data-[state=on]:text-primary-12\",\n \"data-[state=on]:text-primary-11\",\n \"data-[state=on]:border-primary-8\",\n \"data-[state=on]:bg-neutral-4\",\n \"data-[state=on]:bg-neutral-5\",\n \"data-[state=on]:text-neutral-12\",\n // Tabs\n \"data-[state=active]:text-primary-11\",\n \"data-[state=active]:border-primary-9\",\n \"data-[state=active]:text-neutral-12\",\n // NavigationMenu trigger\n \"data-[active]:bg-neutral-3\",\n \"data-[state=open]:bg-neutral-3\",\n // Menubar / ContextMenu subtrigger\n \"data-[state=open]:bg-neutral-4\",\n // ── Phase 12B: hover / focus / group-hover utilities ───────────────\n \"hover:text-neutral-12\",\n \"hover:border-neutral-7\",\n \"hover:border-neutral-8\",\n \"hover:bg-neutral-8\",\n \"focus:bg-neutral-3\",\n \"focus:bg-neutral-4\",\n \"focus-visible:ring-neutral-8\",\n \"group-hover:bg-neutral-4\",\n \"group-hover:text-neutral-12\",\n // ── Phase 12B: spinner border-t, accordion divide ──────────────────\n \"border-t-primary-9\",\n \"border-t-neutral-9\",\n \"divide-neutral-6\",\n ],\n };\n});\n","import { colors } from \"./theme\";\n\nfunction radixScale(alias: string): Record<number | string, string> {\n const scale: Record<number | string, string> = {};\n for (let i = 1; i <= 12; i++) {\n scale[i] = `var(--${alias}-${i})`;\n }\n scale[\"DEFAULT\"] = `var(--${alias}-9)`;\n return scale;\n}\n\n/**\n * Generates UnoCSS-compatible color configuration.\n *\n * Runs both the Radix 1-12 CSS-var scale (new) and the legacy 50-900\n * hex shades (kept for backward-compat during Phase 12B component migration).\n * After all components are migrated the 50-900 entries will be removed.\n */\nexport function generateUnoColors() {\n return {\n // ── New Radix 1-12 scales + legacy 50-900 shades ─────────────\n primary: { ...colors.primary, ...radixScale(\"primary\"), foreground: \"#ffffff\" },\n neutral: { ...colors.neutral, ...radixScale(\"neutral\") },\n error: { ...colors.error, ...radixScale(\"error\") },\n success: { ...colors.success, ...radixScale(\"success\") },\n warning: { ...colors.warning, ...radixScale(\"warning\") },\n info: { ...colors.info, ...radixScale(\"info\") },\n\n // ── Secondary: keep legacy shades (Phase 12B will migrate) ────\n secondary: {\n ...colors.secondary,\n DEFAULT: colors.secondary[500],\n foreground: \"#ffffff\",\n },\n\n // ── Semantic alias tokens ─────────────────────────────────────\n destructive: { DEFAULT: \"var(--error-9)\", foreground: \"var(--neutral-1)\" },\n muted: { DEFAULT: \"var(--neutral-3)\", foreground: \"var(--neutral-11)\" },\n accent: { DEFAULT: \"var(--neutral-3)\", foreground: \"var(--neutral-12)\" },\n popover: { DEFAULT: \"var(--neutral-1)\", foreground: \"var(--neutral-12)\" },\n card: { DEFAULT: \"var(--neutral-1)\", foreground: \"var(--neutral-12)\" },\n\n // ── Meta tokens ───────────────────────────────────────────────\n border: \"var(--neutral-6)\",\n input: \"var(--neutral-7)\",\n ring: \"var(--primary-8)\",\n background: \"var(--neutral-1)\",\n foreground: \"var(--neutral-12)\",\n };\n}\n"]}