@morphika/andami 0.5.1 → 0.5.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 (117) hide show
  1. package/app/admin/assets/page.tsx +6 -6
  2. package/app/admin/database/page.tsx +302 -302
  3. package/app/admin/error.tsx +53 -53
  4. package/app/admin/layout.tsx +320 -320
  5. package/app/admin/navigation/page.tsx +255 -255
  6. package/app/admin/pages/[slug]/page.tsx +6 -6
  7. package/app/admin/pages/page.tsx +11 -11
  8. package/app/admin/projects/page.tsx +14 -14
  9. package/app/admin/setup/page.tsx +1 -1
  10. package/app/admin/styles/page.tsx +1 -1
  11. package/components/admin/MetadataEditor.tsx +6 -6
  12. package/components/admin/nav-builder/NavBuilder.tsx +1 -1
  13. package/components/admin/nav-builder/NavBuilderGrid.tsx +3 -3
  14. package/components/admin/nav-builder/NavGridCell.tsx +48 -48
  15. package/components/admin/nav-builder/NavGridItem.tsx +4 -4
  16. package/components/admin/nav-builder/NavItemSettings.tsx +331 -331
  17. package/components/admin/nav-builder/NavItemTypePicker.tsx +102 -102
  18. package/components/admin/nav-builder/NavLivePreview.tsx +1 -1
  19. package/components/admin/nav-builder/NavMobileLivePreview.tsx +226 -226
  20. package/components/admin/nav-builder/NavMobileSettings.tsx +242 -242
  21. package/components/admin/nav-builder/NavSettingsFields.tsx +514 -514
  22. package/components/admin/setup-wizard/BrandingStep.tsx +3 -3
  23. package/components/admin/setup-wizard/DatabaseStep.tsx +2 -2
  24. package/components/admin/setup-wizard/DoneStep.tsx +1 -1
  25. package/components/admin/setup-wizard/SetupWizard.tsx +4 -4
  26. package/components/admin/setup-wizard/StorageStep.tsx +2 -2
  27. package/components/admin/setup-wizard/WelcomeStep.tsx +2 -2
  28. package/components/admin/styles/ColorsEditor.tsx +2 -2
  29. package/components/admin/styles/FontsEditor.tsx +6 -6
  30. package/components/admin/styles/GridLayoutEditor.tsx +9 -9
  31. package/components/admin/styles/LinksButtonsEditor.tsx +5 -5
  32. package/components/admin/styles/TypographyEditor.tsx +6 -6
  33. package/components/admin/styles/shared.tsx +68 -68
  34. package/components/blocks/AudioBlockRenderer.tsx +286 -286
  35. package/components/blocks/MarqueeBlockRenderer.tsx +316 -0
  36. package/components/blocks/ProjectCarouselBlockRenderer.tsx +1 -1
  37. package/components/builder/BlockCardIcons.tsx +316 -316
  38. package/components/builder/BlockTypePicker.tsx +1 -1
  39. package/components/builder/BubbleIcons.tsx +90 -0
  40. package/components/builder/BuilderCanvas.tsx +2 -0
  41. package/components/builder/CanvasMinimap.tsx +2 -2
  42. package/components/builder/CoverSectionCanvas.tsx +363 -363
  43. package/components/builder/DeviceFrame.tsx +1 -1
  44. package/components/builder/DndWrapper.tsx +3 -3
  45. package/components/builder/InsertionLines.tsx +1 -1
  46. package/components/builder/SectionCardIcons.tsx +421 -320
  47. package/components/builder/SectionEditorBar.tsx +1 -1
  48. package/components/builder/SectionTypePicker.tsx +4 -4
  49. package/components/builder/SectionV2Canvas.tsx +1 -1
  50. package/components/builder/SectionV2Column.tsx +69 -67
  51. package/components/builder/SortableBlock.tsx +93 -73
  52. package/components/builder/SortableRow.tsx +27 -26
  53. package/components/builder/VirtualAssetGrid.tsx +2 -2
  54. package/components/builder/asset-browser/R2BrowserContent.tsx +11 -11
  55. package/components/builder/blockStyles.tsx +192 -185
  56. package/components/builder/color-picker/AlphaSlider.tsx +141 -141
  57. package/components/builder/color-picker/ColorInputs.tsx +105 -105
  58. package/components/builder/color-picker/EyedropperButton.tsx +74 -74
  59. package/components/builder/color-picker/HueSlider.tsx +124 -124
  60. package/components/builder/color-picker/SaturationCanvas.tsx +142 -142
  61. package/components/builder/color-picker/SwatchBar.tsx +93 -93
  62. package/components/builder/editors/AudioBlockEditor.tsx +242 -242
  63. package/components/builder/editors/BeforeAfterBlockEditor.tsx +360 -360
  64. package/components/builder/editors/ButtonBlockEditor.tsx +4 -4
  65. package/components/builder/editors/EnterAnimationPicker.tsx +2 -2
  66. package/components/builder/editors/HoverEffectPicker.tsx +2 -2
  67. package/components/builder/editors/ImageBlockEditor.tsx +2 -2
  68. package/components/builder/editors/ImageGridBlockEditor.tsx +4 -4
  69. package/components/builder/editors/MarqueeBlockEditor.tsx +621 -0
  70. package/components/builder/editors/ProjectCarouselBlockEditor.tsx +443 -443
  71. package/components/builder/editors/ProjectGridEditor.tsx +9 -9
  72. package/components/builder/editors/SpacerBlockEditor.tsx +5 -5
  73. package/components/builder/editors/StaggerSettings.tsx +109 -109
  74. package/components/builder/editors/TextBlockEditor.tsx +3 -3
  75. package/components/builder/editors/TextStylePicker.tsx +1 -1
  76. package/components/builder/editors/VideoBlockEditor.tsx +2 -2
  77. package/components/builder/editors/index.ts +11 -10
  78. package/components/builder/editors/shared.tsx +6 -6
  79. package/components/builder/live-preview/LiveAudioPreview.tsx +120 -120
  80. package/components/builder/live-preview/LiveBeforeAfterPreview.tsx +1 -1
  81. package/components/builder/live-preview/LiveImageGridPreview.tsx +10 -2
  82. package/components/builder/live-preview/LiveImagePreview.tsx +1 -1
  83. package/components/builder/live-preview/LiveMarqueePreview.tsx +39 -0
  84. package/components/builder/live-preview/LiveProjectCarouselPreview.tsx +1 -1
  85. package/components/builder/live-preview/LiveVideoPreview.tsx +1 -1
  86. package/components/builder/live-preview/ProjectCardWrapper.tsx +291 -291
  87. package/components/builder/settings-panel/AnimationTab.tsx +138 -138
  88. package/components/builder/settings-panel/BlockLayoutTab.tsx +7 -7
  89. package/components/builder/settings-panel/CardEntranceSection.tsx +114 -114
  90. package/components/builder/settings-panel/ColumnV2Settings.tsx +5 -5
  91. package/components/builder/settings-panel/CoverSectionLayoutTab.tsx +71 -71
  92. package/components/builder/settings-panel/CoverSectionSettings.tsx +335 -335
  93. package/components/builder/settings-panel/PageSettings.tsx +3 -3
  94. package/components/builder/settings-panel/ParallaxSlideSettings.tsx +2 -2
  95. package/components/builder/settings-panel/SectionV2AnimationTab.tsx +4 -4
  96. package/components/builder/settings-panel/SectionV2LayoutTab.tsx +356 -356
  97. package/components/builder/settings-panel/SectionV2Settings.tsx +14 -14
  98. package/components/builder/settings-panel/TRBLInputs.tsx +1 -1
  99. package/lib/animation/enter-types.ts +1 -0
  100. package/lib/animation/hover-effect-presets.ts +210 -210
  101. package/lib/animation/hover-effect-types.ts +1 -0
  102. package/lib/builder/block-registrations.ts +468 -417
  103. package/lib/builder/constants.ts +111 -111
  104. package/lib/builder/store-sections.ts +2 -2
  105. package/lib/builder/types-slices.ts +414 -414
  106. package/lib/builder/types.ts +4 -1
  107. package/lib/config/index.ts +27 -27
  108. package/lib/sanity/types.ts +98 -1
  109. package/lib/version.ts +1 -1
  110. package/package.json +1 -1
  111. package/sanity/schemas/blocks/audioBlock.ts +69 -69
  112. package/sanity/schemas/blocks/index.ts +12 -11
  113. package/sanity/schemas/blocks/marqueeBlock.ts +292 -0
  114. package/sanity/schemas/index.ts +120 -117
  115. package/styles/admin.css +85 -85
  116. package/styles/animations.css +237 -237
  117. package/styles/base.css +114 -114
package/components/builder/editors/ButtonBlockEditor.tsx CHANGED
@@ -99,7 +99,7 @@ export default function ButtonBlockEditor({ block }: Props) {
99
99
  onClick={() => update({ style: s })}
100
100
  className={`flex-1 rounded border py-1 text-xs transition-colors ${
101
101
  (block.style || "primary") === s
102
- ? "border-[#076bff] bg-[#076bff]/20 text-neutral-900"
102
+ ? "border-[#3580f9] bg-[#3580f9]/20 text-neutral-900"
103
103
  : "border-neutral-200 bg-white text-neutral-500 hover:border-neutral-600"
104
104
  }`}
105
105
  >
@@ -123,7 +123,7 @@ export default function ButtonBlockEditor({ block }: Props) {
123
123
  onClick={() => updateResponsive("size", s)}
124
124
  className={`flex-1 rounded border py-1 text-xs transition-colors ${
125
125
  effectiveSize === s
126
- ? "border-[#076bff] bg-[#076bff]/20 text-neutral-900"
126
+ ? "border-[#3580f9] bg-[#3580f9]/20 text-neutral-900"
127
127
  : "border-neutral-200 bg-white text-neutral-500 hover:border-neutral-600"
128
128
  }`}
129
129
  >
@@ -146,7 +146,7 @@ export default function ButtonBlockEditor({ block }: Props) {
146
146
  onClick={() => updateResponsive("alignment", a)}
147
147
  className={`flex-1 rounded border py-1 text-xs transition-colors ${
148
148
  effectiveAlignment === a
149
- ? "border-[#076bff] bg-[#076bff]/20 text-neutral-900"
149
+ ? "border-[#3580f9] bg-[#3580f9]/20 text-neutral-900"
150
150
  : "border-neutral-200 bg-white text-neutral-500 hover:border-neutral-600"
151
151
  }`}
152
152
  >
@@ -173,7 +173,7 @@ export default function ButtonBlockEditor({ block }: Props) {
173
173
  type="button"
174
174
  onClick={() => updateResponsive("full_width", !effectiveFullWidth)}
175
175
  className={`relative w-8 h-[18px] rounded-full transition-colors ${
176
- effectiveFullWidth ? "bg-[#076bff]" : "bg-neutral-200 hover:bg-neutral-300"
176
+ effectiveFullWidth ? "bg-[#3580f9]" : "bg-neutral-200 hover:bg-neutral-300"
177
177
  }`}
178
178
  >
179
179
  <span
package/components/builder/editors/EnterAnimationPicker.tsx CHANGED
@@ -27,10 +27,10 @@ import type { ContentBlock } from "../../../lib/sanity/types";
27
27
  // ── CSS constants ─────────────────────────────────────────────────
28
28
 
29
29
  const SELECT_CLASS =
30
- "w-full rounded-lg border border-transparent bg-[#f5f5f5] px-2.5 py-[7px] text-xs text-neutral-900 font-normal outline-none transition-all hover:bg-[#efefef] focus:bg-white focus:border-[#076bff] focus:shadow-[0_0_0_3px_rgba(7,107,255,0.06)]";
30
+ "w-full rounded-lg border border-transparent bg-[#f5f5f5] px-2.5 py-[7px] text-xs text-neutral-900 font-normal outline-none transition-all hover:bg-[#efefef] focus:bg-white focus:border-[#3580f9] focus:shadow-[0_0_0_3px_rgba(53, 128, 249,0.06)]";
31
31
 
32
32
  const SLIDER_CLASS =
33
- "w-full h-1.5 rounded-full bg-[#e5e5e5] appearance-none cursor-pointer accent-[#076bff] [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-3.5 [&::-webkit-slider-thumb]:h-3.5 [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-[#076bff] [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-white [&::-webkit-slider-thumb]:shadow-sm";
33
+ "w-full h-1.5 rounded-full bg-[#e5e5e5] appearance-none cursor-pointer accent-[#3580f9] [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-3.5 [&::-webkit-slider-thumb]:h-3.5 [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-[#3580f9] [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-white [&::-webkit-slider-thumb]:shadow-sm";
34
34
 
35
35
  // ── Types ─────────────────────────────────────────────────────────
36
36
 
package/components/builder/editors/HoverEffectPicker.tsx CHANGED
@@ -35,10 +35,10 @@ import type { ContentBlock } from "../../../lib/sanity/types";
35
35
  // ── CSS constants ─────────────────────────────────────────────────
36
36
 
37
37
  const SELECT_CLASS =
38
- "w-full rounded-lg border border-transparent bg-[#f5f5f5] px-2.5 py-[7px] text-xs text-neutral-900 font-normal outline-none transition-all hover:bg-[#efefef] focus:bg-white focus:border-[#076bff] focus:shadow-[0_0_0_3px_rgba(7,107,255,0.06)]";
38
+ "w-full rounded-lg border border-transparent bg-[#f5f5f5] px-2.5 py-[7px] text-xs text-neutral-900 font-normal outline-none transition-all hover:bg-[#efefef] focus:bg-white focus:border-[#3580f9] focus:shadow-[0_0_0_3px_rgba(53, 128, 249,0.06)]";
39
39
 
40
40
  const SLIDER_CLASS =
41
- "w-full h-1.5 rounded-full bg-[#e5e5e5] appearance-none cursor-pointer accent-[#076bff] [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-3.5 [&::-webkit-slider-thumb]:h-3.5 [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-[#076bff] [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-white [&::-webkit-slider-thumb]:shadow-sm";
41
+ "w-full h-1.5 rounded-full bg-[#e5e5e5] appearance-none cursor-pointer accent-[#3580f9] [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-3.5 [&::-webkit-slider-thumb]:h-3.5 [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-[#3580f9] [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-white [&::-webkit-slider-thumb]:shadow-sm";
42
42
 
43
43
  // ── Types ─────────────────────────────────────────────────────────
44
44
 
package/components/builder/editors/ImageBlockEditor.tsx CHANGED
@@ -121,7 +121,7 @@ export default function ImageBlockEditor({ block }: Props) {
121
121
  onClick={() => updateResponsive("width", opt.value)}
122
122
  className={`flex-1 rounded border py-1 text-xs transition-colors ${
123
123
  effectiveWidth === opt.value
124
- ? "border-[#076bff] bg-[#076bff]/20 text-neutral-900"
124
+ ? "border-[#3580f9] bg-[#3580f9]/20 text-neutral-900"
125
125
  : "border-neutral-200 bg-white text-neutral-500 hover:border-neutral-600"
126
126
  }`}
127
127
  >
@@ -190,7 +190,7 @@ export default function ImageBlockEditor({ block }: Props) {
190
190
  updateResponsive("shadow", !effectiveShadow);
191
191
  }}
192
192
  className={`relative w-8 h-[18px] rounded-full transition-colors ${
193
- getEffectiveValue<boolean>(block, viewport, "shadow", block.shadow || false) ? "bg-[#076bff]" : "bg-neutral-200 hover:bg-neutral-300"
193
+ getEffectiveValue<boolean>(block, viewport, "shadow", block.shadow || false) ? "bg-[#3580f9]" : "bg-neutral-200 hover:bg-neutral-300"
194
194
  }`}
195
195
  >
196
196
  <span
package/components/builder/editors/ImageGridBlockEditor.tsx CHANGED
@@ -187,7 +187,7 @@ export default function ImageGridBlockEditor({ block }: Props) {
187
187
  {/* Add Images button — opens browser in multi-select mode */}
188
188
  <button
189
189
  onClick={() => setBrowserOpen(true)}
190
- className="w-full rounded-lg border border-dashed border-neutral-300 py-3 text-xs text-neutral-500 hover:border-[#076bff] hover:text-neutral-900 transition-colors flex items-center justify-center gap-2"
190
+ className="w-full rounded-lg border border-dashed border-neutral-300 py-3 text-xs text-neutral-500 hover:border-[#3580f9] hover:text-neutral-900 transition-colors flex items-center justify-center gap-2"
191
191
  >
192
192
  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" className="text-neutral-400">
193
193
  <rect x="3" y="3" width="18" height="18" rx="2" />
@@ -317,7 +317,7 @@ export default function ImageGridBlockEditor({ block }: Props) {
317
317
  }}
318
318
  className={`flex-1 py-1.5 text-xs font-medium transition-colors ${
319
319
  effectiveLightbox
320
- ? "bg-[#076bff] text-white"
320
+ ? "bg-[#3580f9] text-white"
321
321
  : "bg-white text-neutral-500 hover:bg-neutral-50"
322
322
  }`}
323
323
  >
@@ -330,7 +330,7 @@ export default function ImageGridBlockEditor({ block }: Props) {
330
330
  }}
331
331
  className={`flex-1 py-1.5 text-xs font-medium transition-colors ${
332
332
  !effectiveLightbox
333
- ? "bg-[#076bff] text-white"
333
+ ? "bg-[#3580f9] text-white"
334
334
  : "bg-white text-neutral-500 hover:bg-neutral-50"
335
335
  }`}
336
336
  >
@@ -355,7 +355,7 @@ export default function ImageGridBlockEditor({ block }: Props) {
355
355
  onClick={() => updateResponsive("object_fit", f)}
356
356
  className={`flex-1 rounded border py-1 text-xs transition-colors ${
357
357
  effectiveObjectFit === f
358
- ? "border-[#076bff] bg-[#076bff]/20 text-neutral-900"
358
+ ? "border-[#3580f9] bg-[#3580f9]/20 text-neutral-900"
359
359
  : "border-neutral-200 bg-white text-neutral-500 hover:border-neutral-600"
360
360
  }`}
361
361
  >