@kilivi/payloadcms-theme-management 1.1.2 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (214) hide show
  1. package/README.md +318 -847
  2. package/dist/components/AppearanceSessionControls.d.ts +15 -0
  3. package/dist/components/AppearanceSessionControls.d.ts.map +1 -0
  4. package/dist/components/AppearanceSessionControls.js +152 -0
  5. package/dist/components/AppearanceSessionControls.js.map +1 -0
  6. package/dist/components/ColorModeToggle.css +42 -0
  7. package/dist/components/ColorModeToggle.d.ts +40 -0
  8. package/dist/components/ColorModeToggle.d.ts.map +1 -0
  9. package/dist/components/ColorModeToggle.js +111 -0
  10. package/dist/components/ColorModeToggle.js.map +1 -0
  11. package/dist/components/ServerThemeInjector.d.ts.map +1 -1
  12. package/dist/components/ServerThemeInjector.js +41 -14
  13. package/dist/components/ServerThemeInjector.js.map +1 -1
  14. package/dist/components/ThemeLivePreviewSync.d.ts +1 -0
  15. package/dist/components/ThemeLivePreviewSync.d.ts.map +1 -1
  16. package/dist/components/ThemeLivePreviewSync.js +1 -1
  17. package/dist/components/ThemeLivePreviewSync.js.map +1 -1
  18. package/dist/components/ThemeSwitcher.d.ts +36 -0
  19. package/dist/components/ThemeSwitcher.d.ts.map +1 -0
  20. package/dist/components/ThemeSwitcher.js +89 -0
  21. package/dist/components/ThemeSwitcher.js.map +1 -0
  22. package/dist/components/typographyPreviewUtils.d.ts.map +1 -1
  23. package/dist/components/typographyPreviewUtils.js +8 -1
  24. package/dist/components/typographyPreviewUtils.js.map +1 -1
  25. package/dist/constants/devicePreviews.d.ts +35 -0
  26. package/dist/constants/devicePreviews.d.ts.map +1 -0
  27. package/dist/constants/devicePreviews.js +43 -0
  28. package/dist/constants/devicePreviews.js.map +1 -0
  29. package/dist/constants/themeFonts.js +9 -9
  30. package/dist/constants/themeFonts.js.map +1 -1
  31. package/dist/extended-presets.d.ts +0 -4
  32. package/dist/extended-presets.d.ts.map +1 -1
  33. package/dist/extended-presets.js +1 -18
  34. package/dist/extended-presets.js.map +1 -1
  35. package/dist/extended-themes.d.ts.map +1 -1
  36. package/dist/extended-themes.js +428 -0
  37. package/dist/extended-themes.js.map +1 -1
  38. package/dist/fields/AccessibilityAuditField.d.ts +2 -0
  39. package/dist/fields/AccessibilityAuditField.d.ts.map +1 -0
  40. package/dist/fields/AccessibilityAuditField.js +303 -0
  41. package/dist/fields/AccessibilityAuditField.js.map +1 -0
  42. package/dist/fields/AppearancePreviewField.d.ts +2 -0
  43. package/dist/fields/AppearancePreviewField.d.ts.map +1 -0
  44. package/dist/fields/AppearancePreviewField.js +763 -0
  45. package/dist/fields/AppearancePreviewField.js.map +1 -0
  46. package/dist/fields/ColorPickerField.d.ts.map +1 -1
  47. package/dist/fields/ColorPickerField.js +89 -85
  48. package/dist/fields/ColorPickerField.js.map +1 -1
  49. package/dist/fields/FontSelectField.d.ts +6 -0
  50. package/dist/fields/FontSelectField.d.ts.map +1 -1
  51. package/dist/fields/FontSelectField.js +195 -122
  52. package/dist/fields/FontSelectField.js.map +1 -1
  53. package/dist/fields/PaletteGeneratorField.d.ts +7 -0
  54. package/dist/fields/PaletteGeneratorField.d.ts.map +1 -0
  55. package/dist/fields/PaletteGeneratorField.js +327 -0
  56. package/dist/fields/PaletteGeneratorField.js.map +1 -0
  57. package/dist/fields/StylePresetField.d.ts +3 -0
  58. package/dist/fields/StylePresetField.d.ts.map +1 -0
  59. package/dist/fields/StylePresetField.js +462 -0
  60. package/dist/fields/StylePresetField.js.map +1 -0
  61. package/dist/fields/ThemeColorPickerField.css +115 -35
  62. package/dist/fields/ThemeColorPickerField.d.ts.map +1 -1
  63. package/dist/fields/ThemeColorPickerField.js +204 -70
  64. package/dist/fields/ThemeColorPickerField.js.map +1 -1
  65. package/dist/fields/ThemeExportField.d.ts +6 -0
  66. package/dist/fields/ThemeExportField.d.ts.map +1 -0
  67. package/dist/fields/ThemeExportField.js +202 -0
  68. package/dist/fields/ThemeExportField.js.map +1 -0
  69. package/dist/fields/ThemePresetImportField.d.ts.map +1 -1
  70. package/dist/fields/ThemePresetImportField.js +56 -25
  71. package/dist/fields/ThemePresetImportField.js.map +1 -1
  72. package/dist/fields/ThemePreviewField.css +382 -5
  73. package/dist/fields/ThemePreviewField.d.ts.map +1 -1
  74. package/dist/fields/ThemePreviewField.js +268 -170
  75. package/dist/fields/ThemePreviewField.js.map +1 -1
  76. package/dist/fields/ThemeTokenSelectField.d.ts.map +1 -1
  77. package/dist/fields/ThemeTokenSelectField.js +278 -80
  78. package/dist/fields/ThemeTokenSelectField.js.map +1 -1
  79. package/dist/fields/colorFieldHelpers.d.ts +90 -0
  80. package/dist/fields/colorFieldHelpers.d.ts.map +1 -0
  81. package/dist/fields/colorFieldHelpers.js +133 -0
  82. package/dist/fields/colorFieldHelpers.js.map +1 -0
  83. package/dist/fields/colorModeFields.d.ts +1 -1
  84. package/dist/fields/colorModeFields.d.ts.map +1 -1
  85. package/dist/fields/colorModeFields.js +49 -7
  86. package/dist/fields/colorModeFields.js.map +1 -1
  87. package/dist/fields/themeConfigurationField.d.ts +8 -1
  88. package/dist/fields/themeConfigurationField.d.ts.map +1 -1
  89. package/dist/fields/themeConfigurationField.js +961 -29
  90. package/dist/fields/themeConfigurationField.js.map +1 -1
  91. package/dist/globals/ThemeSettings/FontPicker/FontPreview.d.ts.map +1 -1
  92. package/dist/globals/ThemeSettings/FontPicker/FontPreview.js +8 -4
  93. package/dist/globals/ThemeSettings/FontPicker/FontPreview.js.map +1 -1
  94. package/dist/globals/ThemeSettings/FontPicker/index.d.ts.map +1 -1
  95. package/dist/globals/ThemeSettings/FontPicker/index.js +81 -26
  96. package/dist/globals/ThemeSettings/FontPicker/index.js.map +1 -1
  97. package/dist/globals/ThemeSettings/FontPicker/styles.css +98 -41
  98. package/dist/globals/ThemeSettings/FontPicker/translations.d.ts +6 -0
  99. package/dist/globals/ThemeSettings/FontPicker/translations.d.ts.map +1 -1
  100. package/dist/globals/ThemeSettings/FontPicker/translations.js +14 -2
  101. package/dist/globals/ThemeSettings/FontPicker/translations.js.map +1 -1
  102. package/dist/globals/ThemeSettings/config.d.ts.map +1 -1
  103. package/dist/globals/ThemeSettings/config.js +76 -79
  104. package/dist/globals/ThemeSettings/config.js.map +1 -1
  105. package/dist/globals/ThemeSettings/fields/FontLoadingGuideField.d.ts.map +1 -1
  106. package/dist/globals/ThemeSettings/fields/FontLoadingGuideField.js +63 -62
  107. package/dist/globals/ThemeSettings/fields/FontLoadingGuideField.js.map +1 -1
  108. package/dist/globals/ThemeSettings/fields/TypographyInfoField.d.ts.map +1 -1
  109. package/dist/globals/ThemeSettings/fields/TypographyInfoField.js +22 -25
  110. package/dist/globals/ThemeSettings/fields/TypographyInfoField.js.map +1 -1
  111. package/dist/hooks/useAppearanceSession.d.ts +50 -0
  112. package/dist/hooks/useAppearanceSession.d.ts.map +1 -0
  113. package/dist/hooks/useAppearanceSession.js +91 -0
  114. package/dist/hooks/useAppearanceSession.js.map +1 -0
  115. package/dist/hooks/useThemeTranslations.d.ts +13 -0
  116. package/dist/hooks/useThemeTranslations.d.ts.map +1 -0
  117. package/dist/hooks/useThemeTranslations.js +22 -0
  118. package/dist/hooks/useThemeTranslations.js.map +1 -0
  119. package/dist/i18n.d.ts +53 -0
  120. package/dist/i18n.d.ts.map +1 -0
  121. package/dist/i18n.js +53 -0
  122. package/dist/i18n.js.map +1 -0
  123. package/dist/index.d.ts +10 -4
  124. package/dist/index.d.ts.map +1 -1
  125. package/dist/index.js +130 -32
  126. package/dist/index.js.map +1 -1
  127. package/dist/payload-types.d.ts +24 -0
  128. package/dist/payload-types.d.ts.map +1 -1
  129. package/dist/payload-types.js.map +1 -1
  130. package/dist/presets.d.ts +8 -0
  131. package/dist/presets.d.ts.map +1 -1
  132. package/dist/presets.js.map +1 -1
  133. package/dist/providers/Theme/index.d.ts.map +1 -1
  134. package/dist/providers/Theme/index.js +75 -11
  135. package/dist/providers/Theme/index.js.map +1 -1
  136. package/dist/providers/Theme/themeConfig.d.ts.map +1 -1
  137. package/dist/providers/Theme/themeConfig.js +104 -0
  138. package/dist/providers/Theme/themeConfig.js.map +1 -1
  139. package/dist/providers/Theme/types.d.ts +1 -1
  140. package/dist/providers/Theme/types.d.ts.map +1 -1
  141. package/dist/providers/Theme/types.js +10 -1
  142. package/dist/providers/Theme/types.js.map +1 -1
  143. package/dist/style-presets.d.ts +66 -0
  144. package/dist/style-presets.d.ts.map +1 -0
  145. package/dist/style-presets.js +556 -0
  146. package/dist/style-presets.js.map +1 -0
  147. package/dist/translations.d.ts +159 -1
  148. package/dist/translations.d.ts.map +1 -1
  149. package/dist/translations.js +310 -9
  150. package/dist/translations.js.map +1 -1
  151. package/dist/tweakcn-special-themes.d.ts.map +1 -1
  152. package/dist/tweakcn-special-themes.js +585 -9
  153. package/dist/tweakcn-special-themes.js.map +1 -1
  154. package/dist/types/css.d.js +3 -0
  155. package/dist/types/css.d.js.map +1 -0
  156. package/dist/types.d.ts +30 -0
  157. package/dist/types.d.ts.map +1 -1
  158. package/dist/types.js +1 -1
  159. package/dist/types.js.map +1 -1
  160. package/dist/utilities/getThemeSettings.d.ts.map +1 -1
  161. package/dist/utilities/getThemeSettings.js +2 -14
  162. package/dist/utilities/getThemeSettings.js.map +1 -1
  163. package/dist/utils/contrast.d.ts +63 -0
  164. package/dist/utils/contrast.d.ts.map +1 -0
  165. package/dist/utils/contrast.js +158 -0
  166. package/dist/utils/contrast.js.map +1 -0
  167. package/dist/utils/exportTokens.d.ts +30 -0
  168. package/dist/utils/exportTokens.d.ts.map +1 -0
  169. package/dist/utils/exportTokens.js +183 -0
  170. package/dist/utils/exportTokens.js.map +1 -0
  171. package/dist/utils/generatePalette.d.ts +46 -0
  172. package/dist/utils/generatePalette.d.ts.map +1 -0
  173. package/dist/utils/generatePalette.js +127 -0
  174. package/dist/utils/generatePalette.js.map +1 -0
  175. package/dist/utils/generateThemeCSS.d.ts.map +1 -1
  176. package/dist/utils/generateThemeCSS.js +2 -40
  177. package/dist/utils/generateThemeCSS.js.map +1 -1
  178. package/dist/utils/livePreviewThemeRuntime.d.ts +16 -2
  179. package/dist/utils/livePreviewThemeRuntime.d.ts.map +1 -1
  180. package/dist/utils/livePreviewThemeRuntime.js +37 -14
  181. package/dist/utils/livePreviewThemeRuntime.js.map +1 -1
  182. package/dist/utils/localizedText.d.ts +8 -0
  183. package/dist/utils/localizedText.d.ts.map +1 -0
  184. package/dist/utils/localizedText.js +21 -0
  185. package/dist/utils/localizedText.js.map +1 -0
  186. package/dist/utils/resolveThemeConfiguration.d.ts +45 -1
  187. package/dist/utils/resolveThemeConfiguration.d.ts.map +1 -1
  188. package/dist/utils/resolveThemeConfiguration.js +12 -5
  189. package/dist/utils/resolveThemeConfiguration.js.map +1 -1
  190. package/dist/utils/themeColors.d.ts +3 -0
  191. package/dist/utils/themeColors.d.ts.map +1 -1
  192. package/dist/utils/themeColors.js +30 -1
  193. package/dist/utils/themeColors.js.map +1 -1
  194. package/dist/utils/themeHtmlAttributes.d.ts +32 -12
  195. package/dist/utils/themeHtmlAttributes.d.ts.map +1 -1
  196. package/dist/utils/themeHtmlAttributes.js +38 -5
  197. package/dist/utils/themeHtmlAttributes.js.map +1 -1
  198. package/dist/utils/themeUtils.d.ts +3 -5
  199. package/dist/utils/themeUtils.d.ts.map +1 -1
  200. package/dist/utils/themeUtils.js +416 -6
  201. package/dist/utils/themeUtils.js.map +1 -1
  202. package/dist/utils/tweakcnConverter.d.ts +1 -3
  203. package/dist/utils/tweakcnConverter.d.ts.map +1 -1
  204. package/dist/utils/tweakcnConverter.js +1 -3
  205. package/dist/utils/tweakcnConverter.js.map +1 -1
  206. package/package.json +11 -5
  207. package/dist/components/ThemePreview.d.ts +0 -3
  208. package/dist/components/ThemePreview.d.ts.map +0 -1
  209. package/dist/components/ThemePreview.js +0 -321
  210. package/dist/components/ThemePreview.js.map +0 -1
  211. package/dist/plugin.d.ts +0 -2
  212. package/dist/plugin.d.ts.map +0 -1
  213. package/dist/plugin.js +0 -3
  214. package/dist/plugin.js.map +0 -1
@@ -0,0 +1,556 @@
1
+ /**
2
+ * Style presets — define visual style (effects, component defaults, layout)
3
+ * WITHOUT touching color palettes.
4
+ *
5
+ * A user can combine any color preset (ThemePreset) with any style preset (StylePreset).
6
+ */ export const allStylePresets = [
7
+ // ─── Classic styles ───────────────────────────────────────────────────────
8
+ {
9
+ name: 'brutalism',
10
+ label: {
11
+ en: 'Brutalism',
12
+ cs: 'Brutalismus'
13
+ },
14
+ description: {
15
+ en: 'Raw, anti-aesthetic design. Thick borders, harsh shadows, zero roundness.',
16
+ cs: 'Surový, anti-estetický design. Silné okraje, tvrdé stíny, žádné zaoblení.'
17
+ },
18
+ category: 'classic',
19
+ borderRadius: 'none',
20
+ animationLevel: 'none',
21
+ spacing: 'spacious',
22
+ typography: {
23
+ bodyFont: 'Space Mono',
24
+ headingFont: 'Space Mono',
25
+ baseFontSize: 'medium',
26
+ lineHeight: 'compact',
27
+ letterSpacing: 'normal',
28
+ headingWeight: '700'
29
+ },
30
+ visualEffects: {
31
+ effectStyle: 'elevated',
32
+ shadowIntensity: 'dramatic',
33
+ borderStyle: 'solid',
34
+ borderWidth: '3px'
35
+ },
36
+ componentStyles: {
37
+ buttonVariant: 'brutal',
38
+ cardStyle: 'bordered',
39
+ cardHoverEffect: 'shadow',
40
+ navbarStyle: 'solid'
41
+ }
42
+ },
43
+ {
44
+ name: 'swiss',
45
+ label: {
46
+ en: 'Swiss / Clean',
47
+ cs: 'Švýcarský / čistý'
48
+ },
49
+ description: {
50
+ en: 'Typographic clarity. No radius, outlined elements, strict grid, zero decoration.',
51
+ cs: 'Typografická jasnost. Žádné zaoblení, obrysové prvky, přísný grid, nulová dekorace.'
52
+ },
53
+ category: 'classic',
54
+ borderRadius: 'none',
55
+ animationLevel: 'reduced',
56
+ spacing: 'spacious',
57
+ typography: {
58
+ bodyFont: 'Helvetica Neue, Arial, sans-serif',
59
+ headingFont: 'Helvetica Neue, Arial, sans-serif',
60
+ baseFontSize: 'medium',
61
+ lineHeight: 'normal',
62
+ letterSpacing: 'tight',
63
+ headingWeight: '700'
64
+ },
65
+ visualEffects: {
66
+ effectStyle: 'flat',
67
+ shadowIntensity: 'none',
68
+ borderStyle: 'solid',
69
+ borderWidth: '1px'
70
+ },
71
+ componentStyles: {
72
+ buttonVariant: 'outlined',
73
+ cardStyle: 'flat',
74
+ cardHoverEffect: 'none',
75
+ navbarStyle: 'minimal'
76
+ }
77
+ },
78
+ {
79
+ name: 'flat-design',
80
+ label: {
81
+ en: 'Flat Design',
82
+ cs: 'Plochý design'
83
+ },
84
+ description: {
85
+ en: 'No shadows, no depth. Clean colours, simple icons, purely functional UI.',
86
+ cs: 'Bez stínů, bez hloubky. Čisté barvy, jednoduché ikony, čistě funkční UI.'
87
+ },
88
+ category: 'classic',
89
+ borderRadius: 'small',
90
+ animationLevel: 'reduced',
91
+ spacing: 'medium',
92
+ typography: {
93
+ bodyFont: 'Inter',
94
+ headingFont: 'Inter',
95
+ baseFontSize: 'medium',
96
+ lineHeight: 'normal',
97
+ letterSpacing: 'normal',
98
+ headingWeight: '600'
99
+ },
100
+ visualEffects: {
101
+ effectStyle: 'flat',
102
+ shadowIntensity: 'none',
103
+ borderStyle: 'none',
104
+ borderWidth: '0px'
105
+ },
106
+ componentStyles: {
107
+ buttonVariant: 'filled',
108
+ cardStyle: 'flat',
109
+ cardHoverEffect: 'scale',
110
+ navbarStyle: 'solid'
111
+ }
112
+ },
113
+ {
114
+ name: 'material',
115
+ label: {
116
+ en: 'Material / Elevated',
117
+ cs: 'Material / Vyvýšený'
118
+ },
119
+ description: {
120
+ en: 'Google Material style — cards with shadows, layered surfaces, subtle depth.',
121
+ cs: 'Google Material styl — karty se stíny, vrstvené povrchy, jemná hloubka.'
122
+ },
123
+ category: 'classic',
124
+ borderRadius: 'medium',
125
+ animationLevel: 'high',
126
+ spacing: 'medium',
127
+ typography: {
128
+ bodyFont: 'Roboto',
129
+ headingFont: 'Roboto',
130
+ baseFontSize: 'medium',
131
+ lineHeight: 'normal',
132
+ letterSpacing: 'normal',
133
+ headingWeight: '500'
134
+ },
135
+ visualEffects: {
136
+ effectStyle: 'elevated',
137
+ shadowIntensity: 'medium',
138
+ borderStyle: 'none',
139
+ borderWidth: '0px'
140
+ },
141
+ componentStyles: {
142
+ buttonVariant: 'filled',
143
+ cardStyle: 'elevated',
144
+ cardHoverEffect: 'lift',
145
+ navbarStyle: 'solid'
146
+ }
147
+ },
148
+ {
149
+ name: 'minimalism',
150
+ label: {
151
+ en: 'Minimalism',
152
+ cs: 'Minimalismus'
153
+ },
154
+ description: {
155
+ en: 'Maximum whitespace, near-invisible borders, thin type. Only what is necessary.',
156
+ cs: 'Maximální bílý prostor, téměř neviditelné okraje, tenké písmo. Jen to nezbytné.'
157
+ },
158
+ category: 'classic',
159
+ borderRadius: 'small',
160
+ animationLevel: 'reduced',
161
+ spacing: 'spacious',
162
+ typography: {
163
+ bodyFont: 'DM Sans',
164
+ headingFont: 'DM Sans',
165
+ baseFontSize: 'medium',
166
+ lineHeight: 'relaxed',
167
+ letterSpacing: 'wide',
168
+ headingWeight: '300'
169
+ },
170
+ visualEffects: {
171
+ effectStyle: 'flat',
172
+ shadowIntensity: 'none',
173
+ borderStyle: 'solid',
174
+ borderWidth: '1px'
175
+ },
176
+ componentStyles: {
177
+ buttonVariant: 'ghost',
178
+ cardStyle: 'flat',
179
+ cardHoverEffect: 'none',
180
+ navbarStyle: 'minimal'
181
+ }
182
+ },
183
+ {
184
+ name: 'editorial',
185
+ label: {
186
+ en: 'Editorial / Magazine',
187
+ cs: 'Redakční / Časopis'
188
+ },
189
+ description: {
190
+ en: 'Serif headings, generous line spacing, ink-on-paper feel. Bold typography as the hero.',
191
+ cs: 'Serifové nadpisy, velké řádkování, pocit inkoustu na papíře. Typografie jako hrdina.'
192
+ },
193
+ category: 'classic',
194
+ borderRadius: 'none',
195
+ animationLevel: 'reduced',
196
+ spacing: 'spacious',
197
+ typography: {
198
+ bodyFont: 'Lora',
199
+ headingFont: 'Playfair Display',
200
+ baseFontSize: 'large',
201
+ lineHeight: 'relaxed',
202
+ letterSpacing: 'tight',
203
+ headingWeight: '700'
204
+ },
205
+ visualEffects: {
206
+ effectStyle: 'flat',
207
+ shadowIntensity: 'none',
208
+ borderStyle: 'solid',
209
+ borderWidth: '1px'
210
+ },
211
+ componentStyles: {
212
+ buttonVariant: 'outlined',
213
+ cardStyle: 'flat',
214
+ cardHoverEffect: 'none',
215
+ navbarStyle: 'minimal'
216
+ }
217
+ },
218
+ {
219
+ name: 'retro',
220
+ label: {
221
+ en: 'Retro / 90s',
222
+ cs: 'Retro / 90. léta'
223
+ },
224
+ description: {
225
+ en: 'Chunky type, bold outlines, pixel-inspired borders. Nostalgic web aesthetic.',
226
+ cs: 'Tučné písmo, silné obrysy, pixelové hranice. Nostalgická webová estetika.'
227
+ },
228
+ category: 'classic',
229
+ borderRadius: 'none',
230
+ animationLevel: 'medium',
231
+ spacing: 'compact',
232
+ typography: {
233
+ bodyFont: 'IBM Plex Mono',
234
+ headingFont: 'Bebas Neue',
235
+ baseFontSize: 'large',
236
+ lineHeight: 'compact',
237
+ letterSpacing: 'wider',
238
+ headingWeight: '400'
239
+ },
240
+ visualEffects: {
241
+ effectStyle: 'elevated',
242
+ shadowIntensity: 'dramatic',
243
+ borderStyle: 'solid',
244
+ borderWidth: '2px'
245
+ },
246
+ componentStyles: {
247
+ buttonVariant: 'brutal',
248
+ cardStyle: 'bordered',
249
+ cardHoverEffect: 'shadow',
250
+ navbarStyle: 'solid'
251
+ }
252
+ },
253
+ {
254
+ name: 'art-deco',
255
+ label: {
256
+ en: 'Art Deco',
257
+ cs: 'Art Deco'
258
+ },
259
+ description: {
260
+ en: 'Geometric symmetry, ornate headings, gold accents and strong vertical rhythm.',
261
+ cs: 'Geometrická symetrie, ozdobné nadpisy, zlaté akcenty a silný vertikální rytmus.'
262
+ },
263
+ category: 'classic',
264
+ borderRadius: 'none',
265
+ animationLevel: 'reduced',
266
+ spacing: 'spacious',
267
+ typography: {
268
+ bodyFont: 'Cormorant Garamond',
269
+ headingFont: 'Cormorant Garamond',
270
+ baseFontSize: 'medium',
271
+ lineHeight: 'relaxed',
272
+ letterSpacing: 'wider',
273
+ headingWeight: '600'
274
+ },
275
+ visualEffects: {
276
+ effectStyle: 'flat',
277
+ shadowIntensity: 'subtle',
278
+ borderStyle: 'double',
279
+ borderWidth: '3px'
280
+ },
281
+ componentStyles: {
282
+ buttonVariant: 'outlined',
283
+ cardStyle: 'bordered',
284
+ cardHoverEffect: 'none',
285
+ navbarStyle: 'solid'
286
+ }
287
+ },
288
+ {
289
+ name: 'corporate',
290
+ label: {
291
+ en: 'Corporate / Professional',
292
+ cs: 'Korporátní / Profesionální'
293
+ },
294
+ description: {
295
+ en: 'Trustworthy, conservative design. Clean sans-serif, ample whitespace, minimal decoration.',
296
+ cs: 'Důvěryhodný, konzervativní design. Čisté sans-serif, dostatek prostoru, minimální dekorace.'
297
+ },
298
+ category: 'classic',
299
+ borderRadius: 'small',
300
+ animationLevel: 'reduced',
301
+ spacing: 'medium',
302
+ typography: {
303
+ bodyFont: 'Source Sans Pro',
304
+ headingFont: 'Source Sans Pro',
305
+ baseFontSize: 'medium',
306
+ lineHeight: 'normal',
307
+ letterSpacing: 'normal',
308
+ headingWeight: '600'
309
+ },
310
+ visualEffects: {
311
+ effectStyle: 'elevated',
312
+ shadowIntensity: 'subtle',
313
+ borderStyle: 'solid',
314
+ borderWidth: '1px'
315
+ },
316
+ componentStyles: {
317
+ buttonVariant: 'filled',
318
+ cardStyle: 'elevated',
319
+ cardHoverEffect: 'lift',
320
+ navbarStyle: 'solid'
321
+ }
322
+ },
323
+ {
324
+ name: 'playful',
325
+ label: {
326
+ en: 'Playful / Rounded',
327
+ cs: 'Hravý / Zaoblený'
328
+ },
329
+ description: {
330
+ en: 'Bubbly rounded corners, bouncy animations, friendly typefaces. Fun and approachable.',
331
+ cs: 'Bublinkové zaoblení, skákavé animace, přátelské písmo. Zábavné a přístupné.'
332
+ },
333
+ category: 'classic',
334
+ borderRadius: 'xl',
335
+ animationLevel: 'high',
336
+ spacing: 'medium',
337
+ typography: {
338
+ bodyFont: 'Nunito',
339
+ headingFont: 'Nunito',
340
+ baseFontSize: 'medium',
341
+ lineHeight: 'relaxed',
342
+ letterSpacing: 'normal',
343
+ headingWeight: '700'
344
+ },
345
+ visualEffects: {
346
+ effectStyle: 'elevated',
347
+ shadowIntensity: 'medium',
348
+ borderStyle: 'none',
349
+ borderWidth: '0px'
350
+ },
351
+ componentStyles: {
352
+ buttonVariant: 'pill',
353
+ cardStyle: 'elevated',
354
+ cardHoverEffect: 'scale',
355
+ navbarStyle: 'floating'
356
+ }
357
+ },
358
+ {
359
+ name: 'organic',
360
+ label: {
361
+ en: 'Organic / Nature',
362
+ cs: 'Organický / Příroda'
363
+ },
364
+ description: {
365
+ en: 'Soft curves, earthy tones, hand-crafted feel. Asymmetric shapes and warm spacing.',
366
+ cs: 'Jemné křivky, zemité tóny, ručně vyrobený pocit. Asymetrické tvary a teplé mezery.'
367
+ },
368
+ category: 'classic',
369
+ borderRadius: 'large',
370
+ animationLevel: 'medium',
371
+ spacing: 'spacious',
372
+ typography: {
373
+ bodyFont: 'Crimson Pro',
374
+ headingFont: 'Crimson Pro',
375
+ baseFontSize: 'large',
376
+ lineHeight: 'relaxed',
377
+ letterSpacing: 'tight',
378
+ headingWeight: '600'
379
+ },
380
+ visualEffects: {
381
+ effectStyle: 'flat',
382
+ shadowIntensity: 'subtle',
383
+ borderStyle: 'none',
384
+ borderWidth: '0px'
385
+ },
386
+ componentStyles: {
387
+ buttonVariant: 'pill',
388
+ cardStyle: 'flat',
389
+ cardHoverEffect: 'lift',
390
+ navbarStyle: 'transparent'
391
+ }
392
+ },
393
+ // ─── Visual effect styles ─────────────────────────────────────────────────
394
+ {
395
+ name: 'glassmorphism',
396
+ label: {
397
+ en: 'Glassmorphism',
398
+ cs: 'Glassmorphism'
399
+ },
400
+ description: {
401
+ en: 'Frosted glass — blurred backgrounds, transparency, soft borders.',
402
+ cs: 'Mléčné sklo — rozmazané pozadí, průhlednost, jemné hranice.'
403
+ },
404
+ category: 'effect',
405
+ borderRadius: 'large',
406
+ animationLevel: 'medium',
407
+ spacing: 'medium',
408
+ typography: {
409
+ bodyFont: 'Inter',
410
+ headingFont: 'Inter',
411
+ baseFontSize: 'medium',
412
+ lineHeight: 'normal',
413
+ letterSpacing: 'normal',
414
+ headingWeight: '600'
415
+ },
416
+ visualEffects: {
417
+ effectStyle: 'glass',
418
+ shadowIntensity: 'subtle',
419
+ backdropBlur: 'strong',
420
+ borderStyle: 'solid',
421
+ borderWidth: '1px',
422
+ glassOpacity: 55
423
+ },
424
+ componentStyles: {
425
+ buttonVariant: 'ghost',
426
+ cardStyle: 'glass',
427
+ cardHoverEffect: 'glow',
428
+ navbarStyle: 'blur'
429
+ }
430
+ },
431
+ {
432
+ name: 'neumorphism',
433
+ label: {
434
+ en: 'Neumorphism',
435
+ cs: 'Neumorphism'
436
+ },
437
+ description: {
438
+ en: 'Soft UI — elements look extruded from the background using dual light/dark shadows.',
439
+ cs: 'Měkké UI — prvky vypadají vytlačené z pozadí díky dvojitým stínům.'
440
+ },
441
+ category: 'effect',
442
+ borderRadius: 'large',
443
+ animationLevel: 'medium',
444
+ spacing: 'medium',
445
+ typography: {
446
+ bodyFont: 'DM Sans',
447
+ headingFont: 'DM Sans',
448
+ baseFontSize: 'medium',
449
+ lineHeight: 'normal',
450
+ letterSpacing: 'normal',
451
+ headingWeight: '500'
452
+ },
453
+ visualEffects: {
454
+ effectStyle: 'neumorphic',
455
+ shadowIntensity: 'strong',
456
+ backdropBlur: 'none',
457
+ borderStyle: 'none',
458
+ borderWidth: '0px'
459
+ },
460
+ componentStyles: {
461
+ buttonVariant: 'filled',
462
+ cardStyle: 'neumorphic',
463
+ cardHoverEffect: 'shadow',
464
+ navbarStyle: 'solid'
465
+ }
466
+ },
467
+ {
468
+ name: 'claymorphism',
469
+ label: {
470
+ en: 'Claymorphism',
471
+ cs: 'Claymorphism'
472
+ },
473
+ description: {
474
+ en: 'Soft, colourful 3D clay-like elements with large radius and inflated look.',
475
+ cs: 'Měkké, barevné 3D „plastelínové" prvky s velkým zaoblením a nafouklým vzhledem.'
476
+ },
477
+ category: 'effect',
478
+ borderRadius: 'xl',
479
+ animationLevel: 'high',
480
+ spacing: 'medium',
481
+ typography: {
482
+ bodyFont: 'Nunito',
483
+ headingFont: 'Nunito',
484
+ baseFontSize: 'large',
485
+ lineHeight: 'relaxed',
486
+ letterSpacing: 'normal',
487
+ headingWeight: '800'
488
+ },
489
+ visualEffects: {
490
+ effectStyle: 'clay',
491
+ shadowIntensity: 'strong',
492
+ backdropBlur: 'none',
493
+ borderStyle: 'solid',
494
+ borderWidth: '1px'
495
+ },
496
+ componentStyles: {
497
+ buttonVariant: 'pill',
498
+ cardStyle: 'elevated',
499
+ cardHoverEffect: 'scale',
500
+ navbarStyle: 'floating'
501
+ }
502
+ },
503
+ {
504
+ name: 'gradient-heavy',
505
+ label: {
506
+ en: 'Gradient',
507
+ cs: 'Gradientový'
508
+ },
509
+ description: {
510
+ en: 'Gradient borders and glow effects as the primary visual accent.',
511
+ cs: 'Gradientové okraje a záře jako hlavní vizuální akcent.'
512
+ },
513
+ category: 'effect',
514
+ borderRadius: 'medium',
515
+ animationLevel: 'medium',
516
+ spacing: 'medium',
517
+ typography: {
518
+ bodyFont: 'Inter',
519
+ headingFont: 'Plus Jakarta Sans',
520
+ baseFontSize: 'medium',
521
+ lineHeight: 'normal',
522
+ letterSpacing: 'tight',
523
+ headingWeight: '700'
524
+ },
525
+ visualEffects: {
526
+ effectStyle: 'elevated',
527
+ shadowIntensity: 'medium',
528
+ borderStyle: 'none',
529
+ borderWidth: '0px'
530
+ },
531
+ componentStyles: {
532
+ buttonVariant: 'gradient',
533
+ cardStyle: 'gradient-border',
534
+ cardHoverEffect: 'glow',
535
+ navbarStyle: 'blur'
536
+ }
537
+ }
538
+ ];
539
+ export const stylePresetCategories = [
540
+ {
541
+ name: 'classic',
542
+ label: {
543
+ en: 'Classic Styles',
544
+ cs: 'Klasické styly'
545
+ }
546
+ },
547
+ {
548
+ name: 'effect',
549
+ label: {
550
+ en: 'Visual Effects',
551
+ cs: 'Vizuální efekty'
552
+ }
553
+ }
554
+ ];
555
+
556
+ //# sourceMappingURL=style-presets.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/style-presets.ts"],"sourcesContent":["/**\n * Style presets — define visual style (effects, component defaults, layout)\n * WITHOUT touching color palettes.\n *\n * A user can combine any color preset (ThemePreset) with any style preset (StylePreset).\n */\n\nexport interface StylePresetTypography {\n /** Body / paragraph font family (CSS font-family value or Google Fonts name) */\n bodyFont?: string\n /** Heading font family */\n headingFont?: string\n /** Base font size token: 'small' | 'medium' | 'large' */\n baseFontSize?: 'small' | 'medium' | 'large'\n /** Line-height token: 'compact' | 'normal' | 'relaxed' */\n lineHeight?: 'compact' | 'normal' | 'relaxed'\n /** Letter-spacing character: 'tight' | 'normal' | 'wide' | 'wider' */\n letterSpacing?: 'tight' | 'normal' | 'wide' | 'wider'\n /** Heading weight: normal CSS font-weight string */\n headingWeight?: '300' | '400' | '500' | '600' | '700' | '800' | '900'\n}\n\nexport interface StylePreset {\n name: string\n label: { en: string; cs: string }\n description: { en: string; cs: string }\n category: 'classic' | 'effect'\n borderRadius?: 'none' | 'small' | 'medium' | 'large' | 'xl'\n animationLevel?: 'none' | 'reduced' | 'medium' | 'high'\n /** Spacing scale: 'compact' = tighter padding/gap, 'medium' = default, 'spacious' = generous whitespace */\n spacing?: 'compact' | 'medium' | 'spacious'\n typography?: StylePresetTypography\n visualEffects?: {\n effectStyle?: 'flat' | 'elevated' | 'glass' | 'neumorphic' | 'clay'\n shadowIntensity?: 'none' | 'subtle' | 'medium' | 'strong' | 'dramatic'\n backdropBlur?: 'none' | 'slight' | 'medium' | 'strong' | 'heavy'\n borderStyle?: 'none' | 'solid' | 'dashed' | 'dotted' | 'double'\n borderWidth?: '0px' | '1px' | '2px' | '3px' | '4px'\n glassOpacity?: number\n }\n componentStyles?: {\n buttonVariant?: 'filled' | 'outlined' | 'ghost' | 'gradient' | 'pill' | 'brutal'\n cardStyle?: 'elevated' | 'flat' | 'bordered' | 'glass' | 'neumorphic' | 'gradient-border'\n cardHoverEffect?: 'none' | 'lift' | 'scale' | 'shadow' | 'glow' | 'tilt'\n navbarStyle?: 'solid' | 'transparent' | 'blur' | 'floating' | 'minimal'\n }\n}\n\nexport const allStylePresets: StylePreset[] = [\n // ─── Classic styles ───────────────────────────────────────────────────────\n {\n name: 'brutalism',\n label: { en: 'Brutalism', cs: 'Brutalismus' },\n description: {\n en: 'Raw, anti-aesthetic design. Thick borders, harsh shadows, zero roundness.',\n cs: 'Surový, anti-estetický design. Silné okraje, tvrdé stíny, žádné zaoblení.',\n },\n category: 'classic',\n borderRadius: 'none',\n animationLevel: 'none',\n spacing: 'spacious',\n typography: {\n bodyFont: 'Space Mono',\n headingFont: 'Space Mono',\n baseFontSize: 'medium',\n lineHeight: 'compact',\n letterSpacing: 'normal',\n headingWeight: '700',\n },\n visualEffects: {\n effectStyle: 'elevated',\n shadowIntensity: 'dramatic',\n borderStyle: 'solid',\n borderWidth: '3px',\n },\n componentStyles: {\n buttonVariant: 'brutal',\n cardStyle: 'bordered',\n cardHoverEffect: 'shadow',\n navbarStyle: 'solid',\n },\n },\n {\n name: 'swiss',\n label: { en: 'Swiss / Clean', cs: 'Švýcarský / čistý' },\n description: {\n en: 'Typographic clarity. No radius, outlined elements, strict grid, zero decoration.',\n cs: 'Typografická jasnost. Žádné zaoblení, obrysové prvky, přísný grid, nulová dekorace.',\n },\n category: 'classic',\n borderRadius: 'none',\n animationLevel: 'reduced',\n spacing: 'spacious',\n typography: {\n bodyFont: 'Helvetica Neue, Arial, sans-serif',\n headingFont: 'Helvetica Neue, Arial, sans-serif',\n baseFontSize: 'medium',\n lineHeight: 'normal',\n letterSpacing: 'tight',\n headingWeight: '700',\n },\n visualEffects: {\n effectStyle: 'flat',\n shadowIntensity: 'none',\n borderStyle: 'solid',\n borderWidth: '1px',\n },\n componentStyles: {\n buttonVariant: 'outlined',\n cardStyle: 'flat',\n cardHoverEffect: 'none',\n navbarStyle: 'minimal',\n },\n },\n {\n name: 'flat-design',\n label: { en: 'Flat Design', cs: 'Plochý design' },\n description: {\n en: 'No shadows, no depth. Clean colours, simple icons, purely functional UI.',\n cs: 'Bez stínů, bez hloubky. Čisté barvy, jednoduché ikony, čistě funkční UI.',\n },\n category: 'classic',\n borderRadius: 'small',\n animationLevel: 'reduced',\n spacing: 'medium',\n typography: {\n bodyFont: 'Inter',\n headingFont: 'Inter',\n baseFontSize: 'medium',\n lineHeight: 'normal',\n letterSpacing: 'normal',\n headingWeight: '600',\n },\n visualEffects: {\n effectStyle: 'flat',\n shadowIntensity: 'none',\n borderStyle: 'none',\n borderWidth: '0px',\n },\n componentStyles: {\n buttonVariant: 'filled',\n cardStyle: 'flat',\n cardHoverEffect: 'scale',\n navbarStyle: 'solid',\n },\n },\n {\n name: 'material',\n label: { en: 'Material / Elevated', cs: 'Material / Vyvýšený' },\n description: {\n en: 'Google Material style — cards with shadows, layered surfaces, subtle depth.',\n cs: 'Google Material styl — karty se stíny, vrstvené povrchy, jemná hloubka.',\n },\n category: 'classic',\n borderRadius: 'medium',\n animationLevel: 'high',\n spacing: 'medium',\n typography: {\n bodyFont: 'Roboto',\n headingFont: 'Roboto',\n baseFontSize: 'medium',\n lineHeight: 'normal',\n letterSpacing: 'normal',\n headingWeight: '500',\n },\n visualEffects: {\n effectStyle: 'elevated',\n shadowIntensity: 'medium',\n borderStyle: 'none',\n borderWidth: '0px',\n },\n componentStyles: {\n buttonVariant: 'filled',\n cardStyle: 'elevated',\n cardHoverEffect: 'lift',\n navbarStyle: 'solid',\n },\n },\n {\n name: 'minimalism',\n label: { en: 'Minimalism', cs: 'Minimalismus' },\n description: {\n en: 'Maximum whitespace, near-invisible borders, thin type. Only what is necessary.',\n cs: 'Maximální bílý prostor, téměř neviditelné okraje, tenké písmo. Jen to nezbytné.',\n },\n category: 'classic',\n borderRadius: 'small',\n animationLevel: 'reduced',\n spacing: 'spacious',\n typography: {\n bodyFont: 'DM Sans',\n headingFont: 'DM Sans',\n baseFontSize: 'medium',\n lineHeight: 'relaxed',\n letterSpacing: 'wide',\n headingWeight: '300',\n },\n visualEffects: {\n effectStyle: 'flat',\n shadowIntensity: 'none',\n borderStyle: 'solid',\n borderWidth: '1px',\n },\n componentStyles: {\n buttonVariant: 'ghost',\n cardStyle: 'flat',\n cardHoverEffect: 'none',\n navbarStyle: 'minimal',\n },\n },\n {\n name: 'editorial',\n label: { en: 'Editorial / Magazine', cs: 'Redakční / Časopis' },\n description: {\n en: 'Serif headings, generous line spacing, ink-on-paper feel. Bold typography as the hero.',\n cs: 'Serifové nadpisy, velké řádkování, pocit inkoustu na papíře. Typografie jako hrdina.',\n },\n category: 'classic',\n borderRadius: 'none',\n animationLevel: 'reduced',\n spacing: 'spacious',\n typography: {\n bodyFont: 'Lora',\n headingFont: 'Playfair Display',\n baseFontSize: 'large',\n lineHeight: 'relaxed',\n letterSpacing: 'tight',\n headingWeight: '700',\n },\n visualEffects: {\n effectStyle: 'flat',\n shadowIntensity: 'none',\n borderStyle: 'solid',\n borderWidth: '1px',\n },\n componentStyles: {\n buttonVariant: 'outlined',\n cardStyle: 'flat',\n cardHoverEffect: 'none',\n navbarStyle: 'minimal',\n },\n },\n {\n name: 'retro',\n label: { en: 'Retro / 90s', cs: 'Retro / 90. léta' },\n description: {\n en: 'Chunky type, bold outlines, pixel-inspired borders. Nostalgic web aesthetic.',\n cs: 'Tučné písmo, silné obrysy, pixelové hranice. Nostalgická webová estetika.',\n },\n category: 'classic',\n borderRadius: 'none',\n animationLevel: 'medium',\n spacing: 'compact',\n typography: {\n bodyFont: 'IBM Plex Mono',\n headingFont: 'Bebas Neue',\n baseFontSize: 'large',\n lineHeight: 'compact',\n letterSpacing: 'wider',\n headingWeight: '400',\n },\n visualEffects: {\n effectStyle: 'elevated',\n shadowIntensity: 'dramatic',\n borderStyle: 'solid',\n borderWidth: '2px',\n },\n componentStyles: {\n buttonVariant: 'brutal',\n cardStyle: 'bordered',\n cardHoverEffect: 'shadow',\n navbarStyle: 'solid',\n },\n },\n {\n name: 'art-deco',\n label: { en: 'Art Deco', cs: 'Art Deco' },\n description: {\n en: 'Geometric symmetry, ornate headings, gold accents and strong vertical rhythm.',\n cs: 'Geometrická symetrie, ozdobné nadpisy, zlaté akcenty a silný vertikální rytmus.',\n },\n category: 'classic',\n borderRadius: 'none',\n animationLevel: 'reduced',\n spacing: 'spacious',\n typography: {\n bodyFont: 'Cormorant Garamond',\n headingFont: 'Cormorant Garamond',\n baseFontSize: 'medium',\n lineHeight: 'relaxed',\n letterSpacing: 'wider',\n headingWeight: '600',\n },\n visualEffects: {\n effectStyle: 'flat',\n shadowIntensity: 'subtle',\n borderStyle: 'double',\n borderWidth: '3px',\n },\n componentStyles: {\n buttonVariant: 'outlined',\n cardStyle: 'bordered',\n cardHoverEffect: 'none',\n navbarStyle: 'solid',\n },\n },\n {\n name: 'corporate',\n label: { en: 'Corporate / Professional', cs: 'Korporátní / Profesionální' },\n description: {\n en: 'Trustworthy, conservative design. Clean sans-serif, ample whitespace, minimal decoration.',\n cs: 'Důvěryhodný, konzervativní design. Čisté sans-serif, dostatek prostoru, minimální dekorace.',\n },\n category: 'classic',\n borderRadius: 'small',\n animationLevel: 'reduced',\n spacing: 'medium',\n typography: {\n bodyFont: 'Source Sans Pro',\n headingFont: 'Source Sans Pro',\n baseFontSize: 'medium',\n lineHeight: 'normal',\n letterSpacing: 'normal',\n headingWeight: '600',\n },\n visualEffects: {\n effectStyle: 'elevated',\n shadowIntensity: 'subtle',\n borderStyle: 'solid',\n borderWidth: '1px',\n },\n componentStyles: {\n buttonVariant: 'filled',\n cardStyle: 'elevated',\n cardHoverEffect: 'lift',\n navbarStyle: 'solid',\n },\n },\n {\n name: 'playful',\n label: { en: 'Playful / Rounded', cs: 'Hravý / Zaoblený' },\n description: {\n en: 'Bubbly rounded corners, bouncy animations, friendly typefaces. Fun and approachable.',\n cs: 'Bublinkové zaoblení, skákavé animace, přátelské písmo. Zábavné a přístupné.',\n },\n category: 'classic',\n borderRadius: 'xl',\n animationLevel: 'high',\n spacing: 'medium',\n typography: {\n bodyFont: 'Nunito',\n headingFont: 'Nunito',\n baseFontSize: 'medium',\n lineHeight: 'relaxed',\n letterSpacing: 'normal',\n headingWeight: '700',\n },\n visualEffects: {\n effectStyle: 'elevated',\n shadowIntensity: 'medium',\n borderStyle: 'none',\n borderWidth: '0px',\n },\n componentStyles: {\n buttonVariant: 'pill',\n cardStyle: 'elevated',\n cardHoverEffect: 'scale',\n navbarStyle: 'floating',\n },\n },\n {\n name: 'organic',\n label: { en: 'Organic / Nature', cs: 'Organický / Příroda' },\n description: {\n en: 'Soft curves, earthy tones, hand-crafted feel. Asymmetric shapes and warm spacing.',\n cs: 'Jemné křivky, zemité tóny, ručně vyrobený pocit. Asymetrické tvary a teplé mezery.',\n },\n category: 'classic',\n borderRadius: 'large',\n animationLevel: 'medium',\n spacing: 'spacious',\n typography: {\n bodyFont: 'Crimson Pro',\n headingFont: 'Crimson Pro',\n baseFontSize: 'large',\n lineHeight: 'relaxed',\n letterSpacing: 'tight',\n headingWeight: '600',\n },\n visualEffects: {\n effectStyle: 'flat',\n shadowIntensity: 'subtle',\n borderStyle: 'none',\n borderWidth: '0px',\n },\n componentStyles: {\n buttonVariant: 'pill',\n cardStyle: 'flat',\n cardHoverEffect: 'lift',\n navbarStyle: 'transparent',\n },\n },\n\n // ─── Visual effect styles ─────────────────────────────────────────────────\n {\n name: 'glassmorphism',\n label: { en: 'Glassmorphism', cs: 'Glassmorphism' },\n description: {\n en: 'Frosted glass — blurred backgrounds, transparency, soft borders.',\n cs: 'Mléčné sklo — rozmazané pozadí, průhlednost, jemné hranice.',\n },\n category: 'effect',\n borderRadius: 'large',\n animationLevel: 'medium',\n spacing: 'medium',\n typography: {\n bodyFont: 'Inter',\n headingFont: 'Inter',\n baseFontSize: 'medium',\n lineHeight: 'normal',\n letterSpacing: 'normal',\n headingWeight: '600',\n },\n visualEffects: {\n effectStyle: 'glass',\n shadowIntensity: 'subtle',\n backdropBlur: 'strong',\n borderStyle: 'solid',\n borderWidth: '1px',\n glassOpacity: 55,\n },\n componentStyles: {\n buttonVariant: 'ghost',\n cardStyle: 'glass',\n cardHoverEffect: 'glow',\n navbarStyle: 'blur',\n },\n },\n {\n name: 'neumorphism',\n label: { en: 'Neumorphism', cs: 'Neumorphism' },\n description: {\n en: 'Soft UI — elements look extruded from the background using dual light/dark shadows.',\n cs: 'Měkké UI — prvky vypadají vytlačené z pozadí díky dvojitým stínům.',\n },\n category: 'effect',\n borderRadius: 'large',\n animationLevel: 'medium',\n spacing: 'medium',\n typography: {\n bodyFont: 'DM Sans',\n headingFont: 'DM Sans',\n baseFontSize: 'medium',\n lineHeight: 'normal',\n letterSpacing: 'normal',\n headingWeight: '500',\n },\n visualEffects: {\n effectStyle: 'neumorphic',\n shadowIntensity: 'strong',\n backdropBlur: 'none',\n borderStyle: 'none',\n borderWidth: '0px',\n },\n componentStyles: {\n buttonVariant: 'filled',\n cardStyle: 'neumorphic',\n cardHoverEffect: 'shadow',\n navbarStyle: 'solid',\n },\n },\n {\n name: 'claymorphism',\n label: { en: 'Claymorphism', cs: 'Claymorphism' },\n description: {\n en: 'Soft, colourful 3D clay-like elements with large radius and inflated look.',\n cs: 'Měkké, barevné 3D „plastelínové\" prvky s velkým zaoblením a nafouklým vzhledem.',\n },\n category: 'effect',\n borderRadius: 'xl',\n animationLevel: 'high',\n spacing: 'medium',\n typography: {\n bodyFont: 'Nunito',\n headingFont: 'Nunito',\n baseFontSize: 'large',\n lineHeight: 'relaxed',\n letterSpacing: 'normal',\n headingWeight: '800',\n },\n visualEffects: {\n effectStyle: 'clay',\n shadowIntensity: 'strong',\n backdropBlur: 'none',\n borderStyle: 'solid',\n borderWidth: '1px',\n },\n componentStyles: {\n buttonVariant: 'pill',\n cardStyle: 'elevated',\n cardHoverEffect: 'scale',\n navbarStyle: 'floating',\n },\n },\n {\n name: 'gradient-heavy',\n label: { en: 'Gradient', cs: 'Gradientový' },\n description: {\n en: 'Gradient borders and glow effects as the primary visual accent.',\n cs: 'Gradientové okraje a záře jako hlavní vizuální akcent.',\n },\n category: 'effect',\n borderRadius: 'medium',\n animationLevel: 'medium',\n spacing: 'medium',\n typography: {\n bodyFont: 'Inter',\n headingFont: 'Plus Jakarta Sans',\n baseFontSize: 'medium',\n lineHeight: 'normal',\n letterSpacing: 'tight',\n headingWeight: '700',\n },\n visualEffects: {\n effectStyle: 'elevated',\n shadowIntensity: 'medium',\n borderStyle: 'none',\n borderWidth: '0px',\n },\n componentStyles: {\n buttonVariant: 'gradient',\n cardStyle: 'gradient-border',\n cardHoverEffect: 'glow',\n navbarStyle: 'blur',\n },\n },\n]\n\nexport const stylePresetCategories = [\n { name: 'classic', label: { en: 'Classic Styles', cs: 'Klasické styly' } },\n { name: 'effect', label: { en: 'Visual Effects', cs: 'Vizuální efekty' } },\n] as const\n"],"names":["allStylePresets","name","label","en","cs","description","category","borderRadius","animationLevel","spacing","typography","bodyFont","headingFont","baseFontSize","lineHeight","letterSpacing","headingWeight","visualEffects","effectStyle","shadowIntensity","borderStyle","borderWidth","componentStyles","buttonVariant","cardStyle","cardHoverEffect","navbarStyle","backdropBlur","glassOpacity","stylePresetCategories"],"mappings":"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"}