@cntrl-site/sdk 1.23.2 → 1.24.0

package/dist/index.d.ts

@@ -9,7 +9,7 @@ export { AreaAnchor, AnchorSide, DimensionMode, PositionType } from './types/art
 export { KeyframeType } from './types/keyframe/Keyframe';
 export type { Article } from './types/article/Article';
 export type { Section, SectionHeight } from './types/article/Section';
-export type { Item, ImageItem, ItemAny, CustomItem, ItemCommonParamsMap, ItemLayoutParamsMap, RectangleItem, StickyParams, VideoItem, RichTextItem, Link, VimeoEmbedItem, YoutubeEmbedItem, GroupItem, CodeEmbedItem, CompoundItem, ComponentItem } from './types/article/Item';
+export type { Item, ImageItem, ItemAny, CustomItem, ItemCommonParamsMap, ItemLayoutParamsMap, RectangleItem, StickyParams, VideoItem, RichTextItem, Link, VimeoEmbedItem, YoutubeEmbedItem, GroupItem, CodeEmbedItem, CompoundItem, ComponentItem, FillLayer } from './types/article/Item';
 export type { RichTextBlock, RichTextEntity, RichTextStyle } from './types/article/RichText';
 export type { ItemArea } from './types/article/ItemArea';
 export type { ItemState, ItemStateParams, StateParams, ItemStatesMap } from './types/article/ItemState';

package/dist/index.js

@@ -31,6 +31,55 @@ var SectionHeightMode = /* @__PURE__ */ ((SectionHeightMode2) => {
   SectionHeightMode2["ViewportHeightUnits"] = "viewport-height-units";
   return SectionHeightMode2;
 })(SectionHeightMode || {});
+const ColorPointSchema = zod.z.object({
+  id: zod.z.string(),
+  value: zod.z.string(),
+  position: zod.z.number()
+});
+const FillLayerSchema = zod.z.discriminatedUnion("type", [
+  zod.z.object({
+    id: zod.z.string(),
+    type: zod.z.literal("solid"),
+    value: zod.z.string(),
+    blendMode: zod.z.string()
+  }),
+  zod.z.object({
+    id: zod.z.string(),
+    type: zod.z.literal("linear-gradient"),
+    colors: zod.z.array(ColorPointSchema),
+    start: zod.z.tuple([zod.z.number(), zod.z.number()]),
+    end: zod.z.tuple([zod.z.number(), zod.z.number()]),
+    angle: zod.z.number(),
+    blendMode: zod.z.string()
+  }),
+  zod.z.object({
+    id: zod.z.string(),
+    type: zod.z.literal("radial-gradient"),
+    colors: zod.z.array(ColorPointSchema),
+    center: zod.z.tuple([zod.z.number(), zod.z.number()]),
+    diameter: zod.z.number(),
+    angle: zod.z.number(),
+    blendMode: zod.z.string()
+  }),
+  zod.z.object({
+    id: zod.z.string(),
+    type: zod.z.literal("conic-gradient"),
+    colors: zod.z.array(ColorPointSchema),
+    center: zod.z.tuple([zod.z.number(), zod.z.number()]),
+    angle: zod.z.number(),
+    blendMode: zod.z.string()
+  }),
+  zod.z.object({
+    id: zod.z.string(),
+    type: zod.z.literal("image"),
+    src: zod.z.string(),
+    behavior: zod.z.string(),
+    backgroundSize: zod.z.number(),
+    opacity: zod.z.number(),
+    blendMode: zod.z.string(),
+    rotation: zod.z.number().optional()
+  })
+]);
 const TransitionSchema = zod.z.object({
   timing: zod.z.string(),
   duration: zod.z.number(),
@@ -56,13 +105,13 @@ const MediaStateParamsSchema = zod.z.object({
   opacity: getStateParamsSchema(zod.z.number()),
   radius: getStateParamsSchema(zod.z.number()),
   strokeWidth: getStateParamsSchema(zod.z.number()),
-  strokeColor: getStateParamsSchema(zod.z.string())
+  strokeFill: getStateParamsSchema(zod.z.array(FillLayerSchema))
 }).merge(ItemStateBaseSchema);
 const RectangleStateParamsSchema = zod.z.object({
   strokeWidth: getStateParamsSchema(zod.z.number()),
   radius: getStateParamsSchema(zod.z.number()),
-  fillColor: getStateParamsSchema(zod.z.string()),
-  strokeColor: getStateParamsSchema(zod.z.string()),
+  fill: getStateParamsSchema(zod.z.array(FillLayerSchema)),
+  strokeFill: getStateParamsSchema(zod.z.array(FillLayerSchema)),
   backdropBlur: getStateParamsSchema(zod.z.number())
 }).merge(ItemStateBaseSchema);
 const CustomItemStateParamsSchema = ItemStateBaseSchema;
@@ -290,7 +339,7 @@ const ImageItemSchema = ItemBaseSchema.extend({
       opacity: zod.z.number().nonnegative(),
       radius: zod.z.number(),
       strokeWidth: zod.z.number(),
-      strokeColor: zod.z.string(),
+      strokeFill: zod.z.array(FillLayerSchema),
       blur: zod.z.number(),
       isDraggable: zod.z.boolean().optional()
     })
@@ -318,7 +367,7 @@ const VideoItemSchema = ItemBaseSchema.extend({
       opacity: zod.z.number().nonnegative(),
       radius: zod.z.number(),
       strokeWidth: zod.z.number(),
-      strokeColor: zod.z.string(),
+      strokeFill: zod.z.array(FillLayerSchema),
       blur: zod.z.number(),
       isDraggable: zod.z.boolean().optional(),
       play: zod.z.enum(["on-hover", "on-click", "auto"]),
@@ -344,8 +393,8 @@ const RectangleItemSchema = ItemBaseSchema.extend({
     zod.z.object({
       radius: zod.z.number(),
       strokeWidth: zod.z.number(),
-      fillColor: zod.z.string().min(1),
-      strokeColor: zod.z.string().min(1),
+      fill: zod.z.array(FillLayerSchema),
+      strokeFill: zod.z.array(FillLayerSchema),
       blur: zod.z.number(),
       backdropBlur: zod.z.number(),
       blurMode: zod.z.enum(["default", "backdrop"]),
@@ -645,8 +694,6 @@ var KeyframeType = /* @__PURE__ */ ((KeyframeType2) => {
   KeyframeType2["Rotation"] = "rotation";
   KeyframeType2["BorderRadius"] = "border-radius";
   KeyframeType2["BorderWidth"] = "border-width";
-  KeyframeType2["Color"] = "color";
-  KeyframeType2["BorderColor"] = "border-color";
   KeyframeType2["Opacity"] = "opacity";
   KeyframeType2["Scale"] = "scale";
   KeyframeType2["TextColor"] = "text-color";
@@ -655,6 +702,8 @@ var KeyframeType = /* @__PURE__ */ ((KeyframeType2) => {
   KeyframeType2["Blur"] = "blur";
   KeyframeType2["BackdropBlur"] = "backdrop-blur";
   KeyframeType2["FXParams"] = "fx-params";
+  KeyframeType2["BorderFill"] = "border-fill";
+  KeyframeType2["Fill"] = "fill";
   return KeyframeType2;
 })(KeyframeType || {});
 const KeyframesBaseSchema = zod.z.object({
@@ -695,17 +744,9 @@ const BorderWidthKeyframeSchema = KeyframesBaseSchema.extend({
     borderWidth: zod.z.number().nonnegative()
   })
 });
-const ColorKeyframeSchema = KeyframesBaseSchema.extend({
-  type: zod.z.literal(KeyframeType.Color),
-  value: zod.z.object({
-    color: zod.z.string()
-  })
-});
-const BorderColorKeyframeSchema = KeyframesBaseSchema.extend({
-  type: zod.z.literal(KeyframeType.BorderColor),
-  value: zod.z.object({
-    color: zod.z.string()
-  })
+const BorderFillKeyframeSchema = KeyframesBaseSchema.extend({
+  type: zod.z.literal(KeyframeType.BorderFill),
+  value: zod.z.array(FillLayerSchema)
 });
 const OpacityKeyframeSchema = KeyframesBaseSchema.extend({
   type: zod.z.literal(KeyframeType.Opacity),
@@ -753,14 +794,17 @@ const FXParamsKeyframeSchema = KeyframesBaseSchema.extend({
   type: zod.z.literal(KeyframeType.FXParams),
   value: zod.z.record(zod.z.string(), zod.z.number())
 });
+const FillKeyframeSchema = KeyframesBaseSchema.extend({
+  type: zod.z.literal(KeyframeType.Fill),
+  value: zod.z.array(FillLayerSchema)
+});
 const KeyframeSchema = zod.z.discriminatedUnion("type", [
   DimensionsKeyframeSchema,
   PositionKeyframeSchema,
   RotationKeyframeSchema,
   BorderRadiusKeyframeSchema,
   BorderWidthKeyframeSchema,
-  ColorKeyframeSchema,
-  BorderColorKeyframeSchema,
+  BorderFillKeyframeSchema,
   OpacityKeyframeSchema,
   ScaleKeyframeSchema,
   BlurKeyframeSchema,
@@ -768,7 +812,8 @@ const KeyframeSchema = zod.z.discriminatedUnion("type", [
   TextColorKeyframeSchema,
   LetterSpacingKeyframeSchema,
   WordSpacingKeyframeSchema,
-  FXParamsKeyframeSchema
+  FXParamsKeyframeSchema,
+  FillKeyframeSchema
 ]);
 const KeyframesSchema = zod.z.array(KeyframeSchema);
 class Client {

package/dist/index.mjs

@@ -12,6 +12,55 @@ var SectionHeightMode = /* @__PURE__ */ ((SectionHeightMode2) => {
   SectionHeightMode2["ViewportHeightUnits"] = "viewport-height-units";
   return SectionHeightMode2;
 })(SectionHeightMode || {});
+const ColorPointSchema = z.object({
+  id: z.string(),
+  value: z.string(),
+  position: z.number()
+});
+const FillLayerSchema = z.discriminatedUnion("type", [
+  z.object({
+    id: z.string(),
+    type: z.literal("solid"),
+    value: z.string(),
+    blendMode: z.string()
+  }),
+  z.object({
+    id: z.string(),
+    type: z.literal("linear-gradient"),
+    colors: z.array(ColorPointSchema),
+    start: z.tuple([z.number(), z.number()]),
+    end: z.tuple([z.number(), z.number()]),
+    angle: z.number(),
+    blendMode: z.string()
+  }),
+  z.object({
+    id: z.string(),
+    type: z.literal("radial-gradient"),
+    colors: z.array(ColorPointSchema),
+    center: z.tuple([z.number(), z.number()]),
+    diameter: z.number(),
+    angle: z.number(),
+    blendMode: z.string()
+  }),
+  z.object({
+    id: z.string(),
+    type: z.literal("conic-gradient"),
+    colors: z.array(ColorPointSchema),
+    center: z.tuple([z.number(), z.number()]),
+    angle: z.number(),
+    blendMode: z.string()
+  }),
+  z.object({
+    id: z.string(),
+    type: z.literal("image"),
+    src: z.string(),
+    behavior: z.string(),
+    backgroundSize: z.number(),
+    opacity: z.number(),
+    blendMode: z.string(),
+    rotation: z.number().optional()
+  })
+]);
 const TransitionSchema = z.object({
   timing: z.string(),
   duration: z.number(),
@@ -37,13 +86,13 @@ const MediaStateParamsSchema = z.object({
   opacity: getStateParamsSchema(z.number()),
   radius: getStateParamsSchema(z.number()),
   strokeWidth: getStateParamsSchema(z.number()),
-  strokeColor: getStateParamsSchema(z.string())
+  strokeFill: getStateParamsSchema(z.array(FillLayerSchema))
 }).merge(ItemStateBaseSchema);
 const RectangleStateParamsSchema = z.object({
   strokeWidth: getStateParamsSchema(z.number()),
   radius: getStateParamsSchema(z.number()),
-  fillColor: getStateParamsSchema(z.string()),
-  strokeColor: getStateParamsSchema(z.string()),
+  fill: getStateParamsSchema(z.array(FillLayerSchema)),
+  strokeFill: getStateParamsSchema(z.array(FillLayerSchema)),
   backdropBlur: getStateParamsSchema(z.number())
 }).merge(ItemStateBaseSchema);
 const CustomItemStateParamsSchema = ItemStateBaseSchema;
@@ -271,7 +320,7 @@ const ImageItemSchema = ItemBaseSchema.extend({
       opacity: z.number().nonnegative(),
       radius: z.number(),
       strokeWidth: z.number(),
-      strokeColor: z.string(),
+      strokeFill: z.array(FillLayerSchema),
       blur: z.number(),
       isDraggable: z.boolean().optional()
     })
@@ -299,7 +348,7 @@ const VideoItemSchema = ItemBaseSchema.extend({
       opacity: z.number().nonnegative(),
       radius: z.number(),
       strokeWidth: z.number(),
-      strokeColor: z.string(),
+      strokeFill: z.array(FillLayerSchema),
       blur: z.number(),
       isDraggable: z.boolean().optional(),
       play: z.enum(["on-hover", "on-click", "auto"]),
@@ -325,8 +374,8 @@ const RectangleItemSchema = ItemBaseSchema.extend({
     z.object({
       radius: z.number(),
       strokeWidth: z.number(),
-      fillColor: z.string().min(1),
-      strokeColor: z.string().min(1),
+      fill: z.array(FillLayerSchema),
+      strokeFill: z.array(FillLayerSchema),
       blur: z.number(),
       backdropBlur: z.number(),
       blurMode: z.enum(["default", "backdrop"]),
@@ -626,8 +675,6 @@ var KeyframeType = /* @__PURE__ */ ((KeyframeType2) => {
   KeyframeType2["Rotation"] = "rotation";
   KeyframeType2["BorderRadius"] = "border-radius";
   KeyframeType2["BorderWidth"] = "border-width";
-  KeyframeType2["Color"] = "color";
-  KeyframeType2["BorderColor"] = "border-color";
   KeyframeType2["Opacity"] = "opacity";
   KeyframeType2["Scale"] = "scale";
   KeyframeType2["TextColor"] = "text-color";
@@ -636,6 +683,8 @@ var KeyframeType = /* @__PURE__ */ ((KeyframeType2) => {
   KeyframeType2["Blur"] = "blur";
   KeyframeType2["BackdropBlur"] = "backdrop-blur";
   KeyframeType2["FXParams"] = "fx-params";
+  KeyframeType2["BorderFill"] = "border-fill";
+  KeyframeType2["Fill"] = "fill";
   return KeyframeType2;
 })(KeyframeType || {});
 const KeyframesBaseSchema = z.object({
@@ -676,17 +725,9 @@ const BorderWidthKeyframeSchema = KeyframesBaseSchema.extend({
     borderWidth: z.number().nonnegative()
   })
 });
-const ColorKeyframeSchema = KeyframesBaseSchema.extend({
-  type: z.literal(KeyframeType.Color),
-  value: z.object({
-    color: z.string()
-  })
-});
-const BorderColorKeyframeSchema = KeyframesBaseSchema.extend({
-  type: z.literal(KeyframeType.BorderColor),
-  value: z.object({
-    color: z.string()
-  })
+const BorderFillKeyframeSchema = KeyframesBaseSchema.extend({
+  type: z.literal(KeyframeType.BorderFill),
+  value: z.array(FillLayerSchema)
 });
 const OpacityKeyframeSchema = KeyframesBaseSchema.extend({
   type: z.literal(KeyframeType.Opacity),
@@ -734,14 +775,17 @@ const FXParamsKeyframeSchema = KeyframesBaseSchema.extend({
   type: z.literal(KeyframeType.FXParams),
   value: z.record(z.string(), z.number())
 });
+const FillKeyframeSchema = KeyframesBaseSchema.extend({
+  type: z.literal(KeyframeType.Fill),
+  value: z.array(FillLayerSchema)
+});
 const KeyframeSchema = z.discriminatedUnion("type", [
   DimensionsKeyframeSchema,
   PositionKeyframeSchema,
   RotationKeyframeSchema,
   BorderRadiusKeyframeSchema,
   BorderWidthKeyframeSchema,
-  ColorKeyframeSchema,
-  BorderColorKeyframeSchema,
+  BorderFillKeyframeSchema,
   OpacityKeyframeSchema,
   ScaleKeyframeSchema,
   BlurKeyframeSchema,
@@ -749,7 +793,8 @@ const KeyframeSchema = z.discriminatedUnion("type", [
   TextColorKeyframeSchema,
   LetterSpacingKeyframeSchema,
   WordSpacingKeyframeSchema,
-  FXParamsKeyframeSchema
+  FXParamsKeyframeSchema,
+  FillKeyframeSchema
 ]);
 const KeyframesSchema = z.array(KeyframeSchema);
 class Client {

package/dist/schemas/article/Article.schema.d.ts

@@ -68,12 +68,12 @@ export declare const ArticleSchema: z.ZodObject<{
         color: Record<string, string | null>;
         hidden: Record<string, boolean>;
         position: Record<string, number>;
+        id: string;
         height: Record<string, {
             mode: import('../..').SectionHeightMode;
             units: number;
             vhUnits?: number | undefined;
         }>;
-        id: string;
         items: import('../..').ItemAny[];
         name?: string | undefined;
         media?: Record<string, {
@@ -95,12 +95,12 @@ export declare const ArticleSchema: z.ZodObject<{
         color: Record<string, string | null>;
         hidden: Record<string, boolean>;
         position: Record<string, number>;
+        id: string;
         height: Record<string, {
             mode: import('../..').SectionHeightMode;
             units: number;
             vhUnits?: number | undefined;
         }>;
-        id: string;
         items: import('../..').ItemAny[];
         name?: string | undefined;
         media?: Record<string, {
@@ -227,12 +227,12 @@ export declare const ArticleSchema: z.ZodObject<{
         color: Record<string, string | null>;
         hidden: Record<string, boolean>;
         position: Record<string, number>;
+        id: string;
         height: Record<string, {
             mode: import('../..').SectionHeightMode;
             units: number;
             vhUnits?: number | undefined;
         }>;
-        id: string;
         items: import('../..').ItemAny[];
         name?: string | undefined;
         media?: Record<string, {
@@ -279,12 +279,12 @@ export declare const ArticleSchema: z.ZodObject<{
         color: Record<string, string | null>;
         hidden: Record<string, boolean>;
         position: Record<string, number>;
+        id: string;
         height: Record<string, {
             mode: import('../..').SectionHeightMode;
             units: number;
             vhUnits?: number | undefined;
         }>;
-        id: string;
         items: import('../..').ItemAny[];
         name?: string | undefined;
         media?: Record<string, {

package/dist/schemas/article/FillLayer.schema.d.ts

@@ -0,0 +1,186 @@
+import { z } from 'zod';
+export declare const ColorPointSchema: z.ZodObject<{
+    id: z.ZodString;
+    value: z.ZodString;
+    position: z.ZodNumber;
+}, "strip", z.ZodTypeAny, {
+    position: number;
+    id: string;
+    value: string;
+}, {
+    position: number;
+    id: string;
+    value: string;
+}>;
+export declare const FillLayerSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+    id: z.ZodString;
+    type: z.ZodLiteral<"solid">;
+    value: z.ZodString;
+    blendMode: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    id: string;
+    value: string;
+    type: "solid";
+    blendMode: string;
+}, {
+    id: string;
+    value: string;
+    type: "solid";
+    blendMode: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    type: z.ZodLiteral<"linear-gradient">;
+    colors: z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        value: z.ZodString;
+        position: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        position: number;
+        id: string;
+        value: string;
+    }, {
+        position: number;
+        id: string;
+        value: string;
+    }>, "many">;
+    start: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+    end: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+    angle: z.ZodNumber;
+    blendMode: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    id: string;
+    type: "linear-gradient";
+    blendMode: string;
+    colors: {
+        position: number;
+        id: string;
+        value: string;
+    }[];
+    start: [number, number];
+    end: [number, number];
+    angle: number;
+}, {
+    id: string;
+    type: "linear-gradient";
+    blendMode: string;
+    colors: {
+        position: number;
+        id: string;
+        value: string;
+    }[];
+    start: [number, number];
+    end: [number, number];
+    angle: number;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    type: z.ZodLiteral<"radial-gradient">;
+    colors: z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        value: z.ZodString;
+        position: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        position: number;
+        id: string;
+        value: string;
+    }, {
+        position: number;
+        id: string;
+        value: string;
+    }>, "many">;
+    center: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+    diameter: z.ZodNumber;
+    angle: z.ZodNumber;
+    blendMode: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    center: [number, number];
+    id: string;
+    type: "radial-gradient";
+    blendMode: string;
+    colors: {
+        position: number;
+        id: string;
+        value: string;
+    }[];
+    angle: number;
+    diameter: number;
+}, {
+    center: [number, number];
+    id: string;
+    type: "radial-gradient";
+    blendMode: string;
+    colors: {
+        position: number;
+        id: string;
+        value: string;
+    }[];
+    angle: number;
+    diameter: number;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    type: z.ZodLiteral<"conic-gradient">;
+    colors: z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        value: z.ZodString;
+        position: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        position: number;
+        id: string;
+        value: string;
+    }, {
+        position: number;
+        id: string;
+        value: string;
+    }>, "many">;
+    center: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+    angle: z.ZodNumber;
+    blendMode: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    center: [number, number];
+    id: string;
+    type: "conic-gradient";
+    blendMode: string;
+    colors: {
+        position: number;
+        id: string;
+        value: string;
+    }[];
+    angle: number;
+}, {
+    center: [number, number];
+    id: string;
+    type: "conic-gradient";
+    blendMode: string;
+    colors: {
+        position: number;
+        id: string;
+        value: string;
+    }[];
+    angle: number;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    type: z.ZodLiteral<"image">;
+    src: z.ZodString;
+    behavior: z.ZodString;
+    backgroundSize: z.ZodNumber;
+    opacity: z.ZodNumber;
+    blendMode: z.ZodString;
+    rotation: z.ZodOptional<z.ZodNumber>;
+}, "strip", z.ZodTypeAny, {
+    opacity: number;
+    id: string;
+    type: "image";
+    blendMode: string;
+    src: string;
+    behavior: string;
+    backgroundSize: number;
+    rotation?: number | undefined;
+}, {
+    opacity: number;
+    id: string;
+    type: "image";
+    blendMode: string;
+    src: string;
+    behavior: string;
+    backgroundSize: number;
+    rotation?: number | undefined;
+}>]>;

package/dist/schemas/article/FillLayer.schema.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FillLayerSchema = exports.ColorPointSchema = void 0;
+const zod_1 = require("zod");
+exports.ColorPointSchema = zod_1.z.object({
+    id: zod_1.z.string(),
+    value: zod_1.z.string(),
+    position: zod_1.z.number()
+});
+exports.FillLayerSchema = zod_1.z.discriminatedUnion('type', [
+    zod_1.z.object({
+        id: zod_1.z.string(),
+        type: zod_1.z.literal('solid'),
+        value: zod_1.z.string(),
+        blendMode: zod_1.z.string()
+    }),
+    zod_1.z.object({
+        id: zod_1.z.string(),
+        type: zod_1.z.literal('linear-gradient'),
+        colors: zod_1.z.array(exports.ColorPointSchema),
+        start: zod_1.z.tuple([zod_1.z.number(), zod_1.z.number()]),
+        end: zod_1.z.tuple([zod_1.z.number(), zod_1.z.number()]),
+        angle: zod_1.z.number(),
+        blendMode: zod_1.z.string()
+    }),
+    zod_1.z.object({
+        id: zod_1.z.string(),
+        type: zod_1.z.literal('radial-gradient'),
+        colors: zod_1.z.array(exports.ColorPointSchema),
+        center: zod_1.z.tuple([zod_1.z.number(), zod_1.z.number()]),
+        diameter: zod_1.z.number(),
+        angle: zod_1.z.number(),
+        blendMode: zod_1.z.string()
+    }),
+    zod_1.z.object({
+        id: zod_1.z.string(),
+        type: zod_1.z.literal('conic-gradient'),
+        colors: zod_1.z.array(exports.ColorPointSchema),
+        center: zod_1.z.tuple([zod_1.z.number(), zod_1.z.number()]),
+        angle: zod_1.z.number(),
+        blendMode: zod_1.z.string()
+    }),
+    zod_1.z.object({
+        id: zod_1.z.string(),
+        type: zod_1.z.literal('image'),
+        src: zod_1.z.string(),
+        behavior: zod_1.z.string(),
+        backgroundSize: zod_1.z.number(),
+        opacity: zod_1.z.number(),
+        blendMode: zod_1.z.string(),
+        rotation: zod_1.z.number().optional()
+    })
+]);

package/dist/schemas/article/Item.schema.d.ts

@@ -5,36 +5,36 @@ export declare const FXControlSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObje
     shaderParam: z.ZodString;
     value: z.ZodNumber;
 }, "strip", z.ZodTypeAny, {
-    type: "float";
     value: number;
+    type: "float";
     shaderParam: string;
 }, {
-    type: "float";
     value: number;
+    type: "float";
     shaderParam: string;
 }>, z.ZodObject<{
     type: z.ZodLiteral<"int">;
     shaderParam: z.ZodString;
     value: z.ZodNumber;
 }, "strip", z.ZodTypeAny, {
-    type: "int";
     value: number;
+    type: "int";
     shaderParam: string;
 }, {
-    type: "int";
     value: number;
+    type: "int";
     shaderParam: string;
 }>, z.ZodObject<{
     type: z.ZodLiteral<"vec2">;
     shaderParam: z.ZodString;
     value: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
 }, "strip", z.ZodTypeAny, {
-    type: "vec2";
     value: [number, number];
+    type: "vec2";
     shaderParam: string;
 }, {
-    type: "vec2";
     value: [number, number];
+    type: "vec2";
     shaderParam: string;
 }>]>;
 export declare const ItemSchema: ZodType<ItemAny>;