@driftime/sanity-plugin-handbook 0.1.0 → 0.2.0

package/dist/index.cjs

@@ -1,6 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: !0 });
-var lucideReact = require("lucide-react"), sanity = require("sanity"), jsxRuntime = require("react/jsx-runtime"), react = require("react"), ui = require("@sanity/ui");
+var sanity = require("sanity"), jsxRuntime = require("react/jsx-runtime"), react = require("react"), ui = require("@sanity/ui");
+function BookTextIcon(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 11h8" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 7h6" })
+      ]
+    }
+  );
+}
 const ArrowLeftIcon = /* @__PURE__ */ react.forwardRef(function(props, ref) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
@@ -226,6 +245,63 @@ function ContentPanel({ id, title, description, children }) {
     }
   );
 }
+function InfoIcon(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 16v-4" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 8h.01" })
+      ]
+    }
+  );
+}
+function LightbulbIcon(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 18h6" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 22h4" })
+      ]
+    }
+  );
+}
+function TriangleAlertIcon(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 9v4" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 17h.01" })
+      ]
+    }
+  );
+}
 const defaultIconProps = { width: "1em", height: "1em", strokeWidth: 1.5 };
 function createSanityIcon(icon, props) {
   return () => react.createElement(icon, { ...defaultIconProps, ...props });
@@ -387,7 +463,7 @@ function FieldHints({ tip, info, caution }) {
       FieldHint,
       {
         label: "Tip",
-        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LightbulbIcon, { ...defaultIconProps }),
+        icon: /* @__PURE__ */ jsxRuntime.jsx(LightbulbIcon, { ...defaultIconProps }),
         color: "var(--card-icon-color)",
         open: openHint === "tip",
         onToggle: () => {
@@ -401,7 +477,7 @@ function FieldHints({ tip, info, caution }) {
       FieldHint,
       {
         label: "Information",
-        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { ...defaultIconProps }),
+        icon: /* @__PURE__ */ jsxRuntime.jsx(InfoIcon, { ...defaultIconProps }),
         color: "var(--card-icon-color)",
         open: openHint === "info",
         onToggle: () => {
@@ -415,7 +491,7 @@ function FieldHints({ tip, info, caution }) {
       FieldHint,
       {
         label: "Caution",
-        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TriangleAlertIcon, { ...defaultIconProps }),
+        icon: /* @__PURE__ */ jsxRuntime.jsx(TriangleAlertIcon, { ...defaultIconProps }),
         color: "var(--card-icon-color)",
         open: openHint === "caution",
         onToggle: () => {
@@ -581,6 +657,28 @@ function DocumentTypesPanels() {
     });
   });
 }
+function BookOpenTextIcon(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 7v14" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 12h2" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 8h2" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 12h2" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 8h2" })
+      ]
+    }
+  );
+}
 function isPortableTextSpan(node) {
   return node._type === "span" && "text" in node && typeof node.text == "string" && (node.marks === void 0 || Array.isArray(node.marks) && node.marks.every((mark) => typeof mark == "string"));
 }
@@ -976,9 +1074,9 @@ function serializeBlock(options) {
 function noop() {
 }
 const variantConfig = {
-  tip: { icon: lucideReact.LightbulbIcon, tone: "positive" },
-  info: { icon: lucideReact.InfoIcon, tone: "primary" },
-  warning: { icon: lucideReact.TriangleAlertIcon, tone: "caution" }
+  tip: { icon: LightbulbIcon, tone: "positive" },
+  info: { icon: InfoIcon, tone: "primary" },
+  warning: { icon: TriangleAlertIcon, tone: "caution" }
 };
 function CalloutContent({ variant, children }) {
   const config = variantConfig[variant], Icon = config.icon;
@@ -1129,7 +1227,7 @@ function GuideContent({ content }) {
 }
 function GuidesTabs() {
   const { configuration, loading } = useHandbookContext();
-  return loading || !isDefined(configuration) ? null : configuration.groups.map((group) => /* @__PURE__ */ jsxRuntime.jsx(SidebarGroup, { heading: group.title, children: group.guides.map((guide) => /* @__PURE__ */ jsxRuntime.jsx(SidebarTab, { id: guide._key, label: guide.title, icon: createSanityIcon(lucideReact.BookOpenTextIcon) }, guide._key)) }, group._key));
+  return loading || !isDefined(configuration) ? null : configuration.groups.map((group) => /* @__PURE__ */ jsxRuntime.jsx(SidebarGroup, { heading: group.title, children: group.guides.map((guide) => /* @__PURE__ */ jsxRuntime.jsx(SidebarTab, { id: guide._key, label: guide.title, icon: createSanityIcon(BookOpenTextIcon) }, guide._key)) }, group._key));
 }
 function GuidesPanels() {
   const { configuration, loading } = useHandbookContext();
@@ -1137,6 +1235,26 @@ function GuidesPanels() {
     (group) => group.guides.map((guide) => /* @__PURE__ */ jsxRuntime.jsx(ContentPanel, { id: guide._key, title: guide.title, description: guide.description, children: /* @__PURE__ */ jsxRuntime.jsx(GuideContent, { content: guide.content }) }, guide._key))
   );
 }
+function LayoutGridIcon(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "7", height: "7", x: "3", y: "3", rx: "1" }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "7", height: "7", x: "14", y: "3", rx: "1" }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "7", height: "7", x: "14", y: "14", rx: "1" }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "7", height: "7", x: "3", y: "14", rx: "1" })
+      ]
+    }
+  );
+}
 function DocumentTypesOverview() {
   const { groups, setActiveTab, setSidebarExpanded } = useHandbookContext();
   return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "2.5rem" }, children: groups.map((group) => {
@@ -1229,9 +1347,9 @@ function HowToUse() {
       /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { align: "center", paddingY: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, weight: "medium", children: "Hints and Warnings" }) }),
       /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, muted: !0, children: "Look for these icons next to field names. Hover or click them to reveal additional guidance." }),
       /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, marginTop: 2, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(HintRow, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LightbulbIcon, { ...defaultIconProps }), children: "Helpful tips and best practices for content editors." }),
-        /* @__PURE__ */ jsxRuntime.jsx(HintRow, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { ...defaultIconProps }), children: "Additional context about how the field is used." }),
-        /* @__PURE__ */ jsxRuntime.jsx(HintRow, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TriangleAlertIcon, { ...defaultIconProps }), children: "Important warnings about constraints or potential issues." })
+        /* @__PURE__ */ jsxRuntime.jsx(HintRow, { icon: /* @__PURE__ */ jsxRuntime.jsx(LightbulbIcon, { ...defaultIconProps }), children: "Helpful tips and best practices for content editors." }),
+        /* @__PURE__ */ jsxRuntime.jsx(HintRow, { icon: /* @__PURE__ */ jsxRuntime.jsx(InfoIcon, { ...defaultIconProps }), children: "Additional context about how the field is used." }),
+        /* @__PURE__ */ jsxRuntime.jsx(HintRow, { icon: /* @__PURE__ */ jsxRuntime.jsx(TriangleAlertIcon, { ...defaultIconProps }), children: "Important warnings about constraints or potential issues." })
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
@@ -1244,14 +1362,14 @@ const entries = [
   {
     name: "how-to-use-this-handbook",
     title: "How to Use This Handbook",
-    icon: createSanityIcon(lucideReact.BookTextIcon),
+    icon: createSanityIcon(BookTextIcon),
     description: "A quick guide to navigating the Handbook, understanding the information presented for each field, and making the most of tips, hints, and warnings.",
     component: HowToUse
   },
   {
     name: "document-types",
     title: "Document Types",
-    icon: createSanityIcon(lucideReact.LayoutGridIcon),
+    icon: createSanityIcon(LayoutGridIcon),
     description: "An overview of all document types, organised by group. Select a document type to view its fields, descriptions, and examples.",
     component: DocumentTypesOverview
   }
@@ -1407,8 +1525,8 @@ function handbookStructure(structureBuilder, context) {
   if (!isPermittedEditor(registeredEditors, context.currentUser?.email)) return [];
   const { listItem, document, documentTypeList } = structureBuilder;
   return [
-    listItem().title("Handbook").icon(createSanityIcon(lucideReact.BookTextIcon)).child(document().id("handbook.handbook").schemaType("handbook.handbook").title("Handbook")),
-    listItem().title("Handbook Guides").icon(createSanityIcon(lucideReact.BookOpenTextIcon)).child(documentTypeList("handbook.guide").title("Handbook Guides"))
+    listItem().title("Handbook").icon(createSanityIcon(BookTextIcon)).child(document().id("handbook.handbook").schemaType("handbook.handbook").title("Handbook")),
+    listItem().title("Handbook Guides").icon(createSanityIcon(BookOpenTextIcon)).child(documentTypeList("handbook.guide").title("Handbook Guides"))
   ];
 }
 function CalloutPreview({ variant, text }) {
@@ -1455,6 +1573,25 @@ function InlineCodeDecorator({ children }) {
     }
   );
 }
+function MessageCircleQuestionMarkIcon(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 17h.01" })
+      ]
+    }
+  );
+}
 const linkAnnotation = sanity.defineArrayMember({
   name: "link",
   type: "object",
@@ -1471,7 +1608,7 @@ const linkAnnotation = sanity.defineArrayMember({
   name: "handbook.callout",
   title: "Callout",
   type: "object",
-  icon: createSanityIcon(lucideReact.MessageCircleQuestionMarkIcon),
+  icon: createSanityIcon(MessageCircleQuestionMarkIcon),
   description: "A highlighted message block used to draw attention to tips, supplementary information, or warnings.",
   preview: {
     select: { variant: "variant", body: "body" },
@@ -1528,11 +1665,29 @@ const linkAnnotation = sanity.defineArrayMember({
 function CodePreview({ code, language }) {
   return isDefined(code) ? /* @__PURE__ */ jsxRuntime.jsx(CodeContent, { code, language }) : null;
 }
+function CodeIcon(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m16 18 6-6-6-6" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m8 6-6 6 6 6" })
+      ]
+    }
+  );
+}
 const handbookCodeType = sanity.defineType({
   name: "handbook.code",
   title: "Code",
   type: "object",
-  icon: createSanityIcon(lucideReact.CodeIcon),
+  icon: createSanityIcon(CodeIcon),
   description: "A syntax-highlighted code block with language selection.",
   preview: {
     select: { code: "code", language: "language" }
@@ -1571,11 +1726,26 @@ const handbookCodeType = sanity.defineType({
 function HorizontalRulePreview() {
   return /* @__PURE__ */ jsxRuntime.jsx(HorizontalRuleContent, { marginBlock: "0.5rem" });
 }
+function MinusIcon(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12h14" })
+    }
+  );
+}
 const handbookHorizontalRuleType = sanity.defineType({
   name: "handbook.horizontalRule",
   title: "Horizontal Rule",
   type: "object",
-  icon: createSanityIcon(lucideReact.MinusIcon),
+  icon: createSanityIcon(MinusIcon),
   description: "A visual divider between sections of content.",
   preview: {
     prepare() {
@@ -1599,11 +1769,30 @@ const handbookHorizontalRuleType = sanity.defineType({
 function ImagePreview({ url, alt, caption }) {
   return isDefined(url) ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "0.5rem" }, children: /* @__PURE__ */ jsxRuntime.jsx(ImageContent, { url, alt, caption }) }) : null;
 }
+function ImageIcon(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "9", cy: "9", r: "2" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
+      ]
+    }
+  );
+}
 const handbookImageType = sanity.defineType({
   name: "handbook.image",
   title: "Image",
   type: "object",
-  icon: createSanityIcon(lucideReact.ImageIcon),
+  icon: createSanityIcon(ImageIcon),
   description: "An image with optional caption and alternative text for accessibility.",
   preview: {
     select: { caption: "caption", alt: "alt", url: "asset.asset.url" }
@@ -1636,11 +1825,29 @@ const handbookImageType = sanity.defineType({
 function VideoPreview({ url, caption }) {
   return isDefined(url) ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "0.5rem" }, children: /* @__PURE__ */ jsxRuntime.jsx(VideoContent, { url, caption }) }) : null;
 }
+function VideoIcon(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5" }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "2", y: "6", width: "14", height: "12", rx: "2" })
+      ]
+    }
+  );
+}
 const handbookVideoType = sanity.defineType({
   name: "handbook.video",
   title: "Video",
   type: "object",
-  icon: createSanityIcon(lucideReact.VideoIcon),
+  icon: createSanityIcon(VideoIcon),
   description: "An uploaded video with optional caption.",
   preview: {
     select: { caption: "caption", url: "asset.asset.url" }
@@ -1707,7 +1914,7 @@ function createHandbookGuideType(customBlocks = []) {
     name: "handbook.guide",
     title: "Handbook Guide",
     type: "document",
-    icon: createSanityIcon(lucideReact.BookOpenTextIcon),
+    icon: createSanityIcon(BookOpenTextIcon),
     description: "A handbook page authored with rich text, images, and custom blocks.",
     preview: {
       select: { title: "title", description: "description" },
@@ -1736,11 +1943,32 @@ function createHandbookGuideType(customBlocks = []) {
     ]
   });
 }
+function ListPlusIcon(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 5H3" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11 12H3" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 19H3" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 9v6" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 12h-6" })
+      ]
+    }
+  );
+}
 const handbookType = sanity.defineType({
   name: "handbook.handbook",
   title: "Handbook",
   type: "document",
-  icon: createSanityIcon(lucideReact.BookTextIcon),
+  icon: createSanityIcon(BookTextIcon),
   description: "Defines the structure and ordering of the handbook, including groups and their guides.",
   preview: {
     prepare() {
@@ -1757,7 +1985,7 @@ const handbookType = sanity.defineType({
         sanity.defineArrayMember({
           name: "group",
           type: "object",
-          icon: createSanityIcon(lucideReact.ListPlusIcon),
+          icon: createSanityIcon(ListPlusIcon),
           fields: [
             sanity.defineField({
               name: "title",
@@ -1854,7 +2082,7 @@ function handbookPlugin(config) {
       {
         name: "handbook",
         title: config?.title ?? "Handbook",
-        icon: createSanityIcon(lucideReact.BookTextIcon),
+        icon: createSanityIcon(BookTextIcon),
         component: createHandbookTool({ ...config, blocks: customBlocks })
       }
     ]