diff --git a/package.json b/package.json
index 0008924c69..c9375ca286 100644
--- a/package.json
+++ b/package.json
@@ -69,7 +69,7 @@
   "resolutions": {
     "connected-next-router/react-redux": "8.0.7",
     "react-beautiful-dnd/react-redux": "8.0.7",
-    "@prismicio/types-internal": "3.2.0",
+    "@prismicio/types-internal": "3.3.0",
     "express": "4.20.0"
   },
   "workspaces": [
diff --git a/packages/adapter-next/package.json b/packages/adapter-next/package.json
index 335dc25403..dc07330663 100644
--- a/packages/adapter-next/package.json
+++ b/packages/adapter-next/package.json
@@ -67,7 +67,7 @@
 	},
 	"dependencies": {
 		"@prismicio/simulator": "^0.1.4",
-		"@prismicio/types-internal": "3.2.0",
+		"@prismicio/types-internal": "3.3.0",
 		"@slicemachine/plugin-kit": "workspace:*",
 		"common-tags": "^1.8.2",
 		"fp-ts": "^2.13.1",
diff --git a/packages/adapter-next/src/hooks/snippet-read.ts b/packages/adapter-next/src/hooks/snippet-read.ts
index 6057cf3e0e..ed615374bf 100644
--- a/packages/adapter-next/src/hooks/snippet-read.ts
+++ b/packages/adapter-next/src/hooks/snippet-read.ts
@@ -62,33 +62,48 @@ export const snippetRead: SnippetReadHook<PluginOptions> = async (
 			const repeat = data.model.config?.repeat ?? false;
 			const allowText = data.model.config?.allowText ?? false;
 
+			const allowVariants = Boolean(data.model.config?.variants);
+			const variant = (path: string, prefix: "" | "\n    " = "") =>
+				allowVariants ? `${prefix}className={${path}.variant}` : "";
+
+			const path = dotPath(fieldPath);
+
 			let code;
 			if (!repeat && !allowText) {
 				code = await format(
 					stripIndent`
-					<PrismicNextLink field={${dotPath(fieldPath)}}>Link</PrismicNextLink>
+					<PrismicNextLink field={${path}} ${variant(path)}>Link</PrismicNextLink>
 				`,
 					helpers,
 				);
 			} else if (!repeat && allowText) {
 				code = await format(
 					stripIndent`
-					<PrismicNextLink field={${dotPath(fieldPath)}} />
+					<PrismicNextLink field={${path}} ${variant(path)}/>
 				`,
 					helpers,
 				);
 			} else if (repeat && !allowText) {
-				code = stripIndent`
-					{${dotPath(fieldPath)}.map((link) => (
-						<PrismicNextLink key={link.key} field={link}>Link</PrismicNextLink>
-				))}
-				`;
+				// We cannot use `format` since this snippet contains invalid syntax.
+				// Please ensure this snippet is manually formatted correctly.
+				// Make sure to use spaces instead of tabs.
+				code = stripIndent`{${path}.map((link) => (
+  <PrismicNextLink
+    key={link.key}
+    field={link}${variant("link", "\n    ")}>
+      Link
+  </PrismicNextLink>
+))}`;
 			} else if (repeat && allowText) {
-				code = stripIndent`
-					{${dotPath(fieldPath)}.map((link) => (
-					  <PrismicNextLink key={link.key} field={link} />
-					))}
-				`;
+				// We cannot use `format` since this snippet contains invalid syntax.
+				// Please ensure this snippet is manually formatted correctly.
+				// Make sure to use spaces instead of tabs.
+				code = stripIndent`{${path}.map((link) => (
+  <PrismicNextLink
+    key={link.key}
+    field={link}${variant("link", "\n    ")}
+  />
+))}`;
 			} else {
 				throw new Error("Invalid configuration.");
 			}
diff --git a/packages/adapter-nuxt/package.json b/packages/adapter-nuxt/package.json
index 204266b68c..dabb487970 100644
--- a/packages/adapter-nuxt/package.json
+++ b/packages/adapter-nuxt/package.json
@@ -60,7 +60,7 @@
 	},
 	"dependencies": {
 		"@prismicio/simulator": "^0.1.4",
-		"@prismicio/types-internal": "3.2.0",
+		"@prismicio/types-internal": "3.3.0",
 		"@slicemachine/plugin-kit": "workspace:*",
 		"common-tags": "^1.8.2",
 		"fp-ts": "^2.13.1",
diff --git a/packages/adapter-nuxt/src/hooks/snippet-read.ts b/packages/adapter-nuxt/src/hooks/snippet-read.ts
index 03eaf4c982..763b4ff001 100644
--- a/packages/adapter-nuxt/src/hooks/snippet-read.ts
+++ b/packages/adapter-nuxt/src/hooks/snippet-read.ts
@@ -61,25 +61,31 @@ export const snippetRead: SnippetReadHook<PluginOptions> = async (
 			const repeat = data.model.config?.repeat ?? false;
 			const allowText = data.model.config?.allowText ?? false;
 
+			const allowVariants = Boolean(data.model.config?.variants);
+			const variant = (path: string) =>
+				allowVariants ? ` :class="${path}.variant"` : "";
+
+			const path = dotPath(fieldPath);
+
 			let codeText;
 			if (!repeat && !allowText) {
 				codeText = stripIndent`
-					<PrismicLink :field="${dotPath(fieldPath)}">Link</PrismicLink>
+					<PrismicLink :field="${path}"${variant(path)}>Link</PrismicLink>
 				`;
 			} else if (!repeat && allowText) {
 				codeText = stripIndent`
-					<PrismicLink :field="${dotPath(fieldPath)}" />
+					<PrismicLink :field="${path}"${variant(path)} />
 				`;
 			} else if (repeat && !allowText) {
 				codeText = stripIndent`
-					<template v-for="link in ${dotPath(fieldPath)}" :key="link.key">
-						<PrismicLink :field="link">Link</PrismicLink>
+					<template v-for="link in ${path}" :key="link.key">
+						<PrismicLink :field="link"${variant("link")}>Link</PrismicLink>
 					</template>
 				`;
 			} else if (repeat && allowText) {
 				codeText = stripIndent`
-					<template v-for="link in ${dotPath(fieldPath)}" :key="link.key">
-						<PrismicLink :field="link" />
+					<template v-for="link in ${path}" :key="link.key">
+						<PrismicLink :field="link"${variant("link")} />
 					</template>
 				`;
 			} else {
diff --git a/packages/adapter-nuxt2/package.json b/packages/adapter-nuxt2/package.json
index e19a813834..0daba3cd9a 100644
--- a/packages/adapter-nuxt2/package.json
+++ b/packages/adapter-nuxt2/package.json
@@ -60,7 +60,7 @@
 	},
 	"dependencies": {
 		"@prismicio/simulator": "^0.1.4",
-		"@prismicio/types-internal": "3.2.0",
+		"@prismicio/types-internal": "3.3.0",
 		"@slicemachine/plugin-kit": "workspace:*",
 		"common-tags": "^1.8.2",
 		"fp-ts": "^2.13.1",
diff --git a/packages/adapter-nuxt2/src/hooks/snippet-read.ts b/packages/adapter-nuxt2/src/hooks/snippet-read.ts
index 03eaf4c982..763b4ff001 100644
--- a/packages/adapter-nuxt2/src/hooks/snippet-read.ts
+++ b/packages/adapter-nuxt2/src/hooks/snippet-read.ts
@@ -61,25 +61,31 @@ export const snippetRead: SnippetReadHook<PluginOptions> = async (
 			const repeat = data.model.config?.repeat ?? false;
 			const allowText = data.model.config?.allowText ?? false;
 
+			const allowVariants = Boolean(data.model.config?.variants);
+			const variant = (path: string) =>
+				allowVariants ? ` :class="${path}.variant"` : "";
+
+			const path = dotPath(fieldPath);
+
 			let codeText;
 			if (!repeat && !allowText) {
 				codeText = stripIndent`
-					<PrismicLink :field="${dotPath(fieldPath)}">Link</PrismicLink>
+					<PrismicLink :field="${path}"${variant(path)}>Link</PrismicLink>
 				`;
 			} else if (!repeat && allowText) {
 				codeText = stripIndent`
-					<PrismicLink :field="${dotPath(fieldPath)}" />
+					<PrismicLink :field="${path}"${variant(path)} />
 				`;
 			} else if (repeat && !allowText) {
 				codeText = stripIndent`
-					<template v-for="link in ${dotPath(fieldPath)}" :key="link.key">
-						<PrismicLink :field="link">Link</PrismicLink>
+					<template v-for="link in ${path}" :key="link.key">
+						<PrismicLink :field="link"${variant("link")}>Link</PrismicLink>
 					</template>
 				`;
 			} else if (repeat && allowText) {
 				codeText = stripIndent`
-					<template v-for="link in ${dotPath(fieldPath)}" :key="link.key">
-						<PrismicLink :field="link" />
+					<template v-for="link in ${path}" :key="link.key">
+						<PrismicLink :field="link"${variant("link")} />
 					</template>
 				`;
 			} else {
diff --git a/packages/adapter-sveltekit/package.json b/packages/adapter-sveltekit/package.json
index 443a6d1101..0a8af60541 100644
--- a/packages/adapter-sveltekit/package.json
+++ b/packages/adapter-sveltekit/package.json
@@ -63,7 +63,7 @@
 	},
 	"dependencies": {
 		"@prismicio/simulator": "^0.1.4",
-		"@prismicio/types-internal": "3.2.0",
+		"@prismicio/types-internal": "3.3.0",
 		"@slicemachine/plugin-kit": "workspace:*",
 		"common-tags": "^1.8.2",
 		"fp-ts": "^2.13.1",
diff --git a/packages/adapter-sveltekit/src/hooks/snippet-read.ts b/packages/adapter-sveltekit/src/hooks/snippet-read.ts
index 0de45f5683..c2760f4e3a 100644
--- a/packages/adapter-sveltekit/src/hooks/snippet-read.ts
+++ b/packages/adapter-sveltekit/src/hooks/snippet-read.ts
@@ -60,25 +60,31 @@ export const snippetRead: SnippetReadHook<PluginOptions> = async (
 			const repeat = data.model.config?.repeat ?? false;
 			const allowText = data.model.config?.allowText ?? false;
 
+			const allowVariants = Boolean(data.model.config?.variants);
+			const variant = (path: string) =>
+				allowVariants ? ` class={${path}.variant}` : "";
+
+			const path = dotPath(fieldPath);
+
 			let codeText;
 			if (!repeat && !allowText) {
 				codeText = stripIndent`
-					<PrismicLink field={${dotPath(fieldPath)}}>Link</PrismicLink>
+					<PrismicLink field={${path}}${variant(path)}>Link</PrismicLink>
 				`;
 			} else if (!repeat && allowText) {
 				codeText = stripIndent`
-					<PrismicLink field={${dotPath(fieldPath)}} />
+					<PrismicLink field={${path}}${variant(path)} />
 				`;
 			} else if (repeat && !allowText) {
 				codeText = stripIndent`
-					{#each ${dotPath(fieldPath)} as link (link.key)}
-						<PrismicLink field={link}>Link</PrismicLink>
+					{#each ${path} as link (link.key)}
+						<PrismicLink field={link}${variant("link")}>Link</PrismicLink>
 					{/each}
 				`;
 			} else if (repeat && allowText) {
 				codeText = stripIndent`
-					{#each ${dotPath(fieldPath)} as link (link.key)}
-						<PrismicLink field={link} />
+					{#each ${path} as link (link.key)}
+						<PrismicLink field={link}${variant("link")} />
 					{/each}
 				`;
 			} else {
diff --git a/packages/manager/package.json b/packages/manager/package.json
index 9a9265957d..698e372b1b 100644
--- a/packages/manager/package.json
+++ b/packages/manager/package.json
@@ -67,8 +67,8 @@
 		"@antfu/ni": "^0.20.0",
 		"@prismicio/client": "^7.11.0",
 		"@prismicio/custom-types-client": "2.1.0",
-		"@prismicio/mocks": "2.5.0",
-		"@prismicio/types-internal": "3.2.0",
+		"@prismicio/mocks": "2.8.0",
+		"@prismicio/types-internal": "3.3.0",
 		"@segment/analytics-node": "^2.1.2",
 		"@slicemachine/plugin-kit": "workspace:*",
 		"cookie": "^1.0.1",
diff --git a/packages/manager/src/managers/telemetry/types.ts b/packages/manager/src/managers/telemetry/types.ts
index 500da98bb2..3bf16be832 100644
--- a/packages/manager/src/managers/telemetry/types.ts
+++ b/packages/manager/src/managers/telemetry/types.ts
@@ -205,6 +205,7 @@ type FieldAddedSegmentEvent = SegmentEvent<
 		contentType: "page type" | "custom type" | "slice";
 		allowText?: boolean;
 		repeat?: boolean;
+		variants?: string[];
 	}
 >;
 
diff --git a/packages/manager/test/SliceMachineManager-customTypes-readCustomType.test.ts b/packages/manager/test/SliceMachineManager-customTypes-readCustomType.test.ts
index abdf0077ca..9d760ac2b7 100644
--- a/packages/manager/test/SliceMachineManager-customTypes-readCustomType.test.ts
+++ b/packages/manager/test/SliceMachineManager-customTypes-readCustomType.test.ts
@@ -92,7 +92,6 @@ it("ignores plugins that implement `custom-type-library:read`", async (ctx) => {
 	const res = await manager.customTypes.readCustomType({ id: model.id });
 
 	expect(res).toStrictEqual({
-		// TODO: update prismic/mocks
 		model: { ...model, format: "custom" },
 		errors: [],
 	});
diff --git a/packages/plugin-kit/package.json b/packages/plugin-kit/package.json
index 2de79900c8..e02d549bab 100644
--- a/packages/plugin-kit/package.json
+++ b/packages/plugin-kit/package.json
@@ -76,7 +76,7 @@
 	},
 	"devDependencies": {
 		"@prismicio/mock": "0.3.7",
-		"@prismicio/types-internal": "3.2.0",
+		"@prismicio/types-internal": "3.3.0",
 		"@size-limit/preset-small-lib": "8.2.4",
 		"@types/common-tags": "1.8.1",
 		"@types/fs-extra": "11.0.1",
diff --git a/packages/slice-machine/package.json b/packages/slice-machine/package.json
index f0314ca0df..0690167339 100644
--- a/packages/slice-machine/package.json
+++ b/packages/slice-machine/package.json
@@ -43,13 +43,13 @@
     "@emotion/react": "11.11.1",
     "@extractus/oembed-extractor": "3.1.8",
     "@prismicio/client": "7.11.0",
-    "@prismicio/editor-fields": "0.4.59",
-    "@prismicio/editor-support": "0.4.59",
-    "@prismicio/editor-ui": "0.4.59",
+    "@prismicio/editor-fields": "0.4.60",
+    "@prismicio/editor-support": "0.4.60",
+    "@prismicio/editor-ui": "0.4.60",
     "@prismicio/mock": "0.3.3",
-    "@prismicio/mocks": "2.5.0",
+    "@prismicio/mocks": "2.8.0",
     "@prismicio/simulator": "0.1.4",
-    "@prismicio/types-internal": "3.2.0",
+    "@prismicio/types-internal": "3.3.0",
     "@radix-ui/react-hover-card": "1.0.6",
     "@radix-ui/react-tabs": "1.0.4",
     "@reach/menu-button": "0.18.0",
diff --git a/packages/slice-machine/src/features/customTypes/customTypesBuilder/UIDEditor.tsx b/packages/slice-machine/src/features/customTypes/customTypesBuilder/UIDEditor.tsx
index 6277014de1..ccb434f1db 100644
--- a/packages/slice-machine/src/features/customTypes/customTypesBuilder/UIDEditor.tsx
+++ b/packages/slice-machine/src/features/customTypes/customTypesBuilder/UIDEditor.tsx
@@ -95,7 +95,11 @@ export function UIDEditor() {
           </Box>
           <DialogActions>
             <DialogCancelButton size="medium" />
-            <DialogActionButton size="medium" disabled={Boolean(error)}>
+            <DialogActionButton
+              type="submit"
+              size="medium"
+              disabled={Boolean(error)}
+            >
               Save
             </DialogActionButton>
           </DialogActions>
diff --git a/packages/slice-machine/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewSliceDialog.tsx b/packages/slice-machine/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewSliceDialog.tsx
index b7546e559a..719208b7a7 100644
--- a/packages/slice-machine/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewSliceDialog.tsx
+++ b/packages/slice-machine/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewSliceDialog.tsx
@@ -141,6 +141,7 @@ export const ConvertLegacySliceAsNewSliceDialog: FC<DialogProps> = ({
             <DialogActions>
               <DialogCancelButton size="medium" />
               <DialogActionButton
+                type="submit"
                 size="medium"
                 loading={isLoading}
                 disabled={errors && Object.keys(errors).length > 0}
diff --git a/packages/slice-machine/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewVariationDialog.tsx b/packages/slice-machine/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewVariationDialog.tsx
index 616d337401..128573897a 100644
--- a/packages/slice-machine/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewVariationDialog.tsx
+++ b/packages/slice-machine/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewVariationDialog.tsx
@@ -174,6 +174,7 @@ export const ConvertLegacySliceAsNewVariationDialog: FC<DialogProps> = ({
             <DialogActions>
               <DialogCancelButton size="medium" />
               <DialogActionButton
+                type="submit"
                 size="medium"
                 loading={isLoading}
                 disabled={Object.keys(errors).length > 0}
diff --git a/packages/slice-machine/src/features/slices/convertLegacySlice/ConvertLegacySliceMergeWithIdenticalDialog.tsx b/packages/slice-machine/src/features/slices/convertLegacySlice/ConvertLegacySliceMergeWithIdenticalDialog.tsx
index 7928402d2f..b930a43d2f 100644
--- a/packages/slice-machine/src/features/slices/convertLegacySlice/ConvertLegacySliceMergeWithIdenticalDialog.tsx
+++ b/packages/slice-machine/src/features/slices/convertLegacySlice/ConvertLegacySliceMergeWithIdenticalDialog.tsx
@@ -97,6 +97,7 @@ export const ConvertLegacySliceMergeWithIdenticalDialog: FC<DialogProps> = ({
             <DialogActions>
               <DialogCancelButton size="medium" />
               <DialogActionButton
+                type="submit"
                 size="medium"
                 loading={isLoading}
                 disabled={Boolean(error)}
diff --git a/packages/slice-machine/src/legacy/components/Forms/RenameVariationModal/RenameVariationModal.tsx b/packages/slice-machine/src/legacy/components/Forms/RenameVariationModal/RenameVariationModal.tsx
index 104f817a88..ca11f086c6 100644
--- a/packages/slice-machine/src/legacy/components/Forms/RenameVariationModal/RenameVariationModal.tsx
+++ b/packages/slice-machine/src/legacy/components/Forms/RenameVariationModal/RenameVariationModal.tsx
@@ -105,6 +105,7 @@ export const RenameVariationModal: FC<RenameVariationModalProps> = ({
             <DialogActions>
               <DialogCancelButton size="medium" />
               <DialogActionButton
+                type="submit"
                 size="medium"
                 loading={isRenaming}
                 disabled={Boolean(error)}
diff --git a/packages/slice-machine/src/legacy/lib/builders/SliceBuilder/VariationsList/AddVariationModal.tsx b/packages/slice-machine/src/legacy/lib/builders/SliceBuilder/VariationsList/AddVariationModal.tsx
index 305d92a4d7..8bd2f7b624 100644
--- a/packages/slice-machine/src/legacy/lib/builders/SliceBuilder/VariationsList/AddVariationModal.tsx
+++ b/packages/slice-machine/src/legacy/lib/builders/SliceBuilder/VariationsList/AddVariationModal.tsx
@@ -160,7 +160,9 @@ const AddVariationModal: React.FunctionComponent<{
                   <Button onClick={handleClose} color="grey">
                     Cancel
                   </Button>
-                  <Button loading={isAddingVariation}>Submit</Button>
+                  <Button type="submit" loading={isAddingVariation}>
+                    Submit
+                  </Button>
                 </Box>
               }
               close={handleClose}
diff --git a/packages/slice-machine/src/legacy/lib/builders/common/Zone/Card/components/Hints/index.tsx b/packages/slice-machine/src/legacy/lib/builders/common/Zone/Card/components/Hints/index.tsx
index 73c0890d8f..f4839ee5fe 100644
--- a/packages/slice-machine/src/legacy/lib/builders/common/Zone/Card/components/Hints/index.tsx
+++ b/packages/slice-machine/src/legacy/lib/builders/common/Zone/Card/components/Hints/index.tsx
@@ -25,6 +25,7 @@ const Hint: React.FC<HintProps> = ({
     if (item.value.config?.allowText ?? false)
       snippetCacheKey.push("allowText");
     if (item.value.config?.repeat ?? false) snippetCacheKey.push("repeat");
+    if (Boolean(item.value.config?.variants)) snippetCacheKey.push("variants");
   }
 
   // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
diff --git a/packages/slice-machine/src/legacy/lib/models/common/widgets/Link/Form.jsx b/packages/slice-machine/src/legacy/lib/models/common/widgets/Link/Form.jsx
index d15ef8f9bb..6e727a742f 100644
--- a/packages/slice-machine/src/legacy/lib/models/common/widgets/Link/Form.jsx
+++ b/packages/slice-machine/src/legacy/lib/models/common/widgets/Link/Form.jsx
@@ -1,3 +1,9 @@
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/no-unsafe-return */
+
+import { Box } from "@prismicio/editor-ui";
+import { useField } from "formik";
 import { Flex } from "theme-ui";
 
 import { Col, Flex as FlexGrid } from "@/legacy/components/Flex";
@@ -6,7 +12,11 @@ import { createFieldNameFromKey } from "@/legacy/lib/forms";
 import { DefaultFields } from "@/legacy/lib/forms/defaults";
 import { CheckBox } from "@/legacy/lib/forms/fields";
 
-import { DisplayTextCheckbox, RepeatableCheckbox } from "./components";
+import {
+  DisplayTextCheckbox,
+  RepeatableCheckbox,
+  Variants as VariantsForm,
+} from "./components";
 
 const FormFields = {
   ...DefaultFields,
@@ -18,7 +28,7 @@ const Form = (props) => {
 
   // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
   const {
-    config: { allowText, repeat },
+    config: { allowText, repeat, variants },
   } = formValues;
 
   return (
@@ -64,15 +74,38 @@ const Form = (props) => {
           </Flex>
         </Col>
       </FlexGrid>
-      <RepeatableCheckbox
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-        checked={repeat}
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-        setFieldValue={setFieldValue}
-      />
+      <Box height={8} />
+      <Box flexDirection="column" gap={16}>
+        <RepeatableCheckbox
+          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+          checked={repeat}
+          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+          setFieldValue={setFieldValue}
+        />
+        <Variants variants={variants} setFieldValue={setFieldValue} />
+      </Box>
     </>
   );
 };
 
 export { FormFields };
 export default Form;
+
+export function Variants({ variants, setFieldValue }) {
+  const fieldKey = "config.variants";
+
+  const onVariantsChange = (newVariants) =>
+    setFieldValue(fieldKey, newVariants);
+
+  const [_, meta] = useField(fieldKey);
+
+  const error = meta.error?.find((err) => err);
+
+  return (
+    <VariantsForm
+      variants={variants}
+      onVariantsChange={onVariantsChange}
+      error={error}
+    />
+  );
+}
diff --git a/packages/slice-machine/src/legacy/lib/models/common/widgets/Link/components.tsx b/packages/slice-machine/src/legacy/lib/models/common/widgets/Link/components.tsx
index 918299eab7..0f95071cb7 100644
--- a/packages/slice-machine/src/legacy/lib/models/common/widgets/Link/components.tsx
+++ b/packages/slice-machine/src/legacy/lib/models/common/widgets/Link/components.tsx
@@ -1,4 +1,14 @@
-import { Box, Icon, Text, Tooltip } from "@prismicio/editor-ui";
+import {
+  Box,
+  Button,
+  Icon,
+  IconButton,
+  Switch,
+  Text,
+  TextInput,
+  Tooltip,
+} from "@prismicio/editor-ui";
+import { useRef } from "react";
 import { Checkbox, Flex, Label } from "theme-ui";
 
 import { Col } from "@/legacy/components/Flex";
@@ -13,6 +23,9 @@ interface CommonCheckboxProps {
 export function DisplayTextCheckbox(props: CommonCheckboxProps) {
   const { checked, height = 130, setFieldValue } = props;
 
+  // Ref to the container to position the tooltip inside it.
+  const container = useRef<HTMLDivElement>(null);
+
   return (
     <Col>
       <Flex
@@ -28,6 +41,7 @@ export function DisplayTextCheckbox(props: CommonCheckboxProps) {
             justifyContent="space-between"
             alignItems="center"
             width="100%"
+            ref={container}
           >
             <Flex>
               <Checkbox
@@ -39,9 +53,9 @@ export function DisplayTextCheckbox(props: CommonCheckboxProps) {
               Allow display text
             </Flex>
             <Tooltip
-              content="Allow editors to customize the link display text"
+              containerRef={container}
               align="end"
-              zIndexHack
+              content="Allow editors to customize the link display text"
             >
               <Icon name="alert" size="medium" color="grey11" />
             </Tooltip>
@@ -57,13 +71,7 @@ export function RepeatableCheckbox(props: CommonCheckboxProps) {
 
   return (
     <Box flexDirection="column">
-      <Label
-        htmlFor="repeat"
-        variant="label.primary"
-        sx={{
-          mt: 2,
-        }}
-      >
+      <Label htmlFor="repeat" variant="label.primary">
         Repeatable
       </Label>
       <Label variant="label.border" sx={{ display: "flex" }}>
@@ -74,7 +82,7 @@ export function RepeatableCheckbox(props: CommonCheckboxProps) {
             void setFieldValue("config.repeat", event.target.checked);
           }}
         />
-        Make this link repeatable - Allow editors to create lists of links
+        Make this link repeatable (allows editors to create lists of links)
       </Label>
       <Box alignItems="center" gap={4}>
         <Icon name="alert" size="medium" color="grey11" />
@@ -95,3 +103,134 @@ export function RepeatableCheckbox(props: CommonCheckboxProps) {
     </Box>
   );
 }
+
+export function Variants({
+  variants,
+  onVariantsChange,
+  error,
+}: {
+  variants?: string[];
+  onVariantsChange: (variants?: string[]) => void;
+  error?: string;
+}) {
+  const enabled = Boolean(variants);
+
+  const onCheckedChange = (checked: boolean) => {
+    onVariantsChange(checked ? ["Primary", "Secondary"] : undefined);
+  };
+
+  const switchLabel = enabled ? "Enabled" : "Disabled";
+
+  const optionsTitle = `Options (${variants?.length ?? 0}/5)`;
+
+  const addButtonShown = (variants?.length ?? 0) < 5;
+
+  const deleteButtonShown = (variants?.length ?? 0) > 2;
+
+  const focusableInputIndex = useRef<number>();
+
+  return (
+    <Box overflow="hidden" flexDirection="column" border borderRadius={6}>
+      <Box
+        border={{ bottom: true }}
+        padding={12}
+        flexDirection="column"
+        gap={8}
+      >
+        <Text variant="h4" color="grey12">
+          Variants
+        </Text>
+        <Text color="grey12">
+          Add variants like "Primary" and "Secondary" to allow editors to choose
+          the link's style by selecting one of them.
+        </Text>
+        <Box gap={8}>
+          <Switch checked={enabled} onCheckedChange={onCheckedChange} />
+          <Text color="grey11">{switchLabel}</Text>
+        </Box>
+      </Box>
+      {enabled && (
+        <Box
+          border={{ bottom: true }}
+          padding={12}
+          flexDirection="column"
+          gap={8}
+        >
+          <Text variant="h5" color="grey11">
+            {optionsTitle}
+            {Boolean(error) && (
+              <Text variant="inherit" color="tomato9">{` ${error}`}</Text>
+            )}
+          </Text>
+          {variants?.map((variant, position) => (
+            <Box key={position} gap={4} alignItems="center">
+              <Box
+                flexGrow={1}
+                backgroundColor="white"
+                padding={{ inline: 12, block: 8 }}
+                flexDirection="column"
+                border
+                borderRadius={4}
+              >
+                <TextInput
+                  ref={(ref) => {
+                    if (focusableInputIndex.current !== position) return;
+                    focusableInputIndex.current = undefined;
+                    ref?.focus();
+                  }}
+                  placeholder="Variant option (e.g. Primary)"
+                  value={variant}
+                  onValueChange={(newVariant) =>
+                    onVariantsChange(
+                      variants?.map((variant, index) =>
+                        index === position ? newVariant : variant,
+                      ),
+                    )
+                  }
+                />
+              </Box>
+              {deleteButtonShown && (
+                <IconButton
+                  type="button"
+                  icon="delete"
+                  onClick={() =>
+                    onVariantsChange(
+                      variants?.filter((_, index) => index !== position),
+                    )
+                  }
+                />
+              )}
+            </Box>
+          ))}
+          {addButtonShown && (
+            <Box>
+              <Button
+                invisible
+                startIcon="add"
+                onClick={() => {
+                  focusableInputIndex.current = variants?.length;
+                  onVariantsChange([...(variants ?? []), ""]);
+                }}
+              >
+                Add option
+              </Button>
+            </Box>
+          )}
+        </Box>
+      )}
+      <Box backgroundColor="white" flexDirection="column" padding={12}>
+        <Text variant="normal" color="grey11">
+          Need additional properties similar to "Variants"?{" "}
+          <a
+            href="https://community.prismic.io/t/link-field-use-cases-share-your-requests-and-feedback/18146"
+            target="_blank"
+            rel="noopener noreferrer"
+            style={{ color: "inherit", textDecoration: "underline" }}
+          >
+            Please provide your feedback here.
+          </a>
+        </Text>
+      </Box>
+    </Box>
+  );
+}
diff --git a/packages/slice-machine/src/legacy/lib/models/common/widgets/Link/index.ts b/packages/slice-machine/src/legacy/lib/models/common/widgets/Link/index.ts
index 871f11b57d..2760bf1a57 100644
--- a/packages/slice-machine/src/legacy/lib/models/common/widgets/Link/index.ts
+++ b/packages/slice-machine/src/legacy/lib/models/common/widgets/Link/index.ts
@@ -78,6 +78,9 @@ export const linkConfigSchema = yup
     allowTargetBlank: yup.boolean().strict().optional(),
     allowText: yup.boolean().strict().optional(),
     repeat: yup.boolean().strict().optional(),
+    variants: yup
+      .array(yup.string().trim().required("Values can't be empty"))
+      .optional(),
   })
   .required()
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
diff --git a/packages/slice-machine/src/legacy/lib/models/common/widgets/LinkToMedia/Form.jsx b/packages/slice-machine/src/legacy/lib/models/common/widgets/LinkToMedia/Form.jsx
index 08dc86f5dc..25c17950bb 100644
--- a/packages/slice-machine/src/legacy/lib/models/common/widgets/LinkToMedia/Form.jsx
+++ b/packages/slice-machine/src/legacy/lib/models/common/widgets/LinkToMedia/Form.jsx
@@ -1,9 +1,14 @@
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+
+import { Box } from "@prismicio/editor-ui";
+
 import { Col, Flex as FlexGrid } from "@/legacy/components/Flex";
 import WidgetFormField from "@/legacy/lib/builders/common/EditModal/Field";
 import { createFieldNameFromKey } from "@/legacy/lib/forms";
 import { DefaultFields } from "@/legacy/lib/forms/defaults";
 
 import { DisplayTextCheckbox } from "../Link/components";
+import { Variants } from "../Link/Form";
 
 const FormFields = {
   ...DefaultFields,
@@ -15,11 +20,11 @@ const Form = (props) => {
 
   // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
   const {
-    config: { allowText },
+    config: { allowText, variants },
   } = formValues;
 
   return (
-    <>
+    <Box flexDirection="column" gap={16}>
       <FlexGrid>
         {Object.entries(FormFields).map(([key, field]) => (
           <Col key={key}>
@@ -40,7 +45,8 @@ const Form = (props) => {
           setFieldValue={setFieldValue}
         />
       </FlexGrid>
-    </>
+      <Variants variants={variants} setFieldValue={setFieldValue} />
+    </Box>
   );
 };
 
diff --git a/packages/slice-machine/src/legacy/lib/models/common/widgets/LinkToMedia/index.ts b/packages/slice-machine/src/legacy/lib/models/common/widgets/LinkToMedia/index.ts
index 2a5ea315ce..90146c1409 100644
--- a/packages/slice-machine/src/legacy/lib/models/common/widgets/LinkToMedia/index.ts
+++ b/packages/slice-machine/src/legacy/lib/models/common/widgets/LinkToMedia/index.ts
@@ -41,7 +41,6 @@ export const LinkToMediaWidget: Widget<Link, typeof schema> = {
       placeholder: "",
       select: "media",
       allowText: true,
-      repeat: false,
     },
   }),
   TYPE_NAME: "Link",
diff --git a/packages/slice-machine/src/utils/tracking/trackFieldAdded.ts b/packages/slice-machine/src/utils/tracking/trackFieldAdded.ts
index c4eb4cf547..0635476751 100644
--- a/packages/slice-machine/src/utils/tracking/trackFieldAdded.ts
+++ b/packages/slice-machine/src/utils/tracking/trackFieldAdded.ts
@@ -28,6 +28,7 @@ export function trackFieldAdded(args: TrackFieldAddedArgs) {
     ...(field.type === "Link" && {
       allowText: field.config?.allowText,
       repeat: field.config?.repeat,
+      variants: field.config?.variants,
     }),
   });
 }
diff --git a/packages/start-slicemachine/package.json b/packages/start-slicemachine/package.json
index e08b596aef..4d6fdc420d 100644
--- a/packages/start-slicemachine/package.json
+++ b/packages/start-slicemachine/package.json
@@ -55,8 +55,8 @@
 	},
 	"bin": "./bin/start-slicemachine.js",
 	"dependencies": {
-		"@prismicio/mocks": "2.5.0",
-		"@prismicio/types-internal": "3.2.0",
+		"@prismicio/mocks": "2.8.0",
+		"@prismicio/types-internal": "3.3.0",
 		"@slicemachine/manager": "workspace:*",
 		"body-parser": "^1.20.3",
 		"chalk": "^4.1.2",
diff --git a/playwright/package.json b/playwright/package.json
index a23ea30a70..ce051a7e57 100644
--- a/playwright/package.json
+++ b/playwright/package.json
@@ -14,8 +14,8 @@
   },
   "devDependencies": {
     "@msgpack/msgpack": "2.8.0",
-    "@playwright/test": "1.39.0",
-    "@prismicio/types-internal": "3.2.0",
+    "@playwright/test": "^1",
+    "@prismicio/types-internal": "3.3.0",
     "@slicemachine/manager": "workspace:*",
     "@typescript-eslint/eslint-plugin": "7.17.0",
     "@typescript-eslint/parser": "7.17.0",
diff --git a/yarn.lock b/yarn.lock
index 678b256234..2b56767a53 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6447,14 +6447,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@playwright/test@npm:1.39.0":
-  version: 1.39.0
-  resolution: "@playwright/test@npm:1.39.0"
+"@playwright/test@npm:^1":
+  version: 1.49.1
+  resolution: "@playwright/test@npm:1.49.1"
   dependencies:
-    playwright: 1.39.0
+    playwright: 1.49.1
   bin:
     playwright: cli.js
-  checksum: e93e58fc1af4239f239b890374f066c9a758e2492d25e2c1a532f3f00782ab8e7706956a07540fd14882c74e75f5de36273621adce9b79afb8e36e6c15f1d539
+  checksum: cdbd16df3d773dc8e522d79b4b961e25c2e1b1d4f3ec45eb711078ab5d11bca47caafe833e2be2f923328fbd012405a9ee31d9b449d184077598546a36847e69
   languageName: node
   linkType: hard
 
@@ -6472,18 +6472,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@prismicio/api-renderer@npm:6.0.0":
-  version: 6.0.0
-  resolution: "@prismicio/api-renderer@npm:6.0.0"
+"@prismicio/api-renderer@npm:6.1.0":
+  version: 6.1.0
+  resolution: "@prismicio/api-renderer@npm:6.1.0"
   dependencies:
-    "@prismicio/types-internal": 3.1.0
+    "@prismicio/types-internal": 3.3.0
     tslib: ^2.5.0
     uuid: ^9.0.0
   peerDependencies:
     fp-ts: ^2.11.8
     io-ts: ^2.2.16
     io-ts-types: ^0.5.16
-  checksum: a206f1b5bef538e964d1580bfdaf6c5e021c89aab3f37a94148e826bdd8055957b26f35a5d49e41f6815e7ea1836f1bbe974df2d4f578fe3450c0456d8f1e9d5
+  checksum: e65fdf72d54d376eb36a329fc75cd9a4ef3114b2f3d4002b536dec6a8074ad1fe0b58b4a0006d308d09dc7a7eac1566cfd51d645d32c9e03729b21fbc191a9a6
   languageName: node
   linkType: hard
 
@@ -6523,15 +6523,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@prismicio/editor-fields@npm:0.4.59":
-  version: 0.4.59
-  resolution: "@prismicio/editor-fields@npm:0.4.59"
+"@prismicio/editor-fields@npm:0.4.60":
+  version: 0.4.60
+  resolution: "@prismicio/editor-fields@npm:0.4.60"
   dependencies:
     "@aws-sdk/client-bedrock-runtime": 3.709.0
     "@floating-ui/react-dom-interactions": 0.9.3
-    "@prismicio/editor-support": 0.4.59
+    "@prismicio/editor-support": 0.4.60
     "@prismicio/richtext": 2.1.1
-    "@prismicio/types-internal": 3.2.0
+    "@prismicio/types-internal": 3.3.0
     "@tanstack/react-query": 5.55.4
     "@tiptap/core": 2.10.2
     "@tiptap/extension-bold": 2.10.2
@@ -6561,16 +6561,16 @@ __metadata:
     tslib: 2.4.0
     zod: 3.23.8
   peerDependencies:
-    "@prismicio/editor-ui": ^0.4.59
+    "@prismicio/editor-ui": ^0.4.60
     react: 18
     react-dom: 18
-  checksum: 3e0aa49c195c51f8db5c253c957206f265647a416d6dcbbbd4b1bc6ee181db2c280e302f416e0093f200560fb7f5d029ceeba17bcaed88246e043ac6c32021e3
+  checksum: 7d6988b78653548c7e758c74b10a2e4e9ba90a387875a8671b943d129259ebbc85ea0d942511af5f3ca24af07d1dcfe11beef5eaff6ce4e6e2cff09d5d94e927
   languageName: node
   linkType: hard
 
-"@prismicio/editor-support@npm:0.4.59":
-  version: 0.4.59
-  resolution: "@prismicio/editor-support@npm:0.4.59"
+"@prismicio/editor-support@npm:0.4.60":
+  version: 0.4.60
+  resolution: "@prismicio/editor-support@npm:0.4.60"
   dependencies:
     tslib: 2.4.0
   peerDependencies:
@@ -6581,16 +6581,16 @@ __metadata:
       optional: true
     zod:
       optional: true
-  checksum: e841588a6f971e391f33443258a514ec12b5c1483aaef5db4476db067af60227af1485a761ee010309ee5b641dcd89df7e965d5bcb2d3c8bba7f86d1016b9341
+  checksum: 2da25b06dd8f7a9f74c89b9892eb6d00cd48b400b29dc7fcac8d47e752bf215326ea36d7f3cd9bb00ee2f67339ce3b3281defdfb899dcba036ddbc55ecb639a8
   languageName: node
   linkType: hard
 
-"@prismicio/editor-ui@npm:0.4.59":
-  version: 0.4.59
-  resolution: "@prismicio/editor-ui@npm:0.4.59"
+"@prismicio/editor-ui@npm:0.4.60":
+  version: 0.4.60
+  resolution: "@prismicio/editor-ui@npm:0.4.60"
   dependencies:
     "@internationalized/date": 3.5.5
-    "@prismicio/editor-support": 0.4.59
+    "@prismicio/editor-support": 0.4.60
     "@radix-ui/react-avatar": 1.1.0
     "@radix-ui/react-checkbox": 1.1.1
     "@radix-ui/react-dialog": 1.1.1
@@ -6641,7 +6641,7 @@ __metadata:
   peerDependencies:
     react: 17 || 18
     react-dom: 17 || 18
-  checksum: 2514285dcdcfa2e09776e6e09051ad60f37887089ec08204cdfafd99c488db831a9b321f59a6bf1e85deee5281bfab094298d25db04a84d8c27b9eaec08b8a6d
+  checksum: 1563e7889a513880e84a496404850cc9bf72b4ac758b881da5dc38aa2cd3783c9bb10d85c66aef8a0a6986229cfee9aa96724cd286ddc009d2fde480c2e1ae83
   languageName: node
   linkType: hard
 
@@ -6688,12 +6688,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@prismicio/mocks@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@prismicio/mocks@npm:2.5.0"
+"@prismicio/mocks@npm:2.8.0":
+  version: 2.8.0
+  resolution: "@prismicio/mocks@npm:2.8.0"
   dependencies:
-    "@prismicio/api-renderer": 6.0.0
-    "@prismicio/types-internal": 3.1.0
+    "@prismicio/api-renderer": 6.1.0
+    "@prismicio/types-internal": 3.3.0
     fp-ts: ^2.11.8
     io-ts: ^2.2.16
     io-ts-types: ^0.5.16
@@ -6702,7 +6702,7 @@ __metadata:
     newtype-ts: ^0.3.5
     tslib: ^2.3.1
     uuid: ^9.0.1
-  checksum: e18240377a29561d2937dbad3d1bbe98557c669ec5fb7aadfbee12284fed950b8a4aaeefd7294d40aa2f033341493615d156a5be68b44899e19b1fc605fc885c
+  checksum: c4c2a5897b36aef13becad4b49b027f077dc836c2a7a2abffff4cf2af1c93db5dc11d87a267cdb2196f0b0435370efd2cfa9c56786dd73e1bad974ab6175142d
   languageName: node
   linkType: hard
 
@@ -6779,9 +6779,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@prismicio/types-internal@npm:3.2.0":
-  version: 3.2.0
-  resolution: "@prismicio/types-internal@npm:3.2.0"
+"@prismicio/types-internal@npm:3.3.0":
+  version: 3.3.0
+  resolution: "@prismicio/types-internal@npm:3.3.0"
   dependencies:
     monocle-ts: ^2.3.11
     newtype-ts: ^0.3.5
@@ -6791,7 +6791,7 @@ __metadata:
     fp-ts: ^2.11.8
     io-ts: ^2.2.16
     io-ts-types: ^0.5.16
-  checksum: d5f51562adcabc9255092a06817f3de384c392834c075858c2e03740b8a79df108b082f35e07cbf0ec5e8818594ddd42a3374e89d139826248c38ba54b32742c
+  checksum: 898dba5cfd61e428d117f12ec59aa7146920593068222d7d0b0f67f95e0a822ff52b930353ca194c4aee887762e8edad8a11460994479bfb193956104dabe9ff
   languageName: node
   linkType: hard
 
@@ -9523,7 +9523,7 @@ __metadata:
   dependencies:
     "@prismicio/mock": 0.2.0
     "@prismicio/simulator": ^0.1.4
-    "@prismicio/types-internal": 3.2.0
+    "@prismicio/types-internal": 3.3.0
     "@size-limit/preset-small-lib": 8.2.4
     "@slicemachine/plugin-kit": "workspace:*"
     "@types/common-tags": 1.8.1
@@ -9568,7 +9568,7 @@ __metadata:
   dependencies:
     "@prismicio/mock": 0.2.0
     "@prismicio/simulator": ^0.1.4
-    "@prismicio/types-internal": 3.2.0
+    "@prismicio/types-internal": 3.3.0
     "@size-limit/preset-small-lib": 8.2.4
     "@slicemachine/plugin-kit": "workspace:*"
     "@typescript-eslint/eslint-plugin": 5.55.0
@@ -9609,7 +9609,7 @@ __metadata:
   dependencies:
     "@prismicio/mock": 0.2.0
     "@prismicio/simulator": ^0.1.4
-    "@prismicio/types-internal": 3.2.0
+    "@prismicio/types-internal": 3.3.0
     "@size-limit/preset-small-lib": 8.2.4
     "@slicemachine/plugin-kit": "workspace:*"
     "@types/common-tags": 1.8.1
@@ -9651,7 +9651,7 @@ __metadata:
   dependencies:
     "@prismicio/mock": 0.2.0
     "@prismicio/simulator": ^0.1.4
-    "@prismicio/types-internal": 3.2.0
+    "@prismicio/types-internal": 3.3.0
     "@size-limit/preset-small-lib": 8.2.4
     "@slicemachine/plugin-kit": "workspace:*"
     "@sveltejs/kit": 2.0.0
@@ -9703,8 +9703,8 @@ __metadata:
   resolution: "@slicemachine/e2e@workspace:playwright"
   dependencies:
     "@msgpack/msgpack": 2.8.0
-    "@playwright/test": 1.39.0
-    "@prismicio/types-internal": 3.2.0
+    "@playwright/test": ^1
+    "@prismicio/types-internal": 3.3.0
     "@slicemachine/manager": "workspace:*"
     "@typescript-eslint/eslint-plugin": 7.17.0
     "@typescript-eslint/parser": 7.17.0
@@ -9773,8 +9773,8 @@ __metadata:
     "@prismicio/client": ^7.11.0
     "@prismicio/custom-types-client": 2.1.0
     "@prismicio/mock": 0.2.0
-    "@prismicio/mocks": 2.5.0
-    "@prismicio/types-internal": 3.2.0
+    "@prismicio/mocks": 2.8.0
+    "@prismicio/types-internal": 3.3.0
     "@segment/analytics-node": ^2.1.2
     "@size-limit/preset-small-lib": 8.2.4
     "@slicemachine/plugin-kit": "workspace:*"
@@ -9832,7 +9832,7 @@ __metadata:
   dependencies:
     "@prismicio/client": ^7.11.0
     "@prismicio/mock": 0.3.7
-    "@prismicio/types-internal": 3.2.0
+    "@prismicio/types-internal": 3.3.0
     "@size-limit/preset-small-lib": 8.2.4
     "@types/common-tags": 1.8.1
     "@types/fs-extra": 11.0.1
@@ -10037,9 +10037,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@smithy/middleware-endpoint@npm:^3.2.5":
-  version: 3.2.5
-  resolution: "@smithy/middleware-endpoint@npm:3.2.5"
+"@smithy/middleware-endpoint@npm:^3.2.5, @smithy/middleware-endpoint@npm:^3.2.6":
+  version: 3.2.6
+  resolution: "@smithy/middleware-endpoint@npm:3.2.6"
   dependencies:
     "@smithy/core": ^2.5.5
     "@smithy/middleware-serde": ^3.0.11
@@ -10049,7 +10049,7 @@ __metadata:
     "@smithy/url-parser": ^3.0.11
     "@smithy/util-middleware": ^3.0.11
     tslib: ^2.6.2
-  checksum: d89909c85f608404871a8ef0b6e468840cba8b36656288d5aa53bf93288f010dfbc385f2ba5a1b06e5c3eb63271501142949d65e0bec903521176ab274e76d21
+  checksum: f2fd18bfbd9c229f61043f1c1a930a2a9f8f04a65b9c70f7dc7e65342e55e11ff6b034a23e595a6e0f7f8c897f97f79a3bb922d152a891e0e9d515df34c6fc0a
   languageName: node
   linkType: hard
 
@@ -10192,17 +10192,17 @@ __metadata:
   linkType: hard
 
 "@smithy/smithy-client@npm:^3.5.0":
-  version: 3.5.0
-  resolution: "@smithy/smithy-client@npm:3.5.0"
+  version: 3.5.1
+  resolution: "@smithy/smithy-client@npm:3.5.1"
   dependencies:
     "@smithy/core": ^2.5.5
-    "@smithy/middleware-endpoint": ^3.2.5
+    "@smithy/middleware-endpoint": ^3.2.6
     "@smithy/middleware-stack": ^3.0.11
     "@smithy/protocol-http": ^4.1.8
     "@smithy/types": ^3.7.2
     "@smithy/util-stream": ^3.3.2
     tslib: ^2.6.2
-  checksum: 17c7f5b4b0e722ed345ca0a4ecece31e8c87db133a369bfaac605abfe50d5874a1711cc6836955c74216ba14290dd594a50033ec77b6ea50d5732738391fa6ee
+  checksum: f3df8e92b932d393773a2df5eb2c372bfab40ef516c74420039010d0295277dc2726148fdd42b16bae59a6dcb370e6872aeac9cb4c1c3d662659feff659c3397
   languageName: node
   linkType: hard
 
@@ -27782,27 +27782,27 @@ __metadata:
   languageName: node
   linkType: hard
 
-"playwright-core@npm:1.39.0":
-  version: 1.39.0
-  resolution: "playwright-core@npm:1.39.0"
+"playwright-core@npm:1.49.1":
+  version: 1.49.1
+  resolution: "playwright-core@npm:1.49.1"
   bin:
     playwright-core: cli.js
-  checksum: 556e78dee4f9890facf2af8249972e0d6e01a5ae98737b0f6b0166c660a95ffee4cb79350335b1ef96430a0ef01d3669daae9099fa46c8d403d11c623988238b
+  checksum: a940f4b10ff1de033b4b8594b5104b02849a892d9adda0d42330a872cd3d8d287ffd2b01fc33f33ccd34f8904bb8ae8220b878b62e899f3d9bcd1b0945ab45c7
   languageName: node
   linkType: hard
 
-"playwright@npm:1.39.0":
-  version: 1.39.0
-  resolution: "playwright@npm:1.39.0"
+"playwright@npm:1.49.1":
+  version: 1.49.1
+  resolution: "playwright@npm:1.49.1"
   dependencies:
     fsevents: 2.3.2
-    playwright-core: 1.39.0
+    playwright-core: 1.49.1
   dependenciesMeta:
     fsevents:
       optional: true
   bin:
     playwright: cli.js
-  checksum: 96d8ca5aa25465c1c5d554d0d6071981d55e22477800ff8f5d47a53ca75193d60ece2df538a01b7165b3277dd5493c67603a5acda713029df7fbd95ce2417bc9
+  checksum: c136d42d625e32614f90e5228a165dc8be48c5bfb52aca9210c6ff04161a409dbe42fe5ae4f05a2653f6a1b836876a04d3b0f24bcbbc053d1509c1d605b7c8d5
   languageName: node
   linkType: hard
 
@@ -32321,13 +32321,13 @@ __metadata:
     "@emotion/react": 11.11.1
     "@extractus/oembed-extractor": 3.1.8
     "@prismicio/client": 7.11.0
-    "@prismicio/editor-fields": 0.4.59
-    "@prismicio/editor-support": 0.4.59
-    "@prismicio/editor-ui": 0.4.59
+    "@prismicio/editor-fields": 0.4.60
+    "@prismicio/editor-support": 0.4.60
+    "@prismicio/editor-ui": 0.4.60
     "@prismicio/mock": 0.3.3
-    "@prismicio/mocks": 2.5.0
+    "@prismicio/mocks": 2.8.0
     "@prismicio/simulator": 0.1.4
-    "@prismicio/types-internal": 3.2.0
+    "@prismicio/types-internal": 3.3.0
     "@radix-ui/react-hover-card": 1.0.6
     "@radix-ui/react-tabs": 1.0.4
     "@radix-ui/react-visually-hidden": 1.0.3
@@ -32804,8 +32804,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "start-slicemachine@workspace:packages/start-slicemachine"
   dependencies:
-    "@prismicio/mocks": 2.5.0
-    "@prismicio/types-internal": 3.2.0
+    "@prismicio/mocks": 2.8.0
+    "@prismicio/types-internal": 3.3.0
     "@size-limit/preset-small-lib": 8.2.4
     "@slicemachine/manager": "workspace:*"
     "@types/body-parser": 1.19.2