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.
Files changed (23) hide show
  1. package/dist/{chunk-3UW42YIP.js → chunk-A2H2TBSV.js} +6 -24
  2. package/dist/chunk-A2H2TBSV.js.map +1 -0
  3. package/dist/{chunk-TJWTQNS3.js → chunk-GQZMW7XN.js} +11 -11
  4. package/dist/chunk-GQZMW7XN.js.map +1 -0
  5. package/dist/{chunk-HY7M3VZM.js → chunk-MZKEDV5W.js} +9 -9
  6. package/dist/{chunk-HY7M3VZM.js.map → chunk-MZKEDV5W.js.map} +1 -1
  7. package/dist/chunk-UGX6D3AO.js +327 -0
  8. package/dist/chunk-UGX6D3AO.js.map +1 -0
  9. package/dist/components/chat/index.js +2 -2
  10. package/dist/components/notifications/index.js +2 -2
  11. package/dist/icons/index.js +1 -1
  12. package/dist/index.js +11 -11
  13. package/dist/index.js.map +1 -1
  14. package/dist/tailwind-preset.js +33 -27
  15. package/dist/tailwind-preset.js.map +1 -1
  16. package/dist/tokens/index.d.ts +135 -132
  17. package/dist/tokens/index.js +1 -1
  18. package/package.json +1 -1
  19. package/src/globals.css +394 -392
  20. package/dist/chunk-3UW42YIP.js.map +0 -1
  21. package/dist/chunk-TJWTQNS3.js.map +0 -1
  22. package/dist/chunk-XPB2HZCF.js +0 -326
  23. package/dist/chunk-XPB2HZCF.js.map +0 -1
package/dist/tailwind-preset.js CHANGED
@@ -1,4 +1,4 @@
1
- import { animation, shadows, borderRadius, fontFamily, colors, fontWeight, fontSize } from './chunk-XPB2HZCF.js';
1
+ import { animation, shadows, borderRadius, fontFamily, colors, fontWeight, fontSize } from './chunk-UGX6D3AO.js';
2
2
 
3
3
  // src/tailwind-preset.ts
4
4
  var organifyPreset = {
@@ -76,6 +76,12 @@ var organifyPreset = {
76
76
  "white-40": "rgba(255, 255, 255, 0.40)",
77
77
  "white-60": "rgba(255, 255, 255, 0.60)",
78
78
  "white-80": "rgba(255, 255, 255, 0.80)",
79
+ // Violet transparency scale
80
+ "violet-5": "rgba(124, 58, 237, 0.05)",
81
+ "violet-8": "rgba(124, 58, 237, 0.08)",
82
+ "violet-10": "rgba(124, 58, 237, 0.10)",
83
+ "violet-15": "rgba(124, 58, 237, 0.15)",
84
+ "violet-20": "rgba(124, 58, 237, 0.20)",
79
85
  // Theme-aware transparent colors
80
86
  "theme-5": "var(--org-glass-highlight)",
81
87
  "theme-10": "var(--org-glass-border)",
@@ -166,22 +172,22 @@ var organifyPreset = {
166
172
  glass: "0 24px 80px -15px rgba(0,0,0,0.50)",
167
173
  "glass-lg": "0 32px 100px -20px rgba(0,0,0,0.60)",
168
174
  "glass-xl": "0 40px 120px -20px rgba(0,0,0,0.70)",
169
- // Glows — indigo accent
170
- glow: "0 0 20px rgba(99, 102, 241, 0.40)",
171
- "glow-sm": "0 0 10px rgba(99, 102, 241, 0.30)",
172
- "glow-lg": "0 0 40px rgba(99, 102, 241, 0.50)",
173
- "glow-soft": "0 4px 30px rgba(99, 102, 241, 0.15)",
175
+ // Glows — violet accent
176
+ glow: "0 0 20px rgba(124, 58, 237, 0.40)",
177
+ "glow-sm": "0 0 10px rgba(124, 58, 237, 0.30)",
178
+ "glow-lg": "0 0 40px rgba(124, 58, 237, 0.50)",
179
+ "glow-soft": "0 4px 30px rgba(124, 58, 237, 0.15)",
174
180
  // Semantic glows
175
181
  "glow-success": "0 0 20px rgba(16, 185, 129, 0.20)",
176
182
  "glow-warning": "0 0 20px rgba(245, 158, 11, 0.20)",
177
- "glow-error": "0 0 20px rgba(224, 17, 95, 0.20)",
183
+ "glow-error": "0 0 20px rgba(239, 68, 68, 0.20)",
178
184
  "glow-info": "0 0 20px rgba(59, 130, 246, 0.20)",
179
185
  // Neon glows
180
- neon: "0 0 10px rgba(99, 102, 241, 0.40), 0 0 20px rgba(99, 102, 241, 0.20)",
181
- "neon-lg": "0 0 30px rgba(99, 102, 241, 0.40), 0 0 60px rgba(99, 102, 241, 0.20)",
186
+ neon: "0 0 10px rgba(124, 58, 237, 0.40), 0 0 20px rgba(124, 58, 237, 0.20)",
187
+ "neon-lg": "0 0 30px rgba(124, 58, 237, 0.40), 0 0 60px rgba(124, 58, 237, 0.20)",
182
188
  // Cream theme shadows
183
- "cream-btn": "0 2px 8px rgba(36, 25, 121, 0.08)",
184
- "cream-btn-primary": "0 4px 16px rgba(36, 25, 121, 0.20)",
189
+ "cream-btn": "0 2px 8px rgba(124, 58, 237, 0.08)",
190
+ "cream-btn-primary": "0 4px 16px rgba(124, 58, 237, 0.20)",
185
191
  // Inner light — glass inset highlight
186
192
  "inner-light": "inset 0 1px 0 0 rgba(255, 255, 255, 0.06)",
187
193
  // Soft glow
@@ -191,11 +197,11 @@ var organifyPreset = {
191
197
  "liquid-glass-sm": "0 8px 32px -8px rgba(0, 0, 0, 0.40)",
192
198
  "liquid-glass-lg": "0 32px 100px -20px rgba(0, 0, 0, 0.60)",
193
199
  "liquid-glass-xl": "0 40px 120px -20px rgba(0, 0, 0, 0.70)",
194
- "liquid-glow": "0 0 20px rgba(99, 102, 241, 0.30), 0 0 40px rgba(99, 102, 241, 0.15)",
195
- "liquid-glow-sm": "0 0 12px rgba(99, 102, 241, 0.25)",
196
- "liquid-glow-lg": "0 0 40px rgba(99, 102, 241, 0.40), 0 0 80px rgba(99, 102, 241, 0.20)",
197
- "liquid-glow-primary": "0 0 24px rgba(99, 102, 241, 0.35), 0 4px 16px rgba(99, 102, 241, 0.20)",
198
- "liquid-neon": "0 0 15px rgba(99, 102, 241, 0.50), 0 0 30px rgba(99, 102, 241, 0.25)"
200
+ "liquid-glow": "0 0 20px rgba(124, 58, 237, 0.30), 0 0 40px rgba(124, 58, 237, 0.15)",
201
+ "liquid-glow-sm": "0 0 12px rgba(124, 58, 237, 0.25)",
202
+ "liquid-glow-lg": "0 0 40px rgba(124, 58, 237, 0.40), 0 0 80px rgba(124, 58, 237, 0.20)",
203
+ "liquid-glow-primary": "0 0 24px rgba(124, 58, 237, 0.35), 0 4px 16px rgba(124, 58, 237, 0.20)",
204
+ "liquid-neon": "0 0 15px rgba(124, 58, 237, 0.50), 0 0 30px rgba(124, 58, 237, 0.25)"
199
205
  },
200
206
  /* ──────────── Backdrop Blur ─────────────── */
201
207
  backdropBlur: {
@@ -210,18 +216,18 @@ var organifyPreset = {
210
216
  },
211
217
  /* ──────────── Background Images ─────────── */
212
218
  backgroundImage: {
213
- // Dark mesh — indigo + pink on ultra-dark
214
- "dark-mesh": "radial-gradient(circle at 15% 15%, rgba(99, 102, 241, 0.10) 0%, transparent 40%), radial-gradient(circle at 85% 85%, rgba(236, 72, 153, 0.06) 0%, transparent 40%)",
219
+ // Dark mesh — violet + purple on ultra-dark
220
+ "dark-mesh": "radial-gradient(circle at 15% 15%, rgba(124, 58, 237, 0.12) 0%, transparent 40%), radial-gradient(circle at 85% 85%, rgba(168, 85, 247, 0.06) 0%, transparent 40%)",
215
221
  // Cream mesh
216
- "cream-mesh": "radial-gradient(circle at 15% 15%, rgba(36, 25, 121, 0.04) 0%, transparent 40%), radial-gradient(circle at 85% 85%, rgba(60, 20, 100, 0.03) 0%, transparent 40%)",
217
- // Vibrant mesh — indigo + pink accent
218
- "vibrant-mesh": "radial-gradient(at 0% 0%, rgba(99, 102, 241, 0.25) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(99, 102, 241, 0.20) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(236, 72, 153, 0.15) 0px, transparent 50%), radial-gradient(at 0% 100%, rgba(99, 102, 241, 0.10) 0px, transparent 50%)",
219
- // Glow gradient — indigo on ultra-dark
220
- "glow-gradient": "radial-gradient(circle at 50% -20%, rgba(99, 102, 241, 0.80) 15%, rgba(99, 102, 241, 0.40) 45%, #030407 90%)",
221
- // Liquid Glass backgrounds — indigo + pink
222
- "liquid-mesh": "radial-gradient(circle at 80% 10%, rgba(99, 102, 241, 0.12) 0%, transparent 40%), radial-gradient(circle at 20% 80%, rgba(236, 72, 153, 0.08) 0%, transparent 40%), radial-gradient(circle at 50% 50%, rgba(99, 102, 241, 0.06) 0%, transparent 50%)",
223
- "liquid-gradient": "radial-gradient(circle at 50% -20%, rgba(99, 102, 241, 0.80) 15%, rgba(99, 102, 241, 0.40) 45%, #030407 90%)",
224
- "liquid-vibrant": "radial-gradient(at 0% 0%, rgba(99, 102, 241, 0.25) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(99, 102, 241, 0.20) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(236, 72, 153, 0.15) 0px, transparent 50%), radial-gradient(at 0% 100%, rgba(99, 102, 241, 0.10) 0px, transparent 50%)",
222
+ "cream-mesh": "radial-gradient(circle at 15% 15%, rgba(124, 58, 237, 0.04) 0%, transparent 40%), radial-gradient(circle at 85% 85%, rgba(88, 28, 135, 0.03) 0%, transparent 40%)",
223
+ // Vibrant mesh — violet + purple accent
224
+ "vibrant-mesh": "radial-gradient(at 0% 0%, rgba(124, 58, 237, 0.25) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(168, 85, 247, 0.20) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(109, 40, 217, 0.15) 0px, transparent 50%), radial-gradient(at 0% 100%, rgba(88, 28, 135, 0.10) 0px, transparent 50%)",
225
+ // Glow gradient — violet on ultra-dark
226
+ "glow-gradient": "radial-gradient(circle at 50% -20%, rgba(124, 58, 237, 0.80) 15%, rgba(124, 58, 237, 0.40) 45%, #0D0A1A 90%)",
227
+ // Liquid Glass backgrounds — violet + purple
228
+ "liquid-mesh": "radial-gradient(circle at 80% 10%, rgba(124, 58, 237, 0.15) 0%, transparent 40%), radial-gradient(circle at 20% 80%, rgba(168, 85, 247, 0.08) 0%, transparent 40%), radial-gradient(circle at 50% 50%, rgba(109, 40, 217, 0.06) 0%, transparent 50%)",
229
+ "liquid-gradient": "radial-gradient(circle at 50% -20%, rgba(124, 58, 237, 0.80) 15%, rgba(124, 58, 237, 0.40) 45%, #0D0A1A 90%)",
230
+ "liquid-vibrant": "radial-gradient(at 0% 0%, rgba(124, 58, 237, 0.25) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(168, 85, 247, 0.20) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(109, 40, 217, 0.15) 0px, transparent 50%), radial-gradient(at 0% 100%, rgba(88, 28, 135, 0.10) 0px, transparent 50%)",
225
231
  // Organic grid pattern
226
232
  "organic-grid": "radial-gradient(circle, rgba(255,255,255,0.03) 1px, transparent 1px)"
227
233
  },
package/dist/tailwind-preset.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/tailwind-preset.ts"],"names":[],"mappings":"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","file":"tailwind-preset.js","sourcesContent":["/**\n * organify-ui — Tailwind CSS Preset\n *\n * Organify Organic Design System — 3 Themes: Dark, Cream, Fluid\n *\n * NOTE: With Tailwind v4 + @tailwindcss/postcss the @theme directive\n * in globals.css is the PRIMARY mechanism for registering tokens.\n * This preset is kept for backwards compat and non-v4 consumers.\n *\n * Usage in consuming app's tailwind config:\n * import organifyPreset from 'organify-ui/tailwind-preset';\n * export default { presets: [organifyPreset], ... }\n */\n\nimport type { Config } from 'tailwindcss';\nimport { colors } from './tokens/colors';\nimport { fontFamily, fontSize, fontWeight } from './tokens/typography';\nimport { shadows } from './tokens/shadows';\nimport { borderRadius } from './tokens/borders';\nimport { animation } from './tokens/animations';\n\nconst organifyPreset: Partial<Config> = {\n darkMode: 'class',\n theme: {\n extend: {\n /* ───────────────── Colors ───────────────── */\n colors: {\n // Brand — CSS variable backed\n primary: {\n DEFAULT: 'var(--org-primary)',\n light: 'var(--org-primary-light)',\n soft: 'var(--org-primary-soft)',\n glow: 'var(--org-primary-glow)',\n electric: colors.primary.electric,\n 'electric-light': colors.primary['electric-light'],\n dark: colors.primary.dark,\n },\n\n // Surfaces\n void: 'var(--org-bg-void)',\n surface: 'var(--org-bg-surface)',\n elevated: 'var(--org-bg-elevated)',\n 'cream-base': 'var(--org-cream-base)',\n\n // Glass\n glass: {\n bg: 'var(--org-glass-bg)',\n 'bg-heavy': 'var(--org-glass-bg-heavy)',\n surface: 'var(--org-glass-surface)',\n border: 'var(--org-glass-border)',\n 'border-medium': 'var(--org-glass-border-medium)',\n 'border-strong': 'var(--org-glass-border-strong)',\n highlight: 'var(--org-glass-highlight)',\n },\n\n // Semantic\n success: {\n DEFAULT: 'var(--org-success)',\n light: colors.semantic.success.light,\n surface: colors.semantic.success.surface,\n border: colors.semantic.success.border,\n },\n warning: {\n DEFAULT: 'var(--org-warning)',\n light: colors.semantic.warning.light,\n surface: colors.semantic.warning.surface,\n border: colors.semantic.warning.border,\n },\n error: {\n DEFAULT: 'var(--org-error)',\n light: colors.semantic.error.light,\n surface: colors.semantic.error.surface,\n border: colors.semantic.error.border,\n },\n info: {\n DEFAULT: 'var(--org-info)',\n light: colors.semantic.info.light,\n surface: colors.semantic.info.surface,\n border: colors.semantic.info.border,\n },\n\n // Fluid theme\n fluid: {\n bg: colors.fluid.bg,\n surface: colors.fluid.surface,\n border: colors.fluid.border,\n 'border-medium': colors.fluid.borderMedium,\n 'border-strong': colors.fluid.borderStrong,\n highlight: colors.fluid.highlight,\n 'primary-soft': colors.fluid.primarySoft,\n },\n\n // White transparency scale\n 'white-3': 'rgba(255, 255, 255, 0.03)',\n 'white-5': 'rgba(255, 255, 255, 0.05)',\n 'white-8': 'rgba(255, 255, 255, 0.08)',\n 'white-10': 'rgba(255, 255, 255, 0.10)',\n 'white-20': 'rgba(255, 255, 255, 0.20)',\n 'white-40': 'rgba(255, 255, 255, 0.40)',\n 'white-60': 'rgba(255, 255, 255, 0.60)',\n 'white-80': 'rgba(255, 255, 255, 0.80)',\n\n // Theme-aware transparent colors\n 'theme-5': 'var(--org-glass-highlight)',\n 'theme-10': 'var(--org-glass-border)',\n 'theme-15': 'var(--org-glass-border-medium)',\n 'theme-20': 'var(--org-glass-border-strong)',\n\n // Card aliases\n card: {\n DEFAULT: 'var(--org-bg-surface)',\n surface: 'var(--org-bg-surface)',\n bg: 'var(--org-bg-surface)',\n },\n\n // Border color that adapts to theme\n 'border-adaptive': 'var(--org-border)',\n\n // Cream theme\n cream: {\n base: colors.cream.base,\n surface: colors.cream.surface,\n 'surface-strong': colors.cream.surfaceStrong,\n border: colors.cream.border,\n 'border-medium': colors.cream.borderMedium,\n 'border-strong': colors.cream.borderStrong,\n 'glass-border': colors.cream.glassBorder,\n text: colors.cream.text,\n 'text-muted': colors.cream.textMuted,\n 'text-subtle': colors.cream.textSubtle,\n },\n\n // Status / Flow\n status: {\n 'in-flow-bg': colors.status.inFlow.bg,\n 'in-flow-text': colors.status.inFlow.text,\n 'in-flow-border': colors.status.inFlow.border,\n 'deep-work-bg': colors.status.deepWork.bg,\n 'deep-work-text': colors.status.deepWork.text,\n 'resting-bg': colors.status.resting.bg,\n 'resting-text': colors.status.resting.text,\n 'disconnected-bg': colors.status.disconnected.bg,\n 'disconnected-text': colors.status.disconnected.text,\n },\n\n // Liquid Glass theme\n liquid: {\n void: colors.liquid.void,\n surface: colors.liquid.surface,\n elevated: colors.liquid.elevated,\n card: colors.liquid.card,\n text: colors.liquid.text,\n 'text-secondary': colors.liquid.textSecondary,\n 'text-muted': colors.liquid.textMuted,\n border: colors.liquid.border,\n 'border-medium': colors.liquid.borderMedium,\n 'border-strong': colors.liquid.borderStrong,\n 'glass-bg': colors.liquid.glassBg,\n 'glass-bg-heavy': colors.liquid.glassBgHeavy,\n 'glass-surface': colors.liquid.glassSurface,\n 'glass-border': colors.liquid.glassBorder,\n 'glass-border-medium': colors.liquid.glassBorderMedium,\n 'glass-border-strong': colors.liquid.glassBorderStrong,\n 'glass-highlight': colors.liquid.glassHighlight,\n primary: colors.liquid.primaryViolet,\n 'primary-soft': colors.liquid.primarySoft,\n accent: colors.liquid.primaryPurple,\n lavender: colors.liquid.primaryLavender,\n deep: colors.liquid.primaryDeep,\n 'accent-glow': colors.liquid.accentGlow,\n },\n\n // Text\n 'org-text': 'var(--org-text)',\n 'org-text-secondary': 'var(--org-text-secondary)',\n 'org-text-muted': 'var(--org-text-muted)',\n },\n\n /* ───────────── Typography ───────────────── */\n fontFamily: {\n sans: fontFamily.sans,\n mono: fontFamily.mono,\n },\n fontSize,\n fontWeight,\n\n /* ────────────── Border Radius ───────────── */\n borderRadius: {\n ...borderRadius,\n xl: '1rem',\n '2xl': '1.5rem',\n '3xl': '2rem',\n },\n\n /* ───────────────── Shadows ──────────────── */\n boxShadow: {\n ...shadows,\n // Glass — deep cinematic shadows\n glass: '0 24px 80px -15px rgba(0,0,0,0.50)',\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\n // Glows — indigo accent\n glow: '0 0 20px rgba(99, 102, 241, 0.40)',\n 'glow-sm': '0 0 10px rgba(99, 102, 241, 0.30)',\n 'glow-lg': '0 0 40px rgba(99, 102, 241, 0.50)',\n 'glow-soft': '0 4px 30px rgba(99, 102, 241, 0.15)',\n\n // Semantic glows\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(224, 17, 95, 0.20)',\n 'glow-info': '0 0 20px rgba(59, 130, 246, 0.20)',\n\n // Neon glows\n neon: '0 0 10px rgba(99, 102, 241, 0.40), 0 0 20px rgba(99, 102, 241, 0.20)',\n 'neon-lg': '0 0 30px rgba(99, 102, 241, 0.40), 0 0 60px rgba(99, 102, 241, 0.20)',\n\n // Cream theme shadows\n 'cream-btn': '0 2px 8px rgba(36, 25, 121, 0.08)',\n 'cream-btn-primary': '0 4px 16px rgba(36, 25, 121, 0.20)',\n\n // Inner light — glass inset highlight\n 'inner-light': 'inset 0 1px 0 0 rgba(255, 255, 255, 0.06)',\n\n // Soft glow\n 'soft-glow': '0 4px 30px rgba(0, 0, 0, 0.12)',\n\n // Liquid Glass shadows\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 },\n\n /* ──────────── Backdrop Blur ─────────────── */\n backdropBlur: {\n xs: '2px',\n sm: '8px',\n DEFAULT: '12px',\n lg: '24px',\n xl: '40px',\n '2xl': '48px',\n '3xl': '64px',\n organic: '40px',\n },\n\n /* ──────────── Background Images ─────────── */\n backgroundImage: {\n // Dark mesh — indigo + pink on ultra-dark\n 'dark-mesh':\n 'radial-gradient(circle at 15% 15%, rgba(99, 102, 241, 0.10) 0%, transparent 40%), radial-gradient(circle at 85% 85%, rgba(236, 72, 153, 0.06) 0%, transparent 40%)',\n\n // Cream mesh\n 'cream-mesh':\n 'radial-gradient(circle at 15% 15%, rgba(36, 25, 121, 0.04) 0%, transparent 40%), radial-gradient(circle at 85% 85%, rgba(60, 20, 100, 0.03) 0%, transparent 40%)',\n\n // Vibrant mesh — indigo + pink accent\n 'vibrant-mesh':\n 'radial-gradient(at 0% 0%, rgba(99, 102, 241, 0.25) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(99, 102, 241, 0.20) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(236, 72, 153, 0.15) 0px, transparent 50%), radial-gradient(at 0% 100%, rgba(99, 102, 241, 0.10) 0px, transparent 50%)',\n\n // Glow gradient — indigo on ultra-dark\n 'glow-gradient':\n 'radial-gradient(circle at 50% -20%, rgba(99, 102, 241, 0.80) 15%, rgba(99, 102, 241, 0.40) 45%, #030407 90%)',\n\n // Liquid Glass backgrounds — indigo + pink\n 'liquid-mesh':\n 'radial-gradient(circle at 80% 10%, rgba(99, 102, 241, 0.12) 0%, transparent 40%), radial-gradient(circle at 20% 80%, rgba(236, 72, 153, 0.08) 0%, transparent 40%), radial-gradient(circle at 50% 50%, rgba(99, 102, 241, 0.06) 0%, transparent 50%)',\n 'liquid-gradient':\n 'radial-gradient(circle at 50% -20%, rgba(99, 102, 241, 0.80) 15%, rgba(99, 102, 241, 0.40) 45%, #030407 90%)',\n 'liquid-vibrant':\n 'radial-gradient(at 0% 0%, rgba(99, 102, 241, 0.25) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(99, 102, 241, 0.20) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(236, 72, 153, 0.15) 0px, transparent 50%), radial-gradient(at 0% 100%, rgba(99, 102, 241, 0.10) 0px, transparent 50%)',\n\n // Organic grid pattern\n 'organic-grid':\n 'radial-gradient(circle, rgba(255,255,255,0.03) 1px, transparent 1px)',\n },\n\n /* ──────────── Animations ────────────────── */\n keyframes: animation.keyframes,\n animation: {\n shimmer: 'shimmer 2s infinite',\n 'spin-slow': 'spin-slow 10s linear infinite',\n 'glow-pulse': 'glow-pulse 2s ease-in-out infinite',\n float: 'float 20s infinite ease-in-out',\n 'float-subtle': 'float-subtle 6s infinite ease-in-out',\n 'fade-in': 'fade-in 0.3s ease-out',\n 'slide-up': 'slide-up 0.4s ease-out',\n 'liquid-reveal': 'liquid-reveal 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards',\n 'liquid-glow-pulse': 'liquid-glow-pulse 3s ease-in-out infinite',\n 'grain-drift': 'grain-drift 8s ease-in-out infinite',\n },\n\n /* ──────────── Transitions ───────────────── */\n transitionTimingFunction: {\n organic: 'cubic-bezier(0.25, 1, 0.5, 1)',\n 'organic-out': 'cubic-bezier(0.2, 0.8, 0.2, 1)',\n spring: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n },\n transitionDuration: {\n organic: '400ms',\n },\n },\n },\n};\n\nexport default organifyPreset;\n"]}
1
+ {"version":3,"sources":["../src/tailwind-preset.ts"],"names":[],"mappings":";;;AAqBA,IAAM,cAAA,GAAkC;AAAA,EACtC,QAAA,EAAU,OAAA;AAAA,EACV,KAAA,EAAO;AAAA,IACL,MAAA,EAAQ;AAAA;AAAA,MAEN,MAAA,EAAQ;AAAA;AAAA,QAEN,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,oBAAA;AAAA,UACT,KAAA,EAAO,0BAAA;AAAA,UACP,IAAA,EAAM,yBAAA;AAAA,UACN,IAAA,EAAM,yBAAA;AAAA,UACN,QAAA,EAAU,OAAO,OAAA,CAAQ,QAAA;AAAA,UACzB,gBAAA,EAAkB,MAAA,CAAO,OAAA,CAAQ,gBAAgB,CAAA;AAAA,UACjD,IAAA,EAAM,OAAO,OAAA,CAAQ;AAAA,SACvB;AAAA;AAAA,QAGA,IAAA,EAAM,oBAAA;AAAA,QACN,OAAA,EAAS,uBAAA;AAAA,QACT,QAAA,EAAU,wBAAA;AAAA,QACV,YAAA,EAAc,uBAAA;AAAA;AAAA,QAGd,KAAA,EAAO;AAAA,UACL,EAAA,EAAI,qBAAA;AAAA,UACJ,UAAA,EAAY,2BAAA;AAAA,UACZ,OAAA,EAAS,0BAAA;AAAA,UACT,MAAA,EAAQ,yBAAA;AAAA,UACR,eAAA,EAAiB,gCAAA;AAAA,UACjB,eAAA,EAAiB,gCAAA;AAAA,UACjB,SAAA,EAAW;AAAA,SACb;AAAA;AAAA,QAGA,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,oBAAA;AAAA,UACT,KAAA,EAAO,MAAA,CAAO,QAAA,CAAS,OAAA,CAAQ,KAAA;AAAA,UAC/B,OAAA,EAAS,MAAA,CAAO,QAAA,CAAS,OAAA,CAAQ,OAAA;AAAA,UACjC,MAAA,EAAQ,MAAA,CAAO,QAAA,CAAS,OAAA,CAAQ;AAAA,SAClC;AAAA,QACA,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,oBAAA;AAAA,UACT,KAAA,EAAO,MAAA,CAAO,QAAA,CAAS,OAAA,CAAQ,KAAA;AAAA,UAC/B,OAAA,EAAS,MAAA,CAAO,QAAA,CAAS,OAAA,CAAQ,OAAA;AAAA,UACjC,MAAA,EAAQ,MAAA,CAAO,QAAA,CAAS,OAAA,CAAQ;AAAA,SAClC;AAAA,QACA,KAAA,EAAO;AAAA,UACL,OAAA,EAAS,kBAAA;AAAA,UACT,KAAA,EAAO,MAAA,CAAO,QAAA,CAAS,KAAA,CAAM,KAAA;AAAA,UAC7B,OAAA,EAAS,MAAA,CAAO,QAAA,CAAS,KAAA,CAAM,OAAA;AAAA,UAC/B,MAAA,EAAQ,MAAA,CAAO,QAAA,CAAS,KAAA,CAAM;AAAA,SAChC;AAAA,QACA,IAAA,EAAM;AAAA,UACJ,OAAA,EAAS,iBAAA;AAAA,UACT,KAAA,EAAO,MAAA,CAAO,QAAA,CAAS,IAAA,CAAK,KAAA;AAAA,UAC5B,OAAA,EAAS,MAAA,CAAO,QAAA,CAAS,IAAA,CAAK,OAAA;AAAA,UAC9B,MAAA,EAAQ,MAAA,CAAO,QAAA,CAAS,IAAA,CAAK;AAAA,SAC/B;AAAA;AAAA,QAGA,KAAA,EAAO;AAAA,UACL,EAAA,EAAI,OAAO,KAAA,CAAM,EAAA;AAAA,UACjB,OAAA,EAAS,OAAO,KAAA,CAAM,OAAA;AAAA,UACtB,MAAA,EAAQ,OAAO,KAAA,CAAM,MAAA;AAAA,UACrB,eAAA,EAAiB,OAAO,KAAA,CAAM,YAAA;AAAA,UAC9B,eAAA,EAAiB,OAAO,KAAA,CAAM,YAAA;AAAA,UAC9B,SAAA,EAAW,OAAO,KAAA,CAAM,SAAA;AAAA,UACxB,cAAA,EAAgB,OAAO,KAAA,CAAM;AAAA,SAC/B;AAAA;AAAA,QAGA,SAAA,EAAW,2BAAA;AAAA,QACX,SAAA,EAAW,2BAAA;AAAA,QACX,SAAA,EAAW,2BAAA;AAAA,QACX,UAAA,EAAY,2BAAA;AAAA,QACZ,UAAA,EAAY,2BAAA;AAAA,QACZ,UAAA,EAAY,2BAAA;AAAA,QACZ,UAAA,EAAY,2BAAA;AAAA,QACZ,UAAA,EAAY,2BAAA;AAAA;AAAA,QAGZ,UAAA,EAAY,0BAAA;AAAA,QACZ,UAAA,EAAY,0BAAA;AAAA,QACZ,WAAA,EAAa,0BAAA;AAAA,QACb,WAAA,EAAa,0BAAA;AAAA,QACb,WAAA,EAAa,0BAAA;AAAA;AAAA,QAGb,SAAA,EAAW,4BAAA;AAAA,QACX,UAAA,EAAY,yBAAA;AAAA,QACZ,UAAA,EAAY,gCAAA;AAAA,QACZ,UAAA,EAAY,gCAAA;AAAA;AAAA,QAGZ,IAAA,EAAM;AAAA,UACJ,OAAA,EAAS,uBAAA;AAAA,UACT,OAAA,EAAS,uBAAA;AAAA,UACT,EAAA,EAAI;AAAA,SACN;AAAA;AAAA,QAGA,iBAAA,EAAmB,mBAAA;AAAA;AAAA,QAGnB,KAAA,EAAO;AAAA,UACL,IAAA,EAAM,OAAO,KAAA,CAAM,IAAA;AAAA,UACnB,OAAA,EAAS,OAAO,KAAA,CAAM,OAAA;AAAA,UACtB,gBAAA,EAAkB,OAAO,KAAA,CAAM,aAAA;AAAA,UAC/B,MAAA,EAAQ,OAAO,KAAA,CAAM,MAAA;AAAA,UACrB,eAAA,EAAiB,OAAO,KAAA,CAAM,YAAA;AAAA,UAC9B,eAAA,EAAiB,OAAO,KAAA,CAAM,YAAA;AAAA,UAC9B,cAAA,EAAgB,OAAO,KAAA,CAAM,WAAA;AAAA,UAC7B,IAAA,EAAM,OAAO,KAAA,CAAM,IAAA;AAAA,UACnB,YAAA,EAAc,OAAO,KAAA,CAAM,SAAA;AAAA,UAC3B,aAAA,EAAe,OAAO,KAAA,CAAM;AAAA,SAC9B;AAAA;AAAA,QAGA,MAAA,EAAQ;AAAA,UACN,YAAA,EAAc,MAAA,CAAO,MAAA,CAAO,MAAA,CAAO,EAAA;AAAA,UACnC,cAAA,EAAgB,MAAA,CAAO,MAAA,CAAO,MAAA,CAAO,IAAA;AAAA,UACrC,gBAAA,EAAkB,MAAA,CAAO,MAAA,CAAO,MAAA,CAAO,MAAA;AAAA,UACvC,cAAA,EAAgB,MAAA,CAAO,MAAA,CAAO,QAAA,CAAS,EAAA;AAAA,UACvC,gBAAA,EAAkB,MAAA,CAAO,MAAA,CAAO,QAAA,CAAS,IAAA;AAAA,UACzC,YAAA,EAAc,MAAA,CAAO,MAAA,CAAO,OAAA,CAAQ,EAAA;AAAA,UACpC,cAAA,EAAgB,MAAA,CAAO,MAAA,CAAO,OAAA,CAAQ,IAAA;AAAA,UACtC,iBAAA,EAAmB,MAAA,CAAO,MAAA,CAAO,YAAA,CAAa,EAAA;AAAA,UAC9C,mBAAA,EAAqB,MAAA,CAAO,MAAA,CAAO,YAAA,CAAa;AAAA,SAClD;AAAA;AAAA,QAGA,MAAA,EAAQ;AAAA,UACN,IAAA,EAAM,OAAO,MAAA,CAAO,IAAA;AAAA,UACpB,OAAA,EAAS,OAAO,MAAA,CAAO,OAAA;AAAA,UACvB,QAAA,EAAU,OAAO,MAAA,CAAO,QAAA;AAAA,UACxB,IAAA,EAAM,OAAO,MAAA,CAAO,IAAA;AAAA,UACpB,IAAA,EAAM,OAAO,MAAA,CAAO,IAAA;AAAA,UACpB,gBAAA,EAAkB,OAAO,MAAA,CAAO,aAAA;AAAA,UAChC,YAAA,EAAc,OAAO,MAAA,CAAO,SAAA;AAAA,UAC5B,MAAA,EAAQ,OAAO,MAAA,CAAO,MAAA;AAAA,UACtB,eAAA,EAAiB,OAAO,MAAA,CAAO,YAAA;AAAA,UAC/B,eAAA,EAAiB,OAAO,MAAA,CAAO,YAAA;AAAA,UAC/B,UAAA,EAAY,OAAO,MAAA,CAAO,OAAA;AAAA,UAC1B,gBAAA,EAAkB,OAAO,MAAA,CAAO,YAAA;AAAA,UAChC,eAAA,EAAiB,OAAO,MAAA,CAAO,YAAA;AAAA,UAC/B,cAAA,EAAgB,OAAO,MAAA,CAAO,WAAA;AAAA,UAC9B,qBAAA,EAAuB,OAAO,MAAA,CAAO,iBAAA;AAAA,UACrC,qBAAA,EAAuB,OAAO,MAAA,CAAO,iBAAA;AAAA,UACrC,iBAAA,EAAmB,OAAO,MAAA,CAAO,cAAA;AAAA,UACjC,OAAA,EAAS,OAAO,MAAA,CAAO,aAAA;AAAA,UACvB,cAAA,EAAgB,OAAO,MAAA,CAAO,WAAA;AAAA,UAC9B,MAAA,EAAQ,OAAO,MAAA,CAAO,aAAA;AAAA,UACtB,QAAA,EAAU,OAAO,MAAA,CAAO,eAAA;AAAA,UACxB,IAAA,EAAM,OAAO,MAAA,CAAO,WAAA;AAAA,UACpB,aAAA,EAAe,OAAO,MAAA,CAAO;AAAA,SAC/B;AAAA;AAAA,QAGA,UAAA,EAAY,iBAAA;AAAA,QACZ,oBAAA,EAAsB,2BAAA;AAAA,QACtB,gBAAA,EAAkB;AAAA,OACpB;AAAA;AAAA,MAGA,UAAA,EAAY;AAAA,QACV,MAAM,UAAA,CAAW,IAAA;AAAA,QACjB,MAAM,UAAA,CAAW;AAAA,OACnB;AAAA,MACA,QAAA;AAAA,MACA,UAAA;AAAA;AAAA,MAGA,YAAA,EAAc;AAAA,QACZ,GAAG,YAAA;AAAA,QACH,EAAA,EAAI,MAAA;AAAA,QACJ,KAAA,EAAO,QAAA;AAAA,QACP,KAAA,EAAO;AAAA,OACT;AAAA;AAAA,MAGA,SAAA,EAAW;AAAA,QACT,GAAG,OAAA;AAAA;AAAA,QAEH,KAAA,EAAO,oCAAA;AAAA,QACP,UAAA,EAAY,qCAAA;AAAA,QACZ,UAAA,EAAY,qCAAA;AAAA;AAAA,QAGZ,IAAA,EAAM,mCAAA;AAAA,QACN,SAAA,EAAW,mCAAA;AAAA,QACX,SAAA,EAAW,mCAAA;AAAA,QACX,WAAA,EAAa,qCAAA;AAAA;AAAA,QAGb,cAAA,EAAgB,mCAAA;AAAA,QAChB,cAAA,EAAgB,mCAAA;AAAA,QAChB,YAAA,EAAc,kCAAA;AAAA,QACd,WAAA,EAAa,mCAAA;AAAA;AAAA,QAGb,IAAA,EAAM,sEAAA;AAAA,QACN,SAAA,EAAW,sEAAA;AAAA;AAAA,QAGX,WAAA,EAAa,oCAAA;AAAA,QACb,mBAAA,EAAqB,qCAAA;AAAA;AAAA,QAGrB,aAAA,EAAe,2CAAA;AAAA;AAAA,QAGf,WAAA,EAAa,gCAAA;AAAA;AAAA,QAGb,cAAA,EAAgB,uCAAA;AAAA,QAChB,iBAAA,EAAmB,qCAAA;AAAA,QACnB,iBAAA,EAAmB,wCAAA;AAAA,QACnB,iBAAA,EAAmB,wCAAA;AAAA,QACnB,aAAA,EAAe,sEAAA;AAAA,QACf,gBAAA,EAAkB,mCAAA;AAAA,QAClB,gBAAA,EAAkB,sEAAA;AAAA,QAClB,qBAAA,EAAuB,wEAAA;AAAA,QACvB,aAAA,EAAe;AAAA,OACjB;AAAA;AAAA,MAGA,YAAA,EAAc;AAAA,QACZ,EAAA,EAAI,KAAA;AAAA,QACJ,EAAA,EAAI,KAAA;AAAA,QACJ,OAAA,EAAS,MAAA;AAAA,QACT,EAAA,EAAI,MAAA;AAAA,QACJ,EAAA,EAAI,MAAA;AAAA,QACJ,KAAA,EAAO,MAAA;AAAA,QACP,KAAA,EAAO,MAAA;AAAA,QACP,OAAA,EAAS;AAAA,OACX;AAAA;AAAA,MAGA,eAAA,EAAiB;AAAA;AAAA,QAEf,WAAA,EACE,oKAAA;AAAA;AAAA,QAGF,YAAA,EACE,mKAAA;AAAA;AAAA,QAGF,cAAA,EACE,+SAAA;AAAA;AAAA,QAGF,eAAA,EACE,8GAAA;AAAA;AAAA,QAGF,aAAA,EACE,sPAAA;AAAA,QACF,iBAAA,EACE,8GAAA;AAAA,QACF,gBAAA,EACE,+SAAA;AAAA;AAAA,QAGF,cAAA,EACE;AAAA,OACJ;AAAA;AAAA,MAGA,WAAW,SAAA,CAAU,SAAA;AAAA,MACrB,SAAA,EAAW;AAAA,QACT,OAAA,EAAS,qBAAA;AAAA,QACT,WAAA,EAAa,+BAAA;AAAA,QACb,YAAA,EAAc,oCAAA;AAAA,QACd,KAAA,EAAO,gCAAA;AAAA,QACP,cAAA,EAAgB,sCAAA;AAAA,QAChB,SAAA,EAAW,uBAAA;AAAA,QACX,UAAA,EAAY,wBAAA;AAAA,QACZ,eAAA,EAAiB,2DAAA;AAAA,QACjB,mBAAA,EAAqB,2CAAA;AAAA,QACrB,aAAA,EAAe;AAAA,OACjB;AAAA;AAAA,MAGA,wBAAA,EAA0B;AAAA,QACxB,OAAA,EAAS,+BAAA;AAAA,QACT,aAAA,EAAe,gCAAA;AAAA,QACf,MAAA,EAAQ;AAAA,OACV;AAAA,MACA,kBAAA,EAAoB;AAAA,QAClB,OAAA,EAAS;AAAA;AACX;AACF;AAEJ,CAAA;AAEA,IAAO,uBAAA,GAAQ","file":"tailwind-preset.js","sourcesContent":["/**\n * organify-ui — Tailwind CSS Preset\n *\n * Organify Organic Design System — 3 Themes: Dark, Cream, Fluid\n *\n * NOTE: With Tailwind v4 + @tailwindcss/postcss the @theme directive\n * in globals.css is the PRIMARY mechanism for registering tokens.\n * This preset is kept for backwards compat and non-v4 consumers.\n *\n * Usage in consuming app's tailwind config:\n * import organifyPreset from 'organify-ui/tailwind-preset';\n * export default { presets: [organifyPreset], ... }\n */\n\nimport type { Config } from 'tailwindcss';\nimport { colors } from './tokens/colors';\nimport { fontFamily, fontSize, fontWeight } from './tokens/typography';\nimport { shadows } from './tokens/shadows';\nimport { borderRadius } from './tokens/borders';\nimport { animation } from './tokens/animations';\n\nconst organifyPreset: Partial<Config> = {\n darkMode: 'class',\n theme: {\n extend: {\n /* ───────────────── Colors ───────────────── */\n colors: {\n // Brand — CSS variable backed\n primary: {\n DEFAULT: 'var(--org-primary)',\n light: 'var(--org-primary-light)',\n soft: 'var(--org-primary-soft)',\n glow: 'var(--org-primary-glow)',\n electric: colors.primary.electric,\n 'electric-light': colors.primary['electric-light'],\n dark: colors.primary.dark,\n },\n\n // Surfaces\n void: 'var(--org-bg-void)',\n surface: 'var(--org-bg-surface)',\n elevated: 'var(--org-bg-elevated)',\n 'cream-base': 'var(--org-cream-base)',\n\n // Glass\n glass: {\n bg: 'var(--org-glass-bg)',\n 'bg-heavy': 'var(--org-glass-bg-heavy)',\n surface: 'var(--org-glass-surface)',\n border: 'var(--org-glass-border)',\n 'border-medium': 'var(--org-glass-border-medium)',\n 'border-strong': 'var(--org-glass-border-strong)',\n highlight: 'var(--org-glass-highlight)',\n },\n\n // Semantic\n success: {\n DEFAULT: 'var(--org-success)',\n light: colors.semantic.success.light,\n surface: colors.semantic.success.surface,\n border: colors.semantic.success.border,\n },\n warning: {\n DEFAULT: 'var(--org-warning)',\n light: colors.semantic.warning.light,\n surface: colors.semantic.warning.surface,\n border: colors.semantic.warning.border,\n },\n error: {\n DEFAULT: 'var(--org-error)',\n light: colors.semantic.error.light,\n surface: colors.semantic.error.surface,\n border: colors.semantic.error.border,\n },\n info: {\n DEFAULT: 'var(--org-info)',\n light: colors.semantic.info.light,\n surface: colors.semantic.info.surface,\n border: colors.semantic.info.border,\n },\n\n // Fluid theme\n fluid: {\n bg: colors.fluid.bg,\n surface: colors.fluid.surface,\n border: colors.fluid.border,\n 'border-medium': colors.fluid.borderMedium,\n 'border-strong': colors.fluid.borderStrong,\n highlight: colors.fluid.highlight,\n 'primary-soft': colors.fluid.primarySoft,\n },\n\n // White transparency scale\n 'white-3': 'rgba(255, 255, 255, 0.03)',\n 'white-5': 'rgba(255, 255, 255, 0.05)',\n 'white-8': 'rgba(255, 255, 255, 0.08)',\n 'white-10': 'rgba(255, 255, 255, 0.10)',\n 'white-20': 'rgba(255, 255, 255, 0.20)',\n 'white-40': 'rgba(255, 255, 255, 0.40)',\n 'white-60': 'rgba(255, 255, 255, 0.60)',\n 'white-80': 'rgba(255, 255, 255, 0.80)',\n\n // Violet transparency scale\n 'violet-5': 'rgba(124, 58, 237, 0.05)',\n 'violet-8': 'rgba(124, 58, 237, 0.08)',\n 'violet-10': 'rgba(124, 58, 237, 0.10)',\n 'violet-15': 'rgba(124, 58, 237, 0.15)',\n 'violet-20': 'rgba(124, 58, 237, 0.20)',\n\n // Theme-aware transparent colors\n 'theme-5': 'var(--org-glass-highlight)',\n 'theme-10': 'var(--org-glass-border)',\n 'theme-15': 'var(--org-glass-border-medium)',\n 'theme-20': 'var(--org-glass-border-strong)',\n\n // Card aliases\n card: {\n DEFAULT: 'var(--org-bg-surface)',\n surface: 'var(--org-bg-surface)',\n bg: 'var(--org-bg-surface)',\n },\n\n // Border color that adapts to theme\n 'border-adaptive': 'var(--org-border)',\n\n // Cream theme\n cream: {\n base: colors.cream.base,\n surface: colors.cream.surface,\n 'surface-strong': colors.cream.surfaceStrong,\n border: colors.cream.border,\n 'border-medium': colors.cream.borderMedium,\n 'border-strong': colors.cream.borderStrong,\n 'glass-border': colors.cream.glassBorder,\n text: colors.cream.text,\n 'text-muted': colors.cream.textMuted,\n 'text-subtle': colors.cream.textSubtle,\n },\n\n // Status / Flow\n status: {\n 'in-flow-bg': colors.status.inFlow.bg,\n 'in-flow-text': colors.status.inFlow.text,\n 'in-flow-border': colors.status.inFlow.border,\n 'deep-work-bg': colors.status.deepWork.bg,\n 'deep-work-text': colors.status.deepWork.text,\n 'resting-bg': colors.status.resting.bg,\n 'resting-text': colors.status.resting.text,\n 'disconnected-bg': colors.status.disconnected.bg,\n 'disconnected-text': colors.status.disconnected.text,\n },\n\n // Liquid Glass theme\n liquid: {\n void: colors.liquid.void,\n surface: colors.liquid.surface,\n elevated: colors.liquid.elevated,\n card: colors.liquid.card,\n text: colors.liquid.text,\n 'text-secondary': colors.liquid.textSecondary,\n 'text-muted': colors.liquid.textMuted,\n border: colors.liquid.border,\n 'border-medium': colors.liquid.borderMedium,\n 'border-strong': colors.liquid.borderStrong,\n 'glass-bg': colors.liquid.glassBg,\n 'glass-bg-heavy': colors.liquid.glassBgHeavy,\n 'glass-surface': colors.liquid.glassSurface,\n 'glass-border': colors.liquid.glassBorder,\n 'glass-border-medium': colors.liquid.glassBorderMedium,\n 'glass-border-strong': colors.liquid.glassBorderStrong,\n 'glass-highlight': colors.liquid.glassHighlight,\n primary: colors.liquid.primaryViolet,\n 'primary-soft': colors.liquid.primarySoft,\n accent: colors.liquid.primaryPurple,\n lavender: colors.liquid.primaryLavender,\n deep: colors.liquid.primaryDeep,\n 'accent-glow': colors.liquid.accentGlow,\n },\n\n // Text\n 'org-text': 'var(--org-text)',\n 'org-text-secondary': 'var(--org-text-secondary)',\n 'org-text-muted': 'var(--org-text-muted)',\n },\n\n /* ───────────── Typography ───────────────── */\n fontFamily: {\n sans: fontFamily.sans,\n mono: fontFamily.mono,\n },\n fontSize,\n fontWeight,\n\n /* ────────────── Border Radius ───────────── */\n borderRadius: {\n ...borderRadius,\n xl: '1rem',\n '2xl': '1.5rem',\n '3xl': '2rem',\n },\n\n /* ───────────────── Shadows ──────────────── */\n boxShadow: {\n ...shadows,\n // Glass — deep cinematic shadows\n glass: '0 24px 80px -15px rgba(0,0,0,0.50)',\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\n // Glows — violet accent\n glow: '0 0 20px rgba(124, 58, 237, 0.40)',\n 'glow-sm': '0 0 10px rgba(124, 58, 237, 0.30)',\n 'glow-lg': '0 0 40px rgba(124, 58, 237, 0.50)',\n 'glow-soft': '0 4px 30px rgba(124, 58, 237, 0.15)',\n\n // Semantic glows\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(239, 68, 68, 0.20)',\n 'glow-info': '0 0 20px rgba(59, 130, 246, 0.20)',\n\n // Neon glows\n neon: '0 0 10px rgba(124, 58, 237, 0.40), 0 0 20px rgba(124, 58, 237, 0.20)',\n 'neon-lg': '0 0 30px rgba(124, 58, 237, 0.40), 0 0 60px rgba(124, 58, 237, 0.20)',\n\n // Cream theme shadows\n 'cream-btn': '0 2px 8px rgba(124, 58, 237, 0.08)',\n 'cream-btn-primary': '0 4px 16px rgba(124, 58, 237, 0.20)',\n\n // Inner light — glass inset highlight\n 'inner-light': 'inset 0 1px 0 0 rgba(255, 255, 255, 0.06)',\n\n // Soft glow\n 'soft-glow': '0 4px 30px rgba(0, 0, 0, 0.12)',\n\n // Liquid Glass shadows\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(124, 58, 237, 0.30), 0 0 40px rgba(124, 58, 237, 0.15)',\n 'liquid-glow-sm': '0 0 12px rgba(124, 58, 237, 0.25)',\n 'liquid-glow-lg': '0 0 40px rgba(124, 58, 237, 0.40), 0 0 80px rgba(124, 58, 237, 0.20)',\n 'liquid-glow-primary': '0 0 24px rgba(124, 58, 237, 0.35), 0 4px 16px rgba(124, 58, 237, 0.20)',\n 'liquid-neon': '0 0 15px rgba(124, 58, 237, 0.50), 0 0 30px rgba(124, 58, 237, 0.25)',\n },\n\n /* ──────────── Backdrop Blur ─────────────── */\n backdropBlur: {\n xs: '2px',\n sm: '8px',\n DEFAULT: '12px',\n lg: '24px',\n xl: '40px',\n '2xl': '48px',\n '3xl': '64px',\n organic: '40px',\n },\n\n /* ──────────── Background Images ─────────── */\n backgroundImage: {\n // Dark mesh — violet + purple on ultra-dark\n 'dark-mesh':\n 'radial-gradient(circle at 15% 15%, rgba(124, 58, 237, 0.12) 0%, transparent 40%), radial-gradient(circle at 85% 85%, rgba(168, 85, 247, 0.06) 0%, transparent 40%)',\n\n // Cream mesh\n 'cream-mesh':\n 'radial-gradient(circle at 15% 15%, rgba(124, 58, 237, 0.04) 0%, transparent 40%), radial-gradient(circle at 85% 85%, rgba(88, 28, 135, 0.03) 0%, transparent 40%)',\n\n // Vibrant mesh — violet + purple accent\n 'vibrant-mesh':\n 'radial-gradient(at 0% 0%, rgba(124, 58, 237, 0.25) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(168, 85, 247, 0.20) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(109, 40, 217, 0.15) 0px, transparent 50%), radial-gradient(at 0% 100%, rgba(88, 28, 135, 0.10) 0px, transparent 50%)',\n\n // Glow gradient — violet on ultra-dark\n 'glow-gradient':\n 'radial-gradient(circle at 50% -20%, rgba(124, 58, 237, 0.80) 15%, rgba(124, 58, 237, 0.40) 45%, #0D0A1A 90%)',\n\n // Liquid Glass backgrounds — violet + purple\n 'liquid-mesh':\n 'radial-gradient(circle at 80% 10%, rgba(124, 58, 237, 0.15) 0%, transparent 40%), radial-gradient(circle at 20% 80%, rgba(168, 85, 247, 0.08) 0%, transparent 40%), radial-gradient(circle at 50% 50%, rgba(109, 40, 217, 0.06) 0%, transparent 50%)',\n 'liquid-gradient':\n 'radial-gradient(circle at 50% -20%, rgba(124, 58, 237, 0.80) 15%, rgba(124, 58, 237, 0.40) 45%, #0D0A1A 90%)',\n 'liquid-vibrant':\n 'radial-gradient(at 0% 0%, rgba(124, 58, 237, 0.25) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(168, 85, 247, 0.20) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(109, 40, 217, 0.15) 0px, transparent 50%), radial-gradient(at 0% 100%, rgba(88, 28, 135, 0.10) 0px, transparent 50%)',\n\n // Organic grid pattern\n 'organic-grid':\n 'radial-gradient(circle, rgba(255,255,255,0.03) 1px, transparent 1px)',\n },\n\n /* ──────────── Animations ────────────────── */\n keyframes: animation.keyframes,\n animation: {\n shimmer: 'shimmer 2s infinite',\n 'spin-slow': 'spin-slow 10s linear infinite',\n 'glow-pulse': 'glow-pulse 2s ease-in-out infinite',\n float: 'float 20s infinite ease-in-out',\n 'float-subtle': 'float-subtle 6s infinite ease-in-out',\n 'fade-in': 'fade-in 0.3s ease-out',\n 'slide-up': 'slide-up 0.4s ease-out',\n 'liquid-reveal': 'liquid-reveal 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards',\n 'liquid-glow-pulse': 'liquid-glow-pulse 3s ease-in-out infinite',\n 'grain-drift': 'grain-drift 8s ease-in-out infinite',\n },\n\n /* ──────────── Transitions ───────────────── */\n transitionTimingFunction: {\n organic: 'cubic-bezier(0.25, 1, 0.5, 1)',\n 'organic-out': 'cubic-bezier(0.2, 0.8, 0.2, 1)',\n spring: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n },\n transitionDuration: {\n organic: '400ms',\n },\n },\n },\n};\n\nexport default organifyPreset;\n"]}
package/dist/tokens/index.d.ts CHANGED
@@ -1,35 +1,37 @@
1
1
  /**
2
2
  * @organify/ui — Color Tokens
3
3
  *
4
- * Organify Organic Design System — 3 Themes:
5
- * Dark (Organic-Dark) — deep void, glassmorphism, glow accents
6
- * Cream (Organic-Cream) — soft whites, indigo accents, light glass
7
- * Fluid (Library) — vibrant mesh, neon glows, deep blacks
4
+ * Organify Organic Design System — Vibrant Violet
5
+ * Purple-dominant glassmorphism with violet accents.
6
+ * Inspired by the Organify landing page aesthetic.
7
+ *
8
+ * Themes: Dark (default), Cream (light), Fluid (vibrant)
8
9
  */
9
10
  declare const colors: {
10
11
  readonly primary: {
11
- readonly DEFAULT: "#4F39F6";
12
- readonly light: "#6366F1";
13
- readonly soft: "#3A2E9E";
14
- readonly electric: "#4F39F6";
15
- readonly 'electric-light': "#818CF8";
16
- readonly dark: "#0f0a38";
12
+ readonly DEFAULT: "#7C3AED";
13
+ readonly light: "#A78BFA";
14
+ readonly soft: "#6D28D9";
15
+ readonly electric: "#8B5CF6";
16
+ readonly 'electric-light': "#C4B5FD";
17
+ readonly dark: "#4C1D95";
18
+ readonly deep: "#3B0764";
17
19
  };
18
20
  readonly neutral: {
19
- readonly 900: "#030407";
20
- readonly 875: "#050609";
21
- readonly 850: "#080A10";
22
- readonly 800: "#0D1017";
23
- readonly 750: "#101420";
24
- readonly 700: "#161A28";
25
- readonly 600: "#1E2336";
26
- readonly 500: "#6B6B76";
27
- readonly 400: "#9CA3AF";
28
- readonly 300: "#d1d5db";
29
- readonly 200: "#e5e7eb";
30
- readonly 100: "#f3f4f6";
31
- readonly 50: "#F9F9F7";
32
- readonly 25: "#FEFEFD";
21
+ readonly 900: "#0D0A1A";
22
+ readonly 875: "#110E22";
23
+ readonly 850: "#16122E";
24
+ readonly 800: "#1A1530";
25
+ readonly 750: "#211B3A";
26
+ readonly 700: "#2A2245";
27
+ readonly 600: "#352D52";
28
+ readonly 500: "#7B7394";
29
+ readonly 400: "#A49BBF";
30
+ readonly 300: "#C4BDD9";
31
+ readonly 200: "#DDD8EB";
32
+ readonly 100: "#F0ECF9";
33
+ readonly 50: "#F8F6FC";
34
+ readonly 25: "#FCFBFE";
33
35
  readonly 0: "#FFFFFF";
34
36
  };
35
37
  readonly semantic: {
@@ -37,102 +39,102 @@ declare const colors: {
37
39
  readonly DEFAULT: "#10B981";
38
40
  readonly light: "#34d399";
39
41
  readonly dark: "#065f46";
40
- readonly surface: "rgba(16, 185, 129, 0.10)";
42
+ readonly surface: "rgba(16, 185, 129, 0.12)";
41
43
  readonly border: "rgba(16, 185, 129, 0.30)";
42
44
  };
43
45
  readonly warning: {
44
46
  readonly DEFAULT: "#F59E0B";
45
47
  readonly light: "#fbbf24";
46
48
  readonly dark: "#92400e";
47
- readonly surface: "rgba(245, 158, 11, 0.10)";
49
+ readonly surface: "rgba(245, 158, 11, 0.12)";
48
50
  readonly border: "rgba(245, 158, 11, 0.30)";
49
51
  };
50
52
  readonly error: {
51
- readonly DEFAULT: "#E0115F";
52
- readonly light: "#f43f5e";
53
- readonly dark: "#9f1239";
54
- readonly surface: "rgba(244, 63, 94, 0.10)";
55
- readonly border: "rgba(244, 63, 94, 0.30)";
53
+ readonly DEFAULT: "#EF4444";
54
+ readonly light: "#f87171";
55
+ readonly dark: "#991b1b";
56
+ readonly surface: "rgba(239, 68, 68, 0.12)";
57
+ readonly border: "rgba(239, 68, 68, 0.30)";
56
58
  };
57
59
  readonly info: {
58
60
  readonly DEFAULT: "#3B82F6";
59
61
  readonly light: "#60a5fa";
60
62
  readonly dark: "#1e40af";
61
- readonly surface: "rgba(59, 130, 246, 0.10)";
63
+ readonly surface: "rgba(59, 130, 246, 0.12)";
62
64
  readonly border: "rgba(59, 130, 246, 0.30)";
63
65
  };
64
66
  };
65
67
  readonly glass: {
66
- readonly bg: "rgba(255, 255, 255, 0.03)";
67
- readonly bgHeavy: "rgba(255, 255, 255, 0.05)";
68
- readonly surface: "rgba(255, 255, 255, 0.04)";
69
- readonly border: "rgba(255, 255, 255, 0.10)";
70
- readonly borderMedium: "rgba(255, 255, 255, 0.20)";
71
- readonly borderStrong: "rgba(255, 255, 255, 0.30)";
72
- readonly highlight: "rgba(255, 255, 255, 0.05)";
68
+ readonly bg: "rgba(124, 58, 237, 0.06)";
69
+ readonly bgHeavy: "rgba(124, 58, 237, 0.12)";
70
+ readonly surface: "rgba(255, 255, 255, 0.05)";
71
+ readonly border: "rgba(167, 139, 250, 0.15)";
72
+ readonly borderMedium: "rgba(167, 139, 250, 0.25)";
73
+ readonly borderStrong: "rgba(167, 139, 250, 0.40)";
74
+ readonly highlight: "rgba(255, 255, 255, 0.06)";
73
75
  readonly white5: "rgba(255, 255, 255, 0.05)";
74
76
  readonly white10: "rgba(255, 255, 255, 0.10)";
75
77
  readonly white20: "rgba(255, 255, 255, 0.20)";
76
78
  readonly white40: "rgba(255, 255, 255, 0.40)";
77
79
  };
78
80
  readonly cream: {
79
- readonly base: "#F9F9F7";
80
- readonly surface: "rgba(255, 255, 255, 0.70)";
81
- readonly surfaceStrong: "rgba(255, 255, 255, 0.90)";
82
- readonly border: "rgba(255, 255, 255, 0.60)";
83
- readonly borderMedium: "rgba(36, 25, 121, 0.06)";
84
- readonly borderStrong: "rgba(36, 25, 121, 0.15)";
85
- readonly glassBorder: "rgba(36, 25, 121, 0.03)";
86
- readonly text: "#191919";
87
- readonly textMuted: "#6B6B76";
88
- readonly textSubtle: "#9CA3AF";
81
+ readonly base: "#F8F6FC";
82
+ readonly surface: "rgba(255, 255, 255, 0.75)";
83
+ readonly surfaceStrong: "rgba(255, 255, 255, 0.92)";
84
+ readonly border: "rgba(124, 58, 237, 0.08)";
85
+ readonly borderMedium: "rgba(124, 58, 237, 0.12)";
86
+ readonly borderStrong: "rgba(124, 58, 237, 0.20)";
87
+ readonly glassBorder: "rgba(124, 58, 237, 0.04)";
88
+ readonly text: "#1A1530";
89
+ readonly textMuted: "#7B7394";
90
+ readonly textSubtle: "#A49BBF";
89
91
  };
90
92
  readonly fluid: {
91
- readonly bg: "rgba(255, 255, 255, 0.03)";
92
- readonly surface: "#161618";
93
- readonly border: "rgba(255, 255, 255, 0.05)";
94
- readonly borderMedium: "rgba(255, 255, 255, 0.08)";
95
- readonly borderStrong: "rgba(255, 255, 255, 0.10)";
96
- readonly highlight: "rgba(255, 255, 255, 0.05)";
97
- readonly primarySoft: "rgba(124, 106, 248, 0.20)";
93
+ readonly bg: "rgba(124, 58, 237, 0.05)";
94
+ readonly surface: "#1A1530";
95
+ readonly border: "rgba(167, 139, 250, 0.08)";
96
+ readonly borderMedium: "rgba(167, 139, 250, 0.12)";
97
+ readonly borderStrong: "rgba(167, 139, 250, 0.18)";
98
+ readonly highlight: "rgba(167, 139, 250, 0.06)";
99
+ readonly primarySoft: "rgba(124, 58, 237, 0.20)";
98
100
  };
99
101
  readonly liquid: {
100
- readonly void: "#030407";
101
- readonly surface: "#080A10";
102
- readonly elevated: "#0D1017";
103
- readonly card: "#080A10";
104
- readonly text: "#f3f4f6";
105
- readonly textSecondary: "rgba(255, 255, 255, 0.70)";
106
- readonly textMuted: "rgba(255, 255, 255, 0.40)";
107
- readonly border: "rgba(255, 255, 255, 0.10)";
108
- readonly borderMedium: "rgba(255, 255, 255, 0.20)";
109
- readonly borderStrong: "rgba(255, 255, 255, 0.30)";
110
- readonly glassBg: "rgba(255, 255, 255, 0.03)";
111
- readonly glassBgHeavy: "rgba(255, 255, 255, 0.05)";
112
- readonly glassSurface: "rgba(255, 255, 255, 0.04)";
113
- readonly glassBorder: "rgba(255, 255, 255, 0.10)";
114
- readonly glassBorderMedium: "rgba(255, 255, 255, 0.20)";
115
- readonly glassBorderStrong: "rgba(255, 255, 255, 0.30)";
116
- readonly glassHighlight: "rgba(255, 255, 255, 0.05)";
117
- readonly primaryViolet: "#6366F1";
118
- readonly primaryPurple: "#818CF8";
119
- readonly primaryLavender: "#A5B4FC";
120
- readonly primaryDeep: "#4F46E5";
121
- readonly primarySoft: "rgba(99, 102, 241, 0.20)";
122
- readonly accentGlow: "rgba(99, 102, 241, 0.40)";
102
+ readonly void: "#0D0A1A";
103
+ readonly surface: "#110E22";
104
+ readonly elevated: "#1A1530";
105
+ readonly card: "#13102A";
106
+ readonly text: "#F0ECF9";
107
+ readonly textSecondary: "#C4BDD9";
108
+ readonly textMuted: "#7B7394";
109
+ readonly border: "rgba(139, 92, 246, 0.10)";
110
+ readonly borderMedium: "rgba(139, 92, 246, 0.18)";
111
+ readonly borderStrong: "rgba(167, 139, 250, 0.28)";
112
+ readonly glassBg: "rgba(124, 58, 237, 0.06)";
113
+ readonly glassBgHeavy: "rgba(17, 14, 34, 0.85)";
114
+ readonly glassSurface: "rgba(17, 14, 34, 0.70)";
115
+ readonly glassBorder: "rgba(139, 92, 246, 0.08)";
116
+ readonly glassBorderMedium: "rgba(139, 92, 246, 0.15)";
117
+ readonly glassBorderStrong: "rgba(167, 139, 250, 0.25)";
118
+ readonly glassHighlight: "rgba(167, 139, 250, 0.06)";
119
+ readonly primaryViolet: "#7C3AED";
120
+ readonly primaryPurple: "#A855F7";
121
+ readonly primaryLavender: "#C4B5FD";
122
+ readonly primaryDeep: "#6D28D9";
123
+ readonly primarySoft: "rgba(124, 58, 237, 0.20)";
124
+ readonly accentGlow: "rgba(124, 58, 237, 0.40)";
123
125
  readonly grainOpacity: "0.04";
124
126
  };
125
127
  readonly status: {
126
128
  readonly inFlow: {
127
- readonly bg: "rgba(99, 102, 241, 0.20)";
128
- readonly text: "#c7d2fe";
129
- readonly border: "rgba(99, 102, 241, 0.30)";
130
- readonly dot: "#818cf8";
129
+ readonly bg: "rgba(124, 58, 237, 0.20)";
130
+ readonly text: "#C4B5FD";
131
+ readonly border: "rgba(124, 58, 237, 0.30)";
132
+ readonly dot: "#A78BFA";
131
133
  };
132
134
  readonly deepWork: {
133
- readonly bg: "rgba(217, 70, 239, 0.10)";
135
+ readonly bg: "rgba(217, 70, 239, 0.12)";
134
136
  readonly text: "#f0abfc";
135
- readonly border: "rgba(217, 70, 239, 0.20)";
137
+ readonly border: "rgba(217, 70, 239, 0.22)";
136
138
  };
137
139
  readonly resting: {
138
140
  readonly bg: "rgba(245, 158, 11, 0.15)";
@@ -140,9 +142,9 @@ declare const colors: {
140
142
  readonly border: "rgba(245, 158, 11, 0.30)";
141
143
  };
142
144
  readonly disconnected: {
143
- readonly bg: "rgba(244, 63, 94, 0.15)";
145
+ readonly bg: "rgba(239, 68, 68, 0.15)";
144
146
  readonly text: "#fecdd3";
145
- readonly border: "rgba(244, 63, 94, 0.30)";
147
+ readonly border: "rgba(239, 68, 68, 0.30)";
146
148
  };
147
149
  };
148
150
  };
@@ -151,38 +153,39 @@ type Colors = typeof colors;
151
153
  /**
152
154
  * @organify/ui — Typography Tokens
153
155
  *
154
- * Inter font family — clean, modern, geometric.
155
- * Space Grotesk kept as fallback.
156
+ * Space Grotesk — primary font, geometric & modern.
157
+ * Inter kept as secondary/fallback.
158
+ * Display headings use italic style for landing aesthetic.
156
159
  */
157
160
  declare const fontFamily: {
158
- readonly sans: readonly ["Inter", "Space Grotesk", "system-ui", "-apple-system", "sans-serif"];
161
+ readonly sans: readonly ["Space Grotesk", "Inter", "system-ui", "-apple-system", "sans-serif"];
159
162
  readonly mono: readonly ["ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace"];
160
163
  };
161
164
  declare const fontSize: {
162
165
  readonly 'display-xl': readonly ["5rem", {
163
- readonly lineHeight: "0.85";
166
+ readonly lineHeight: "0.90";
164
167
  readonly letterSpacing: "-0.04em";
165
- readonly fontWeight: "100";
168
+ readonly fontWeight: "300";
166
169
  }];
167
170
  readonly 'display-lg': readonly ["4rem", {
168
- readonly lineHeight: "0.9";
171
+ readonly lineHeight: "0.95";
169
172
  readonly letterSpacing: "-0.03em";
170
- readonly fontWeight: "100";
173
+ readonly fontWeight: "300";
171
174
  }];
172
175
  readonly 'heading-xl': readonly ["2.5rem", {
173
176
  readonly lineHeight: "1.1";
174
177
  readonly letterSpacing: "-0.02em";
175
- readonly fontWeight: "300";
178
+ readonly fontWeight: "400";
176
179
  }];
177
180
  readonly 'heading-lg': readonly ["1.5rem", {
178
181
  readonly lineHeight: "1.2";
179
182
  readonly letterSpacing: "-0.01em";
180
- readonly fontWeight: "300";
183
+ readonly fontWeight: "400";
181
184
  }];
182
185
  readonly 'heading-md': readonly ["1.25rem", {
183
186
  readonly lineHeight: "1.3";
184
187
  readonly letterSpacing: "-0.01em";
185
- readonly fontWeight: "300";
188
+ readonly fontWeight: "400";
186
189
  }];
187
190
  readonly 'heading-sm': readonly ["1rem", {
188
191
  readonly lineHeight: "1.4";
@@ -206,8 +209,8 @@ declare const fontSize: {
206
209
  }];
207
210
  readonly label: readonly ["0.625rem", {
208
211
  readonly lineHeight: "1.3";
209
- readonly letterSpacing: "0.2em";
210
- readonly fontWeight: "600";
212
+ readonly letterSpacing: "0.15em";
213
+ readonly fontWeight: "500";
211
214
  }];
212
215
  readonly 'mono-xs': readonly ["0.625rem", {
213
216
  readonly lineHeight: "1.4";
@@ -265,45 +268,45 @@ type Spacing = typeof spacing;
265
268
  /**
266
269
  * @organify/ui — Shadow Tokens
267
270
  *
268
- * Organic Design System — depth & glow layers.
271
+ * Organic Design System — violet-tinted depth & glow layers.
269
272
  */
270
273
  declare const shadows: {
271
- readonly glass: "0 24px 80px -15px rgba(0, 0, 0, 0.50)";
272
- readonly 'glass-sm': "0 8px 32px -8px rgba(0, 0, 0, 0.40)";
273
- readonly 'glass-lg': "0 32px 100px -20px rgba(0, 0, 0, 0.60)";
274
- readonly 'glass-xl': "0 40px 120px -20px rgba(0, 0, 0, 0.70)";
275
- readonly 'cream-glass': "0 10px 40px -10px rgba(36, 25, 121, 0.04), inset 0 0 20px rgba(255, 255, 255, 0.50)";
276
- readonly 'cream-soft': "0 20px 60px -15px rgba(36, 25, 121, 0.05)";
277
- readonly 'cream-glow': "0 0 15px rgba(36, 25, 121, 0.10)";
278
- readonly 'cream-btn': "0 8px 20px rgba(36, 25, 121, 0.08)";
279
- readonly 'cream-btn-primary': "0 4px 12px rgba(36, 25, 121, 0.10)";
280
- readonly 'inner-light': "inset 0 1px 0 0 rgba(255, 255, 255, 0.06)";
281
- readonly 'neon-glow': "0 0 15px rgba(99, 102, 241, 0.30), 0 0 30px rgba(99, 102, 241, 0.10)";
282
- readonly 'neon-glow-sm': "0 0 8px rgba(99, 102, 241, 0.30)";
283
- readonly 'neon-glow-lg': "0 0 30px rgba(99, 102, 241, 0.40), 0 0 60px rgba(99, 102, 241, 0.20)";
284
- readonly 'soft-glow': "0 0 20px rgba(255, 255, 255, 0.05)";
285
- readonly 'glow-primary': "0 0 25px rgba(99, 102, 241, 0.60)";
286
- readonly 'glow-soft': "0 0 60px rgba(99, 102, 241, 0.15)";
287
- readonly 'glow-indigo': "0 0 15px rgba(99, 102, 241, 0.60)";
274
+ readonly glass: "0 24px 80px -15px rgba(13, 10, 26, 0.60)";
275
+ readonly 'glass-sm': "0 8px 32px -8px rgba(13, 10, 26, 0.50)";
276
+ readonly 'glass-lg': "0 32px 100px -20px rgba(13, 10, 26, 0.70)";
277
+ readonly 'glass-xl': "0 40px 120px -20px rgba(13, 10, 26, 0.80)";
278
+ readonly 'cream-glass': "0 10px 40px -10px rgba(124, 58, 237, 0.06), inset 0 0 20px rgba(255, 255, 255, 0.50)";
279
+ readonly 'cream-soft': "0 20px 60px -15px rgba(124, 58, 237, 0.08)";
280
+ readonly 'cream-glow': "0 0 15px rgba(124, 58, 237, 0.12)";
281
+ readonly 'cream-btn': "0 8px 20px rgba(124, 58, 237, 0.10)";
282
+ readonly 'cream-btn-primary': "0 4px 12px rgba(124, 58, 237, 0.15)";
283
+ readonly 'inner-light': "inset 0 1px 0 0 rgba(167, 139, 250, 0.08)";
284
+ readonly 'neon-glow': "0 0 15px rgba(124, 58, 237, 0.35), 0 0 30px rgba(124, 58, 237, 0.15)";
285
+ readonly 'neon-glow-sm': "0 0 8px rgba(124, 58, 237, 0.30)";
286
+ readonly 'neon-glow-lg': "0 0 30px rgba(124, 58, 237, 0.45), 0 0 60px rgba(124, 58, 237, 0.20)";
287
+ readonly 'soft-glow': "0 0 20px rgba(124, 58, 237, 0.08)";
288
+ readonly 'glow-primary': "0 0 25px rgba(124, 58, 237, 0.50)";
289
+ readonly 'glow-soft': "0 0 60px rgba(124, 58, 237, 0.18)";
290
+ readonly 'glow-indigo': "0 0 15px rgba(124, 58, 237, 0.50)";
288
291
  readonly 'glow-success': "0 0 20px rgba(16, 185, 129, 0.20)";
289
292
  readonly 'glow-warning': "0 0 20px rgba(245, 158, 11, 0.20)";
290
- readonly 'glow-error': "0 0 20px rgba(244, 63, 94, 0.20)";
293
+ readonly 'glow-error': "0 0 20px rgba(239, 68, 68, 0.20)";
291
294
  readonly 'glow-info': "0 0 20px rgba(59, 130, 246, 0.20)";
292
- readonly 'asymmetric-glow': "0 0 60px -15px rgba(99, 102, 241, 0.30)";
293
- readonly sharp: "4px 4px 0px 0px rgba(99, 102, 241, 1)";
295
+ readonly 'asymmetric-glow': "0 0 60px -15px rgba(124, 58, 237, 0.35)";
296
+ readonly sharp: "4px 4px 0px 0px rgba(124, 58, 237, 1)";
294
297
  readonly 'status-online': "0 0 8px rgba(74, 222, 128, 0.80)";
295
- readonly 'status-flow': "0 0 8px rgba(129, 140, 248, 0.80)";
296
- readonly 'status-primary': "0 0 15px rgba(99, 102, 241, 0.50)";
297
- readonly 'liquid-glass': "0 24px 80px -15px rgba(0, 0, 0, 0.50)";
298
- readonly 'liquid-glass-sm': "0 8px 32px -8px rgba(0, 0, 0, 0.40)";
299
- readonly 'liquid-glass-lg': "0 32px 100px -20px rgba(0, 0, 0, 0.60)";
300
- readonly 'liquid-glass-xl': "0 40px 120px -20px rgba(0, 0, 0, 0.70)";
301
- readonly 'liquid-glow': "0 0 20px rgba(99, 102, 241, 0.30), 0 0 40px rgba(99, 102, 241, 0.15)";
302
- readonly 'liquid-glow-sm': "0 0 12px rgba(99, 102, 241, 0.25)";
303
- readonly 'liquid-glow-lg': "0 0 40px rgba(99, 102, 241, 0.40), 0 0 80px rgba(99, 102, 241, 0.20)";
304
- readonly 'liquid-glow-primary': "0 0 24px rgba(99, 102, 241, 0.35), 0 4px 16px rgba(99, 102, 241, 0.20)";
305
- readonly 'liquid-neon': "0 0 15px rgba(99, 102, 241, 0.50), 0 0 30px rgba(99, 102, 241, 0.25)";
306
- readonly 'liquid-inner': "inset 0 1px 0 0 rgba(255, 255, 255, 0.06)";
298
+ readonly 'status-flow': "0 0 8px rgba(167, 139, 250, 0.80)";
299
+ readonly 'status-primary': "0 0 15px rgba(124, 58, 237, 0.50)";
300
+ readonly 'liquid-glass': "0 8px 32px rgba(13, 10, 26, 0.60), inset 0 1px 0 0 rgba(167, 139, 250, 0.06)";
301
+ readonly 'liquid-glass-sm': "0 4px 16px rgba(13, 10, 26, 0.40)";
302
+ readonly 'liquid-glass-lg': "0 16px 48px rgba(13, 10, 26, 0.70), inset 0 1px 0 0 rgba(167, 139, 250, 0.08)";
303
+ readonly 'liquid-glass-xl': "0 24px 64px rgba(13, 10, 26, 0.80), inset 0 1px 0 0 rgba(167, 139, 250, 0.10)";
304
+ readonly 'liquid-glow': "0 0 20px rgba(124, 58, 237, 0.30), 0 0 40px rgba(168, 85, 247, 0.15)";
305
+ readonly 'liquid-glow-sm': "0 0 12px rgba(124, 58, 237, 0.25)";
306
+ readonly 'liquid-glow-lg': "0 0 40px rgba(124, 58, 237, 0.40), 0 0 80px rgba(168, 85, 247, 0.20)";
307
+ readonly 'liquid-glow-primary': "0 0 24px rgba(124, 58, 237, 0.35), 0 4px 16px rgba(124, 58, 237, 0.20)";
308
+ readonly 'liquid-neon': "0 0 15px rgba(124, 58, 237, 0.50), 0 0 30px rgba(168, 85, 247, 0.25)";
309
+ readonly 'liquid-inner': "inset 0 1px 0 0 rgba(167, 139, 250, 0.08)";
307
310
  };
308
311
  type Shadows = typeof shadows;
309
312
 
package/dist/tokens/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export { animation, borderRadius, colors, fontFamily, fontSize, fontWeight, shadows } from '../chunk-XPB2HZCF.js';
1
+ export { animation, borderRadius, colors, fontFamily, fontSize, fontWeight, shadows } from '../chunk-UGX6D3AO.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.3.1",
3
+ "version": "0.3.2",
4
4
  "description": "Organify Design System — Liquid Glass UI components with glassmorphism, branded icons, i18n, and theme system for React",
5
5
  "license": "MIT",
6
6
  "author": "Organify <dev@organify.studio>",