organify-ui 0.3.1 → 0.3.2
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.
- package/dist/{chunk-3UW42YIP.js → chunk-A2H2TBSV.js} +6 -24
- package/dist/chunk-A2H2TBSV.js.map +1 -0
- package/dist/{chunk-TJWTQNS3.js → chunk-GQZMW7XN.js} +11 -11
- package/dist/chunk-GQZMW7XN.js.map +1 -0
- package/dist/{chunk-HY7M3VZM.js → chunk-MZKEDV5W.js} +9 -9
- package/dist/{chunk-HY7M3VZM.js.map → chunk-MZKEDV5W.js.map} +1 -1
- package/dist/chunk-UGX6D3AO.js +327 -0
- package/dist/chunk-UGX6D3AO.js.map +1 -0
- package/dist/components/chat/index.js +2 -2
- package/dist/components/notifications/index.js +2 -2
- package/dist/icons/index.js +1 -1
- package/dist/index.js +11 -11
- package/dist/index.js.map +1 -1
- package/dist/tailwind-preset.js +33 -27
- package/dist/tailwind-preset.js.map +1 -1
- package/dist/tokens/index.d.ts +135 -132
- package/dist/tokens/index.js +1 -1
- package/package.json +1 -1
- package/src/globals.css +394 -392
- package/dist/chunk-3UW42YIP.js.map +0 -1
- package/dist/chunk-TJWTQNS3.js.map +0 -1
- package/dist/chunk-XPB2HZCF.js +0 -326
- package/dist/chunk-XPB2HZCF.js.map +0 -1
package/dist/chunk-XPB2HZCF.js
DELETED
|
@@ -1,326 +0,0 @@
|
|
|
1
|
-
// src/tokens/colors.ts
|
|
2
|
-
var colors = {
|
|
3
|
-
// ─── Brand ───────────────────────────────────────
|
|
4
|
-
primary: {
|
|
5
|
-
DEFAULT: "#4F39F6",
|
|
6
|
-
light: "#6366F1",
|
|
7
|
-
soft: "#3A2E9E",
|
|
8
|
-
electric: "#4F39F6",
|
|
9
|
-
"electric-light": "#818CF8",
|
|
10
|
-
dark: "#0f0a38"
|
|
11
|
-
},
|
|
12
|
-
// ─── Neutral — ultra-dark base ──────────────────
|
|
13
|
-
neutral: {
|
|
14
|
-
900: "#030407",
|
|
15
|
-
875: "#050609",
|
|
16
|
-
850: "#080A10",
|
|
17
|
-
800: "#0D1017",
|
|
18
|
-
750: "#101420",
|
|
19
|
-
700: "#161A28",
|
|
20
|
-
600: "#1E2336",
|
|
21
|
-
500: "#6B6B76",
|
|
22
|
-
400: "#9CA3AF",
|
|
23
|
-
300: "#d1d5db",
|
|
24
|
-
200: "#e5e7eb",
|
|
25
|
-
100: "#f3f4f6",
|
|
26
|
-
50: "#F9F9F7",
|
|
27
|
-
25: "#FEFEFD",
|
|
28
|
-
0: "#FFFFFF"
|
|
29
|
-
},
|
|
30
|
-
// ─── Semantic ────────────────────────────────────
|
|
31
|
-
semantic: {
|
|
32
|
-
success: {
|
|
33
|
-
DEFAULT: "#10B981",
|
|
34
|
-
light: "#34d399",
|
|
35
|
-
dark: "#065f46",
|
|
36
|
-
surface: "rgba(16, 185, 129, 0.10)",
|
|
37
|
-
border: "rgba(16, 185, 129, 0.30)"
|
|
38
|
-
},
|
|
39
|
-
warning: {
|
|
40
|
-
DEFAULT: "#F59E0B",
|
|
41
|
-
light: "#fbbf24",
|
|
42
|
-
dark: "#92400e",
|
|
43
|
-
surface: "rgba(245, 158, 11, 0.10)",
|
|
44
|
-
border: "rgba(245, 158, 11, 0.30)"
|
|
45
|
-
},
|
|
46
|
-
error: {
|
|
47
|
-
DEFAULT: "#E0115F",
|
|
48
|
-
light: "#f43f5e",
|
|
49
|
-
dark: "#9f1239",
|
|
50
|
-
surface: "rgba(244, 63, 94, 0.10)",
|
|
51
|
-
border: "rgba(244, 63, 94, 0.30)"
|
|
52
|
-
},
|
|
53
|
-
info: {
|
|
54
|
-
DEFAULT: "#3B82F6",
|
|
55
|
-
light: "#60a5fa",
|
|
56
|
-
dark: "#1e40af",
|
|
57
|
-
surface: "rgba(59, 130, 246, 0.10)",
|
|
58
|
-
border: "rgba(59, 130, 246, 0.30)"
|
|
59
|
-
}
|
|
60
|
-
},
|
|
61
|
-
// ─── Glass (white transparency on ultra-dark) ───
|
|
62
|
-
glass: {
|
|
63
|
-
bg: "rgba(255, 255, 255, 0.03)",
|
|
64
|
-
bgHeavy: "rgba(255, 255, 255, 0.05)",
|
|
65
|
-
surface: "rgba(255, 255, 255, 0.04)",
|
|
66
|
-
border: "rgba(255, 255, 255, 0.10)",
|
|
67
|
-
borderMedium: "rgba(255, 255, 255, 0.20)",
|
|
68
|
-
borderStrong: "rgba(255, 255, 255, 0.30)",
|
|
69
|
-
highlight: "rgba(255, 255, 255, 0.05)",
|
|
70
|
-
white5: "rgba(255, 255, 255, 0.05)",
|
|
71
|
-
white10: "rgba(255, 255, 255, 0.10)",
|
|
72
|
-
white20: "rgba(255, 255, 255, 0.20)",
|
|
73
|
-
white40: "rgba(255, 255, 255, 0.40)"
|
|
74
|
-
},
|
|
75
|
-
// ─── Cream Theme ────────────────────────────────
|
|
76
|
-
cream: {
|
|
77
|
-
base: "#F9F9F7",
|
|
78
|
-
surface: "rgba(255, 255, 255, 0.70)",
|
|
79
|
-
surfaceStrong: "rgba(255, 255, 255, 0.90)",
|
|
80
|
-
border: "rgba(255, 255, 255, 0.60)",
|
|
81
|
-
borderMedium: "rgba(36, 25, 121, 0.06)",
|
|
82
|
-
borderStrong: "rgba(36, 25, 121, 0.15)",
|
|
83
|
-
glassBorder: "rgba(36, 25, 121, 0.03)",
|
|
84
|
-
text: "#191919",
|
|
85
|
-
textMuted: "#6B6B76",
|
|
86
|
-
textSubtle: "#9CA3AF"
|
|
87
|
-
},
|
|
88
|
-
// ─── Fluid Theme ────────────────────────────────
|
|
89
|
-
fluid: {
|
|
90
|
-
bg: "rgba(255, 255, 255, 0.03)",
|
|
91
|
-
surface: "#161618",
|
|
92
|
-
border: "rgba(255, 255, 255, 0.05)",
|
|
93
|
-
borderMedium: "rgba(255, 255, 255, 0.08)",
|
|
94
|
-
borderStrong: "rgba(255, 255, 255, 0.10)",
|
|
95
|
-
highlight: "rgba(255, 255, 255, 0.05)",
|
|
96
|
-
primarySoft: "rgba(124, 106, 248, 0.20)"
|
|
97
|
-
},
|
|
98
|
-
// ─── Liquid Glass Theme (matches ultra-dark default) ─
|
|
99
|
-
liquid: {
|
|
100
|
-
void: "#030407",
|
|
101
|
-
surface: "#080A10",
|
|
102
|
-
elevated: "#0D1017",
|
|
103
|
-
card: "#080A10",
|
|
104
|
-
text: "#f3f4f6",
|
|
105
|
-
textSecondary: "rgba(255, 255, 255, 0.70)",
|
|
106
|
-
textMuted: "rgba(255, 255, 255, 0.40)",
|
|
107
|
-
border: "rgba(255, 255, 255, 0.10)",
|
|
108
|
-
borderMedium: "rgba(255, 255, 255, 0.20)",
|
|
109
|
-
borderStrong: "rgba(255, 255, 255, 0.30)",
|
|
110
|
-
glassBg: "rgba(255, 255, 255, 0.03)",
|
|
111
|
-
glassBgHeavy: "rgba(255, 255, 255, 0.05)",
|
|
112
|
-
glassSurface: "rgba(255, 255, 255, 0.04)",
|
|
113
|
-
glassBorder: "rgba(255, 255, 255, 0.10)",
|
|
114
|
-
glassBorderMedium: "rgba(255, 255, 255, 0.20)",
|
|
115
|
-
glassBorderStrong: "rgba(255, 255, 255, 0.30)",
|
|
116
|
-
glassHighlight: "rgba(255, 255, 255, 0.05)",
|
|
117
|
-
primaryViolet: "#6366F1",
|
|
118
|
-
primaryPurple: "#818CF8",
|
|
119
|
-
primaryLavender: "#A5B4FC",
|
|
120
|
-
primaryDeep: "#4F46E5",
|
|
121
|
-
primarySoft: "rgba(99, 102, 241, 0.20)",
|
|
122
|
-
accentGlow: "rgba(99, 102, 241, 0.40)",
|
|
123
|
-
grainOpacity: "0.04"
|
|
124
|
-
},
|
|
125
|
-
// ─── Status / Flow ──────────────────────────────
|
|
126
|
-
status: {
|
|
127
|
-
inFlow: {
|
|
128
|
-
bg: "rgba(99, 102, 241, 0.20)",
|
|
129
|
-
text: "#c7d2fe",
|
|
130
|
-
border: "rgba(99, 102, 241, 0.30)",
|
|
131
|
-
dot: "#818cf8"
|
|
132
|
-
},
|
|
133
|
-
deepWork: {
|
|
134
|
-
bg: "rgba(217, 70, 239, 0.10)",
|
|
135
|
-
text: "#f0abfc",
|
|
136
|
-
border: "rgba(217, 70, 239, 0.20)"
|
|
137
|
-
},
|
|
138
|
-
resting: {
|
|
139
|
-
bg: "rgba(245, 158, 11, 0.15)",
|
|
140
|
-
text: "#fde68a",
|
|
141
|
-
border: "rgba(245, 158, 11, 0.30)"
|
|
142
|
-
},
|
|
143
|
-
disconnected: {
|
|
144
|
-
bg: "rgba(244, 63, 94, 0.15)",
|
|
145
|
-
text: "#fecdd3",
|
|
146
|
-
border: "rgba(244, 63, 94, 0.30)"
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
};
|
|
150
|
-
|
|
151
|
-
// src/tokens/typography.ts
|
|
152
|
-
var fontFamily = {
|
|
153
|
-
sans: ["Inter", "Space Grotesk", "system-ui", "-apple-system", "sans-serif"],
|
|
154
|
-
mono: [
|
|
155
|
-
"ui-monospace",
|
|
156
|
-
"SFMono-Regular",
|
|
157
|
-
"Menlo",
|
|
158
|
-
"Monaco",
|
|
159
|
-
"Consolas",
|
|
160
|
-
"Liberation Mono",
|
|
161
|
-
"Courier New",
|
|
162
|
-
"monospace"
|
|
163
|
-
]
|
|
164
|
-
};
|
|
165
|
-
var fontSize = {
|
|
166
|
-
"display-xl": ["5rem", { lineHeight: "0.85", letterSpacing: "-0.04em", fontWeight: "100" }],
|
|
167
|
-
"display-lg": ["4rem", { lineHeight: "0.9", letterSpacing: "-0.03em", fontWeight: "100" }],
|
|
168
|
-
"heading-xl": ["2.5rem", { lineHeight: "1.1", letterSpacing: "-0.02em", fontWeight: "300" }],
|
|
169
|
-
"heading-lg": ["1.5rem", { lineHeight: "1.2", letterSpacing: "-0.01em", fontWeight: "300" }],
|
|
170
|
-
"heading-md": ["1.25rem", { lineHeight: "1.3", letterSpacing: "-0.01em", fontWeight: "300" }],
|
|
171
|
-
"heading-sm": ["1rem", { lineHeight: "1.4", fontWeight: "500" }],
|
|
172
|
-
"body-lg": ["1rem", { lineHeight: "1.6", fontWeight: "300" }],
|
|
173
|
-
"body-md": ["0.875rem", { lineHeight: "1.6", fontWeight: "300" }],
|
|
174
|
-
"body-sm": ["0.75rem", { lineHeight: "1.5", fontWeight: "400" }],
|
|
175
|
-
"caption": ["0.6875rem", { lineHeight: "1.4", fontWeight: "500" }],
|
|
176
|
-
"label": ["0.625rem", { lineHeight: "1.3", letterSpacing: "0.2em", fontWeight: "600" }],
|
|
177
|
-
"mono-xs": ["0.625rem", { lineHeight: "1.4", fontWeight: "400" }]
|
|
178
|
-
};
|
|
179
|
-
var fontWeight = {
|
|
180
|
-
thin: "100",
|
|
181
|
-
extralight: "200",
|
|
182
|
-
light: "300",
|
|
183
|
-
normal: "400",
|
|
184
|
-
medium: "500",
|
|
185
|
-
semibold: "600"
|
|
186
|
-
};
|
|
187
|
-
|
|
188
|
-
// src/tokens/shadows.ts
|
|
189
|
-
var shadows = {
|
|
190
|
-
glass: "0 24px 80px -15px rgba(0, 0, 0, 0.50)",
|
|
191
|
-
"glass-sm": "0 8px 32px -8px rgba(0, 0, 0, 0.40)",
|
|
192
|
-
"glass-lg": "0 32px 100px -20px rgba(0, 0, 0, 0.60)",
|
|
193
|
-
"glass-xl": "0 40px 120px -20px rgba(0, 0, 0, 0.70)",
|
|
194
|
-
"cream-glass": "0 10px 40px -10px rgba(36, 25, 121, 0.04), inset 0 0 20px rgba(255, 255, 255, 0.50)",
|
|
195
|
-
"cream-soft": "0 20px 60px -15px rgba(36, 25, 121, 0.05)",
|
|
196
|
-
"cream-glow": "0 0 15px rgba(36, 25, 121, 0.10)",
|
|
197
|
-
"cream-btn": "0 8px 20px rgba(36, 25, 121, 0.08)",
|
|
198
|
-
"cream-btn-primary": "0 4px 12px rgba(36, 25, 121, 0.10)",
|
|
199
|
-
"inner-light": "inset 0 1px 0 0 rgba(255, 255, 255, 0.06)",
|
|
200
|
-
"neon-glow": "0 0 15px rgba(99, 102, 241, 0.30), 0 0 30px rgba(99, 102, 241, 0.10)",
|
|
201
|
-
"neon-glow-sm": "0 0 8px rgba(99, 102, 241, 0.30)",
|
|
202
|
-
"neon-glow-lg": "0 0 30px rgba(99, 102, 241, 0.40), 0 0 60px rgba(99, 102, 241, 0.20)",
|
|
203
|
-
"soft-glow": "0 0 20px rgba(255, 255, 255, 0.05)",
|
|
204
|
-
"glow-primary": "0 0 25px rgba(99, 102, 241, 0.60)",
|
|
205
|
-
"glow-soft": "0 0 60px rgba(99, 102, 241, 0.15)",
|
|
206
|
-
"glow-indigo": "0 0 15px rgba(99, 102, 241, 0.60)",
|
|
207
|
-
"glow-success": "0 0 20px rgba(16, 185, 129, 0.20)",
|
|
208
|
-
"glow-warning": "0 0 20px rgba(245, 158, 11, 0.20)",
|
|
209
|
-
"glow-error": "0 0 20px rgba(244, 63, 94, 0.20)",
|
|
210
|
-
"glow-info": "0 0 20px rgba(59, 130, 246, 0.20)",
|
|
211
|
-
"asymmetric-glow": "0 0 60px -15px rgba(99, 102, 241, 0.30)",
|
|
212
|
-
sharp: "4px 4px 0px 0px rgba(99, 102, 241, 1)",
|
|
213
|
-
"status-online": "0 0 8px rgba(74, 222, 128, 0.80)",
|
|
214
|
-
"status-flow": "0 0 8px rgba(129, 140, 248, 0.80)",
|
|
215
|
-
"status-primary": "0 0 15px rgba(99, 102, 241, 0.50)",
|
|
216
|
-
// ─── Liquid Glass (same as default glass now) ───
|
|
217
|
-
"liquid-glass": "0 24px 80px -15px rgba(0, 0, 0, 0.50)",
|
|
218
|
-
"liquid-glass-sm": "0 8px 32px -8px rgba(0, 0, 0, 0.40)",
|
|
219
|
-
"liquid-glass-lg": "0 32px 100px -20px rgba(0, 0, 0, 0.60)",
|
|
220
|
-
"liquid-glass-xl": "0 40px 120px -20px rgba(0, 0, 0, 0.70)",
|
|
221
|
-
"liquid-glow": "0 0 20px rgba(99, 102, 241, 0.30), 0 0 40px rgba(99, 102, 241, 0.15)",
|
|
222
|
-
"liquid-glow-sm": "0 0 12px rgba(99, 102, 241, 0.25)",
|
|
223
|
-
"liquid-glow-lg": "0 0 40px rgba(99, 102, 241, 0.40), 0 0 80px rgba(99, 102, 241, 0.20)",
|
|
224
|
-
"liquid-glow-primary": "0 0 24px rgba(99, 102, 241, 0.35), 0 4px 16px rgba(99, 102, 241, 0.20)",
|
|
225
|
-
"liquid-neon": "0 0 15px rgba(99, 102, 241, 0.50), 0 0 30px rgba(99, 102, 241, 0.25)",
|
|
226
|
-
"liquid-inner": "inset 0 1px 0 0 rgba(255, 255, 255, 0.06)"
|
|
227
|
-
};
|
|
228
|
-
|
|
229
|
-
// src/tokens/borders.ts
|
|
230
|
-
var borderRadius = {
|
|
231
|
-
none: "0",
|
|
232
|
-
sm: "0.25rem",
|
|
233
|
-
md: "0.5rem",
|
|
234
|
-
lg: "1rem",
|
|
235
|
-
xl: "1.25rem",
|
|
236
|
-
"2xl": "1.5rem",
|
|
237
|
-
"3xl": "2rem",
|
|
238
|
-
"4xl": "2.5rem",
|
|
239
|
-
full: "9999px",
|
|
240
|
-
organic: "2.5rem",
|
|
241
|
-
"organic-lg": "3rem",
|
|
242
|
-
squircle: "1.25rem",
|
|
243
|
-
"squircle-sm": "1rem",
|
|
244
|
-
"squircle-lg": "2rem",
|
|
245
|
-
geo: "0.5rem 2rem 0.5rem 2rem",
|
|
246
|
-
"geo-inv": "2rem 0.5rem 2rem 0.5rem",
|
|
247
|
-
"d-shape": "0.25rem 2rem 2rem 0.25rem",
|
|
248
|
-
"pill-asym": "4px 16px 16px 4px",
|
|
249
|
-
"asym-1": "24px 8px 24px 8px",
|
|
250
|
-
"asym-2": "8px 24px 8px 24px"
|
|
251
|
-
};
|
|
252
|
-
|
|
253
|
-
// src/tokens/animations.ts
|
|
254
|
-
var animation = {
|
|
255
|
-
keyframes: {
|
|
256
|
-
shimmer: {
|
|
257
|
-
"0%": { transform: "translateX(-100%)" },
|
|
258
|
-
"100%": { transform: "translateX(100%)" }
|
|
259
|
-
},
|
|
260
|
-
"draw-line": {
|
|
261
|
-
to: { strokeDashoffset: "0" }
|
|
262
|
-
},
|
|
263
|
-
"spin-slow": {
|
|
264
|
-
from: { transform: "rotate(0deg)" },
|
|
265
|
-
to: { transform: "rotate(360deg)" }
|
|
266
|
-
},
|
|
267
|
-
"glow-pulse": {
|
|
268
|
-
"0%, 100%": { opacity: "0.4" },
|
|
269
|
-
"50%": { opacity: "1" }
|
|
270
|
-
},
|
|
271
|
-
float: {
|
|
272
|
-
"0%": { transform: "translate(0, 0) rotate(0deg)" },
|
|
273
|
-
"50%": { transform: "translate(-20px, 20px) rotate(2deg)" },
|
|
274
|
-
"100%": { transform: "translate(0, 0) rotate(0deg)" }
|
|
275
|
-
},
|
|
276
|
-
"float-subtle": {
|
|
277
|
-
"0%, 100%": { transform: "translateY(0)" },
|
|
278
|
-
"50%": { transform: "translateY(-8px)" }
|
|
279
|
-
},
|
|
280
|
-
"fade-in": {
|
|
281
|
-
from: { opacity: "0" },
|
|
282
|
-
to: { opacity: "1" }
|
|
283
|
-
},
|
|
284
|
-
"slide-up": {
|
|
285
|
-
from: { opacity: "0", transform: "translateY(12px)" },
|
|
286
|
-
to: { opacity: "1", transform: "translateY(0)" }
|
|
287
|
-
},
|
|
288
|
-
"liquid-reveal": {
|
|
289
|
-
from: { opacity: "0", transform: "translateY(8px) scale(0.98)", filter: "blur(4px)" },
|
|
290
|
-
to: { opacity: "1", transform: "translateY(0) scale(1)", filter: "blur(0)" }
|
|
291
|
-
},
|
|
292
|
-
"liquid-fade": {
|
|
293
|
-
from: { opacity: "0", backdropFilter: "blur(0px)" },
|
|
294
|
-
to: { opacity: "1", backdropFilter: "blur(40px)" }
|
|
295
|
-
},
|
|
296
|
-
"liquid-glow-pulse": {
|
|
297
|
-
"0%, 100%": { opacity: "0.3", boxShadow: "0 0 20px rgba(124, 58, 237, 0.20)" },
|
|
298
|
-
"50%": { opacity: "0.6", boxShadow: "0 0 40px rgba(124, 58, 237, 0.40)" }
|
|
299
|
-
},
|
|
300
|
-
"grain-drift": {
|
|
301
|
-
"0%": { transform: "translate(0, 0)" },
|
|
302
|
-
"50%": { transform: "translate(-2%, -1%)" },
|
|
303
|
-
"100%": { transform: "translate(0, 0)" }
|
|
304
|
-
}
|
|
305
|
-
},
|
|
306
|
-
durations: {
|
|
307
|
-
fast: "150ms",
|
|
308
|
-
normal: "300ms",
|
|
309
|
-
slow: "500ms",
|
|
310
|
-
"very-slow": "700ms",
|
|
311
|
-
organic: "400ms"
|
|
312
|
-
},
|
|
313
|
-
easings: {
|
|
314
|
-
default: "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
315
|
-
in: "cubic-bezier(0.4, 0, 1, 1)",
|
|
316
|
-
out: "cubic-bezier(0, 0, 0.2, 1)",
|
|
317
|
-
"in-out": "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
318
|
-
spring: "cubic-bezier(0.34, 1.56, 0.64, 1)",
|
|
319
|
-
organic: "cubic-bezier(0.25, 1, 0.5, 1)",
|
|
320
|
-
"organic-out": "cubic-bezier(0.2, 0.8, 0.2, 1)"
|
|
321
|
-
}
|
|
322
|
-
};
|
|
323
|
-
|
|
324
|
-
export { animation, borderRadius, colors, fontFamily, fontSize, fontWeight, shadows };
|
|
325
|
-
//# sourceMappingURL=chunk-XPB2HZCF.js.map
|
|
326
|
-
//# sourceMappingURL=chunk-XPB2HZCF.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/tokens/colors.ts","../src/tokens/typography.ts","../src/tokens/shadows.ts","../src/tokens/borders.ts","../src/tokens/animations.ts"],"names":[],"mappings":"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","file":"chunk-XPB2HZCF.js","sourcesContent":["/**\n * @organify/ui — Color Tokens\n *\n * Organify Organic Design System — 3 Themes:\n * Dark (Organic-Dark) — deep void, glassmorphism, glow accents\n * Cream (Organic-Cream) — soft whites, indigo accents, light glass\n * Fluid (Library) — vibrant mesh, neon glows, deep blacks\n */\n\nexport const colors = {\n // ─── Brand ───────────────────────────────────────\n primary: {\n DEFAULT: '#4F39F6',\n light: '#6366F1',\n soft: '#3A2E9E',\n electric: '#4F39F6',\n 'electric-light': '#818CF8',\n dark: '#0f0a38',\n },\n\n // ─── Neutral — ultra-dark base ──────────────────\n neutral: {\n 900: '#030407',\n 875: '#050609',\n 850: '#080A10',\n 800: '#0D1017',\n 750: '#101420',\n 700: '#161A28',\n 600: '#1E2336',\n 500: '#6B6B76',\n 400: '#9CA3AF',\n 300: '#d1d5db',\n 200: '#e5e7eb',\n 100: '#f3f4f6',\n 50: '#F9F9F7',\n 25: '#FEFEFD',\n 0: '#FFFFFF',\n },\n\n // ─── Semantic ────────────────────────────────────\n semantic: {\n success: {\n DEFAULT: '#10B981',\n light: '#34d399',\n dark: '#065f46',\n surface: 'rgba(16, 185, 129, 0.10)',\n border: 'rgba(16, 185, 129, 0.30)',\n },\n warning: {\n DEFAULT: '#F59E0B',\n light: '#fbbf24',\n dark: '#92400e',\n surface: 'rgba(245, 158, 11, 0.10)',\n border: 'rgba(245, 158, 11, 0.30)',\n },\n error: {\n DEFAULT: '#E0115F',\n light: '#f43f5e',\n dark: '#9f1239',\n surface: 'rgba(244, 63, 94, 0.10)',\n border: 'rgba(244, 63, 94, 0.30)',\n },\n info: {\n DEFAULT: '#3B82F6',\n light: '#60a5fa',\n dark: '#1e40af',\n surface: 'rgba(59, 130, 246, 0.10)',\n border: 'rgba(59, 130, 246, 0.30)',\n },\n },\n\n // ─── Glass (white transparency on ultra-dark) ───\n glass: {\n bg: 'rgba(255, 255, 255, 0.03)',\n bgHeavy: 'rgba(255, 255, 255, 0.05)',\n surface: 'rgba(255, 255, 255, 0.04)',\n border: 'rgba(255, 255, 255, 0.10)',\n borderMedium: 'rgba(255, 255, 255, 0.20)',\n borderStrong: 'rgba(255, 255, 255, 0.30)',\n highlight: 'rgba(255, 255, 255, 0.05)',\n white5: 'rgba(255, 255, 255, 0.05)',\n white10: 'rgba(255, 255, 255, 0.10)',\n white20: 'rgba(255, 255, 255, 0.20)',\n white40: 'rgba(255, 255, 255, 0.40)',\n },\n\n // ─── Cream Theme ────────────────────────────────\n cream: {\n base: '#F9F9F7',\n surface: 'rgba(255, 255, 255, 0.70)',\n surfaceStrong: 'rgba(255, 255, 255, 0.90)',\n border: 'rgba(255, 255, 255, 0.60)',\n borderMedium: 'rgba(36, 25, 121, 0.06)',\n borderStrong: 'rgba(36, 25, 121, 0.15)',\n glassBorder: 'rgba(36, 25, 121, 0.03)',\n text: '#191919',\n textMuted: '#6B6B76',\n textSubtle: '#9CA3AF',\n },\n\n // ─── Fluid Theme ────────────────────────────────\n fluid: {\n bg: 'rgba(255, 255, 255, 0.03)',\n surface: '#161618',\n border: 'rgba(255, 255, 255, 0.05)',\n borderMedium: 'rgba(255, 255, 255, 0.08)',\n borderStrong: 'rgba(255, 255, 255, 0.10)',\n highlight: 'rgba(255, 255, 255, 0.05)',\n primarySoft: 'rgba(124, 106, 248, 0.20)',\n },\n\n // ─── Liquid Glass Theme (matches ultra-dark default) ─\n liquid: {\n void: '#030407',\n surface: '#080A10',\n elevated: '#0D1017',\n card: '#080A10',\n text: '#f3f4f6',\n textSecondary: 'rgba(255, 255, 255, 0.70)',\n textMuted: 'rgba(255, 255, 255, 0.40)',\n border: 'rgba(255, 255, 255, 0.10)',\n borderMedium: 'rgba(255, 255, 255, 0.20)',\n borderStrong: 'rgba(255, 255, 255, 0.30)',\n glassBg: 'rgba(255, 255, 255, 0.03)',\n glassBgHeavy: 'rgba(255, 255, 255, 0.05)',\n glassSurface: 'rgba(255, 255, 255, 0.04)',\n glassBorder: 'rgba(255, 255, 255, 0.10)',\n glassBorderMedium: 'rgba(255, 255, 255, 0.20)',\n glassBorderStrong: 'rgba(255, 255, 255, 0.30)',\n glassHighlight: 'rgba(255, 255, 255, 0.05)',\n primaryViolet: '#6366F1',\n primaryPurple: '#818CF8',\n primaryLavender: '#A5B4FC',\n primaryDeep: '#4F46E5',\n primarySoft: 'rgba(99, 102, 241, 0.20)',\n accentGlow: 'rgba(99, 102, 241, 0.40)',\n grainOpacity: '0.04',\n },\n\n // ─── Status / Flow ──────────────────────────────\n status: {\n inFlow: {\n bg: 'rgba(99, 102, 241, 0.20)',\n text: '#c7d2fe',\n border: 'rgba(99, 102, 241, 0.30)',\n dot: '#818cf8',\n },\n deepWork: {\n bg: 'rgba(217, 70, 239, 0.10)',\n text: '#f0abfc',\n border: 'rgba(217, 70, 239, 0.20)',\n },\n resting: {\n bg: 'rgba(245, 158, 11, 0.15)',\n text: '#fde68a',\n border: 'rgba(245, 158, 11, 0.30)',\n },\n disconnected: {\n bg: 'rgba(244, 63, 94, 0.15)',\n text: '#fecdd3',\n border: 'rgba(244, 63, 94, 0.30)',\n },\n },\n} as const;\n\nexport type Colors = typeof colors;\n","/**\n * @organify/ui — Typography Tokens\n *\n * Inter font family — clean, modern, geometric.\n * Space Grotesk kept as fallback.\n */\n\nexport const fontFamily = {\n sans: ['Inter', 'Space Grotesk', 'system-ui', '-apple-system', 'sans-serif'],\n mono: [\n 'ui-monospace',\n 'SFMono-Regular',\n 'Menlo',\n 'Monaco',\n 'Consolas',\n 'Liberation Mono',\n 'Courier New',\n 'monospace',\n ],\n} as const;\n\nexport const fontSize = {\n 'display-xl': ['5rem', { lineHeight: '0.85', letterSpacing: '-0.04em', fontWeight: '100' }],\n 'display-lg': ['4rem', { lineHeight: '0.9', letterSpacing: '-0.03em', fontWeight: '100' }],\n 'heading-xl': ['2.5rem', { lineHeight: '1.1', letterSpacing: '-0.02em', fontWeight: '300' }],\n 'heading-lg': ['1.5rem', { lineHeight: '1.2', letterSpacing: '-0.01em', fontWeight: '300' }],\n 'heading-md': ['1.25rem', { lineHeight: '1.3', letterSpacing: '-0.01em', fontWeight: '300' }],\n 'heading-sm': ['1rem', { lineHeight: '1.4', fontWeight: '500' }],\n 'body-lg': ['1rem', { lineHeight: '1.6', fontWeight: '300' }],\n 'body-md': ['0.875rem', { lineHeight: '1.6', fontWeight: '300' }],\n 'body-sm': ['0.75rem', { lineHeight: '1.5', fontWeight: '400' }],\n 'caption': ['0.6875rem', { lineHeight: '1.4', fontWeight: '500' }],\n 'label': ['0.625rem', { lineHeight: '1.3', letterSpacing: '0.2em', fontWeight: '600' }],\n 'mono-xs': ['0.625rem', { lineHeight: '1.4', fontWeight: '400' }],\n} as const;\n\nexport const fontWeight = {\n thin: '100',\n extralight: '200',\n light: '300',\n normal: '400',\n medium: '500',\n semibold: '600',\n} as const;\n\nexport type FontFamily = typeof fontFamily;\nexport type FontSize = typeof fontSize;\nexport type FontWeight = typeof fontWeight;\n","/**\n * @organify/ui — Shadow Tokens\n *\n * Organic Design System — depth & glow layers.\n */\n\nexport const shadows = {\n glass: '0 24px 80px -15px rgba(0, 0, 0, 0.50)',\n 'glass-sm': '0 8px 32px -8px rgba(0, 0, 0, 0.40)',\n 'glass-lg': '0 32px 100px -20px rgba(0, 0, 0, 0.60)',\n 'glass-xl': '0 40px 120px -20px rgba(0, 0, 0, 0.70)',\n 'cream-glass': '0 10px 40px -10px rgba(36, 25, 121, 0.04), inset 0 0 20px rgba(255, 255, 255, 0.50)',\n 'cream-soft': '0 20px 60px -15px rgba(36, 25, 121, 0.05)',\n 'cream-glow': '0 0 15px rgba(36, 25, 121, 0.10)',\n 'cream-btn': '0 8px 20px rgba(36, 25, 121, 0.08)',\n 'cream-btn-primary': '0 4px 12px rgba(36, 25, 121, 0.10)',\n 'inner-light': 'inset 0 1px 0 0 rgba(255, 255, 255, 0.06)',\n 'neon-glow': '0 0 15px rgba(99, 102, 241, 0.30), 0 0 30px rgba(99, 102, 241, 0.10)',\n 'neon-glow-sm': '0 0 8px rgba(99, 102, 241, 0.30)',\n 'neon-glow-lg': '0 0 30px rgba(99, 102, 241, 0.40), 0 0 60px rgba(99, 102, 241, 0.20)',\n 'soft-glow': '0 0 20px rgba(255, 255, 255, 0.05)',\n 'glow-primary': '0 0 25px rgba(99, 102, 241, 0.60)',\n 'glow-soft': '0 0 60px rgba(99, 102, 241, 0.15)',\n 'glow-indigo': '0 0 15px rgba(99, 102, 241, 0.60)',\n 'glow-success': '0 0 20px rgba(16, 185, 129, 0.20)',\n 'glow-warning': '0 0 20px rgba(245, 158, 11, 0.20)',\n 'glow-error': '0 0 20px rgba(244, 63, 94, 0.20)',\n 'glow-info': '0 0 20px rgba(59, 130, 246, 0.20)',\n 'asymmetric-glow': '0 0 60px -15px rgba(99, 102, 241, 0.30)',\n sharp: '4px 4px 0px 0px rgba(99, 102, 241, 1)',\n 'status-online': '0 0 8px rgba(74, 222, 128, 0.80)',\n 'status-flow': '0 0 8px rgba(129, 140, 248, 0.80)',\n 'status-primary': '0 0 15px rgba(99, 102, 241, 0.50)',\n\n // ─── Liquid Glass (same as default glass now) ───\n 'liquid-glass': '0 24px 80px -15px rgba(0, 0, 0, 0.50)',\n 'liquid-glass-sm': '0 8px 32px -8px rgba(0, 0, 0, 0.40)',\n 'liquid-glass-lg': '0 32px 100px -20px rgba(0, 0, 0, 0.60)',\n 'liquid-glass-xl': '0 40px 120px -20px rgba(0, 0, 0, 0.70)',\n 'liquid-glow': '0 0 20px rgba(99, 102, 241, 0.30), 0 0 40px rgba(99, 102, 241, 0.15)',\n 'liquid-glow-sm': '0 0 12px rgba(99, 102, 241, 0.25)',\n 'liquid-glow-lg': '0 0 40px rgba(99, 102, 241, 0.40), 0 0 80px rgba(99, 102, 241, 0.20)',\n 'liquid-glow-primary': '0 0 24px rgba(99, 102, 241, 0.35), 0 4px 16px rgba(99, 102, 241, 0.20)',\n 'liquid-neon': '0 0 15px rgba(99, 102, 241, 0.50), 0 0 30px rgba(99, 102, 241, 0.25)',\n 'liquid-inner': 'inset 0 1px 0 0 rgba(255, 255, 255, 0.06)',\n} as const;\n\nexport type Shadows = typeof shadows;\n","/**\n * @organify/ui — Border Tokens\n *\n * Organic Design System — fluid curves.\n * organic: 2.5rem (dark), 3rem (cream)\n * squircle: 1.25rem (dark), 1.5-2rem (cream/fluid)\n */\n\nexport const borderRadius = {\n none: '0',\n sm: '0.25rem',\n md: '0.5rem',\n lg: '1rem',\n xl: '1.25rem',\n '2xl': '1.5rem',\n '3xl': '2rem',\n '4xl': '2.5rem',\n full: '9999px',\n organic: '2.5rem',\n 'organic-lg': '3rem',\n squircle: '1.25rem',\n 'squircle-sm': '1rem',\n 'squircle-lg': '2rem',\n geo: '0.5rem 2rem 0.5rem 2rem',\n 'geo-inv': '2rem 0.5rem 2rem 0.5rem',\n 'd-shape': '0.25rem 2rem 2rem 0.25rem',\n 'pill-asym': '4px 16px 16px 4px',\n 'asym-1': '24px 8px 24px 8px',\n 'asym-2': '8px 24px 8px 24px',\n} as const;\n\nexport type BorderRadius = typeof borderRadius;\n","/**\n * @organify/ui — Animation Tokens\n *\n * Organic Design System — fluid, breathable motion.\n */\n\nexport const animation = {\n keyframes: {\n shimmer: {\n '0%': { transform: 'translateX(-100%)' },\n '100%': { transform: 'translateX(100%)' },\n },\n 'draw-line': {\n to: { strokeDashoffset: '0' },\n },\n 'spin-slow': {\n from: { transform: 'rotate(0deg)' },\n to: { transform: 'rotate(360deg)' },\n },\n 'glow-pulse': {\n '0%, 100%': { opacity: '0.4' },\n '50%': { opacity: '1' },\n },\n float: {\n '0%': { transform: 'translate(0, 0) rotate(0deg)' },\n '50%': { transform: 'translate(-20px, 20px) rotate(2deg)' },\n '100%': { transform: 'translate(0, 0) rotate(0deg)' },\n },\n 'float-subtle': {\n '0%, 100%': { transform: 'translateY(0)' },\n '50%': { transform: 'translateY(-8px)' },\n },\n 'fade-in': {\n from: { opacity: '0' },\n to: { opacity: '1' },\n },\n 'slide-up': {\n from: { opacity: '0', transform: 'translateY(12px)' },\n to: { opacity: '1', transform: 'translateY(0)' },\n },\n 'liquid-reveal': {\n from: { opacity: '0', transform: 'translateY(8px) scale(0.98)', filter: 'blur(4px)' },\n to: { opacity: '1', transform: 'translateY(0) scale(1)', filter: 'blur(0)' },\n },\n 'liquid-fade': {\n from: { opacity: '0', backdropFilter: 'blur(0px)' },\n to: { opacity: '1', backdropFilter: 'blur(40px)' },\n },\n 'liquid-glow-pulse': {\n '0%, 100%': { opacity: '0.3', boxShadow: '0 0 20px rgba(124, 58, 237, 0.20)' },\n '50%': { opacity: '0.6', boxShadow: '0 0 40px rgba(124, 58, 237, 0.40)' },\n },\n 'grain-drift': {\n '0%': { transform: 'translate(0, 0)' },\n '50%': { transform: 'translate(-2%, -1%)' },\n '100%': { transform: 'translate(0, 0)' },\n },\n },\n durations: {\n fast: '150ms',\n normal: '300ms',\n slow: '500ms',\n 'very-slow': '700ms',\n organic: '400ms',\n },\n easings: {\n default: 'cubic-bezier(0.4, 0, 0.2, 1)',\n in: 'cubic-bezier(0.4, 0, 1, 1)',\n out: 'cubic-bezier(0, 0, 0.2, 1)',\n 'in-out': 'cubic-bezier(0.4, 0, 0.2, 1)',\n spring: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n organic: 'cubic-bezier(0.25, 1, 0.5, 1)',\n 'organic-out': 'cubic-bezier(0.2, 0.8, 0.2, 1)',\n },\n} as const;\n\nexport type Animation = typeof animation;\n"]}
|