@endora-commerce/cms-components 0.100.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 (300) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +59 -0
  3. package/dist/cms-components.css +2 -0
  4. package/dist/components/Accordion.d.ts +43 -0
  5. package/dist/components/Accordion.d.ts.map +1 -0
  6. package/dist/components/Accordion.js +81 -0
  7. package/dist/components/Accordion.js.map +1 -0
  8. package/dist/components/AnnouncementBar.d.ts +43 -0
  9. package/dist/components/AnnouncementBar.d.ts.map +1 -0
  10. package/dist/components/AnnouncementBar.js +27 -0
  11. package/dist/components/AnnouncementBar.js.map +1 -0
  12. package/dist/components/Button.d.ts +43 -0
  13. package/dist/components/Button.d.ts.map +1 -0
  14. package/dist/components/Button.js +122 -0
  15. package/dist/components/Button.js.map +1 -0
  16. package/dist/components/CategoryGrid.d.ts +43 -0
  17. package/dist/components/CategoryGrid.d.ts.map +1 -0
  18. package/dist/components/CategoryGrid.js +117 -0
  19. package/dist/components/CategoryGrid.js.map +1 -0
  20. package/dist/components/CategoryList.d.ts +43 -0
  21. package/dist/components/CategoryList.d.ts.map +1 -0
  22. package/dist/components/CategoryList.js +96 -0
  23. package/dist/components/CategoryList.js.map +1 -0
  24. package/dist/components/CmsPageContainer.d.ts +12 -0
  25. package/dist/components/CmsPageContainer.d.ts.map +1 -0
  26. package/dist/components/CmsPageContainer.js +19 -0
  27. package/dist/components/CmsPageContainer.js.map +1 -0
  28. package/dist/components/CmsProductCard.d.ts +35 -0
  29. package/dist/components/CmsProductCard.d.ts.map +1 -0
  30. package/dist/components/CmsProductCard.js +101 -0
  31. package/dist/components/CmsProductCard.js.map +1 -0
  32. package/dist/components/Column.d.ts +50 -0
  33. package/dist/components/Column.d.ts.map +1 -0
  34. package/dist/components/Column.js +127 -0
  35. package/dist/components/Column.js.map +1 -0
  36. package/dist/components/ContactFormEmbed.d.ts +43 -0
  37. package/dist/components/ContactFormEmbed.d.ts.map +1 -0
  38. package/dist/components/ContactFormEmbed.js +37 -0
  39. package/dist/components/ContactFormEmbed.js.map +1 -0
  40. package/dist/components/ContentSlider.d.ts +43 -0
  41. package/dist/components/ContentSlider.d.ts.map +1 -0
  42. package/dist/components/ContentSlider.js +96 -0
  43. package/dist/components/ContentSlider.js.map +1 -0
  44. package/dist/components/FeatureList.d.ts +43 -0
  45. package/dist/components/FeatureList.d.ts.map +1 -0
  46. package/dist/components/FeatureList.js +89 -0
  47. package/dist/components/FeatureList.js.map +1 -0
  48. package/dist/components/Heading.d.ts +43 -0
  49. package/dist/components/Heading.d.ts.map +1 -0
  50. package/dist/components/Heading.js +116 -0
  51. package/dist/components/Heading.js.map +1 -0
  52. package/dist/components/Hero.d.ts +43 -0
  53. package/dist/components/Hero.d.ts.map +1 -0
  54. package/dist/components/Hero.js +186 -0
  55. package/dist/components/Hero.js.map +1 -0
  56. package/dist/components/IconPickerField.d.ts +3 -0
  57. package/dist/components/IconPickerField.d.ts.map +1 -0
  58. package/dist/components/IconPickerField.js +30 -0
  59. package/dist/components/IconPickerField.js.map +1 -0
  60. package/dist/components/Icons.d.ts +43 -0
  61. package/dist/components/Icons.d.ts.map +1 -0
  62. package/dist/components/Icons.js +62 -0
  63. package/dist/components/Icons.js.map +1 -0
  64. package/dist/components/Image.d.ts +43 -0
  65. package/dist/components/Image.d.ts.map +1 -0
  66. package/dist/components/Image.js +179 -0
  67. package/dist/components/Image.js.map +1 -0
  68. package/dist/components/ImageSlider.d.ts +44 -0
  69. package/dist/components/ImageSlider.d.ts.map +1 -0
  70. package/dist/components/ImageSlider.js +186 -0
  71. package/dist/components/ImageSlider.js.map +1 -0
  72. package/dist/components/InsertBlock.d.ts +4 -0
  73. package/dist/components/InsertBlock.d.ts.map +1 -0
  74. package/dist/components/InsertBlock.js +30 -0
  75. package/dist/components/InsertBlock.js.map +1 -0
  76. package/dist/components/InsertTemplate.d.ts +4 -0
  77. package/dist/components/InsertTemplate.d.ts.map +1 -0
  78. package/dist/components/InsertTemplate.js +30 -0
  79. package/dist/components/InsertTemplate.js.map +1 -0
  80. package/dist/components/LogoStrip.d.ts +43 -0
  81. package/dist/components/LogoStrip.d.ts.map +1 -0
  82. package/dist/components/LogoStrip.js +155 -0
  83. package/dist/components/LogoStrip.js.map +1 -0
  84. package/dist/components/Map.d.ts +43 -0
  85. package/dist/components/Map.d.ts.map +1 -0
  86. package/dist/components/Map.js +165 -0
  87. package/dist/components/Map.js.map +1 -0
  88. package/dist/components/MissingComponentPlaceholder.d.ts +27 -0
  89. package/dist/components/MissingComponentPlaceholder.d.ts.map +1 -0
  90. package/dist/components/MissingComponentPlaceholder.js +24 -0
  91. package/dist/components/MissingComponentPlaceholder.js.map +1 -0
  92. package/dist/components/NewsletterSignup.d.ts +43 -0
  93. package/dist/components/NewsletterSignup.d.ts.map +1 -0
  94. package/dist/components/NewsletterSignup.js +43 -0
  95. package/dist/components/NewsletterSignup.js.map +1 -0
  96. package/dist/components/ProductCard.d.ts +43 -0
  97. package/dist/components/ProductCard.d.ts.map +1 -0
  98. package/dist/components/ProductCard.js +96 -0
  99. package/dist/components/ProductCard.js.map +1 -0
  100. package/dist/components/ProductGrid.d.ts +43 -0
  101. package/dist/components/ProductGrid.d.ts.map +1 -0
  102. package/dist/components/ProductGrid.js +138 -0
  103. package/dist/components/ProductGrid.js.map +1 -0
  104. package/dist/components/ProductSlider.d.ts +43 -0
  105. package/dist/components/ProductSlider.d.ts.map +1 -0
  106. package/dist/components/ProductSlider.js +134 -0
  107. package/dist/components/ProductSlider.js.map +1 -0
  108. package/dist/components/RawHtml.d.ts +43 -0
  109. package/dist/components/RawHtml.d.ts.map +1 -0
  110. package/dist/components/RawHtml.js +38 -0
  111. package/dist/components/RawHtml.js.map +1 -0
  112. package/dist/components/RawJs.d.ts +43 -0
  113. package/dist/components/RawJs.d.ts.map +1 -0
  114. package/dist/components/RawJs.js +53 -0
  115. package/dist/components/RawJs.js.map +1 -0
  116. package/dist/components/RichContent.d.ts +4 -0
  117. package/dist/components/RichContent.d.ts.map +1 -0
  118. package/dist/components/RichContent.js +48 -0
  119. package/dist/components/RichContent.js.map +1 -0
  120. package/dist/components/RichContentEditorField.d.ts +10 -0
  121. package/dist/components/RichContentEditorField.d.ts.map +1 -0
  122. package/dist/components/RichContentEditorField.js +130 -0
  123. package/dist/components/RichContentEditorField.js.map +1 -0
  124. package/dist/components/RichContentPublished.d.ts +5 -0
  125. package/dist/components/RichContentPublished.d.ts.map +1 -0
  126. package/dist/components/RichContentPublished.js +22 -0
  127. package/dist/components/RichContentPublished.js.map +1 -0
  128. package/dist/components/Row.d.ts +43 -0
  129. package/dist/components/Row.d.ts.map +1 -0
  130. package/dist/components/Row.js +305 -0
  131. package/dist/components/Row.js.map +1 -0
  132. package/dist/components/SimpleTable.d.ts +43 -0
  133. package/dist/components/SimpleTable.d.ts.map +1 -0
  134. package/dist/components/SimpleTable.js +155 -0
  135. package/dist/components/SimpleTable.js.map +1 -0
  136. package/dist/components/Slide.d.ts +44 -0
  137. package/dist/components/Slide.d.ts.map +1 -0
  138. package/dist/components/Slide.js +36 -0
  139. package/dist/components/Slide.js.map +1 -0
  140. package/dist/components/Social.d.ts +43 -0
  141. package/dist/components/Social.d.ts.map +1 -0
  142. package/dist/components/Social.js +110 -0
  143. package/dist/components/Social.js.map +1 -0
  144. package/dist/components/Spacer.d.ts +43 -0
  145. package/dist/components/Spacer.d.ts.map +1 -0
  146. package/dist/components/Spacer.js +48 -0
  147. package/dist/components/Spacer.js.map +1 -0
  148. package/dist/components/Stats.d.ts +43 -0
  149. package/dist/components/Stats.d.ts.map +1 -0
  150. package/dist/components/Stats.js +71 -0
  151. package/dist/components/Stats.js.map +1 -0
  152. package/dist/components/Tabs.d.ts +43 -0
  153. package/dist/components/Tabs.d.ts.map +1 -0
  154. package/dist/components/Tabs.js +70 -0
  155. package/dist/components/Tabs.js.map +1 -0
  156. package/dist/components/Testimonial.d.ts +43 -0
  157. package/dist/components/Testimonial.d.ts.map +1 -0
  158. package/dist/components/Testimonial.js +74 -0
  159. package/dist/components/Testimonial.js.map +1 -0
  160. package/dist/components/Text.d.ts +43 -0
  161. package/dist/components/Text.d.ts.map +1 -0
  162. package/dist/components/Text.js +87 -0
  163. package/dist/components/Text.js.map +1 -0
  164. package/dist/components/Video.d.ts +43 -0
  165. package/dist/components/Video.d.ts.map +1 -0
  166. package/dist/components/Video.js +98 -0
  167. package/dist/components/Video.js.map +1 -0
  168. package/dist/components/box-styles.d.ts +19 -0
  169. package/dist/components/box-styles.d.ts.map +1 -0
  170. package/dist/components/box-styles.js +66 -0
  171. package/dist/components/box-styles.js.map +1 -0
  172. package/dist/components/button-link.d.ts +7 -0
  173. package/dist/components/button-link.d.ts.map +1 -0
  174. package/dist/components/button-link.js +15 -0
  175. package/dist/components/button-link.js.map +1 -0
  176. package/dist/components/carousel/CarouselShell.d.ts +27 -0
  177. package/dist/components/carousel/CarouselShell.d.ts.map +1 -0
  178. package/dist/components/carousel/CarouselShell.js +210 -0
  179. package/dist/components/carousel/CarouselShell.js.map +1 -0
  180. package/dist/components/catalog/CatalogSkeletons.d.ts +27 -0
  181. package/dist/components/catalog/CatalogSkeletons.d.ts.map +1 -0
  182. package/dist/components/catalog/CatalogSkeletons.js +38 -0
  183. package/dist/components/catalog/CatalogSkeletons.js.map +1 -0
  184. package/dist/components/catalog-preview-context.d.ts +9 -0
  185. package/dist/components/catalog-preview-context.d.ts.map +1 -0
  186. package/dist/components/catalog-preview-context.js +18 -0
  187. package/dist/components/catalog-preview-context.js.map +1 -0
  188. package/dist/components/icon-catalog.d.ts +139 -0
  189. package/dist/components/icon-catalog.d.ts.map +1 -0
  190. package/dist/components/icon-catalog.js +148 -0
  191. package/dist/components/icon-catalog.js.map +1 -0
  192. package/dist/components/image-fields.d.ts +6 -0
  193. package/dist/components/image-fields.d.ts.map +1 -0
  194. package/dist/components/image-fields.js +11 -0
  195. package/dist/components/image-fields.js.map +1 -0
  196. package/dist/components/image-slider-item.d.ts +7 -0
  197. package/dist/components/image-slider-item.d.ts.map +1 -0
  198. package/dist/components/image-slider-item.js +45 -0
  199. package/dist/components/image-slider-item.js.map +1 -0
  200. package/dist/components/render-context.d.ts +29 -0
  201. package/dist/components/render-context.d.ts.map +1 -0
  202. package/dist/components/render-context.js +21 -0
  203. package/dist/components/render-context.js.map +1 -0
  204. package/dist/components/rich-content-shared.d.ts +11 -0
  205. package/dist/components/rich-content-shared.d.ts.map +1 -0
  206. package/dist/components/rich-content-shared.js +132 -0
  207. package/dist/components/rich-content-shared.js.map +1 -0
  208. package/dist/components/social-networks.d.ts +10 -0
  209. package/dist/components/social-networks.d.ts.map +1 -0
  210. package/dist/components/social-networks.js +43 -0
  211. package/dist/components/social-networks.js.map +1 -0
  212. package/dist/components/styles.d.ts +2 -0
  213. package/dist/components/styles.d.ts.map +1 -0
  214. package/dist/components/styles.js +9 -0
  215. package/dist/components/styles.js.map +1 -0
  216. package/dist/components/text-content.d.ts +13 -0
  217. package/dist/components/text-content.d.ts.map +1 -0
  218. package/dist/components/text-content.js +64 -0
  219. package/dist/components/text-content.js.map +1 -0
  220. package/dist/components/typography.d.ts +26 -0
  221. package/dist/components/typography.d.ts.map +1 -0
  222. package/dist/components/typography.js +52 -0
  223. package/dist/components/typography.js.map +1 -0
  224. package/dist/editor/row-layout-presets.d.ts +34 -0
  225. package/dist/editor/row-layout-presets.d.ts.map +1 -0
  226. package/dist/editor/row-layout-presets.js +175 -0
  227. package/dist/editor/row-layout-presets.js.map +1 -0
  228. package/dist/editor/slot-edit-props.d.ts +16 -0
  229. package/dist/editor/slot-edit-props.d.ts.map +1 -0
  230. package/dist/editor/slot-edit-props.js +25 -0
  231. package/dist/editor/slot-edit-props.js.map +1 -0
  232. package/dist/fields/catalog-data-fields.d.ts +7 -0
  233. package/dist/fields/catalog-data-fields.d.ts.map +1 -0
  234. package/dist/fields/catalog-data-fields.js +4 -0
  235. package/dist/fields/catalog-data-fields.js.map +1 -0
  236. package/dist/fields/catalog-fallback-fields.d.ts +4 -0
  237. package/dist/fields/catalog-fallback-fields.d.ts.map +1 -0
  238. package/dist/fields/catalog-fallback-fields.js +34 -0
  239. package/dist/fields/catalog-fallback-fields.js.map +1 -0
  240. package/dist/fields/catalog-resolve-fields.d.ts +5 -0
  241. package/dist/fields/catalog-resolve-fields.d.ts.map +1 -0
  242. package/dist/fields/catalog-resolve-fields.js +40 -0
  243. package/dist/fields/catalog-resolve-fields.js.map +1 -0
  244. package/dist/fields/shared-fields.d.ts +176 -0
  245. package/dist/fields/shared-fields.d.ts.map +1 -0
  246. package/dist/fields/shared-fields.js +142 -0
  247. package/dist/fields/shared-fields.js.map +1 -0
  248. package/dist/hooks/use-viewport-breakpoint-tier.d.ts +4 -0
  249. package/dist/hooks/use-viewport-breakpoint-tier.d.ts.map +1 -0
  250. package/dist/hooks/use-viewport-breakpoint-tier.js +21 -0
  251. package/dist/hooks/use-viewport-breakpoint-tier.js.map +1 -0
  252. package/dist/index.d.ts +127 -0
  253. package/dist/index.d.ts.map +1 -0
  254. package/dist/index.js +377 -0
  255. package/dist/index.js.map +1 -0
  256. package/dist/schema/catalog-types.d.ts +22 -0
  257. package/dist/schema/catalog-types.d.ts.map +1 -0
  258. package/dist/schema/catalog-types.js +2 -0
  259. package/dist/schema/catalog-types.js.map +1 -0
  260. package/dist/schema/component-types.d.ts +419 -0
  261. package/dist/schema/component-types.d.ts.map +1 -0
  262. package/dist/schema/component-types.js +2 -0
  263. package/dist/schema/component-types.js.map +1 -0
  264. package/dist/schema/envelope.d.ts +21 -0
  265. package/dist/schema/envelope.d.ts.map +1 -0
  266. package/dist/schema/envelope.js +19 -0
  267. package/dist/schema/envelope.js.map +1 -0
  268. package/dist/utils/catalog-fetch.d.ts +29 -0
  269. package/dist/utils/catalog-fetch.d.ts.map +1 -0
  270. package/dist/utils/catalog-fetch.js +88 -0
  271. package/dist/utils/catalog-fetch.js.map +1 -0
  272. package/dist/utils/catalog-load.d.ts +4 -0
  273. package/dist/utils/catalog-load.d.ts.map +1 -0
  274. package/dist/utils/catalog-load.js +11 -0
  275. package/dist/utils/catalog-load.js.map +1 -0
  276. package/dist/utils/catalog-preview-bridge.d.ts +13 -0
  277. package/dist/utils/catalog-preview-bridge.d.ts.map +1 -0
  278. package/dist/utils/catalog-preview-bridge.js +8 -0
  279. package/dist/utils/catalog-preview-bridge.js.map +1 -0
  280. package/dist/utils/catalog-skeleton-estimate.d.ts +7 -0
  281. package/dist/utils/catalog-skeleton-estimate.d.ts.map +1 -0
  282. package/dist/utils/catalog-skeleton-estimate.js +42 -0
  283. package/dist/utils/catalog-skeleton-estimate.js.map +1 -0
  284. package/dist/utils/resolve-image-url.d.ts +20 -0
  285. package/dist/utils/resolve-image-url.d.ts.map +1 -0
  286. package/dist/utils/resolve-image-url.js +24 -0
  287. package/dist/utils/resolve-image-url.js.map +1 -0
  288. package/dist/utils/sanitize-html.d.ts +6 -0
  289. package/dist/utils/sanitize-html.d.ts.map +1 -0
  290. package/dist/utils/sanitize-html.js +81 -0
  291. package/dist/utils/sanitize-html.js.map +1 -0
  292. package/dist/utils/video-embed.d.ts +11 -0
  293. package/dist/utils/video-embed.d.ts.map +1 -0
  294. package/dist/utils/video-embed.js +61 -0
  295. package/dist/utils/video-embed.js.map +1 -0
  296. package/dist/utils/walk-asset-ids.d.ts +3 -0
  297. package/dist/utils/walk-asset-ids.d.ts.map +1 -0
  298. package/dist/utils/walk-asset-ids.js +23 -0
  299. package/dist/utils/walk-asset-ids.js.map +1 -0
  300. package/package.json +117 -0
@@ -0,0 +1,179 @@
1
+ 'use client';
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import {} from '@measured/puck';
4
+ import { buildResponsiveNumberVars, CORNER_RADIUS_PX, PB_DATA_METADATA, PB_RESPONSIVE_METADATA, resolveResponsive, resolveResponsiveNumber, resolveTextAlignForTier, responsiveTextAlignClass, textAlignDataAttrs, withHideOn, } from '@endora-commerce/page-builder-core';
5
+ import { usePreviewBreakpointTier } from '@endora-commerce/page-builder-core/client';
6
+ import { imageUsesCustomWidth, shouldShowImageCustomWidthField } from './image-fields.js';
7
+ import { BoxStyled } from './box-styles.js';
8
+ import { BOX_BORDER_FIELD, BOX_MARGIN_FIELD, BOX_PADDING_FIELD, CORNER_RADIUS_FIELD, DEFAULT_BOX_PROPS, } from '../fields/shared-fields.js';
9
+ import { useCmsRenderAssets, useCmsRenderMediaBaseUrl } from './render-context.js';
10
+ import { resolveImageUrl } from '../utils/resolve-image-url.js';
11
+ function imageDimensions(widthMode, widthPx, tier) {
12
+ const mode = resolveResponsive(widthMode, tier, 'auto');
13
+ if (mode === 'full')
14
+ return { width: '100%', maxWidth: '100%', height: 'auto' };
15
+ if (mode === 'custom') {
16
+ const px = resolveResponsiveNumber(widthPx, tier, 320);
17
+ return { width: `${px}px`, maxWidth: '100%', height: 'auto' };
18
+ }
19
+ return { width: 'auto', maxWidth: '100%', height: 'auto' };
20
+ }
21
+ function imageStyle(props, tier) {
22
+ return {
23
+ ...imageDimensions(props.widthMode ?? 'auto', props.widthPx ?? 320, tier ?? 'mobile'),
24
+ objectFit: props.objectFit ?? 'cover',
25
+ opacity: (props.opacity ?? 100) / 100,
26
+ ...(props.cornerRadius ? { borderRadius: `${CORNER_RADIUS_PX[props.cornerRadius]}px` } : {}),
27
+ display: 'inline-block',
28
+ verticalAlign: 'middle',
29
+ };
30
+ }
31
+ function imageContentProps(imageSource, src, assetId, alt, href, linkTarget, objectFit, opacity, cornerRadius, widthMode, widthPx) {
32
+ return {
33
+ ...(imageSource !== undefined ? { imageSource } : {}),
34
+ ...(src !== undefined ? { src } : {}),
35
+ ...(assetId !== undefined ? { assetId } : {}),
36
+ ...(alt !== undefined ? { alt } : {}),
37
+ ...(href !== undefined ? { href } : {}),
38
+ ...(linkTarget !== undefined ? { linkTarget } : {}),
39
+ ...(objectFit !== undefined ? { objectFit } : {}),
40
+ ...(opacity !== undefined ? { opacity } : {}),
41
+ ...(cornerRadius !== undefined ? { cornerRadius } : {}),
42
+ ...(widthMode !== undefined ? { widthMode } : {}),
43
+ ...(widthPx !== undefined ? { widthPx } : {}),
44
+ };
45
+ }
46
+ function ImageContent({ props, tier, editing, assets, mediaBaseUrl, }) {
47
+ const resolvedSrc = resolveImageUrl(props, tier, assets, mediaBaseUrl);
48
+ if (!resolvedSrc) {
49
+ return editing ? (_jsx("div", { className: "cmsc:flex cmsc:min-h-[120px] cmsc:items-center cmsc:justify-center cmsc:rounded-[8px] cmsc:border cmsc:border-dashed cmsc:border-[#d9e0e7] cmsc:text-[#64748b] cmsc:text-sm", children: "Add an image" })) : null;
50
+ }
51
+ const img = (_jsx("img", { src: resolvedSrc, alt: props.alt ?? '', className: tier ? undefined : 'cmsc-pb-image-width', style: imageStyle(props, tier) }));
52
+ if (props.href) {
53
+ return (_jsx("a", { href: props.href, target: props.linkTarget ?? '_self', rel: props.linkTarget === '_blank' ? 'noreferrer' : undefined, className: "cmsc:inline-block", children: img }));
54
+ }
55
+ return img;
56
+ }
57
+ const ImageEditingRender = (props) => {
58
+ const tier = usePreviewBreakpointTier();
59
+ const assets = useCmsRenderAssets();
60
+ const mediaBaseUrl = useCmsRenderMediaBaseUrl();
61
+ const { align, imageSource, src, assetId, alt, href, linkTarget, objectFit, opacity, cornerRadius, widthMode, widthPx, ...box } = props;
62
+ const alignAttrs = textAlignDataAttrs(align, 'left');
63
+ return (_jsx(BoxStyled, { previewTier: tier, ...box, children: _jsx("div", { className: "cmsc-pb-text-align", style: { textAlign: resolveTextAlignForTier(align, tier, 'left') }, ...alignAttrs, children: _jsx(ImageContent, { props: imageContentProps(imageSource, src, assetId, alt, href, linkTarget, objectFit, opacity, cornerRadius, widthMode, widthPx), tier: tier, editing: true, assets: assets, ...(mediaBaseUrl !== undefined ? { mediaBaseUrl } : {}) }) }) }));
64
+ };
65
+ const ImagePublishedRender = (props) => {
66
+ const assets = useCmsRenderAssets();
67
+ const mediaBaseUrl = useCmsRenderMediaBaseUrl();
68
+ const { align, imageSource, src, assetId, alt, href, linkTarget, objectFit, opacity, cornerRadius, widthMode, widthPx, ...box } = props;
69
+ const usesCustomWidth = imageUsesCustomWidth(widthMode);
70
+ const alignAttrs = textAlignDataAttrs(align, 'left');
71
+ return (_jsx(BoxStyled, { ...box, ...(usesCustomWidth ? { style: buildResponsiveNumberVars('image-width', widthPx, 320) } : {}), children: _jsx("div", { className: responsiveTextAlignClass(align, 'left'), ...alignAttrs, children: _jsx(ImageContent, { props: imageContentProps(imageSource, src, assetId, alt, href, linkTarget, objectFit, opacity, cornerRadius, widthMode, widthPx), tier: null, editing: false, assets: assets, ...(mediaBaseUrl !== undefined ? { mediaBaseUrl } : {}) }) }) }));
72
+ };
73
+ const WIDTH_MODE_OPTIONS = [
74
+ { label: 'Auto', value: 'auto' },
75
+ { label: 'Full width', value: 'full' },
76
+ { label: 'Custom (px)', value: 'custom' },
77
+ ];
78
+ const imageConfig = {
79
+ label: 'Image',
80
+ fields: {
81
+ imageSource: {
82
+ type: 'select',
83
+ label: 'Image source',
84
+ metadata: PB_DATA_METADATA,
85
+ options: [
86
+ { label: 'URL', value: 'url' },
87
+ { label: 'Asset library', value: 'library' },
88
+ ],
89
+ },
90
+ src: { type: 'text', label: 'Image URL', metadata: PB_DATA_METADATA },
91
+ assetId: { type: 'text', label: 'Image', metadata: PB_DATA_METADATA },
92
+ alt: { type: 'text', label: 'Alt text' },
93
+ href: { type: 'text', label: 'Link URL' },
94
+ linkTarget: {
95
+ type: 'select',
96
+ label: 'Link target',
97
+ options: [
98
+ { label: 'Same tab', value: '_self' },
99
+ { label: 'New tab', value: '_blank' },
100
+ ],
101
+ },
102
+ objectFit: {
103
+ type: 'select',
104
+ label: 'Object fit',
105
+ options: [
106
+ { label: 'Cover', value: 'cover' },
107
+ { label: 'Contain', value: 'contain' },
108
+ { label: 'Fill', value: 'fill' },
109
+ { label: 'None', value: 'none' },
110
+ ],
111
+ },
112
+ opacity: {
113
+ type: 'number',
114
+ label: 'Opacity (%)',
115
+ min: 0,
116
+ max: 100,
117
+ step: 5,
118
+ },
119
+ cornerRadius: CORNER_RADIUS_FIELD,
120
+ widthMode: {
121
+ type: 'select',
122
+ label: 'Width',
123
+ metadata: PB_RESPONSIVE_METADATA,
124
+ options: WIDTH_MODE_OPTIONS,
125
+ },
126
+ widthPx: {
127
+ type: 'number',
128
+ label: 'Custom width (px)',
129
+ min: 16,
130
+ max: 2000,
131
+ step: 8,
132
+ metadata: PB_RESPONSIVE_METADATA,
133
+ },
134
+ align: {
135
+ type: 'select',
136
+ label: 'Align',
137
+ metadata: PB_RESPONSIVE_METADATA,
138
+ options: [
139
+ { label: 'Left', value: 'left' },
140
+ { label: 'Center', value: 'center' },
141
+ { label: 'Right', value: 'right' },
142
+ ],
143
+ },
144
+ margin: BOX_MARGIN_FIELD,
145
+ padding: BOX_PADDING_FIELD,
146
+ border: BOX_BORDER_FIELD,
147
+ },
148
+ defaultProps: {
149
+ ...DEFAULT_BOX_PROPS,
150
+ imageSource: 'url',
151
+ src: '',
152
+ assetId: '',
153
+ alt: '',
154
+ href: '',
155
+ linkTarget: '_self',
156
+ objectFit: 'cover',
157
+ opacity: 100,
158
+ widthMode: 'auto',
159
+ widthPx: 320,
160
+ align: 'left',
161
+ },
162
+ resolveFields: (data, { fields }) => {
163
+ const source = data.props.imageSource ?? 'url';
164
+ const next = { ...fields };
165
+ if (source === 'library') {
166
+ delete next.src;
167
+ }
168
+ else {
169
+ delete next.assetId;
170
+ }
171
+ if (!shouldShowImageCustomWidthField(data.props.widthMode)) {
172
+ delete next.widthPx;
173
+ }
174
+ return next;
175
+ },
176
+ render: (props) => props.puck?.isEditing ? _jsx(ImageEditingRender, { ...props }) : _jsx(ImagePublishedRender, { ...props }),
177
+ };
178
+ export const Image = withHideOn(imageConfig);
179
+ //# sourceMappingURL=Image.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Image.js","sourceRoot":"","sources":["../../src/components/Image.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAA4C,MAAM,gBAAgB,CAAC;AAE1E,OAAO,EACL,yBAAyB,EACzB,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,uBAAuB,EACvB,uBAAuB,EACvB,wBAAwB,EACxB,kBAAkB,EAClB,UAAU,GACX,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAErF,OAAO,EAAE,oBAAoB,EAAE,+BAA+B,EAAE,MAAM,mBAAmB,CAAC;AAC1F,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AACnF,OAAO,EAAE,eAAe,EAAoB,MAAM,+BAA+B,CAAC;AAElF,SAAS,eAAe,CACtB,SAAkC,EAClC,OAA8B,EAC9B,IAAqC;IAErC,MAAM,IAAI,GAAG,iBAAiB,CAAC,SAAS,EAAE,IAAI,EAAE,MAAwB,CAAC,CAAC;IAC1E,IAAI,IAAI,KAAK,MAAM;QAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;IAChF,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QACtB,MAAM,EAAE,GAAG,uBAAuB,CAAC,OAAO,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;QACvD,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;IAChE,CAAC;IACD,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAC7D,CAAC;AAED,SAAS,UAAU,CACjB,KAEC,EACD,IAA4C;IAE5C,OAAO;QACL,GAAG,eAAe,CAAC,KAAK,CAAC,SAAS,IAAI,MAAM,EAAE,KAAK,CAAC,OAAO,IAAI,GAAG,EAAE,IAAI,IAAI,QAAQ,CAAC;QACrF,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,OAAO;QACrC,OAAO,EAAE,CAAC,KAAK,CAAC,OAAO,IAAI,GAAG,CAAC,GAAG,GAAG;QACrC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,GAAG,gBAAgB,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC5F,OAAO,EAAE,cAAc;QACvB,aAAa,EAAE,QAAQ;KACxB,CAAC;AACJ,CAAC;AASD,SAAS,iBAAiB,CACxB,WAAkD,EAClD,GAAkC,EAClC,OAA0C,EAC1C,GAAkC,EAClC,IAAoC,EACpC,UAAgD,EAChD,SAA8C,EAC9C,OAA0C,EAC1C,YAAoD,EACpD,SAA8C,EAC9C,OAA0C;IAE1C,OAAO;QACL,GAAG,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACrD,GAAG,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACrC,GAAG,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7C,GAAG,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACrC,GAAG,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACvC,GAAG,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACnD,GAAG,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACjD,GAAG,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7C,GAAG,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACvD,GAAG,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACjD,GAAG,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KAC9C,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,EACpB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,MAAM,EACN,YAAY,GAOb;IACC,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;IAEvE,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,cAAK,SAAS,EAAC,6KAA6K,6BAEtL,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;IACX,CAAC;IAED,MAAM,GAAG,GAAG,CACV,cACE,GAAG,EAAE,WAAW,EAChB,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,EAAE,EACpB,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,qBAAqB,EACnD,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,GAC9B,CACH,CAAC;IAEF,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;QACf,OAAO,CACL,YACE,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,UAAU,IAAI,OAAO,EACnC,GAAG,EAAE,KAAK,CAAC,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC7D,SAAS,EAAC,mBAAmB,YAE5B,GAAG,GACF,CACL,CAAC;IACJ,CAAC;IAED,OAAO,GAAG,CAAC;AACb,CAAC;AAED,MAAM,kBAAkB,GAA8B,CAAC,KAAK,EAAE,EAAE;IAC9D,MAAM,IAAI,GAAG,wBAAwB,EAAE,CAAC;IACxC,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,YAAY,GAAG,wBAAwB,EAAE,CAAC;IAChD,MAAM,EACJ,KAAK,EACL,WAAW,EACX,GAAG,EACH,OAAO,EACP,GAAG,EACH,IAAI,EACJ,UAAU,EACV,SAAS,EACT,OAAO,EACP,YAAY,EACZ,SAAS,EACT,OAAO,EACP,GAAG,GAAG,EACP,GAAG,KAAK,CAAC;IACV,MAAM,UAAU,GAAG,kBAAkB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAErD,OAAO,CACL,KAAC,SAAS,IAAC,WAAW,EAAE,IAAI,KAAM,GAAG,YACnC,cACE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,EAAE,SAAS,EAAE,uBAAuB,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,KAC9D,UAAU,YAEd,KAAC,YAAY,IACX,KAAK,EAAE,iBAAiB,CAAC,WAAW,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,CAAC,EAChI,IAAI,EAAE,IAAI,EACV,OAAO,QACP,MAAM,EAAE,MAAM,KACV,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GACxD,GACE,GACI,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAA8B,CAAC,KAAK,EAAE,EAAE;IAChE,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,YAAY,GAAG,wBAAwB,EAAE,CAAC;IAChD,MAAM,EACJ,KAAK,EACL,WAAW,EACX,GAAG,EACH,OAAO,EACP,GAAG,EACH,IAAI,EACJ,UAAU,EACV,SAAS,EACT,OAAO,EACP,YAAY,EACZ,SAAS,EACT,OAAO,EACP,GAAG,GAAG,EACP,GAAG,KAAK,CAAC;IACV,MAAM,eAAe,GAAG,oBAAoB,CAAC,SAAS,CAAC,CAAC;IACxD,MAAM,UAAU,GAAG,kBAAkB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAErD,OAAO,CACL,KAAC,SAAS,OACJ,GAAG,KACH,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,yBAAyB,CAAC,aAAa,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAE9F,cAAK,SAAS,EAAE,wBAAwB,CAAC,KAAK,EAAE,MAAM,CAAC,KAAM,UAAU,YACrE,KAAC,YAAY,IACX,KAAK,EAAE,iBAAiB,CAAC,WAAW,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,CAAC,EAChI,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,KAAK,EACd,MAAM,EAAE,MAAM,KACV,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GACxD,GACE,GACI,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG;IACzB,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAChC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;IACtC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE;CAC1C,CAAC;AAEF,MAAM,WAAW,GAAgC;IAC/C,KAAK,EAAE,OAAO;IACd,MAAM,EAAE;QACN,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,cAAc;YACrB,QAAQ,EAAE,gBAAgB;YAC1B,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;gBAC9B,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,SAAS,EAAE;aAC7C;SACF;QACD,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,gBAAgB,EAAE;QACrE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE;QACrE,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE;QACxC,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE;QACzC,UAAU,EAAE;YACV,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,aAAa;YACpB,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE;gBACrC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE;aACtC;SACF;QACD,SAAS,EAAE;YACT,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,YAAY;YACnB,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;gBAClC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;gBACtC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;gBAChC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;aACjC;SACF;QACD,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,aAAa;YACpB,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,GAAG;YACR,IAAI,EAAE,CAAC;SACR;QACD,YAAY,EAAE,mBAAmB;QACjC,SAAS,EAAE;YACT,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,OAAO;YACd,QAAQ,EAAE,sBAAsB;YAChC,OAAO,EAAE,kBAAkB;SAC5B;QACD,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,mBAAmB;YAC1B,GAAG,EAAE,EAAE;YACP,GAAG,EAAE,IAAI;YACT,IAAI,EAAE,CAAC;YACP,QAAQ,EAAE,sBAAsB;SACjC;QACD,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,OAAO;YACd,QAAQ,EAAE,sBAAsB;YAChC,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;gBAChC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;gBACpC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;aACnC;SACF;QACD,MAAM,EAAE,gBAAgB;QACxB,OAAO,EAAE,iBAAiB;QAC1B,MAAM,EAAE,gBAAgB;KACzB;IACD,YAAY,EAAE;QACZ,GAAG,iBAAiB;QACpB,WAAW,EAAE,KAAK;QAClB,GAAG,EAAE,EAAE;QACP,OAAO,EAAE,EAAE;QACX,GAAG,EAAE,EAAE;QACP,IAAI,EAAE,EAAE;QACR,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,OAAO;QAClB,OAAO,EAAE,GAAG;QACZ,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,GAAG;QACZ,KAAK,EAAE,MAAM;KACd;IACD,aAAa,EAAE,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;QAClC,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC;QAC/C,MAAM,IAAI,GAA2B,EAAE,GAAG,MAAM,EAAE,CAAC;QACnD,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;YACzB,OAAO,IAAI,CAAC,GAAG,CAAC;QAClB,CAAC;aAAM,CAAC;YACN,OAAO,IAAI,CAAC,OAAO,CAAC;QACtB,CAAC;QACD,IAAI,CAAC,+BAA+B,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;YAC3D,OAAO,IAAI,CAAC,OAAO,CAAC;QACtB,CAAC;QACD,OAAO,IAAqB,CAAC;IAC/B,CAAC;IACD,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAChB,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,KAAC,kBAAkB,OAAK,KAAK,GAAI,CAAC,CAAC,CAAC,KAAC,oBAAoB,OAAK,KAAK,GAAI;CAClG,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC"}
@@ -0,0 +1,44 @@
1
+ import { type PuckComponent } from '@measured/puck';
2
+ import type { ImageSliderProps } from '../schema/component-types.js';
3
+ export { imageSliderTitleStyle } from './image-slider-item.js';
4
+ export declare const ImageSlider: {
5
+ render: PuckComponent<ImageSliderProps>;
6
+ label?: string;
7
+ defaultProps?: ImageSliderProps;
8
+ fields?: import("@measured/puck").Fields<ImageSliderProps, {}>;
9
+ permissions?: Partial<import("@measured/puck").Permissions>;
10
+ inline?: boolean;
11
+ resolveFields?: (data: Omit<import("@measured/puck").ComponentData<ImageSliderProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
12
+ changed: Partial<Record<keyof ImageSliderProps, boolean> & {
13
+ id: string;
14
+ }>;
15
+ fields: import("@measured/puck").Fields<ImageSliderProps, {}>;
16
+ lastFields: import("@measured/puck").Fields<ImageSliderProps, {}>;
17
+ lastData: Omit<import("@measured/puck").ComponentData<ImageSliderProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
18
+ appState: import("@measured/puck").AppState;
19
+ parent: import("@measured/puck").ComponentData | null;
20
+ }) => import("@measured/puck").Fields<ImageSliderProps, {}> | Promise<import("@measured/puck").Fields<ImageSliderProps, {}>>;
21
+ resolveData?: (data: Omit<import("@measured/puck").ComponentData<ImageSliderProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
22
+ changed: Partial<Record<keyof ImageSliderProps, boolean> & {
23
+ id: string;
24
+ }>;
25
+ lastData: Omit<import("@measured/puck").ComponentData<ImageSliderProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
26
+ metadata: import("@measured/puck").Metadata;
27
+ trigger: import("@measured/puck").ResolveDataTrigger;
28
+ }) => (Omit<Omit<import("@measured/puck").ComponentData<ImageSliderProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
29
+ props?: Partial<ImageSliderProps>;
30
+ }) | Promise<Omit<Omit<import("@measured/puck").ComponentData<ImageSliderProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
31
+ props?: Partial<ImageSliderProps>;
32
+ }>;
33
+ resolvePermissions?: (data: Omit<import("@measured/puck").ComponentData<ImageSliderProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
34
+ changed: Partial<Record<keyof ImageSliderProps, boolean> & {
35
+ id: string;
36
+ }>;
37
+ lastPermissions: Partial<import("@measured/puck").Permissions>;
38
+ permissions: Partial<import("@measured/puck").Permissions>;
39
+ appState: import("@measured/puck").AppState;
40
+ lastData: Omit<import("@measured/puck").ComponentData<ImageSliderProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
41
+ }) => Promise<Partial<import("@measured/puck").Permissions>> | Partial<import("@measured/puck").Permissions>;
42
+ metadata?: import("@measured/puck").Metadata;
43
+ };
44
+ //# sourceMappingURL=ImageSlider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ImageSlider.d.ts","sourceRoot":"","sources":["../../src/components/ImageSlider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwB,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAU1E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAmBrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAyP/D,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAgC,CAAC"}
@@ -0,0 +1,186 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import {} from '@measured/puck';
4
+ import { PB_ITEMS_METADATA, PB_RESPONSIVE_METADATA, createColorField, resolveResponsiveNumber, withHideOn, } from '@endora-commerce/page-builder-core';
5
+ import { useEditorCarouselPage } from '@endora-commerce/page-builder-core/editor/carousel-preview';
6
+ import { usePreviewBreakpointTier } from '@endora-commerce/page-builder-core/client';
7
+ import { useViewportBreakpointTier } from '../hooks/use-viewport-breakpoint-tier.js';
8
+ import { BoxStyled } from './box-styles.js';
9
+ import { BOX_BORDER_FIELD, BOX_MARGIN_FIELD, BOX_PADDING_FIELD, CORNER_RADIUS_FIELD, DEFAULT_BOX_PROPS, } from '../fields/shared-fields.js';
10
+ import { CarouselShell } from './carousel/CarouselShell.js';
11
+ import { useCmsRenderAssets, useCmsRenderMediaBaseUrl } from './render-context.js';
12
+ import { resolveImageUrl } from '../utils/resolve-image-url.js';
13
+ import { imageSliderTitleStyle, normalizeImageSliderItem, syncImageSliderItemImage, } from './image-slider-item.js';
14
+ export { imageSliderTitleStyle } from './image-slider-item.js';
15
+ function slidesPerViewForTier(tier) {
16
+ if (tier === 'desktop')
17
+ return 8;
18
+ if (tier === 'tablet')
19
+ return 4;
20
+ return 1;
21
+ }
22
+ function titlePlacementClass(placement) {
23
+ if (!placement || placement === 'none')
24
+ return '';
25
+ return `cmsc-pb-image-slider__title--${placement}`;
26
+ }
27
+ function ImageSliderBody({ props, tier, editing, previewPage = 0, }) {
28
+ const { items = [], slidesPerView = { base: 1, tablet: 4, desktop: 8 }, gap = 16, autoplay = false, intervalMs = 5000, showArrows = true, showDots = true, equalHeight = true, puck: _puck, ...box } = props;
29
+ const assets = useCmsRenderAssets();
30
+ const mediaBaseUrl = useCmsRenderMediaBaseUrl();
31
+ const perView = Math.max(1, Math.round(resolveResponsiveNumber(slidesPerView, tier, slidesPerViewForTier(tier))));
32
+ const gapPx = resolveResponsiveNumber(gap, tier, 16);
33
+ const carouselId = typeof props.id === 'string' ? props.id : undefined;
34
+ if (items.length === 0) {
35
+ return (_jsx(BoxStyled, { ...box, ...(editing ? { previewTier: tier } : {}), children: _jsx("p", { className: "cmsc:text-sm cmsc:text-[#64748b]", children: editing ? 'Add slides in the Items tab.' : null }) }));
36
+ }
37
+ return (_jsx(BoxStyled, { ...box, ...(editing ? { previewTier: tier } : {}), children: _jsx(CarouselShell, { slidesPerView: perView, gap: gapPx, autoplay: autoplay, intervalMs: intervalMs, showArrows: showArrows, showDots: showDots, equalHeight: equalHeight, editorPreview: editing, previewPage: editing ? previewPage : 0, ...(editing && carouselId !== undefined ? { editorCarouselId: carouselId } : {}), children: items.map((item, index) => {
38
+ const normalized = normalizeImageSliderItem(item);
39
+ const src = resolveImageUrl(normalized, tier, assets, mediaBaseUrl);
40
+ const showTitle = Boolean(item.title?.trim()) && item.titlePlacement !== 'none';
41
+ return (_jsxs("div", { className: "cmsc-pb-carousel__slide cmsc-pb-image-slider__slide", children: [src ? (_jsx("img", { src: src, alt: item.title?.trim() || '', className: "cmsc-pb-image-slider__image" })) : (_jsx("div", { className: "cmsc-pb-image-slider__placeholder", children: "Add an image" })), showTitle ? (_jsx("div", { className: `cmsc-pb-image-slider__title ${titlePlacementClass(item.titlePlacement)}`, style: imageSliderTitleStyle(item), children: item.title })) : null] }, index));
42
+ }) }) }));
43
+ }
44
+ const ImageSliderEditingRender = (props) => {
45
+ const carouselId = props.id;
46
+ const previewPage = useEditorCarouselPage(carouselId);
47
+ return _jsx(ImageSliderBody, { props: props, tier: usePreviewBreakpointTier(), editing: true, previewPage: previewPage });
48
+ };
49
+ const ImageSliderPublishedRender = (props) => (_jsx(ImageSliderBody, { props: props, tier: useViewportBreakpointTier(), editing: false }));
50
+ const TITLE_PLACEMENT_OPTIONS = [
51
+ { label: 'Hidden', value: 'none' },
52
+ { label: 'Top left', value: 'top-left' },
53
+ { label: 'Top center', value: 'top-center' },
54
+ { label: 'Top right', value: 'top-right' },
55
+ { label: 'Center', value: 'center' },
56
+ { label: 'Bottom left', value: 'bottom-left' },
57
+ { label: 'Bottom center', value: 'bottom-center' },
58
+ { label: 'Bottom right', value: 'bottom-right' },
59
+ ];
60
+ const imageSliderConfig = {
61
+ label: 'Image slider',
62
+ fields: {
63
+ items: {
64
+ type: 'array',
65
+ label: 'Slides',
66
+ metadata: PB_ITEMS_METADATA,
67
+ arrayFields: {
68
+ image: {
69
+ type: 'object',
70
+ label: 'Image',
71
+ objectFields: {
72
+ imageSource: {
73
+ type: 'select',
74
+ label: 'Image source',
75
+ options: [
76
+ { label: 'URL', value: 'url' },
77
+ { label: 'Asset library', value: 'library' },
78
+ ],
79
+ },
80
+ src: { type: 'text', label: 'Image URL' },
81
+ assetId: { type: 'text', label: 'Asset' },
82
+ },
83
+ },
84
+ title: { type: 'text', label: 'Title' },
85
+ titlePlacement: {
86
+ type: 'select',
87
+ label: 'Title placement',
88
+ options: [...TITLE_PLACEMENT_OPTIONS],
89
+ },
90
+ titleBackground: createColorField({ label: 'Title background' }),
91
+ titleColor: createColorField({ label: 'Title color' }),
92
+ titleBorderColor: createColorField({ label: 'Title border color' }),
93
+ titleBorderWidth: {
94
+ type: 'number',
95
+ label: 'Title border width (px)',
96
+ min: 0,
97
+ max: 12,
98
+ },
99
+ titleBorderRadius: { ...CORNER_RADIUS_FIELD, label: 'Title border radius' },
100
+ titlePaddingPx: {
101
+ type: 'number',
102
+ label: 'Title padding (px)',
103
+ min: 0,
104
+ max: 48,
105
+ },
106
+ },
107
+ defaultItemProps: {
108
+ image: { imageSource: 'url', src: '', assetId: '' },
109
+ imageSource: 'url',
110
+ src: '',
111
+ assetId: '',
112
+ title: '',
113
+ titlePlacement: 'bottom-center',
114
+ titleBackground: '',
115
+ titleColor: '',
116
+ titleBorderColor: '',
117
+ titleBorderWidth: 0,
118
+ titleBorderRadius: 'small',
119
+ titlePaddingPx: 8,
120
+ },
121
+ },
122
+ slidesPerView: {
123
+ type: 'select',
124
+ label: 'Slides per view',
125
+ metadata: PB_RESPONSIVE_METADATA,
126
+ options: [
127
+ { label: '1', value: 1 },
128
+ { label: '2', value: 2 },
129
+ { label: '3', value: 3 },
130
+ { label: '4', value: 4 },
131
+ { label: '5', value: 5 },
132
+ { label: '6', value: 6 },
133
+ { label: '7', value: 7 },
134
+ { label: '8', value: 8 },
135
+ ],
136
+ },
137
+ gap: {
138
+ type: 'number',
139
+ label: 'Gap (px)',
140
+ min: 0,
141
+ max: 48,
142
+ metadata: PB_RESPONSIVE_METADATA,
143
+ },
144
+ autoplay: { type: 'radio', label: 'Autoplay', options: [{ label: 'Yes', value: true }, { label: 'No', value: false }] },
145
+ intervalMs: { type: 'number', label: 'Autoplay interval (ms)', min: 2000, max: 15000 },
146
+ showArrows: { type: 'radio', label: 'Arrows', options: [{ label: 'Show', value: true }, { label: 'Hide', value: false }] },
147
+ showDots: { type: 'radio', label: 'Dots', options: [{ label: 'Show', value: true }, { label: 'Hide', value: false }] },
148
+ equalHeight: {
149
+ type: 'radio',
150
+ label: 'Equal slide height',
151
+ options: [{ label: 'Yes', value: true }, { label: 'No', value: false }],
152
+ },
153
+ margin: BOX_MARGIN_FIELD,
154
+ padding: BOX_PADDING_FIELD,
155
+ border: BOX_BORDER_FIELD,
156
+ },
157
+ defaultProps: {
158
+ items: [
159
+ {
160
+ image: { imageSource: 'url', src: '', assetId: '' },
161
+ imageSource: 'url',
162
+ src: '',
163
+ assetId: '',
164
+ title: '',
165
+ titlePlacement: 'bottom-center',
166
+ },
167
+ ],
168
+ slidesPerView: { base: 1, tablet: 4, desktop: 8 },
169
+ gap: 16,
170
+ autoplay: false,
171
+ intervalMs: 5000,
172
+ showArrows: true,
173
+ showDots: true,
174
+ equalHeight: true,
175
+ ...DEFAULT_BOX_PROPS,
176
+ },
177
+ resolveData: ({ props }) => ({
178
+ props: {
179
+ ...props,
180
+ items: (props.items ?? []).map((item) => syncImageSliderItemImage(item)),
181
+ },
182
+ }),
183
+ render: (props) => props.puck?.isEditing ? (_jsx(ImageSliderEditingRender, { ...props })) : (_jsx(ImageSliderPublishedRender, { ...props })),
184
+ };
185
+ export const ImageSlider = withHideOn(imageSliderConfig);
186
+ //# sourceMappingURL=ImageSlider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ImageSlider.js","sourceRoot":"","sources":["../../src/components/ImageSlider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAA4C,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,gBAAgB,EAChB,uBAAuB,EACvB,UAAU,GACX,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,4DAA4D,CAAC;AACnG,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAErF,OAAO,EAAE,yBAAyB,EAAE,MAAM,0CAA0C,CAAC;AACrF,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AACnF,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EACL,qBAAqB,EACrB,wBAAwB,EACxB,wBAAwB,GACzB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,SAAS,oBAAoB,CAAC,IAAqC;IACjE,IAAI,IAAI,KAAK,SAAS;QAAE,OAAO,CAAC,CAAC;IACjC,IAAI,IAAI,KAAK,QAAQ;QAAE,OAAO,CAAC,CAAC;IAChC,OAAO,CAAC,CAAC;AACX,CAAC;AAED,SAAS,mBAAmB,CAAC,SAA8D;IACzF,IAAI,CAAC,SAAS,IAAI,SAAS,KAAK,MAAM;QAAE,OAAO,EAAE,CAAC;IAClD,OAAO,gCAAgC,SAAS,EAAE,CAAC;AACrD,CAAC;AAED,SAAS,eAAe,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,WAAW,GAAG,CAAC,GAMhB;IACC,MAAM,EACJ,KAAK,GAAG,EAAE,EACV,aAAa,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAClD,GAAG,GAAG,EAAE,EACR,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,IAAI,EACjB,UAAU,GAAG,IAAI,EACjB,QAAQ,GAAG,IAAI,EACf,WAAW,GAAG,IAAI,EAClB,IAAI,EAAE,KAAK,EACX,GAAG,GAAG,EACP,GAAG,KAAK,CAAC;IACV,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,YAAY,GAAG,wBAAwB,EAAE,CAAC;IAChD,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,uBAAuB,CAAC,aAAa,EAAE,IAAI,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAClH,MAAM,KAAK,GAAG,uBAAuB,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;IACrD,MAAM,UAAU,GAAG,OAAO,KAAK,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAEvE,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,CACL,KAAC,SAAS,OAAK,GAAG,KAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAC5D,YAAG,SAAS,EAAC,kCAAkC,YAC5C,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,IAAI,GAC9C,GACM,CACb,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,SAAS,OAAK,GAAG,KAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAC5D,KAAC,aAAa,IACZ,aAAa,EAAE,OAAO,EACtB,GAAG,EAAE,KAAK,EACV,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,OAAO,EACtB,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,KAClC,CAAC,OAAO,IAAI,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAEhF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACzB,MAAM,UAAU,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAC;gBAClD,MAAM,GAAG,GAAG,eAAe,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;gBACpE,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,cAAc,KAAK,MAAM,CAAC;gBAChF,OAAO,CACL,eAAiB,SAAS,EAAC,qDAAqD,aAC7E,GAAG,CAAC,CAAC,CAAC,CACL,cACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,EAC7B,SAAS,EAAC,6BAA6B,GACvC,CACH,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,mCAAmC,6BAAmB,CACtE,EACA,SAAS,CAAC,CAAC,CAAC,CACX,cACE,SAAS,EAAE,+BAA+B,mBAAmB,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,EACpF,KAAK,EAAE,qBAAqB,CAAC,IAAI,CAAC,YAEjC,IAAI,CAAC,KAAK,GACP,CACP,CAAC,CAAC,CAAC,IAAI,KAjBA,KAAK,CAkBT,CACP,CAAC;YACJ,CAAC,CAAC,GACY,GACN,CACb,CAAC;AACJ,CAAC;AAED,MAAM,wBAAwB,GAAoC,CAAC,KAAK,EAAE,EAAE;IAC1E,MAAM,UAAU,GAAI,KAA4C,CAAC,EAAE,CAAC;IACpE,MAAM,WAAW,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAC;IACtD,OAAO,KAAC,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,wBAAwB,EAAE,EAAE,OAAO,QAAC,WAAW,EAAE,WAAW,GAAI,CAAC;AAC/G,CAAC,CAAC;AAEF,MAAM,0BAA0B,GAAoC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7E,KAAC,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,yBAAyB,EAAE,EAAE,OAAO,EAAE,KAAK,GAAI,CACrF,CAAC;AAEF,MAAM,uBAAuB,GAAG;IAC9B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;IAClC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;IACxC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;IAC5C,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;IAC1C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACpC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE;IAC9C,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;IAClD,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;CACxC,CAAC;AAEX,MAAM,iBAAiB,GAAsC;IAC3D,KAAK,EAAE,cAAc;IACrB,MAAM,EAAE;QACN,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,iBAAiB;YAC3B,WAAW,EAAE;gBACX,KAAK,EAAE;oBACL,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,OAAO;oBACd,YAAY,EAAE;wBACZ,WAAW,EAAE;4BACX,IAAI,EAAE,QAAQ;4BACd,KAAK,EAAE,cAAc;4BACrB,OAAO,EAAE;gCACP,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;gCAC9B,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,SAAS,EAAE;6BAC7C;yBACF;wBACD,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE;wBACzC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE;qBAC1C;iBACF;gBACD,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE;gBACvC,cAAc,EAAE;oBACd,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,iBAAiB;oBACxB,OAAO,EAAE,CAAC,GAAG,uBAAuB,CAAC;iBACtC;gBACD,eAAe,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC;gBAChE,UAAU,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC;gBACtD,gBAAgB,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,oBAAoB,EAAE,CAAC;gBACnE,gBAAgB,EAAE;oBAChB,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,yBAAyB;oBAChC,GAAG,EAAE,CAAC;oBACN,GAAG,EAAE,EAAE;iBACR;gBACD,iBAAiB,EAAE,EAAE,GAAG,mBAAmB,EAAE,KAAK,EAAE,qBAAqB,EAAE;gBAC3E,cAAc,EAAE;oBACd,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,oBAAoB;oBAC3B,GAAG,EAAE,CAAC;oBACN,GAAG,EAAE,EAAE;iBACR;aACO;YACV,gBAAgB,EAAE;gBAChB,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;gBACnD,WAAW,EAAE,KAAK;gBAClB,GAAG,EAAE,EAAE;gBACP,OAAO,EAAE,EAAE;gBACX,KAAK,EAAE,EAAE;gBACT,cAAc,EAAE,eAAe;gBAC/B,eAAe,EAAE,EAAE;gBACnB,UAAU,EAAE,EAAE;gBACd,gBAAgB,EAAE,EAAE;gBACpB,gBAAgB,EAAE,CAAC;gBACnB,iBAAiB,EAAE,OAAO;gBAC1B,cAAc,EAAE,CAAC;aAClB;SACF;QACD,aAAa,EAAE;YACb,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,iBAAiB;YACxB,QAAQ,EAAE,sBAAsB;YAChC,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE;gBACxB,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE;gBACxB,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE;gBACxB,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE;gBACxB,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE;gBACxB,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE;gBACxB,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE;gBACxB,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE;aACzB;SACF;QACD,GAAG,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,UAAU;YACjB,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,EAAE;YACP,QAAQ,EAAE,sBAAsB;SACjC;QACD,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE;QACvH,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE;QACtF,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE;QAC1H,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE;QACtH,WAAW,EAAE;YACX,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,oBAAoB;YAC3B,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;SACxE;QACD,MAAM,EAAE,gBAAgB;QACxB,OAAO,EAAE,iBAAiB;QAC1B,MAAM,EAAE,gBAAgB;KACzB;IACD,YAAY,EAAE;QACZ,KAAK,EAAE;YACL;gBACE,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;gBACnD,WAAW,EAAE,KAAK;gBAClB,GAAG,EAAE,EAAE;gBACP,OAAO,EAAE,EAAE;gBACX,KAAK,EAAE,EAAE;gBACT,cAAc,EAAE,eAAe;aAChC;SACF;QACD,aAAa,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE;QACjD,GAAG,EAAE,EAAE;QACP,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE,IAAI;QAChB,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,IAAI;QACd,WAAW,EAAE,IAAI;QACjB,GAAG,iBAAiB;KACrB;IACD,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QAC3B,KAAK,EAAE;YACL,GAAG,KAAK;YACR,KAAK,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC;SACzE;KACF,CAAC;IACF,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAChB,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CACtB,KAAC,wBAAwB,OAAK,KAAK,GAAI,CACxC,CAAC,CAAC,CAAC,CACF,KAAC,0BAA0B,OAAK,KAAK,GAAI,CAC1C;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { type ComponentConfig } from '@measured/puck';
2
+ import type { InsertBlockProps } from '../schema/component-types.js';
3
+ export declare const InsertBlock: ComponentConfig<InsertBlockProps>;
4
+ //# sourceMappingURL=InsertBlock.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InsertBlock.d.ts","sourceRoot":"","sources":["../../src/components/InsertBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAQrE,eAAO,MAAM,WAAW,EAAE,eAAe,CAAC,gBAAgB,CAuBzD,CAAC"}
@@ -0,0 +1,30 @@
1
+ import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
2
+ import {} from '@measured/puck';
3
+ import { useCmsRenderEmbeds } from './render-context.js';
4
+ // Former `emptyEmbed` CSSProperties as `cmsc:`-prefixed utilities (verbatim:
5
+ // 1px dashed #9aa7b4, radius 8, padding 16, #5f6b7a on #f8fafc, 14px, Inter). Feature 041.
6
+ const EMPTY_EMBED = 'cmsc:font-sans cmsc:border cmsc:border-dashed cmsc:border-[#9aa7b4] cmsc:rounded-[8px] cmsc:p-[16px] cmsc:text-[#5f6b7a] cmsc:bg-[#f8fafc] cmsc:text-[14px]';
7
+ export const InsertBlock = {
8
+ label: 'Insert Block',
9
+ fields: {
10
+ code: { type: 'text', label: 'Block code' },
11
+ },
12
+ defaultProps: {
13
+ code: '',
14
+ },
15
+ render: ({ code }) => {
16
+ // Puck calls `render` as a React component — it is mounted, not invoked —
17
+ // so a hook here obeys the rules of hooks. The linter cannot see that
18
+ // through `ComponentConfig`, and it is the field's name rather than the
19
+ // call that it objects to. Surfaced when feature 091 registered
20
+ // `react-hooks` for every `.tsx` in the repository rather than for the
21
+ // admin application alone; the call has always been correct.
22
+ // eslint-disable-next-line react-hooks/rules-of-hooks
23
+ const { blocks } = useCmsRenderEmbeds();
24
+ const rendered = code ? blocks[code] : null;
25
+ if (rendered)
26
+ return _jsx(_Fragment, { children: rendered });
27
+ return _jsx("div", { className: EMPTY_EMBED, children: code ? `Block "${code}"` : 'Choose a block code' });
28
+ },
29
+ };
30
+ //# sourceMappingURL=InsertBlock.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InsertBlock.js","sourceRoot":"","sources":["../../src/components/InsertBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAwB,MAAM,gBAAgB,CAAC;AAEtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,6EAA6E;AAC7E,2FAA2F;AAC3F,MAAM,WAAW,GACf,6JAA6J,CAAC;AAEhK,MAAM,CAAC,MAAM,WAAW,GAAsC;IAC5D,KAAK,EAAE,cAAc;IACrB,MAAM,EAAE;QACN,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE;KAC5C;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,EAAE;KACT;IACD,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;QACnB,0EAA0E;QAC1E,sEAAsE;QACtE,wEAAwE;QACxE,gEAAgE;QAChE,uEAAuE;QACvE,6DAA6D;QAC7D,sDAAsD;QACtD,MAAM,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE,CAAC;QACxC,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAE5C,IAAI,QAAQ;YAAE,OAAO,4BAAG,QAAQ,GAAI,CAAC;QAErC,OAAO,cAAK,SAAS,EAAE,WAAW,YAAG,IAAI,CAAC,CAAC,CAAC,UAAU,IAAI,GAAG,CAAC,CAAC,CAAC,qBAAqB,GAAO,CAAC;IAC/F,CAAC;CACF,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { type ComponentConfig } from '@measured/puck';
2
+ import type { InsertTemplateProps } from '../schema/component-types.js';
3
+ export declare const InsertTemplate: ComponentConfig<InsertTemplateProps>;
4
+ //# sourceMappingURL=InsertTemplate.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InsertTemplate.d.ts","sourceRoot":"","sources":["../../src/components/InsertTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAQxE,eAAO,MAAM,cAAc,EAAE,eAAe,CAAC,mBAAmB,CAyB/D,CAAC"}
@@ -0,0 +1,30 @@
1
+ import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
2
+ import {} from '@measured/puck';
3
+ import { useCmsRenderEmbeds } from './render-context.js';
4
+ // Former `emptyEmbed` CSSProperties as `cmsc:`-prefixed utilities (verbatim:
5
+ // 1px dashed #9aa7b4, radius 8, padding 16, #5f6b7a on #f8fafc, 14px, Inter). Feature 041.
6
+ const EMPTY_EMBED = 'cmsc:font-sans cmsc:border cmsc:border-dashed cmsc:border-[#9aa7b4] cmsc:rounded-[8px] cmsc:p-[16px] cmsc:text-[#5f6b7a] cmsc:bg-[#f8fafc] cmsc:text-[14px]';
7
+ export const InsertTemplate = {
8
+ label: 'Insert Template',
9
+ fields: {
10
+ code: { type: 'text', label: 'Template code' },
11
+ },
12
+ defaultProps: {
13
+ code: '',
14
+ },
15
+ render: ({ code }) => {
16
+ // Puck calls `render` as a React component — it is mounted, not invoked —
17
+ // so a hook here obeys the rules of hooks. The linter cannot see that
18
+ // through `ComponentConfig`, and it is the field's name rather than the
19
+ // call that it objects to. Surfaced when feature 091 registered
20
+ // `react-hooks` for every `.tsx` in the repository rather than for the
21
+ // admin application alone; the call has always been correct.
22
+ // eslint-disable-next-line react-hooks/rules-of-hooks
23
+ const { templates } = useCmsRenderEmbeds();
24
+ const rendered = code ? templates[code] : null;
25
+ if (rendered)
26
+ return _jsx(_Fragment, { children: rendered });
27
+ return (_jsx("div", { className: EMPTY_EMBED, children: code ? `Template "${code}"` : 'Choose a template code' }));
28
+ },
29
+ };
30
+ //# sourceMappingURL=InsertTemplate.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InsertTemplate.js","sourceRoot":"","sources":["../../src/components/InsertTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAwB,MAAM,gBAAgB,CAAC;AAEtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,6EAA6E;AAC7E,2FAA2F;AAC3F,MAAM,WAAW,GACf,6JAA6J,CAAC;AAEhK,MAAM,CAAC,MAAM,cAAc,GAAyC;IAClE,KAAK,EAAE,iBAAiB;IACxB,MAAM,EAAE;QACN,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE;KAC/C;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,EAAE;KACT;IACD,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;QACnB,0EAA0E;QAC1E,sEAAsE;QACtE,wEAAwE;QACxE,gEAAgE;QAChE,uEAAuE;QACvE,6DAA6D;QAC7D,sDAAsD;QACtD,MAAM,EAAE,SAAS,EAAE,GAAG,kBAAkB,EAAE,CAAC;QAC3C,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAE/C,IAAI,QAAQ;YAAE,OAAO,4BAAG,QAAQ,GAAI,CAAC;QAErC,OAAO,CACL,cAAK,SAAS,EAAE,WAAW,YAAG,IAAI,CAAC,CAAC,CAAC,aAAa,IAAI,GAAG,CAAC,CAAC,CAAC,wBAAwB,GAAO,CAC5F,CAAC;IACJ,CAAC;CACF,CAAC"}
@@ -0,0 +1,43 @@
1
+ import { type PuckComponent } from '@measured/puck';
2
+ import type { LogoStripProps } from '../schema/component-types.js';
3
+ export declare const LogoStrip: {
4
+ render: PuckComponent<LogoStripProps>;
5
+ label?: string;
6
+ defaultProps?: LogoStripProps;
7
+ fields?: import("@measured/puck").Fields<LogoStripProps, {}>;
8
+ permissions?: Partial<import("@measured/puck").Permissions>;
9
+ inline?: boolean;
10
+ resolveFields?: (data: Omit<import("@measured/puck").ComponentData<LogoStripProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
11
+ changed: Partial<Record<keyof LogoStripProps, boolean> & {
12
+ id: string;
13
+ }>;
14
+ fields: import("@measured/puck").Fields<LogoStripProps, {}>;
15
+ lastFields: import("@measured/puck").Fields<LogoStripProps, {}>;
16
+ lastData: Omit<import("@measured/puck").ComponentData<LogoStripProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
17
+ appState: import("@measured/puck").AppState;
18
+ parent: import("@measured/puck").ComponentData | null;
19
+ }) => import("@measured/puck").Fields<LogoStripProps, {}> | Promise<import("@measured/puck").Fields<LogoStripProps, {}>>;
20
+ resolveData?: (data: Omit<import("@measured/puck").ComponentData<LogoStripProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
21
+ changed: Partial<Record<keyof LogoStripProps, boolean> & {
22
+ id: string;
23
+ }>;
24
+ lastData: Omit<import("@measured/puck").ComponentData<LogoStripProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
25
+ metadata: import("@measured/puck").Metadata;
26
+ trigger: import("@measured/puck").ResolveDataTrigger;
27
+ }) => (Omit<Omit<import("@measured/puck").ComponentData<LogoStripProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
28
+ props?: Partial<LogoStripProps>;
29
+ }) | Promise<Omit<Omit<import("@measured/puck").ComponentData<LogoStripProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
30
+ props?: Partial<LogoStripProps>;
31
+ }>;
32
+ resolvePermissions?: (data: Omit<import("@measured/puck").ComponentData<LogoStripProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
33
+ changed: Partial<Record<keyof LogoStripProps, boolean> & {
34
+ id: string;
35
+ }>;
36
+ lastPermissions: Partial<import("@measured/puck").Permissions>;
37
+ permissions: Partial<import("@measured/puck").Permissions>;
38
+ appState: import("@measured/puck").AppState;
39
+ lastData: Omit<import("@measured/puck").ComponentData<LogoStripProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
40
+ }) => Promise<Partial<import("@measured/puck").Permissions>> | Partial<import("@measured/puck").Permissions>;
41
+ metadata?: import("@measured/puck").Metadata;
42
+ };
43
+ //# sourceMappingURL=LogoStrip.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LogoStrip.d.ts","sourceRoot":"","sources":["../../src/components/LogoStrip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwB,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG1E,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,8BAA8B,CAAC;AA2NlF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA8B,CAAC"}