@madebywild/sanity-richtext-field 1.0.0 → 1.1.0

package/README.md

@@ -20,6 +20,7 @@ import {
   createAnnotations,
   createDecorators,
   createLists,
+  createSpans,
   createStyles,
 } from "@madebywild/sanity-richtext-field/parts";
 import { createBlock as quoteBlock } from "@madebywild/sanity-richtext-field/blocks/quote-block";
@@ -41,6 +42,7 @@ export default defineConfig({
   plugins: [
     wildSanityRichtextFieldPlugin({
       blocks: [createBlock(customBlock), quoteBlock()],
+      spans: [...createSpans() /* Add your own */],
       styles: [...createStyles() /* Add your own */],
       lists: [...createLists() /* Add your own */],
       decorators: [...createDecorators() /* Add your own */],
@@ -50,6 +52,29 @@ export default defineConfig({
 });
 ```
 
+```ts
+// Override built-in annotation rendering (color/highlight)
+wildSanityRichtextFieldPlugin({
+  annotations: [
+    ...createAnnotations({
+      textColor: {
+        renderAnnotation: (props, color) => <span style={{ color }}>{props.renderDefault(props)}</span>,
+      },
+      highlightColor: {
+        renderAnnotation: (props, color) => <mark style={{ backgroundColor: color }}>{props.renderDefault(props)}</mark>,
+      },
+    }),
+  ],
+  spans: [
+    ...createSpans({
+      icon: {
+        renderPreview: (value) => <span>{value}</span>,
+      },
+    }),
+  ],
+});
+```
+
 ## Use in Schema
 
 ```ts

package/dist/blocks/media-grid-block.d.cts

@@ -1,4 +1,4 @@
-import * as sanity53 from "sanity";
+import * as sanity68 from "sanity";
 import { ObjectDefinition } from "sanity";
 import { FieldOptions } from "@madebywild/sanity-media-field";
 type Options = Omit<Partial<ObjectDefinition>, "type"> & {
@@ -16,9 +16,9 @@ declare function createBlock({
 }?: Options): {
   type: "object";
   name?: string | undefined;
-} & Omit<sanity53.ArrayOfEntry<ObjectDefinition>, "preview"> & {
-  preview?: sanity53.PreviewConfig<{
+} & Omit<sanity68.ArrayOfEntry<ObjectDefinition>, "preview"> & {
+  preview?: sanity68.PreviewConfig<{
     [x: string]: string;
   }, Record<string, string>> | undefined;
-} & sanity53.WidenValidation & sanity53.WidenInitialValue;
+} & sanity68.WidenValidation & sanity68.WidenInitialValue;
 export { createBlock };

package/dist/blocks/media-grid-block.d.ts

@@ -1,4 +1,4 @@
-import * as sanity45 from "sanity";
+import * as sanity69 from "sanity";
 import { ObjectDefinition } from "sanity";
 import { FieldOptions } from "@madebywild/sanity-media-field";
 type Options = Omit<Partial<ObjectDefinition>, "type"> & {
@@ -16,9 +16,9 @@ declare function createBlock({
 }?: Options): {
   type: "object";
   name?: string | undefined;
-} & Omit<sanity45.ArrayOfEntry<ObjectDefinition>, "preview"> & {
-  preview?: sanity45.PreviewConfig<{
+} & Omit<sanity69.ArrayOfEntry<ObjectDefinition>, "preview"> & {
+  preview?: sanity69.PreviewConfig<{
     [x: string]: string;
   }, Record<string, string>> | undefined;
-} & sanity45.WidenValidation & sanity45.WidenInitialValue;
+} & sanity69.WidenValidation & sanity69.WidenInitialValue;
 export { createBlock };

package/dist/blocks/media-only-block.d.cts

@@ -1,4 +1,4 @@
-import * as sanity49 from "sanity";
+import * as sanity60 from "sanity";
 import { ObjectDefinition } from "sanity";
 import { FieldOptions } from "@madebywild/sanity-media-field";
 type Options = Omit<Partial<ObjectDefinition>, "type"> & {
@@ -16,9 +16,9 @@ declare function createBlock({
 }?: Options): {
   type: "object";
   name?: string | undefined;
-} & Omit<sanity49.ArrayOfEntry<ObjectDefinition>, "preview"> & {
-  preview?: sanity49.PreviewConfig<{
+} & Omit<sanity60.ArrayOfEntry<ObjectDefinition>, "preview"> & {
+  preview?: sanity60.PreviewConfig<{
     [x: string]: string;
   }, Record<string, string>> | undefined;
-} & sanity49.WidenValidation & sanity49.WidenInitialValue;
+} & sanity60.WidenValidation & sanity60.WidenInitialValue;
 export { createBlock };

package/dist/blocks/media-only-block.d.ts

@@ -1,4 +1,4 @@
-import * as sanity49 from "sanity";
+import * as sanity65 from "sanity";
 import { ObjectDefinition } from "sanity";
 import { FieldOptions } from "@madebywild/sanity-media-field";
 type Options = Omit<Partial<ObjectDefinition>, "type"> & {
@@ -16,9 +16,9 @@ declare function createBlock({
 }?: Options): {
   type: "object";
   name?: string | undefined;
-} & Omit<sanity49.ArrayOfEntry<ObjectDefinition>, "preview"> & {
-  preview?: sanity49.PreviewConfig<{
+} & Omit<sanity65.ArrayOfEntry<ObjectDefinition>, "preview"> & {
+  preview?: sanity65.PreviewConfig<{
     [x: string]: string;
   }, Record<string, string>> | undefined;
-} & sanity49.WidenValidation & sanity49.WidenInitialValue;
+} & sanity65.WidenValidation & sanity65.WidenInitialValue;
 export { createBlock };

package/dist/blocks/media-slider-block.d.cts

@@ -1,4 +1,4 @@
-import * as sanity58 from "sanity";
+import * as sanity64 from "sanity";
 import { ObjectDefinition } from "sanity";
 import { FieldOptions } from "@madebywild/sanity-media-field";
 type Options = Omit<Partial<ObjectDefinition>, "type"> & {
@@ -16,9 +16,9 @@ declare function createBlock({
 }?: Options): {
   type: "object";
   name?: string | undefined;
-} & Omit<sanity58.ArrayOfEntry<ObjectDefinition>, "preview"> & {
-  preview?: sanity58.PreviewConfig<{
+} & Omit<sanity64.ArrayOfEntry<ObjectDefinition>, "preview"> & {
+  preview?: sanity64.PreviewConfig<{
     [x: string]: string;
   }, Record<string, string>> | undefined;
-} & sanity58.WidenValidation & sanity58.WidenInitialValue;
+} & sanity64.WidenValidation & sanity64.WidenInitialValue;
 export { createBlock };

package/dist/blocks/media-slider-block.d.ts

@@ -1,4 +1,4 @@
-import * as sanity58 from "sanity";
+import * as sanity73 from "sanity";
 import { ObjectDefinition } from "sanity";
 import { FieldOptions } from "@madebywild/sanity-media-field";
 type Options = Omit<Partial<ObjectDefinition>, "type"> & {
@@ -16,9 +16,9 @@ declare function createBlock({
 }?: Options): {
   type: "object";
   name?: string | undefined;
-} & Omit<sanity58.ArrayOfEntry<ObjectDefinition>, "preview"> & {
-  preview?: sanity58.PreviewConfig<{
+} & Omit<sanity73.ArrayOfEntry<ObjectDefinition>, "preview"> & {
+  preview?: sanity73.PreviewConfig<{
     [x: string]: string;
   }, Record<string, string>> | undefined;
-} & sanity58.WidenValidation & sanity58.WidenInitialValue;
+} & sanity73.WidenValidation & sanity73.WidenInitialValue;
 export { createBlock };

package/dist/blocks/quote-block.d.cts

@@ -1,4 +1,4 @@
-import * as sanity45 from "sanity";
+import * as sanity73 from "sanity";
 import { ObjectDefinition } from "sanity";
 type Options = Omit<Partial<ObjectDefinition>, "type">;
 /** @public */
@@ -9,9 +9,9 @@ declare function createBlock({
 }?: Options): {
   type: "object";
   name?: string | undefined;
-} & Omit<sanity45.ArrayOfEntry<ObjectDefinition>, "preview"> & {
-  preview?: sanity45.PreviewConfig<{
+} & Omit<sanity73.ArrayOfEntry<ObjectDefinition>, "preview"> & {
+  preview?: sanity73.PreviewConfig<{
     [x: string]: string;
   }, Record<string, string>> | undefined;
-} & sanity45.WidenValidation & sanity45.WidenInitialValue;
+} & sanity73.WidenValidation & sanity73.WidenInitialValue;
 export { createBlock };

package/dist/blocks/quote-block.d.ts

@@ -1,4 +1,4 @@
-import * as sanity53 from "sanity";
+import * as sanity61 from "sanity";
 import { ObjectDefinition } from "sanity";
 type Options = Omit<Partial<ObjectDefinition>, "type">;
 /** @public */
@@ -9,9 +9,9 @@ declare function createBlock({
 }?: Options): {
   type: "object";
   name?: string | undefined;
-} & Omit<sanity53.ArrayOfEntry<ObjectDefinition>, "preview"> & {
-  preview?: sanity53.PreviewConfig<{
+} & Omit<sanity61.ArrayOfEntry<ObjectDefinition>, "preview"> & {
+  preview?: sanity61.PreviewConfig<{
     [x: string]: string;
   }, Record<string, string>> | undefined;
-} & sanity53.WidenValidation & sanity53.WidenInitialValue;
+} & sanity61.WidenValidation & sanity61.WidenInitialValue;
 export { createBlock };

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import * as sanity57 from "sanity";
+import * as sanity72 from "sanity";
 import { ArrayDefinition, ArrayOfType, ArrayOptions, BlockDecoratorDefinition, BlockListDefinition, BlockStyleDefinition } from "sanity";
 /** @public */
 declare const typeName: "wild.richtext";
@@ -86,5 +86,5 @@ declare module "sanity" {
   }
 }
 /** @public */
-declare const wildSanityRichtextFieldPlugin: sanity57.Plugin<PluginConfig>;
+declare const wildSanityRichtextFieldPlugin: sanity72.Plugin<PluginConfig>;
 export { type FieldOptions, type PluginConfig, typeName, wildSanityRichtextFieldPlugin };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import * as sanity57 from "sanity";
+import * as sanity60 from "sanity";
 import { ArrayDefinition, ArrayOfType, ArrayOptions, BlockDecoratorDefinition, BlockListDefinition, BlockStyleDefinition } from "sanity";
 /** @public */
 declare const typeName: "wild.richtext";
@@ -86,5 +86,5 @@ declare module "sanity" {
   }
 }
 /** @public */
-declare const wildSanityRichtextFieldPlugin: sanity57.Plugin<PluginConfig>;
+declare const wildSanityRichtextFieldPlugin: sanity60.Plugin<PluginConfig>;
 export { type FieldOptions, type PluginConfig, typeName, wildSanityRichtextFieldPlugin };

package/dist/parts.cjs

@@ -25,22 +25,32 @@ const ColorText = styledComponents.styled.span`
   color = "inherit"
 }) => color};
   }
-`, textColor = sanity.defineField({
-  type: "object",
-  name: `${types.typeName}.annotation.textColor`,
-  title: "Text Color",
-  icon: icons.ColorWheelIcon,
-  fields: [sanity.defineField({
-    name: "color",
-    type: "wild.color"
-  })],
-  components: {
-    annotation: (props) => {
-      const color = props.value?.color?.value;
-      return /* @__PURE__ */ jsxRuntime.jsx(ColorText, { color, children: props.renderDefault(props) });
+`;
+function defaultResolveColor(value) {
+  if (typeof value == "string") return value;
+  if (value && typeof value == "object" && "value" in value && typeof value.value == "string")
+    return value.value;
+}
+function createTextColorAnnotation(options) {
+  const resolveColor = options?.resolveColor ?? defaultResolveColor, renderAnnotation = options?.renderAnnotation;
+  return sanity.defineField({
+    type: "object",
+    name: `${types.typeName}.annotation.textColor`,
+    title: "Text Color",
+    icon: icons.ColorWheelIcon,
+    fields: [sanity.defineField({
+      name: "color",
+      type: "wild.color"
+    })],
+    components: {
+      annotation: (props) => {
+        const color = resolveColor(props.value?.color);
+        return renderAnnotation ? renderAnnotation(props, color) : /* @__PURE__ */ jsxRuntime.jsx(ColorText, { color, children: props.renderDefault(props) });
+      }
     }
-  }
-}), ColorBg = styledComponents.styled.span`
+  });
+}
+const ColorBg = styledComponents.styled.span`
   & > span {
     background-color: ${({
   color = "inherit"
@@ -48,22 +58,27 @@ const ColorText = styledComponents.styled.span`
     border-bottom: unset;
     color: inherit;
   }
-`, highlightColor = sanity.defineField({
-  type: "object",
-  name: `${types.typeName}.annotation.highlightColor`,
-  title: "Highlight Color",
-  icon: icons.HighlightIcon,
-  fields: [sanity.defineField({
-    name: "color",
-    type: "wild.color"
-  })],
-  components: {
-    annotation: (props) => {
-      const color = props.value?.color?.value;
-      return /* @__PURE__ */ jsxRuntime.jsx(ColorBg, { color, children: props.renderDefault(props) });
+`;
+function createHighlightColorAnnotation(options) {
+  const resolveColor = options?.resolveColor ?? defaultResolveColor, renderAnnotation = options?.renderAnnotation;
+  return sanity.defineField({
+    type: "object",
+    name: `${types.typeName}.annotation.highlightColor`,
+    title: "Highlight Color",
+    icon: icons.HighlightIcon,
+    fields: [sanity.defineField({
+      name: "color",
+      type: "wild.color"
+    })],
+    components: {
+      annotation: (props) => {
+        const color = resolveColor(props.value?.color);
+        return renderAnnotation ? renderAnnotation(props, color) : /* @__PURE__ */ jsxRuntime.jsx(ColorBg, { color, children: props.renderDefault(props) });
+      }
     }
-  }
-}), link = sanity.defineField({
+  });
+}
+const link = sanity.defineField({
   type: "wild.link",
   name: `${types.typeName}.annotation.link`,
   title: "Link",
@@ -73,8 +88,8 @@ const ColorText = styledComponents.styled.span`
     collapsible: !1
   }
 });
-function createAnnotations() {
-  return [link, textColor, highlightColor];
+function createAnnotations(options) {
+  return [link, createTextColorAnnotation(options?.textColor), createHighlightColorAnnotation(options?.highlightColor)];
 }
 const strong = {
   title: "Strong",
@@ -122,34 +137,41 @@ const bullet = {
 function createLists() {
   return [bullet, number];
 }
-const icon = sanity.defineArrayMember({
-  name: `${types.typeName}.span.icon`,
-  type: "object",
-  title: "Icon",
-  description: "Insert an icon.",
-  icon: () => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u{1F9FF}" }),
-  fields: [sanity.defineField({
-    name: "icon",
-    type: "wild.icon"
-  })],
-  components: {
-    // This is the inline-preview in the PortableText editor.
-    // It gets its props from the prepare function below.
-    preview: (props) => React__namespace.isValidElement(props.media) ? props.media : props.fallbackTitle
-  },
-  preview: {
-    select: {
-      icon: "icon"
+function defaultRenderIconPreview(value) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { role: "img", className: "inline-block size-[1em] shrink-0 text-current", title: value ?? "Icon", children: "\u{1F9FF}" });
+}
+function createIconSpan(options) {
+  const renderPreview = options?.renderPreview ?? defaultRenderIconPreview;
+  return sanity.defineArrayMember({
+    name: `${types.typeName}.span.icon`,
+    type: "object",
+    title: "Icon",
+    description: "Insert an icon.",
+    icon: () => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u{1F9FF}" }),
+    fields: [sanity.defineField({
+      name: "icon",
+      type: "wild.icon"
+    })],
+    components: {
+      // This is the inline-preview in the PortableText editor.
+      // It gets its props from the prepare function below.
+      preview: (props) => React__namespace.isValidElement(props.media) ? props.media : props.fallbackTitle
     },
-    prepare({
-      icon: icon2
-    }) {
-      return {
-        media: /* @__PURE__ */ jsxRuntime.jsx("span", { role: "img", className: "inline-block size-[1em] shrink-0 text-current", title: icon2 ?? "Icon", children: "\u{1F9FF}" })
-      };
+    preview: {
+      select: {
+        icon: "icon"
+      },
+      prepare({
+        icon
+      }) {
+        return {
+          media: renderPreview(icon)
+        };
+      }
     }
-  }
-}), media = sanity.defineArrayMember({
+  });
+}
+const media = sanity.defineArrayMember({
   name: `${types.typeName}.span.media`,
   type: "object",
   title: "Inline Media",
@@ -176,8 +198,8 @@ const icon = sanity.defineArrayMember({
     }
   }
 });
-function createSpans() {
-  return [icon, media];
+function createSpans(options) {
+  return [createIconSpan(options?.icon), media];
 }
 const h2 = {
   title: "Heading 2",
@@ -215,6 +237,7 @@ function createStyles() {
 }
 exports.createAnnotations = createAnnotations;
 exports.createDecorators = createDecorators;
+exports.createIconSpan = createIconSpan;
 exports.createLists = createLists;
 exports.createSpans = createSpans;
 exports.createStyles = createStyles;

package/dist/parts.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"parts.cjs","sources":["../src/parts/annotations/color.tsx","../src/parts/annotations/link.tsx","../src/parts/annotations/index.tsx","../src/parts/decorators/index.tsx","../src/parts/lists/index.tsx","../src/parts/spans/icon.tsx","../src/parts/spans/media.tsx","../src/parts/spans/index.tsx","../src/parts/styles/index.tsx"],"sourcesContent":["import { ColorWheelIcon, HighlightIcon } from \"@sanity/icons\";\nimport { defineField } from \"sanity\";\nimport { styled } from \"styled-components\";\nimport { typeName } from \"../../types\";\n\nconst ColorText = styled.span<{ color?: string }>`\n  & > span {\n    background-color: inherit;\n    border-bottom: unset;\n    color: ${({ color = \"inherit\" }) => color};\n  }\n`;\n\nexport const textColor = defineField({\n  type: \"object\",\n  name: `${typeName}.annotation.textColor`,\n  title: \"Text Color\",\n  icon: ColorWheelIcon,\n  fields: [defineField({ name: \"color\", type: \"wild.color\" })],\n  components: {\n    annotation: (props) => {\n      // @ts-expect-error: Sanity types are not aware of the color field structure.\n      const color = props.value?.color?.value as string;\n      return <ColorText color={color}>{props.renderDefault(props)}</ColorText>;\n    },\n  },\n});\n\nconst ColorBg = styled.span<{ color?: string }>`\n  & > span {\n    background-color: ${({ color = \"inherit\" }) => color};\n    border-bottom: unset;\n    color: inherit;\n  }\n`;\n\nexport const highlightColor = defineField({\n  type: \"object\",\n  name: `${typeName}.annotation.highlightColor`,\n  title: \"Highlight Color\",\n  icon: HighlightIcon,\n  fields: [defineField({ name: \"color\", type: \"wild.color\" })],\n  components: {\n    annotation: (props) => {\n      // @ts-expect-error: Sanity types are not aware of the color field structure.\n      const color = props.value?.color?.value as string;\n      return <ColorBg color={color}>{props.renderDefault(props)}</ColorBg>;\n    },\n  },\n});\n","import { LinkIcon } from \"@sanity/icons\";\nimport { defineField } from \"sanity\";\nimport { typeName } from \"../../types\";\n\nexport const link = defineField({\n  type: \"wild.link\",\n  name: `${typeName}.annotation.link`,\n  title: \"Link\",\n  icon: LinkIcon,\n  options: {\n    collapsed: false,\n    collapsible: false,\n  },\n});\n","import { highlightColor, textColor } from \"./color\";\nimport { link } from \"./link\";\n\n/** @public */\nfunction createAnnotations() {\n  return [link, textColor, highlightColor] as const;\n}\n\nexport { createAnnotations };\n","import { BoldIcon, CodeIcon, ItalicIcon } from \"@sanity/icons\";\nimport type { BlockDecoratorDefinition } from \"sanity\";\nimport { typeName } from \"../../types\";\n\nconst strong = {\n  title: \"Strong\",\n  value: `${typeName}.decorator.strong`,\n  icon: BoldIcon,\n  component: ({ children }) => <strong>{children}</strong>,\n} as const satisfies BlockDecoratorDefinition;\n\nconst em = {\n  title: \"Emphasis\",\n  value: `${typeName}.decorator.em`,\n  icon: ItalicIcon,\n  component: ({ children }) => <em>{children}</em>,\n} as const satisfies BlockDecoratorDefinition;\n\nconst code = {\n  title: \"Code\",\n  value: `${typeName}.decorator.code`,\n  icon: CodeIcon,\n  component: ({ children }) => <code>{children}</code>,\n} as const satisfies BlockDecoratorDefinition;\n\nconst sup = {\n  title: \"Sup\",\n  value: `${typeName}.decorator.sup`,\n  icon: () => <sup>[1]</sup>,\n  component: ({ children }) => <sup style={{ verticalAlign: \"super\" }}>{children}</sup>,\n} as const satisfies BlockDecoratorDefinition;\n\n/** @public */\nfunction createDecorators() {\n  return [strong, em, code, sup] as const;\n}\n\nexport { createDecorators };\n","import { OlistIcon, UlistIcon } from \"@sanity/icons\";\nimport type { BlockListDefinition } from \"sanity\";\nimport { typeName } from \"../../types\";\n\nconst bullet = {\n  title: \"Bullet\",\n  value: `${typeName}.list.bullet`,\n  icon: UlistIcon,\n} as const satisfies BlockListDefinition;\n\nconst number = {\n  title: \"Number\",\n  value: `${typeName}.list.number`,\n  icon: OlistIcon,\n} as const satisfies BlockListDefinition;\n\n/** @public */\nfunction createLists() {\n  return [bullet, number] as const;\n}\n\nexport { createLists };\n","import * as React from \"react\";\nimport { defineArrayMember, defineField } from \"sanity\";\nimport { typeName } from \"../../types\";\n\nexport const icon = defineArrayMember({\n  name: `${typeName}.span.icon`,\n  type: \"object\",\n  title: \"Icon\",\n  description: \"Insert an icon.\",\n  icon: () => <>🧿</>,\n  fields: [defineField({ name: \"icon\", type: \"wild.icon\" })],\n  components: {\n    // This is the inline-preview in the PortableText editor.\n    // It gets its props from the prepare function below.\n    preview: (props) => {\n      return React.isValidElement(props.media) ? props.media : props.fallbackTitle;\n    },\n  },\n  preview: {\n    select: {\n      icon: \"icon\",\n    },\n    prepare({ icon }) {\n      return {\n        media: (\n          <span role=\"img\" className=\"inline-block size-[1em] shrink-0 text-current\" title={icon ?? \"Icon\"}>\n            🧿\n          </span>\n        ),\n      };\n    },\n  },\n});\n","import { defineArrayMember, defineField } from \"sanity\";\nimport { typeName } from \"../../types\";\n\nexport const media = defineArrayMember({\n  name: `${typeName}.span.media`,\n  type: \"object\",\n  title: \"Inline Media\",\n  description: \"Embed inline video or image content.\",\n  icon: () => <>🫧</>,\n  fields: [\n    defineField({\n      name: \"media\",\n      type: \"wild.media\",\n      options: {\n        inline: true,\n      },\n    }),\n  ],\n  components: {\n    // This is the inline-preview in the PortableText editor.\n    preview: (props) => {\n      const icons = {\n        video: <>🎥</>,\n        image: <>🖼️</>,\n        motion: <>🌀</>,\n      };\n\n      // @ts-expect-error: It gets its props from the prepare function below.\n      return icons[props.kind as keyof typeof icons] || <>🖼️</>;\n    },\n  },\n  preview: {\n    select: {\n      kind: \"media.kind\",\n    },\n  },\n});\n","import { icon } from \"./icon\";\nimport { media } from \"./media\";\n\n/** @public */\nfunction createSpans() {\n  return [icon, media] as const;\n}\n\nexport { createSpans };\n","import type { BlockStyleDefinition } from \"sanity\";\nimport { typeName } from \"../../types\";\n\nconst h2 = {\n  title: \"Heading 2\",\n  value: `${typeName}.style.h2`,\n  component: ({ children }) => (\n    <h2\n      style={{\n        fontSize: \"2.0625rem\",\n        fontWeight: \"700\",\n        lineHeight: \"calc(41 / 33)\",\n      }}\n    >\n      {children}\n    </h2>\n  ),\n} as const satisfies BlockStyleDefinition;\n\nconst h3 = {\n  title: \"Heading 3\",\n  value: `${typeName}.style.h3`,\n  component: ({ children }) => (\n    <h3\n      style={{\n        fontSize: \"1.6875rem\",\n        fontWeight: \"700\",\n        lineHeight: \"calc(35 / 27)\",\n      }}\n    >\n      {children}\n    </h3>\n  ),\n} as const satisfies BlockStyleDefinition;\n\nconst h4 = {\n  title: \"Heading 4\",\n  value: `${typeName}.style.h4`,\n  component: ({ children }) => (\n    <h4\n      style={{\n        fontSize: \"1.3125rem\",\n        fontWeight: \"700\",\n        lineHeight: \"calc(29 / 21)\",\n      }}\n    >\n      {children}\n    </h4>\n  ),\n} as const satisfies BlockStyleDefinition;\n\n/** @public */\nfunction createStyles() {\n  return [h2, h3, h4] as const;\n}\n\nexport { createStyles };\n"],"names":["ColorText","styled","span","color","textColor","defineField","type","name","typeName","title","icon","ColorWheelIcon","fields","components","annotation","props","value","renderDefault","ColorBg","highlightColor","HighlightIcon","link","LinkIcon","options","collapsed","collapsible","createAnnotations","strong","BoldIcon","component","children","jsx","em","ItalicIcon","code","CodeIcon","sup","verticalAlign","createDecorators","bullet","UlistIcon","number","OlistIcon","createLists","defineArrayMember","description","Fragment","preview","React","isValidElement","media","fallbackTitle","select","prepare","inline","video","image","motion","kind","createSpans","h2","fontSize","fontWeight","lineHeight","h3","h4","createStyles"],"mappings":"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"}
+{"version":3,"file":"parts.cjs","sources":["../src/parts/annotations/color.tsx","../src/parts/annotations/link.tsx","../src/parts/annotations/index.tsx","../src/parts/decorators/index.tsx","../src/parts/lists/index.tsx","../src/parts/spans/icon.tsx","../src/parts/spans/media.tsx","../src/parts/spans/index.tsx","../src/parts/styles/index.tsx"],"sourcesContent":["import { ColorWheelIcon, HighlightIcon } from \"@sanity/icons\";\nimport { type BlockAnnotationProps, defineField } from \"sanity\";\nimport { styled } from \"styled-components\";\nimport { typeName } from \"../../types\";\n\ntype ColorAnnotationOptions = {\n  resolveColor?: (value: unknown) => string | undefined;\n  renderAnnotation?: (props: BlockAnnotationProps, color?: string) => React.JSX.Element;\n};\n\nconst ColorText = styled.span<{ color?: string }>`\n  & > span {\n    background-color: inherit;\n    border-bottom: unset;\n    color: ${({ color = \"inherit\" }) => color};\n  }\n`;\n\nfunction defaultResolveColor(value: unknown) {\n  if (typeof value === \"string\") return value;\n  if (value && typeof value === \"object\" && \"value\" in value && typeof value.value === \"string\") {\n    return value.value;\n  }\n  return undefined;\n}\n\nfunction createTextColorAnnotation(options?: ColorAnnotationOptions) {\n  const resolveColor = options?.resolveColor ?? defaultResolveColor;\n  const renderAnnotation = options?.renderAnnotation;\n\n  return defineField({\n    type: \"object\",\n    name: `${typeName}.annotation.textColor`,\n    title: \"Text Color\",\n    icon: ColorWheelIcon,\n    fields: [defineField({ name: \"color\", type: \"wild.color\" })],\n    components: {\n      annotation: (props) => {\n        const color = resolveColor(props.value?.color);\n        if (renderAnnotation) return renderAnnotation(props, color);\n        return <ColorText color={color}>{props.renderDefault(props)}</ColorText>;\n      },\n    },\n  });\n}\n\nconst ColorBg = styled.span<{ color?: string }>`\n  & > span {\n    background-color: ${({ color = \"inherit\" }) => color};\n    border-bottom: unset;\n    color: inherit;\n  }\n`;\n\nfunction createHighlightColorAnnotation(options?: ColorAnnotationOptions) {\n  const resolveColor = options?.resolveColor ?? defaultResolveColor;\n  const renderAnnotation = options?.renderAnnotation;\n\n  return defineField({\n    type: \"object\",\n    name: `${typeName}.annotation.highlightColor`,\n    title: \"Highlight Color\",\n    icon: HighlightIcon,\n    fields: [defineField({ name: \"color\", type: \"wild.color\" })],\n    components: {\n      annotation: (props) => {\n        const color = resolveColor(props.value?.color);\n        if (renderAnnotation) return renderAnnotation(props, color);\n        return <ColorBg color={color}>{props.renderDefault(props)}</ColorBg>;\n      },\n    },\n  });\n}\n\nexport { createTextColorAnnotation, createHighlightColorAnnotation, type ColorAnnotationOptions };\n","import { LinkIcon } from \"@sanity/icons\";\nimport { defineField } from \"sanity\";\nimport { typeName } from \"../../types\";\n\nexport const link = defineField({\n  type: \"wild.link\",\n  name: `${typeName}.annotation.link`,\n  title: \"Link\",\n  icon: LinkIcon,\n  options: {\n    collapsed: false,\n    collapsible: false,\n  },\n});\n","import { type ColorAnnotationOptions, createHighlightColorAnnotation, createTextColorAnnotation } from \"./color\";\nimport { link } from \"./link\";\n\n/** @public */\nfunction createAnnotations(options?: { textColor?: ColorAnnotationOptions; highlightColor?: ColorAnnotationOptions }) {\n  return [link, createTextColorAnnotation(options?.textColor), createHighlightColorAnnotation(options?.highlightColor)] as const;\n}\n\nexport { createAnnotations };\n","import { BoldIcon, CodeIcon, ItalicIcon } from \"@sanity/icons\";\nimport type { BlockDecoratorDefinition } from \"sanity\";\nimport { typeName } from \"../../types\";\n\nconst strong = {\n  title: \"Strong\",\n  value: `${typeName}.decorator.strong`,\n  icon: BoldIcon,\n  component: ({ children }) => <strong>{children}</strong>,\n} as const satisfies BlockDecoratorDefinition;\n\nconst em = {\n  title: \"Emphasis\",\n  value: `${typeName}.decorator.em`,\n  icon: ItalicIcon,\n  component: ({ children }) => <em>{children}</em>,\n} as const satisfies BlockDecoratorDefinition;\n\nconst code = {\n  title: \"Code\",\n  value: `${typeName}.decorator.code`,\n  icon: CodeIcon,\n  component: ({ children }) => <code>{children}</code>,\n} as const satisfies BlockDecoratorDefinition;\n\nconst sup = {\n  title: \"Sup\",\n  value: `${typeName}.decorator.sup`,\n  icon: () => <sup>[1]</sup>,\n  component: ({ children }) => <sup style={{ verticalAlign: \"super\" }}>{children}</sup>,\n} as const satisfies BlockDecoratorDefinition;\n\n/** @public */\nfunction createDecorators() {\n  return [strong, em, code, sup] as const;\n}\n\nexport { createDecorators };\n","import { OlistIcon, UlistIcon } from \"@sanity/icons\";\nimport type { BlockListDefinition } from \"sanity\";\nimport { typeName } from \"../../types\";\n\nconst bullet = {\n  title: \"Bullet\",\n  value: `${typeName}.list.bullet`,\n  icon: UlistIcon,\n} as const satisfies BlockListDefinition;\n\nconst number = {\n  title: \"Number\",\n  value: `${typeName}.list.number`,\n  icon: OlistIcon,\n} as const satisfies BlockListDefinition;\n\n/** @public */\nfunction createLists() {\n  return [bullet, number] as const;\n}\n\nexport { createLists };\n","import * as React from \"react\";\nimport { defineArrayMember, defineField } from \"sanity\";\nimport { typeName } from \"../../types\";\n\ntype IconSpanOptions = {\n  renderPreview?: (value?: string) => React.ReactNode;\n};\n\nfunction defaultRenderIconPreview(value?: string) {\n  return (\n    <span role=\"img\" className=\"inline-block size-[1em] shrink-0 text-current\" title={value ?? \"Icon\"}>\n      🧿\n    </span>\n  );\n}\n\nfunction createIconSpan(options?: IconSpanOptions) {\n  const renderPreview = options?.renderPreview ?? defaultRenderIconPreview;\n\n  return defineArrayMember({\n    name: `${typeName}.span.icon`,\n    type: \"object\",\n    title: \"Icon\",\n    description: \"Insert an icon.\",\n    icon: () => <>🧿</>,\n    fields: [defineField({ name: \"icon\", type: \"wild.icon\" })],\n    components: {\n      // This is the inline-preview in the PortableText editor.\n      // It gets its props from the prepare function below.\n      preview: (props) => {\n        return React.isValidElement(props.media) ? props.media : props.fallbackTitle;\n      },\n    },\n    preview: {\n      select: {\n        icon: \"icon\",\n      },\n      prepare({ icon }) {\n        return {\n          media: renderPreview(icon),\n        };\n      },\n    },\n  });\n}\n\nexport { createIconSpan, type IconSpanOptions };\n","import { defineArrayMember, defineField } from \"sanity\";\nimport { typeName } from \"../../types\";\n\nexport const media = defineArrayMember({\n  name: `${typeName}.span.media`,\n  type: \"object\",\n  title: \"Inline Media\",\n  description: \"Embed inline video or image content.\",\n  icon: () => <>🫧</>,\n  fields: [\n    defineField({\n      name: \"media\",\n      type: \"wild.media\",\n      options: {\n        inline: true,\n      },\n    }),\n  ],\n  components: {\n    // This is the inline-preview in the PortableText editor.\n    preview: (props) => {\n      const icons = {\n        video: <>🎥</>,\n        image: <>🖼️</>,\n        motion: <>🌀</>,\n      };\n\n      // @ts-expect-error: It gets its props from the prepare function below.\n      return icons[props.kind as keyof typeof icons] || <>🖼️</>;\n    },\n  },\n  preview: {\n    select: {\n      kind: \"media.kind\",\n    },\n  },\n});\n","import { createIconSpan, type IconSpanOptions } from \"./icon\";\nimport { media } from \"./media\";\n\n/** @public */\nfunction createSpans(options?: { icon?: IconSpanOptions }) {\n  return [createIconSpan(options?.icon), media] as const;\n}\n\nexport { createSpans };\n","import type { BlockStyleDefinition } from \"sanity\";\nimport { typeName } from \"../../types\";\n\nconst h2 = {\n  title: \"Heading 2\",\n  value: `${typeName}.style.h2`,\n  component: ({ children }) => (\n    <h2\n      style={{\n        fontSize: \"2.0625rem\",\n        fontWeight: \"700\",\n        lineHeight: \"calc(41 / 33)\",\n      }}\n    >\n      {children}\n    </h2>\n  ),\n} as const satisfies BlockStyleDefinition;\n\nconst h3 = {\n  title: \"Heading 3\",\n  value: `${typeName}.style.h3`,\n  component: ({ children }) => (\n    <h3\n      style={{\n        fontSize: \"1.6875rem\",\n        fontWeight: \"700\",\n        lineHeight: \"calc(35 / 27)\",\n      }}\n    >\n      {children}\n    </h3>\n  ),\n} as const satisfies BlockStyleDefinition;\n\nconst h4 = {\n  title: \"Heading 4\",\n  value: `${typeName}.style.h4`,\n  component: ({ children }) => (\n    <h4\n      style={{\n        fontSize: \"1.3125rem\",\n        fontWeight: \"700\",\n        lineHeight: \"calc(29 / 21)\",\n      }}\n    >\n      {children}\n    </h4>\n  ),\n} as const satisfies BlockStyleDefinition;\n\n/** @public */\nfunction createStyles() {\n  return [h2, h3, h4] as const;\n}\n\nexport { createStyles };\n"],"names":["ColorText","styled","span","color","defaultResolveColor","value","createTextColorAnnotation","options","resolveColor","renderAnnotation","defineField","type","name","typeName","title","icon","ColorWheelIcon","fields","components","annotation","props","jsx","renderDefault","ColorBg","createHighlightColorAnnotation","HighlightIcon","link","LinkIcon","collapsed","collapsible","createAnnotations","textColor","highlightColor","strong","BoldIcon","component","children","em","ItalicIcon","code","CodeIcon","sup","verticalAlign","createDecorators","bullet","UlistIcon","number","OlistIcon","createLists","defaultRenderIconPreview","createIconSpan","renderPreview","defineArrayMember","description","Fragment","preview","React","isValidElement","media","fallbackTitle","select","prepare","inline","video","image","motion","kind","createSpans","h2","fontSize","fontWeight","lineHeight","h3","h4","createStyles"],"mappings":"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"}