@fragmentsx/definition 0.0.3 → 0.2.0

package/dist/index.es.js

@@ -8,6 +8,7 @@ const nodes = createConstants(
   "Fragment",
   "FragmentInstance",
   "Instance",
+  "Collection",
   "Breakpoint",
   "Frame",
   "Image",
@@ -16,18 +17,28 @@ const nodes = createConstants(
   "CssLink",
   "Variable",
   "ComputedValue",
-  "TransformValue"
+  "TransformValue",
+  "StopColor",
+  "LinearGradient",
+  "CssChunk",
+  "Border",
+  "Paint",
+  "Link",
+  "Classname",
+  "ImagePaint"
 );
 const fragmentGrowingMode = createConstants("auto", "fill");
 const borderType = createConstants("None", "Solid", "Dashed", "Dotted");
-const linkTarget = createConstants("_blank");
-const paintMode = createConstants("None", "Solid", "Image");
-const imagePaintScaleModes = createConstants(
-  "Fill",
-  "Fit",
-  "Crop",
-  "Tile"
+const linkTarget = createConstants("_blank", "none");
+const paintMode = createConstants(
+  "None",
+  "Solid",
+  "LinearGradient",
+  "RadialGradient",
+  "ConicGradient",
+  "Image"
 );
+const imagePaintScaleModes = createConstants("Auto", "Contain", "Cover");
 const constrain = createConstants(
   "Min",
   "Center",
@@ -67,7 +78,9 @@ const effectName = createConstants(
   "increase"
 );
 const variableType = createConstants(
+  "Event",
   "String",
+  "Link",
   "Boolean",
   "Array",
   "Color",
@@ -75,6 +88,7 @@ const variableType = createConstants(
   "Date",
   "Enum",
   "Number",
+  "Image",
   "Object"
 );
 const whiteSpace = createConstants(
@@ -111,15 +125,28 @@ const variableTransforms = createConstants(
 );
 const renderTarget = createConstants("canvas", "document");
 const renderMode = createConstants("viewport", "parent", "fixed");
+const interactions = createConstants("click", "mouseover", "appear");
+const eventMode = createConstants("goal", "callback", "tracker");
+const scopeTypes = createConstants(
+  "AreaScope",
+  "InstanceScope",
+  "FragmentScope",
+  "CollectionScope",
+  "CollectionItemScope"
+);
+const cssChunkScopeTypes = createConstants("Global", "Fragment");
 const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   borderType,
   constrain,
   createConstants,
+  cssChunkScopeTypes,
   effectName,
   effectType,
+  eventMode,
   fragmentGrowingMode,
   imagePaintScaleModes,
+  interactions,
   layerAlign,
   layerDirection,
   layerDistribute,
@@ -131,6 +158,7 @@ const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   positionType,
   renderMode,
   renderTarget,
+  scopeTypes,
   sizing,
   textDecorations,
   textTransform,
@@ -320,6 +348,20 @@ function minValue(requirement, message) {
   };
 }
 // @__NO_SIDE_EFFECTS__
+function transform(operation) {
+  return {
+    kind: "transformation",
+    type: "transform",
+    reference: transform,
+    async: false,
+    operation,
+    "~run"(dataset) {
+      dataset.value = this.operation(dataset.value);
+      return dataset;
+    }
+  };
+}
+// @__NO_SIDE_EFFECTS__
 function getFallback(schema, dataset, config2) {
   return typeof schema.fallback === "function" ? (
     // @ts-expect-error
@@ -340,6 +382,23 @@ function getDefault(schema, dataset, config2) {
   );
 }
 // @__NO_SIDE_EFFECTS__
+function any() {
+  return {
+    kind: "schema",
+    type: "any",
+    reference: any,
+    expects: "any",
+    async: false,
+    get "~standard"() {
+      return /* @__PURE__ */ _getStandardProps(this);
+    },
+    "~run"(dataset) {
+      dataset.typed = true;
+      return dataset;
+    }
+  };
+}
+// @__NO_SIDE_EFFECTS__
 function array(item, message) {
   return {
     kind: "schema",
@@ -473,6 +532,33 @@ function literal(literal_, message) {
   };
 }
 // @__NO_SIDE_EFFECTS__
+function nullable(wrapped, default_) {
+  return {
+    kind: "schema",
+    type: "nullable",
+    reference: nullable,
+    expects: `(${wrapped.expects} | null)`,
+    async: false,
+    wrapped,
+    default: default_,
+    get "~standard"() {
+      return /* @__PURE__ */ _getStandardProps(this);
+    },
+    "~run"(dataset, config2) {
+      if (dataset.value === null) {
+        if (this.default !== void 0) {
+          dataset.value = /* @__PURE__ */ getDefault(this, dataset, config2);
+        }
+        if (dataset.value === null) {
+          dataset.typed = true;
+          return dataset;
+        }
+      }
+      return this.wrapped["~run"](dataset, config2);
+    }
+  };
+}
+// @__NO_SIDE_EFFECTS__
 function number(message) {
   return {
     kind: "schema",
@@ -862,14 +948,34 @@ const linkValidator = /* @__PURE__ */ check(
     return !!value && ((_b = (_a = value == null ? void 0 : value.split) == null ? void 0 : _a.call(value, ":")) == null ? void 0 : _b.length) === 2;
   }
 );
+const isLink = (value) => {
+  var _a;
+  return (_a = /* @__PURE__ */ safeParse(linkValidator, value)) == null ? void 0 : _a.success;
+};
+const isVariableLink = (value) => {
+  var _a, _b;
+  return isLink(value) && ((_b = (_a = value == null ? void 0 : value.split) == null ? void 0 : _a.call(value, ":")) == null ? void 0 : _b.at(0)) === nodes.Variable;
+};
 const getMetadata = (schema) => {
   var _a;
   const pipelines = (schema == null ? void 0 : schema.pipe) ?? [];
   return ((_a = pipelines == null ? void 0 : pipelines.find((pipe2) => /* @__PURE__ */ isOfKind("metadata", pipe2))) == null ? void 0 : _a.metadata) ?? null;
 };
 const layerField = (schema, meta) => {
-  const modifiedSchema = (meta == null ? void 0 : meta.variable) ? /* @__PURE__ */ union([schema, /* @__PURE__ */ pipe(/* @__PURE__ */ string(), linkValidator)]) : schema;
-  return /* @__PURE__ */ pipe(/* @__PURE__ */ optional(modifiedSchema), /* @__PURE__ */ metadata(meta ?? {}));
+  const overridable = (meta == null ? void 0 : meta.overridable) ?? true;
+  const variable = (meta == null ? void 0 : meta.variable) ?? false;
+  const schemaParts = [schema];
+  if (variable) {
+    schemaParts.push(/* @__PURE__ */ pipe(/* @__PURE__ */ string(), linkValidator));
+  }
+  if (overridable) {
+    schemaParts.push(/* @__PURE__ */ any());
+  }
+  return /* @__PURE__ */ pipe(
+    /* @__PURE__ */ optional(/* @__PURE__ */ union(schemaParts)),
+    /* @__PURE__ */ transform((meta == null ? void 0 : meta.transform) ?? ((v2) => v2)),
+    /* @__PURE__ */ metadata(meta ?? {})
+  );
 };
 const ChildrenSchema = /* @__PURE__ */ object({
   children: layerField(/* @__PURE__ */ array(/* @__PURE__ */ string()), {
@@ -882,14 +988,35 @@ const GraphFieldSchema = /* @__PURE__ */ object({
   _type: /* @__PURE__ */ picklist(Object.keys(nodes))
 });
 const OverridesSchema = /* @__PURE__ */ object({
-  overrides: layerField(/* @__PURE__ */ array(/* @__PURE__ */ string()), { overridable: false })
+  overrides: layerField(/* @__PURE__ */ array(/* @__PURE__ */ string()), { overridable: false }),
+  overrideFrom: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false })
 });
 const PositionSchema = /* @__PURE__ */ object({
   position: layerField(/* @__PURE__ */ enum_(Object.keys(positionType)), {
     fallback: positionType.absolute
   }),
-  top: layerField(/* @__PURE__ */ number(), { fallback: 0 }),
-  left: layerField(/* @__PURE__ */ number(), { fallback: 0 })
+  top: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ number()), {
+    fallback: null,
+    transform: (value) => typeof value === "number" ? Math.ceil(value) : value
+  }),
+  left: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ number()), {
+    fallback: null,
+    transform: (value) => typeof value === "number" ? Math.ceil(value) : value
+  }),
+  right: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ number()), {
+    fallback: null,
+    transform: (value) => typeof value === "number" ? Math.ceil(value) : value
+  }),
+  bottom: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ number()), {
+    fallback: null,
+    transform: (value) => typeof value === "number" ? Math.ceil(value) : value
+  }),
+  centerAnchorX: layerField(/* @__PURE__ */ number(), {
+    fallback: 0.5
+  }),
+  centerAnchorY: layerField(/* @__PURE__ */ number(), {
+    fallback: 0.5
+  })
 });
 const SceneSchema = /* @__PURE__ */ object({
   opacity: layerField(/* @__PURE__ */ pipe(/* @__PURE__ */ number(), /* @__PURE__ */ minValue(0), /* @__PURE__ */ maxValue(1)), {
@@ -897,24 +1024,9 @@ const SceneSchema = /* @__PURE__ */ object({
     variable: true
   }),
   visible: layerField(/* @__PURE__ */ boolean(), { fallback: true, variable: true }),
-  zIndex: layerField(/* @__PURE__ */ number(), { fallback: -1 }),
-  borderRadius: layerField(/* @__PURE__ */ string(), { fallback: "0px" }),
-  overflow: layerField(/* @__PURE__ */ picklist(Object.keys(overflow)), {
-    fallback: overflow.hidden
-  })
-});
-const FillSchema = /* @__PURE__ */ object({
-  fillType: layerField(/* @__PURE__ */ picklist(Object.keys(paintMode)), {
-    fallback: paintMode.None
-  }),
-  solidFill: layerField(/* @__PURE__ */ string(), { fallback: "#fff" })
-});
-const BorderSchema = /* @__PURE__ */ object({
-  borderType: layerField(/* @__PURE__ */ picklist(Object.keys(borderType)), {
-    fallback: borderType.None
-  }),
-  borderWidth: layerField(/* @__PURE__ */ pipe(/* @__PURE__ */ number(), /* @__PURE__ */ minValue(0)), { fallback: 0 }),
-  borderColor: layerField(/* @__PURE__ */ string(), { fallback: "#fff" })
+  rotate: layerField(/* @__PURE__ */ number(), { fallback: null }),
+  zIndex: layerField(/* @__PURE__ */ number(), { fallback: null }),
+  classnames: layerField(/* @__PURE__ */ array(linkValidator), { fallback: [] })
 });
 const SizeSchema = /* @__PURE__ */ object({
   widthType: layerField(/* @__PURE__ */ picklist(Object.keys(sizing)), {
@@ -923,9 +1035,43 @@ const SizeSchema = /* @__PURE__ */ object({
   heightType: layerField(/* @__PURE__ */ picklist(Object.keys(sizing)), {
     fallback: sizing.Fixed
   }),
-  width: layerField(/* @__PURE__ */ pipe(/* @__PURE__ */ number(), /* @__PURE__ */ minValue(0)), { fallback: 0 }),
-  height: layerField(/* @__PURE__ */ pipe(/* @__PURE__ */ number(), /* @__PURE__ */ minValue(0)), { fallback: 0 }),
-  aspectRatio: layerField(/* @__PURE__ */ number(), { fallback: -1 })
+  width: layerField(/* @__PURE__ */ pipe(/* @__PURE__ */ number(), /* @__PURE__ */ minValue(0)), {
+    fallback: 0,
+    transform: Math.ceil
+  }),
+  height: layerField(/* @__PURE__ */ pipe(/* @__PURE__ */ number(), /* @__PURE__ */ minValue(0)), {
+    fallback: 0,
+    transform: Math.ceil
+  }),
+  aspectRatio: layerField(/* @__PURE__ */ number(), { fallback: -1 }),
+  minWidth: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ pipe(/* @__PURE__ */ number(), /* @__PURE__ */ minValue(-1))), {
+    fallback: -1,
+    transform: Math.ceil
+  }),
+  minWidthType: layerField(/* @__PURE__ */ picklist(Object.keys(sizing)), {
+    fallback: sizing.Fixed
+  }),
+  maxWidth: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ pipe(/* @__PURE__ */ number(), /* @__PURE__ */ minValue(-1))), {
+    fallback: -1,
+    transform: Math.ceil
+  }),
+  maxWidthType: layerField(/* @__PURE__ */ picklist(Object.keys(sizing)), {
+    fallback: sizing.Fixed
+  }),
+  minHeight: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ pipe(/* @__PURE__ */ number(), /* @__PURE__ */ minValue(-1))), {
+    fallback: -1,
+    transform: Math.ceil
+  }),
+  minHeightType: layerField(/* @__PURE__ */ picklist(Object.keys(sizing)), {
+    fallback: sizing.Fixed
+  }),
+  maxHeight: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ pipe(/* @__PURE__ */ number(), /* @__PURE__ */ minValue(-1))), {
+    fallback: -1,
+    transform: Math.ceil
+  }),
+  maxHeightType: layerField(/* @__PURE__ */ picklist(Object.keys(sizing)), {
+    fallback: sizing.Fixed
+  })
 });
 const LayerSchema = /* @__PURE__ */ object({
   layerMode: layerField(/* @__PURE__ */ picklist(Object.keys(layerMode)), {
@@ -944,6 +1090,24 @@ const LayerSchema = /* @__PURE__ */ object({
   layerGap: layerField(/* @__PURE__ */ pipe(/* @__PURE__ */ number(), /* @__PURE__ */ minValue(0)), { fallback: 0 }),
   padding: layerField(/* @__PURE__ */ string(), { fallback: "0px" })
 });
+const OverflowSchema = layerField(/* @__PURE__ */ picklist(Object.keys(overflow)), {
+  fallback: overflow.hidden
+});
+const BorderRadiusSchema = layerField(/* @__PURE__ */ string(), { fallback: "0px" });
+const InteractionsSchema = /* @__PURE__ */ object({
+  interactions: layerField(
+    /* @__PURE__ */ array(
+      /* @__PURE__ */ object({
+        on: /* @__PURE__ */ enum_(Object.keys(interactions)),
+        event: /* @__PURE__ */ nullable(linkValidator)
+      })
+    ),
+    { fallback: [] }
+  )
+});
+const CssOverrideSchema = /* @__PURE__ */ object({
+  cssOverride: layerField(/* @__PURE__ */ string(), { fallback: "" })
+});
 const FrameSchema = /* @__PURE__ */ pipe(
   /* @__PURE__ */ object({
     name: layerField(/* @__PURE__ */ string(), { fallback: "Frame", overridable: false }),
@@ -952,19 +1116,21 @@ const FrameSchema = /* @__PURE__ */ pipe(
       overridable: false
     }),
     isPrimary: layerField(/* @__PURE__ */ boolean(), { fallback: false, overridable: false }),
-    threshold: layerField(/* @__PURE__ */ pipe(/* @__PURE__ */ number(), /* @__PURE__ */ minValue(0)), {
-      fallback: 320,
-      overridable: false
-    }),
+    border: layerField(linkValidator),
+    paint: layerField(linkValidator),
+    link: layerField(linkValidator),
     ...ChildrenSchema.entries,
     ...GraphFieldSchema.entries,
     ...OverridesSchema.entries,
+    parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
     ...PositionSchema.entries,
     ...SceneSchema.entries,
-    ...FillSchema.entries,
-    ...BorderSchema.entries,
     ...SizeSchema.entries,
-    ...LayerSchema.entries
+    ...LayerSchema.entries,
+    ...InteractionsSchema.entries,
+    ...CssOverrideSchema.entries,
+    overflow: OverflowSchema,
+    borderRadius: BorderRadiusSchema
   })
 );
 const TextSchema = /* @__PURE__ */ object({
@@ -972,25 +1138,25 @@ const TextSchema = /* @__PURE__ */ object({
   content: layerField(/* @__PURE__ */ string(), {
     fallback: ""
   }),
-  variableContent: layerField(/* @__PURE__ */ string(), { fallback: null, variable: true }),
-  attributes: layerField(
-    /* @__PURE__ */ object({
-      fontSize: layerField(/* @__PURE__ */ string(), { fallback: "14px" }),
-      color: layerField(/* @__PURE__ */ string(), { fallback: "#000" }),
-      lineHeight: layerField(/* @__PURE__ */ string(), { fallback: "14px" })
-    }),
-    { fallback: {} }
-  ),
+  whiteSpace: layerField(/* @__PURE__ */ enum_(Object.keys(whiteSpace)), {
+    fallback: whiteSpace.pre
+  }),
+  textAlign: layerField(/* @__PURE__ */ string(), { fallback: "left" }),
+  parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
+  link: layerField(linkValidator),
   ...GraphFieldSchema.entries,
   ...OverridesSchema.entries,
+  ...CssOverrideSchema.entries,
   ...PositionSchema.entries,
   ...SceneSchema.entries,
-  ...SizeSchema.entries
+  ...SizeSchema.entries,
+  ...InteractionsSchema.entries
 });
 const FragmentSchema = /* @__PURE__ */ object({
   name: layerField(/* @__PURE__ */ string(), { fallback: "Fragment", overridable: false }),
+  parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
   horizontalGrow: layerField(/* @__PURE__ */ enum_(Object.keys(fragmentGrowingMode)), {
-    fallback: fragmentGrowingMode.auto,
+    fallback: fragmentGrowingMode.fill,
     overridable: false
   }),
   verticalGrow: layerField(/* @__PURE__ */ enum_(Object.keys(fragmentGrowingMode)), {
@@ -1001,29 +1167,50 @@ const FragmentSchema = /* @__PURE__ */ object({
     fallback: [],
     overridable: false
   }),
+  cssChunks: layerField(/* @__PURE__ */ array(linkValidator), {
+    fallback: [],
+    overridable: false
+  }),
   ...GraphFieldSchema.entries,
   ...ChildrenSchema.entries
 });
 const InstanceSchema = /* @__PURE__ */ object({
   name: layerField(/* @__PURE__ */ string(), { fallback: "Instance", overridable: false }),
-  fragment: layerField(/* @__PURE__ */ string()),
+  fragment: layerField(/* @__PURE__ */ number()),
+  parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
   props: layerField(
-    /* @__PURE__ */ record(/* @__PURE__ */ string(), /* @__PURE__ */ union([/* @__PURE__ */ string(), /* @__PURE__ */ number(), /* @__PURE__ */ boolean()])),
+    /* @__PURE__ */ record(
+      /* @__PURE__ */ string(),
+      /* @__PURE__ */ union([
+        /* @__PURE__ */ string(),
+        /* @__PURE__ */ number(),
+        /* @__PURE__ */ boolean(),
+        // For goals
+        /* @__PURE__ */ object({
+          code: /* @__PURE__ */ string(),
+          name: /* @__PURE__ */ string()
+        })
+      ])
+    ),
     {
       fallback: {}
     }
   ),
+  link: layerField(linkValidator),
   ...GraphFieldSchema.entries,
   ...OverridesSchema.entries,
   ...PositionSchema.entries,
   ...SizeSchema.entries,
-  ...SceneSchema.entries
+  ...SceneSchema.entries,
+  ...InteractionsSchema.entries
 });
 const NumberVariableSchema = /* @__PURE__ */ object({
+  nodePropertyControlReference: layerField(/* @__PURE__ */ string(), { fallback: null }),
   name: layerField(/* @__PURE__ */ string(), {
     fallback: "Number",
     overridable: false
   }),
+  parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
   type: layerField(/* @__PURE__ */ literal(variableType.Number), {
     fallback: variableType.Number
   }),
@@ -1036,10 +1223,12 @@ const NumberVariableSchema = /* @__PURE__ */ object({
   ...GraphFieldSchema.entries
 });
 const BooleanVariableSchema = /* @__PURE__ */ object({
+  nodePropertyControlReference: layerField(/* @__PURE__ */ string(), { fallback: null }),
   name: layerField(/* @__PURE__ */ string(), {
     fallback: "Boolean",
     overridable: false
   }),
+  parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
   type: layerField(/* @__PURE__ */ literal(variableType.Boolean), {
     fallback: variableType.Boolean
   }),
@@ -1048,10 +1237,12 @@ const BooleanVariableSchema = /* @__PURE__ */ object({
   ...GraphFieldSchema.entries
 });
 const ColorVariableSchema = /* @__PURE__ */ object({
+  nodePropertyControlReference: layerField(/* @__PURE__ */ string(), { fallback: null }),
   name: layerField(/* @__PURE__ */ string(), {
     fallback: "String",
     overridable: false
   }),
+  parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
   type: layerField(/* @__PURE__ */ literal(variableType.Color), {
     fallback: variableType.Color
   }),
@@ -1061,6 +1252,7 @@ const ColorVariableSchema = /* @__PURE__ */ object({
   ...GraphFieldSchema.entries
 });
 const StringVariableSchema = /* @__PURE__ */ object({
+  nodePropertyControlReference: layerField(/* @__PURE__ */ string(), { fallback: null }),
   name: layerField(/* @__PURE__ */ string(), {
     fallback: "String",
     overridable: false
@@ -1068,10 +1260,221 @@ const StringVariableSchema = /* @__PURE__ */ object({
   type: layerField(/* @__PURE__ */ literal(variableType.String), {
     fallback: variableType.String
   }),
+  parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
   defaultValue: layerField(/* @__PURE__ */ string(), { fallback: "" }),
   required: layerField(/* @__PURE__ */ boolean(), { fallback: false }),
   placeholder: layerField(/* @__PURE__ */ string(), { fallback: "" }),
   isTextarea: layerField(/* @__PURE__ */ boolean(), { fallback: false }),
+  isRich: layerField(/* @__PURE__ */ boolean(), { fallback: false }),
+  ...GraphFieldSchema.entries
+});
+const EventVariableSchema = /* @__PURE__ */ object({
+  nodePropertyControlReference: layerField(/* @__PURE__ */ string(), { fallback: null }),
+  name: layerField(/* @__PURE__ */ string(), {
+    fallback: "Event",
+    overridable: false
+  }),
+  parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
+  type: layerField(/* @__PURE__ */ literal(variableType.Event), {
+    fallback: variableType.Event
+  }),
+  mode: layerField(/* @__PURE__ */ picklist(Object.keys(eventMode)), {
+    fallback: eventMode.callback
+  }),
+  defaultValue: layerField(/* @__PURE__ */ any()),
+  required: layerField(/* @__PURE__ */ boolean(), { fallback: false }),
+  ...GraphFieldSchema.entries
+});
+const LinkVariableSchema = /* @__PURE__ */ object({
+  nodePropertyControlReference: layerField(/* @__PURE__ */ string(), { fallback: null }),
+  name: layerField(/* @__PURE__ */ string(), {
+    fallback: "Link",
+    overridable: false
+  }),
+  parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
+  type: layerField(/* @__PURE__ */ literal(variableType.Link), {
+    fallback: variableType.Link
+  }),
+  defaultValue: layerField(/* @__PURE__ */ string(), { fallback: "" }),
+  required: layerField(/* @__PURE__ */ boolean(), { fallback: false }),
+  ...GraphFieldSchema.entries
+});
+const EnumVariableSchema = /* @__PURE__ */ object({
+  nodePropertyControlReference: layerField(/* @__PURE__ */ string(), { fallback: null }),
+  name: layerField(/* @__PURE__ */ string(), {
+    fallback: "Option",
+    overridable: false
+  }),
+  parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
+  type: layerField(/* @__PURE__ */ literal(variableType.Enum), {
+    fallback: variableType.Enum
+  }),
+  defaultValue: layerField(/* @__PURE__ */ string(), { fallback: "" }),
+  required: layerField(/* @__PURE__ */ boolean(), { fallback: false }),
+  cases: layerField(
+    /* @__PURE__ */ array(
+      /* @__PURE__ */ object({
+        id: /* @__PURE__ */ string(),
+        name: /* @__PURE__ */ string()
+      })
+    ),
+    { fallback: [] }
+  ),
+  ...GraphFieldSchema.entries
+});
+const ObjectVariableSchema = /* @__PURE__ */ object({
+  nodePropertyControlReference: layerField(/* @__PURE__ */ string(), { fallback: null }),
+  name: layerField(/* @__PURE__ */ string(), {
+    fallback: "Object",
+    overridable: false
+  }),
+  type: layerField(/* @__PURE__ */ literal(variableType.Object), {
+    fallback: variableType.Object
+  }),
+  parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
+  defaultValue: layerField(/* @__PURE__ */ object({}), { fallback: {} }),
+  fields: layerField(/* @__PURE__ */ record(/* @__PURE__ */ string(), linkValidator), { fallback: {} }),
+  required: layerField(/* @__PURE__ */ boolean(), { fallback: false }),
+  ...GraphFieldSchema.entries
+});
+const ImageVariableSchema = /* @__PURE__ */ object({
+  nodePropertyControlReference: layerField(/* @__PURE__ */ string(), { fallback: null }),
+  name: layerField(/* @__PURE__ */ string(), {
+    fallback: "Image",
+    overridable: false
+  }),
+  type: layerField(/* @__PURE__ */ literal(variableType.Image), {
+    fallback: variableType.Image
+  }),
+  parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
+  defaultValue: layerField(/* @__PURE__ */ string(), { fallback: null }),
+  required: layerField(/* @__PURE__ */ boolean(), { fallback: false }),
+  ...GraphFieldSchema.entries
+});
+const CollectionSchema = /* @__PURE__ */ pipe(
+  /* @__PURE__ */ object({
+    name: layerField(/* @__PURE__ */ string(), {
+      fallback: "Collection",
+      overridable: false
+    }),
+    parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
+    source: layerField(linkValidator, {}),
+    border: layerField(linkValidator),
+    paint: layerField(linkValidator),
+    link: layerField(linkValidator),
+    ...ChildrenSchema.entries,
+    ...GraphFieldSchema.entries,
+    ...OverridesSchema.entries,
+    ...PositionSchema.entries,
+    ...SceneSchema.entries,
+    ...SizeSchema.entries,
+    ...LayerSchema.entries,
+    ...InteractionsSchema.entries,
+    ...CssOverrideSchema.entries
+  })
+);
+const ArrayVariableSchema = /* @__PURE__ */ object({
+  nodePropertyControlReference: layerField(/* @__PURE__ */ string(), { fallback: null }),
+  name: layerField(/* @__PURE__ */ string(), {
+    fallback: "Collection",
+    overridable: false
+  }),
+  type: layerField(/* @__PURE__ */ literal(variableType.Array), {
+    fallback: variableType.Array
+  }),
+  parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
+  defaultValue: layerField(/* @__PURE__ */ array(/* @__PURE__ */ any()), { fallback: [] }),
+  definition: layerField(linkValidator, { fallback: null }),
+  required: layerField(/* @__PURE__ */ boolean(), { fallback: false }),
+  ...GraphFieldSchema.entries
+});
+const StopColorSchema = /* @__PURE__ */ object({
+  ...OverridesSchema.entries,
+  parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
+  position: layerField(/* @__PURE__ */ pipe(/* @__PURE__ */ number(), /* @__PURE__ */ maxValue(1), /* @__PURE__ */ minValue(0)), {
+    fallback: 0
+  }),
+  value: layerField(/* @__PURE__ */ string(), { fallback: "#000", variable: true }),
+  ...GraphFieldSchema.entries
+});
+const LinearGradientSchema = /* @__PURE__ */ object({
+  ...OverridesSchema.entries,
+  parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
+  angle: layerField(/* @__PURE__ */ number(), {
+    fallback: 0
+  }),
+  stops: layerField(/* @__PURE__ */ array(linkValidator), { fallback: [] }),
+  ...GraphFieldSchema.entries
+});
+const CssChunkSchema = /* @__PURE__ */ object({
+  parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
+  chunkId: layerField(/* @__PURE__ */ number()),
+  // content: layerField(v.string(), {
+  //   fallback: "",
+  // }),
+  // scope: layerField(v.picklist(Object.keys(definition.cssChunkScopeTypes)), {
+  //   fallback: definition.cssChunkScopeTypes.Fragment,
+  // }),
+  enabled: layerField(/* @__PURE__ */ boolean(), {
+    fallback: true,
+    variable: true
+  }),
+  ...GraphFieldSchema.entries
+});
+const BorderSchema = /* @__PURE__ */ object({
+  ...OverridesSchema.entries,
+  parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
+  type: layerField(/* @__PURE__ */ picklist(Object.keys(borderType)), {
+    fallback: borderType.None
+  }),
+  width: layerField(/* @__PURE__ */ string(), {
+    fallback: "1px",
+    transform: (value) => {
+      if (typeof value === "number") {
+        return `${value}px`;
+      }
+      return value;
+    }
+  }),
+  paint: layerField(linkValidator),
+  ...GraphFieldSchema.entries
+});
+const PaintSchema = /* @__PURE__ */ object({
+  ...OverridesSchema.entries,
+  parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
+  type: layerField(/* @__PURE__ */ picklist(Object.keys(paintMode)), {
+    fallback: paintMode.None
+  }),
+  solid: layerField(/* @__PURE__ */ string(), { fallback: "#fff" }),
+  linearGradient: layerField(linkValidator),
+  image: layerField(linkValidator),
+  ...GraphFieldSchema.entries
+});
+const ImagePaintSchema = /* @__PURE__ */ object({
+  ...GraphFieldSchema.entries,
+  ...OverridesSchema.entries,
+  parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
+  src: layerField(/* @__PURE__ */ string()),
+  scale: layerField(/* @__PURE__ */ picklist(Object.keys(imagePaintScaleModes)), {
+    fallback: imagePaintScaleModes.Auto
+  })
+});
+const LinkSchema = /* @__PURE__ */ object({
+  ...OverridesSchema.entries,
+  ...GraphFieldSchema.entries,
+  parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
+  href: layerField(/* @__PURE__ */ string(), { fallback: null }),
+  isNewTab: layerField(/* @__PURE__ */ boolean(), {
+    fallback: true
+  })
+});
+const ClassnameSchema = /* @__PURE__ */ object({
+  parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
+  value: layerField(/* @__PURE__ */ string(), { fallback: "" }),
+  enabled: layerField(/* @__PURE__ */ boolean(), {
+    fallback: true,
+    variable: true
+  }),
   ...GraphFieldSchema.entries
 });
 const getLayerSchema = (layer) => {
@@ -1080,21 +1483,37 @@ const getLayerSchema = (layer) => {
   if ((layer == null ? void 0 : layer._type) === nodes.Text) return TextSchema;
   if ((layer == null ? void 0 : layer._type) === nodes.Fragment) return FragmentSchema;
   if ((layer == null ? void 0 : layer._type) === nodes.Instance) return InstanceSchema;
+  if ((layer == null ? void 0 : layer._type) === nodes.Collection) return CollectionSchema;
+  if ((layer == null ? void 0 : layer._type) === nodes.StopColor) return StopColorSchema;
+  if ((layer == null ? void 0 : layer._type) === nodes.LinearGradient) return LinearGradientSchema;
+  if ((layer == null ? void 0 : layer._type) === nodes.CssChunk) return CssChunkSchema;
+  if ((layer == null ? void 0 : layer._type) === nodes.Border) return BorderSchema;
+  if ((layer == null ? void 0 : layer._type) === nodes.Paint) return PaintSchema;
+  if ((layer == null ? void 0 : layer._type) === nodes.ImagePaint) return ImagePaintSchema;
+  if ((layer == null ? void 0 : layer._type) === nodes.Link) return LinkSchema;
+  if ((layer == null ? void 0 : layer._type) === nodes.Classname) return ClassnameSchema;
   if (layer._type === nodes.Variable) {
     const types = {
       [variableType.Number]: NumberVariableSchema,
       [variableType.Boolean]: BooleanVariableSchema,
       [variableType.String]: StringVariableSchema,
-      [variableType.Color]: ColorVariableSchema
+      [variableType.Color]: ColorVariableSchema,
+      [variableType.Event]: EventVariableSchema,
+      [variableType.Link]: LinkVariableSchema,
+      [variableType.Enum]: EnumVariableSchema,
+      [variableType.Object]: ObjectVariableSchema,
+      [variableType.Image]: ImageVariableSchema,
+      [variableType.Array]: ArrayVariableSchema
     };
     if (layer.type in types) {
       return types[layer.type];
     }
   }
 };
+const isObject = (x) => !!x && typeof x === "object" && !Array.isArray(x);
 const normalizeLayer = (schema, rawLayer, options) => {
   try {
-    if (!rawLayer) return null;
+    if (!rawLayer || !schema.entries) return null;
     const withFallback = (options == null ? void 0 : options.withFallback) ?? true;
     const overrideTarget = options == null ? void 0 : options.overrideTarget;
     const parsedLayer = parse(schema, rawLayer);
@@ -1103,7 +1522,19 @@ const normalizeLayer = (schema, rawLayer, options) => {
         const schemaMeta = getMetadata(schemaEntity);
         const fallback = withFallback ? schemaMeta == null ? void 0 : schemaMeta.fallback : null;
         const overrideValue = (schemaMeta == null ? void 0 : schemaMeta.overridable) !== false && overrideTarget ? overrideTarget == null ? void 0 : overrideTarget[key] : null;
-        return [key, parsedLayer[key] ?? overrideValue ?? fallback];
+        let layerValue = parsedLayer[key];
+        if (isObject(layerValue) && isObject(overrideValue)) {
+          layerValue = { ...overrideValue, ...layerValue };
+        }
+        if (schemaEntity && "wrapped" in schemaEntity && "entries" in schemaEntity.wrapped && isObject(schemaEntity.wrapped.entries)) {
+          layerValue = normalizeLayer(
+            schemaEntity.wrapped,
+            layerValue,
+            options
+          );
+        }
+        const resultValue = layerValue ?? overrideValue ?? fallback;
+        return [key, resultValue];
       })
     );
   } catch (e) {
@@ -1111,25 +1542,42 @@ const normalizeLayer = (schema, rawLayer, options) => {
     return null;
   }
 };
-const getNormalizeLayer = (layer, overrider) => {
+const getNormalizeLayer = (layer, overrider, withFallback) => {
   if (!layer) return null;
   const schema = getLayerSchema(layer);
   if (!schema) return null;
   return normalizeLayer(schema, layer, {
-    overrideTarget: overrider
+    overrideTarget: overrider,
+    withFallback
   });
 };
-const isValidLayerField = (layer, field, value) => {
-  var _a, _b;
+function findSchemaByPath(schema, path) {
+  if (!path) return void 0;
+  const parts = path.split(".");
+  let current = schema;
+  for (const part of parts) {
+    if (!current || typeof current !== "object") return void 0;
+    if ("entries" in current) {
+      if (!(part in current.entries)) return void 0;
+      current = current.entries[part];
+    } else if ("wrapped" in current && "entries" in current.wrapped) {
+      current = current.wrapped.entries[part];
+    }
+  }
+  return current;
+}
+const parseLayerField = (layer, field, value) => {
   const schema = getLayerSchema(layer);
-  if (schema && ((_a = schema == null ? void 0 : schema.entries) == null ? void 0 : _a[field])) {
-    const { success } = /* @__PURE__ */ safeParse((_b = schema.entries) == null ? void 0 : _b[field], value);
-    return success;
+  const fieldSchema = findSchemaByPath(schema, field);
+  if (fieldSchema) {
+    return /* @__PURE__ */ safeParse(fieldSchema, value);
   }
-  return false;
+  return { success: false, output: value };
 };
 export {
   index as definition,
   getNormalizeLayer,
-  isValidLayerField
+  isLink,
+  isVariableLink,
+  parseLayerField
 };