organify-ui 0.2.8 → 0.2.9
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-WONVWB5R.js → chunk-HZXKUGFH.js} +3 -3
- package/dist/chunk-HZXKUGFH.js.map +1 -0
- package/dist/tailwind-preset.js +1 -1
- package/dist/tokens/index.d.ts +2 -2
- package/dist/tokens/index.js +1 -1
- package/package.json +1 -1
- package/src/globals.css +16 -3
- package/dist/chunk-WONVWB5R.js.map +0 -1
|
@@ -123,7 +123,7 @@ var colors = {
|
|
|
123
123
|
|
|
124
124
|
// src/tokens/typography.ts
|
|
125
125
|
var fontFamily = {
|
|
126
|
-
sans: ["
|
|
126
|
+
sans: ["Space Grotesk", "system-ui", "-apple-system", "sans-serif"],
|
|
127
127
|
mono: [
|
|
128
128
|
"ui-monospace",
|
|
129
129
|
"SFMono-Regular",
|
|
@@ -267,5 +267,5 @@ var animation = {
|
|
|
267
267
|
};
|
|
268
268
|
|
|
269
269
|
export { animation, borderRadius, colors, fontFamily, fontSize, fontWeight, shadows };
|
|
270
|
-
//# sourceMappingURL=chunk-
|
|
271
|
-
//# sourceMappingURL=chunk-
|
|
270
|
+
//# sourceMappingURL=chunk-HZXKUGFH.js.map
|
|
271
|
+
//# sourceMappingURL=chunk-HZXKUGFH.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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-HZXKUGFH.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: '#241979',\n light: '#4C35DE',\n soft: '#3A2E9E',\n electric: '#4F39F6',\n 'electric-light': '#7C6AF8',\n dark: '#0f0a38',\n },\n\n // ─── Neutral ────────────────────────────────────\n neutral: {\n 900: '#191919',\n 875: '#0b0c10',\n 850: '#161618',\n 800: '#1F1F21',\n 750: '#1a1a1c',\n 700: '#2A2A2E',\n 600: '#3a3a3e',\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 (Dark defaults) ──────────────────────\n glass: {\n bg: 'rgba(31, 31, 33, 0.40)',\n bgHeavy: 'rgba(31, 31, 33, 0.80)',\n surface: 'rgba(31, 31, 33, 0.70)',\n border: 'rgba(255, 255, 255, 0.03)',\n borderMedium: 'rgba(255, 255, 255, 0.08)',\n borderStrong: 'rgba(255, 255, 255, 0.20)',\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 // ─── 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 * Space Grotesk font family — variable weight (300–700).\n * Geometric precision, maximal legibility.\n */\n\nexport const fontFamily = {\n sans: ['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 20px 40px -10px rgba(0, 0, 0, 0.50), inset 0 1px 0 0 rgba(255, 255, 255, 0.05)',\n 'glass-sm': '0 8px 32px 0 rgba(0, 0, 0, 0.30)',\n 'glass-lg': '0 20px 60px -15px rgba(0, 0, 0, 0.50)',\n 'glass-xl': '20px 20px 60px rgba(0, 0, 0, 0.50)',\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 2px 4px 0 rgba(255, 255, 255, 0.80)',\n 'neon-glow': '0 0 15px rgba(124, 106, 248, 0.30), 0 0 30px rgba(124, 106, 248, 0.10)',\n 'neon-glow-sm': '0 0 8px rgba(124, 106, 248, 0.30)',\n 'neon-glow-lg': '0 0 30px rgba(79, 57, 246, 0.40), 0 0 60px rgba(79, 57, 246, 0.20)',\n 'soft-glow': '0 0 20px rgba(255, 255, 255, 0.05)',\n 'glow-primary': '0 0 25px rgba(76, 53, 222, 0.60)',\n 'glow-soft': '0 0 60px rgba(36, 25, 121, 0.15)',\n 'glow-indigo': '0 0 15px rgba(36, 25, 121, 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, 91, 255, 0.30)',\n sharp: '4px 4px 0px 0px rgba(36, 25, 121, 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(79, 57, 246, 0.50)',\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 },\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"]}
|
package/dist/tailwind-preset.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { animation, shadows, borderRadius, fontFamily, colors, fontWeight, fontSize } from './chunk-
|
|
1
|
+
import { animation, shadows, borderRadius, fontFamily, colors, fontWeight, fontSize } from './chunk-HZXKUGFH.js';
|
|
2
2
|
|
|
3
3
|
// src/tailwind-preset.ts
|
|
4
4
|
var organifyPreset = {
|
package/dist/tokens/index.d.ts
CHANGED
|
@@ -125,11 +125,11 @@ type Colors = typeof colors;
|
|
|
125
125
|
/**
|
|
126
126
|
* @organify/ui — Typography Tokens
|
|
127
127
|
*
|
|
128
|
-
*
|
|
128
|
+
* Space Grotesk font family — variable weight (300–700).
|
|
129
129
|
* Geometric precision, maximal legibility.
|
|
130
130
|
*/
|
|
131
131
|
declare const fontFamily: {
|
|
132
|
-
readonly sans: readonly ["
|
|
132
|
+
readonly sans: readonly ["Space Grotesk", "system-ui", "-apple-system", "sans-serif"];
|
|
133
133
|
readonly mono: readonly ["ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace"];
|
|
134
134
|
};
|
|
135
135
|
declare const fontSize: {
|
package/dist/tokens/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { animation, borderRadius, colors, fontFamily, fontSize, fontWeight, shadows } from '../chunk-
|
|
1
|
+
export { animation, borderRadius, colors, fontFamily, fontSize, fontWeight, shadows } from '../chunk-HZXKUGFH.js';
|
|
2
2
|
|
|
3
3
|
// src/tokens/spacing.ts
|
|
4
4
|
var spacing = {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "organify-ui",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.9",
|
|
4
4
|
"description": "Organify Design System — Geometric glass-morphism UI components, branded icons, i18n, and theme system for React",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Organify <dev@organify.studio>",
|
package/src/globals.css
CHANGED
|
@@ -13,6 +13,19 @@
|
|
|
13
13
|
@source "./components";
|
|
14
14
|
@source "../dist";
|
|
15
15
|
|
|
16
|
+
/* ═══════════════════════════════════════════════════════
|
|
17
|
+
Space Grotesk — Variable Font (weight 300–700)
|
|
18
|
+
Loaded from /SpaceGrotesk-VariableFont_wght.ttf
|
|
19
|
+
in each app's public/ directory.
|
|
20
|
+
═══════════════════════════════════════════════════════ */
|
|
21
|
+
@font-face {
|
|
22
|
+
font-family: 'Space Grotesk';
|
|
23
|
+
src: url('/SpaceGrotesk-VariableFont_wght.ttf') format('truetype');
|
|
24
|
+
font-weight: 300 700;
|
|
25
|
+
font-style: normal;
|
|
26
|
+
font-display: swap;
|
|
27
|
+
}
|
|
28
|
+
|
|
16
29
|
/* ═══════════════════════════════════════════════════════
|
|
17
30
|
Tailwind v4 — @theme (CSS-first token registration)
|
|
18
31
|
═══════════════════════════════════════════════════════ */
|
|
@@ -105,7 +118,7 @@
|
|
|
105
118
|
--color-fluid-primary-soft: rgba(124, 106, 248, 0.20);
|
|
106
119
|
|
|
107
120
|
/* Typography */
|
|
108
|
-
--font-sans: '
|
|
121
|
+
--font-sans: 'Space Grotesk', system-ui, -apple-system, sans-serif;
|
|
109
122
|
--font-mono: ui-monospace, 'SFMono-Regular', 'Menlo', monospace;
|
|
110
123
|
|
|
111
124
|
--font-size-display-xl: 5rem;
|
|
@@ -218,7 +231,7 @@
|
|
|
218
231
|
--org-shadow-glass-lg: 0 12px 48px rgba(0, 0, 0, 0.50), inset 0 1px 0 0 rgba(255, 255, 255, 0.05);
|
|
219
232
|
|
|
220
233
|
color-scheme: dark;
|
|
221
|
-
font-family: '
|
|
234
|
+
font-family: 'Space Grotesk', system-ui, -apple-system, sans-serif;
|
|
222
235
|
-webkit-font-smoothing: antialiased;
|
|
223
236
|
-moz-osx-font-smoothing: grayscale;
|
|
224
237
|
}
|
|
@@ -394,7 +407,7 @@ body {
|
|
|
394
407
|
margin: 0;
|
|
395
408
|
background-color: var(--org-bg-void);
|
|
396
409
|
color: var(--org-text);
|
|
397
|
-
font-family: '
|
|
410
|
+
font-family: 'Space Grotesk', system-ui, -apple-system, sans-serif;
|
|
398
411
|
-webkit-font-smoothing: antialiased;
|
|
399
412
|
-moz-osx-font-smoothing: grayscale;
|
|
400
413
|
}
|
|
@@ -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-WONVWB5R.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: '#241979',\n light: '#4C35DE',\n soft: '#3A2E9E',\n electric: '#4F39F6',\n 'electric-light': '#7C6AF8',\n dark: '#0f0a38',\n },\n\n // ─── Neutral ────────────────────────────────────\n neutral: {\n 900: '#191919',\n 875: '#0b0c10',\n 850: '#161618',\n 800: '#1F1F21',\n 750: '#1a1a1c',\n 700: '#2A2A2E',\n 600: '#3a3a3e',\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 (Dark defaults) ──────────────────────\n glass: {\n bg: 'rgba(31, 31, 33, 0.40)',\n bgHeavy: 'rgba(31, 31, 33, 0.80)',\n surface: 'rgba(31, 31, 33, 0.70)',\n border: 'rgba(255, 255, 255, 0.03)',\n borderMedium: 'rgba(255, 255, 255, 0.08)',\n borderStrong: 'rgba(255, 255, 255, 0.20)',\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 // ─── 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 — Thin to Semi-bold weights.\n * Geometric precision, maximal legibility.\n */\n\nexport const fontFamily = {\n sans: ['Inter', '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 20px 40px -10px rgba(0, 0, 0, 0.50), inset 0 1px 0 0 rgba(255, 255, 255, 0.05)',\n 'glass-sm': '0 8px 32px 0 rgba(0, 0, 0, 0.30)',\n 'glass-lg': '0 20px 60px -15px rgba(0, 0, 0, 0.50)',\n 'glass-xl': '20px 20px 60px rgba(0, 0, 0, 0.50)',\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 2px 4px 0 rgba(255, 255, 255, 0.80)',\n 'neon-glow': '0 0 15px rgba(124, 106, 248, 0.30), 0 0 30px rgba(124, 106, 248, 0.10)',\n 'neon-glow-sm': '0 0 8px rgba(124, 106, 248, 0.30)',\n 'neon-glow-lg': '0 0 30px rgba(79, 57, 246, 0.40), 0 0 60px rgba(79, 57, 246, 0.20)',\n 'soft-glow': '0 0 20px rgba(255, 255, 255, 0.05)',\n 'glow-primary': '0 0 25px rgba(76, 53, 222, 0.60)',\n 'glow-soft': '0 0 60px rgba(36, 25, 121, 0.15)',\n 'glow-indigo': '0 0 15px rgba(36, 25, 121, 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, 91, 255, 0.30)',\n sharp: '4px 4px 0px 0px rgba(36, 25, 121, 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(79, 57, 246, 0.50)',\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 },\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"]}
|