organify-ui 0.2.16 → 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 (32) hide show
  1. package/dist/{chunk-I47BBGVI.js → chunk-A2H2TBSV.js} +16 -34
  2. package/dist/chunk-A2H2TBSV.js.map +1 -0
  3. package/dist/{chunk-INKNHHKT.js → chunk-GQZMW7XN.js} +212 -217
  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-5L6BWKVA.js → chunk-RFOKENE3.js} +7 -6
  8. package/dist/chunk-RFOKENE3.js.map +1 -0
  9. package/dist/chunk-UGX6D3AO.js +327 -0
  10. package/dist/chunk-UGX6D3AO.js.map +1 -0
  11. package/dist/{chunk-ERFN2H75.js → chunk-VHQZS77G.js} +9 -9
  12. package/dist/chunk-VHQZS77G.js.map +1 -0
  13. package/dist/components/chat/index.js +3 -3
  14. package/dist/components/notifications/index.js +3 -3
  15. package/dist/icons/index.js +1 -1
  16. package/dist/index.d.ts +23 -33
  17. package/dist/index.js +176 -187
  18. package/dist/index.js.map +1 -1
  19. package/dist/providers/theme-provider.d.ts +2 -2
  20. package/dist/providers/theme-provider.js +1 -1
  21. package/dist/tailwind-preset.js +77 -28
  22. package/dist/tailwind-preset.js.map +1 -1
  23. package/dist/tokens/index.d.ts +181 -99
  24. package/dist/tokens/index.js +1 -1
  25. package/package.json +2 -2
  26. package/src/globals.css +1007 -366
  27. package/dist/chunk-5L6BWKVA.js.map +0 -1
  28. package/dist/chunk-ERFN2H75.js.map +0 -1
  29. package/dist/chunk-HZXKUGFH.js +0 -271
  30. package/dist/chunk-HZXKUGFH.js.map +0 -1
  31. package/dist/chunk-I47BBGVI.js.map +0 -1
  32. package/dist/chunk-INKNHHKT.js.map +0 -1
package/dist/providers/theme-provider.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as React from 'react';
3
3
 
4
- type Theme = 'dark' | 'light' | 'system';
5
- type ResolvedTheme = 'dark' | 'light';
4
+ type Theme = 'dark' | 'light' | 'liquid' | 'fluid' | 'system';
5
+ type ResolvedTheme = 'dark' | 'light' | 'liquid' | 'fluid';
6
6
  interface ThemeContextValue {
7
7
  theme: Theme;
8
8
  resolvedTheme: ResolvedTheme;
package/dist/providers/theme-provider.js CHANGED
@@ -1,3 +1,3 @@
1
- export { ThemeProvider, useTheme } from '../chunk-5L6BWKVA.js';
1
+ export { ThemeProvider, useTheme } from '../chunk-RFOKENE3.js';
2
2
  //# sourceMappingURL=theme-provider.js.map
3
3
  //# sourceMappingURL=theme-provider.js.map
package/dist/tailwind-preset.js CHANGED
@@ -1,4 +1,4 @@
1
- import { animation, shadows, borderRadius, fontFamily, colors, fontWeight, fontSize } from './chunk-HZXKUGFH.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)",
@@ -114,6 +120,32 @@ var organifyPreset = {
114
120
  "disconnected-bg": colors.status.disconnected.bg,
115
121
  "disconnected-text": colors.status.disconnected.text
116
122
  },
123
+ // Liquid Glass theme
124
+ liquid: {
125
+ void: colors.liquid.void,
126
+ surface: colors.liquid.surface,
127
+ elevated: colors.liquid.elevated,
128
+ card: colors.liquid.card,
129
+ text: colors.liquid.text,
130
+ "text-secondary": colors.liquid.textSecondary,
131
+ "text-muted": colors.liquid.textMuted,
132
+ border: colors.liquid.border,
133
+ "border-medium": colors.liquid.borderMedium,
134
+ "border-strong": colors.liquid.borderStrong,
135
+ "glass-bg": colors.liquid.glassBg,
136
+ "glass-bg-heavy": colors.liquid.glassBgHeavy,
137
+ "glass-surface": colors.liquid.glassSurface,
138
+ "glass-border": colors.liquid.glassBorder,
139
+ "glass-border-medium": colors.liquid.glassBorderMedium,
140
+ "glass-border-strong": colors.liquid.glassBorderStrong,
141
+ "glass-highlight": colors.liquid.glassHighlight,
142
+ primary: colors.liquid.primaryViolet,
143
+ "primary-soft": colors.liquid.primarySoft,
144
+ accent: colors.liquid.primaryPurple,
145
+ lavender: colors.liquid.primaryLavender,
146
+ deep: colors.liquid.primaryDeep,
147
+ "accent-glow": colors.liquid.accentGlow
148
+ },
117
149
  // Text
118
150
  "org-text": "var(--org-text)",
119
151
  "org-text-secondary": "var(--org-text-secondary)",
@@ -136,30 +168,40 @@ var organifyPreset = {
136
168
  /* ───────────────── Shadows ──────────────── */
137
169
  boxShadow: {
138
170
  ...shadows,
139
- // Glass — dark theme deep shadows
140
- glass: "0 8px 32px rgba(0,0,0,0.40), inset 0 1px 0 0 rgba(255,255,255,0.05)",
141
- "glass-lg": "0 12px 48px rgba(0,0,0,0.50), inset 0 1px 0 0 rgba(255,255,255,0.05)",
142
- "glass-xl": "10px 10px 40px rgba(0, 0, 0, 0.40)",
143
- // Glows — brand accent
144
- glow: "0 0 20px rgba(79, 57, 246, 0.40)",
145
- "glow-sm": "0 0 10px rgba(79, 57, 246, 0.30)",
146
- "glow-lg": "0 0 40px rgba(79, 57, 246, 0.50)",
147
- "glow-soft": "0 4px 30px rgba(79, 57, 246, 0.15)",
171
+ // Glass — deep cinematic shadows
172
+ glass: "0 24px 80px -15px rgba(0,0,0,0.50)",
173
+ "glass-lg": "0 32px 100px -20px rgba(0,0,0,0.60)",
174
+ "glass-xl": "0 40px 120px -20px rgba(0,0,0,0.70)",
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)",
148
180
  // Semantic glows
149
181
  "glow-success": "0 0 20px rgba(16, 185, 129, 0.20)",
150
182
  "glow-warning": "0 0 20px rgba(245, 158, 11, 0.20)",
151
- "glow-error": "0 0 20px rgba(224, 17, 95, 0.20)",
183
+ "glow-error": "0 0 20px rgba(239, 68, 68, 0.20)",
152
184
  "glow-info": "0 0 20px rgba(59, 130, 246, 0.20)",
153
- // Neon glows — fluid theme
154
- neon: "0 0 10px rgba(79, 57, 246, 0.40), 0 0 20px rgba(79, 57, 246, 0.20)",
155
- "neon-lg": "0 0 30px rgba(79, 57, 246, 0.40), 0 0 60px rgba(79, 57, 246, 0.20)",
185
+ // Neon glows
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)",
156
188
  // Cream theme shadows
157
- "cream-btn": "0 2px 8px rgba(36, 25, 121, 0.08)",
158
- "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)",
159
191
  // Inner light — glass inset highlight
160
- "inner-light": "inset 0 1px 0 0 rgba(255, 255, 255, 0.05)",
161
- // Soft glow — used in organic panels
162
- "soft-glow": "0 4px 30px rgba(0, 0, 0, 0.12)"
192
+ "inner-light": "inset 0 1px 0 0 rgba(255, 255, 255, 0.06)",
193
+ // Soft glow
194
+ "soft-glow": "0 4px 30px rgba(0, 0, 0, 0.12)",
195
+ // Liquid Glass shadows
196
+ "liquid-glass": "0 24px 80px -15px rgba(0, 0, 0, 0.50)",
197
+ "liquid-glass-sm": "0 8px 32px -8px rgba(0, 0, 0, 0.40)",
198
+ "liquid-glass-lg": "0 32px 100px -20px rgba(0, 0, 0, 0.60)",
199
+ "liquid-glass-xl": "0 40px 120px -20px rgba(0, 0, 0, 0.70)",
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)"
163
205
  },
164
206
  /* ──────────── Backdrop Blur ─────────────── */
165
207
  backdropBlur: {
@@ -174,16 +216,20 @@ var organifyPreset = {
174
216
  },
175
217
  /* ──────────── Background Images ─────────── */
176
218
  backgroundImage: {
177
- // Dark mesh
178
- "dark-mesh": "radial-gradient(circle at 15% 15%, rgba(36, 25, 121, 0.15) 0%, transparent 40%), radial-gradient(circle at 85% 85%, rgba(60, 20, 100, 0.08) 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%)",
179
221
  // Cream mesh
180
- "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%)",
181
- // Vibrant mesh — fluid theme
182
- "vibrant-mesh": "radial-gradient(at 0% 0%, #241979 0px, transparent 50%), radial-gradient(at 100% 0%, #4F39F6 0px, transparent 50%), radial-gradient(at 100% 100%, #241979 0px, transparent 50%), radial-gradient(at 0% 100%, #110c3b 0px, transparent 50%)",
183
- // Glow gradient
184
- "glow-gradient": "radial-gradient(circle at 50% -20%, #4F39F6 15%, rgba(36, 25, 121, 0.8) 45%, #191919 90%)",
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%)",
185
231
  // Organic grid pattern
186
- "organic-grid": "radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px)"
232
+ "organic-grid": "radial-gradient(circle, rgba(255,255,255,0.03) 1px, transparent 1px)"
187
233
  },
188
234
  /* ──────────── Animations ────────────────── */
189
235
  keyframes: animation.keyframes,
@@ -194,7 +240,10 @@ var organifyPreset = {
194
240
  float: "float 20s infinite ease-in-out",
195
241
  "float-subtle": "float-subtle 6s infinite ease-in-out",
196
242
  "fade-in": "fade-in 0.3s ease-out",
197
- "slide-up": "slide-up 0.4s ease-out"
243
+ "slide-up": "slide-up 0.4s ease-out",
244
+ "liquid-reveal": "liquid-reveal 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards",
245
+ "liquid-glow-pulse": "liquid-glow-pulse 3s ease-in-out infinite",
246
+ "grain-drift": "grain-drift 8s ease-in-out infinite"
198
247
  },
199
248
  /* ──────────── Transitions ───────────────── */
200
249
  transitionTimingFunction: {
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 // 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 — dark theme deep shadows\n glass: '0 8px 32px rgba(0,0,0,0.40), inset 0 1px 0 0 rgba(255,255,255,0.05)',\n 'glass-lg': '0 12px 48px rgba(0,0,0,0.50), inset 0 1px 0 0 rgba(255,255,255,0.05)',\n 'glass-xl': '10px 10px 40px rgba(0, 0, 0, 0.40)',\n\n // Glows — brand accent\n glow: '0 0 20px rgba(79, 57, 246, 0.40)',\n 'glow-sm': '0 0 10px rgba(79, 57, 246, 0.30)',\n 'glow-lg': '0 0 40px rgba(79, 57, 246, 0.50)',\n 'glow-soft': '0 4px 30px rgba(79, 57, 246, 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 — fluid theme\n neon: '0 0 10px rgba(79, 57, 246, 0.40), 0 0 20px rgba(79, 57, 246, 0.20)',\n 'neon-lg': '0 0 30px rgba(79, 57, 246, 0.40), 0 0 60px rgba(79, 57, 246, 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.05)',\n\n // Soft glow — used in organic panels\n 'soft-glow': '0 4px 30px rgba(0, 0, 0, 0.12)',\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\n 'dark-mesh':\n 'radial-gradient(circle at 15% 15%, rgba(36, 25, 121, 0.15) 0%, transparent 40%), radial-gradient(circle at 85% 85%, rgba(60, 20, 100, 0.08) 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 — fluid theme\n 'vibrant-mesh':\n 'radial-gradient(at 0% 0%, #241979 0px, transparent 50%), radial-gradient(at 100% 0%, #4F39F6 0px, transparent 50%), radial-gradient(at 100% 100%, #241979 0px, transparent 50%), radial-gradient(at 0% 100%, #110c3b 0px, transparent 50%)',\n\n // Glow gradient\n 'glow-gradient':\n 'radial-gradient(circle at 50% -20%, #4F39F6 15%, rgba(36, 25, 121, 0.8) 45%, #191919 90%)',\n\n // Organic grid pattern\n 'organic-grid':\n 'radial-gradient(circle, rgba(255,255,255,0.05) 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 },\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":"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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 // 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"]}