@clay-ds/react 0.2.1 → 0.3.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.
@@ -4618,6 +4618,18 @@ function superRefine(fn, params) {
4618
4618
  }
4619
4619
  const cta = object({ label: string(), href: string() });
4620
4620
  const containerWidth = _enum(["default", "wide", "full"]).optional();
4621
+ const media = object({
4622
+ /** Absolute URL of the image or video asset */
4623
+ src: string(),
4624
+ /** Asset type — defaults to 'image' at render time */
4625
+ type: _enum(["image", "video"]).optional(),
4626
+ /** Alt text for images (leave empty for decorative media) */
4627
+ alt: string().optional(),
4628
+ /** CSS object-fit behaviour — defaults to 'cover' */
4629
+ fit: _enum(["contain", "cover", "fill"]).optional(),
4630
+ /** CSS aspect-ratio value, e.g. '16/9' or '4/3' */
4631
+ aspectRatio: string().optional()
4632
+ });
4621
4633
  const headerSectionSchema = object({
4622
4634
  layout: _enum([
4623
4635
  "centered-image",
@@ -4640,6 +4652,8 @@ const headerSectionSchema = object({
4640
4652
  logoKeys: array(string()).optional(),
4641
4653
  /** CTA buttons */
4642
4654
  ctas: array(cta).optional(),
4655
+ /** Optional hero media (external image/video URL) */
4656
+ media: media.optional(),
4643
4657
  containerWidth
4644
4658
  });
4645
4659
  const customerLogoSectionSchema = object({
@@ -4680,7 +4694,9 @@ const featuresSectionSchema = object({
4680
4694
  topic: string().optional(),
4681
4695
  bullets: array(string()).optional(),
4682
4696
  cta: object({ label: string(), href: string().optional() }).optional(),
4683
- cta2: object({ label: string(), href: string().optional() }).optional()
4697
+ cta2: object({ label: string(), href: string().optional() }).optional(),
4698
+ /** Optional item media (external image/video URL) */
4699
+ media: media.optional()
4684
4700
  })
4685
4701
  ),
4686
4702
  containerWidth
@@ -4702,7 +4718,9 @@ const cardsSectionSchema = object({
4702
4718
  object({
4703
4719
  miniTitle: string().optional(),
4704
4720
  heading: string(),
4705
- description: string().optional()
4721
+ description: string().optional(),
4722
+ /** Optional card media (external image/video URL) */
4723
+ media: media.optional()
4706
4724
  })
4707
4725
  ).optional(),
4708
4726
  revealCards: array(