@driftime/sanity-plugin-icon 0.2.0 → 0.3.0

package/dist/index.js

@@ -1,22 +1,116 @@
-import { a as convertCase, i as serialiseIconNode, n as parseIconNode, o as isDefined, r as resolveIconNode, t as Drawing } from "./drawing-Bo0HTICv.js";
-import { FormField, defineField, definePlugin, defineType, set, setIfMissing, unset } from "sanity";
+import { a as convertCase, i as serializeIconNode, n as parseIconNode, o as isDefined, r as resolveIconNode, t as Drawing } from "./drawing-BThiR2bN.js";
+import { ChangeIndicator, FieldActionsProvider, FieldActionsResolver, FormField, defineField, definePlugin, defineType, getPublishedId, set, setIfMissing, unset, useFormValue } from "sanity";
 import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { createElement, useEffect, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { CloseIcon } from "@sanity/icons/Close";
 import { Box, Button, Dialog, Flex, Grid, Spinner, Stack, Text, TextInput } from "@sanity/ui";
-import { createElement, useEffect, useRef, useState } from "react";
 import { SearchIcon } from "@sanity/icons/Search";
 import { Popover } from "@sanity/ui/popover";
+/**
+* Checks whether a form node holds members of its own, as an object or an array of objects does.
+*
+* @param node - The form node to check.
+* @returns True if the node holds members.
+*/
+function hasMembers(node) {
+	return "members" in node;
+}
+/**
+* Gathers the validation reported on a form node and on anything inside it.
+*
+* @param node - The form node to gather validation from.
+* @returns Every validation reported on the node or within it.
+*/
+function collectNodeValidation(node) {
+	return [...node.validation, ...hasMembers(node) ? collectMemberValidation(node.members) : []];
+}
+/**
+* Gathers the validation reported anywhere inside a field's members. The form hands a field only what
+* is reported at its own path, which suits a frame drawing its members inline but leaves one that
+* hides them showing nothing they report.
+*
+* @param members - The members to gather validation from.
+* @returns Every validation reported on a member or within one.
+*/
+function collectMemberValidation(members) {
+	return members.flatMap((member) => member.kind === "field" ? collectNodeValidation(member.field) : member.kind === "fieldSet" ? collectMemberValidation(member.fieldSet.members) : member.kind === "item" ? collectNodeValidation(member.item) : []);
+}
 function Field(t0) {
-	let $ = c(7), { title, description, inputId, validation, path, children } = t0, t1;
-	return $[0] !== children || $[1] !== description || $[2] !== inputId || $[3] !== path || $[4] !== title || $[5] !== validation ? (t1 = /* @__PURE__ */ jsx(FormField, {
-		title,
+	let $ = c(40), { actions, schemaType, title, description, presence, validation, level, inputId, path, changed, children, inputProps } = t0, t1;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = [], $[0] = t1) : t1 = $[0];
+	let [headerActions, setHeaderActions] = useState(t1), t2;
+	$[1] === Symbol.for("react.memo_cache_sentinel") ? (t2 = ["_id"], $[1] = t2) : t2 = $[1];
+	let documentId = useFormValue(t2), fieldValidation, focused, t3;
+	if ($[2] !== actions || $[3] !== documentId || $[4] !== inputProps.focused || $[5] !== inputProps.members || $[6] !== path || $[7] !== schemaType || $[8] !== validation) {
+		let publishedId = typeof documentId == "string" ? getPublishedId(documentId) : void 0;
+		focused = inputProps.focused === !0;
+		let t4;
+		$[12] !== inputProps.members || $[13] !== validation ? (t4 = [...validation, ...collectMemberValidation(inputProps.members)], $[12] = inputProps.members, $[13] = validation, $[14] = t4) : t4 = $[14], fieldValidation = t4, t3 = isDefined(publishedId) && isDefined(actions) && /* @__PURE__ */ jsx(FieldActionsResolver, {
+			actions,
+			documentId: publishedId,
+			documentType: schemaType.name,
+			onActions: setHeaderActions,
+			path,
+			schemaType
+		}), $[2] = actions, $[3] = documentId, $[4] = inputProps.focused, $[5] = inputProps.members, $[6] = path, $[7] = schemaType, $[8] = validation, $[9] = fieldValidation, $[10] = focused, $[11] = t3;
+	} else fieldValidation = $[9], focused = $[10], t3 = $[11];
+	let t4;
+	$[15] !== changed || $[16] !== children || $[17] !== focused || $[18] !== path ? (t4 = /* @__PURE__ */ jsx(ChangeIndicator, {
+		path,
+		hasFocus: focused,
+		isChanged: changed,
+		children
+	}), $[15] = changed, $[16] = children, $[17] = focused, $[18] = path, $[19] = t4) : t4 = $[19];
+	let t5;
+	$[20] !== description || $[21] !== fieldValidation || $[22] !== headerActions || $[23] !== inputId || $[24] !== inputProps.readOnly || $[25] !== level || $[26] !== path || $[27] !== presence || $[28] !== schemaType.deprecated || $[29] !== t4 || $[30] !== title ? (t5 = /* @__PURE__ */ jsx(FormField, {
+		__unstable_headerActions: headerActions,
+		__unstable_presence: presence,
 		description,
 		inputId,
-		validation,
+		level,
+		title,
+		validation: fieldValidation,
+		deprecated: schemaType.deprecated,
 		path,
-		children
-	}), $[0] = children, $[1] = description, $[2] = inputId, $[3] = path, $[4] = title, $[5] = validation, $[6] = t1) : t1 = $[6], t1;
+		readOnly: inputProps.readOnly,
+		children: t4
+	}), $[20] = description, $[21] = fieldValidation, $[22] = headerActions, $[23] = inputId, $[24] = inputProps.readOnly, $[25] = level, $[26] = path, $[27] = presence, $[28] = schemaType.deprecated, $[29] = t4, $[30] = title, $[31] = t5) : t5 = $[31];
+	let t6;
+	$[32] !== focused || $[33] !== headerActions || $[34] !== path || $[35] !== t5 ? (t6 = /* @__PURE__ */ jsx(FieldActionsProvider, {
+		actions: headerActions,
+		focused,
+		path,
+		children: t5
+	}), $[32] = focused, $[33] = headerActions, $[34] = path, $[35] = t5, $[36] = t6) : t6 = $[36];
+	let t7;
+	return $[37] !== t3 || $[38] !== t6 ? (t7 = /* @__PURE__ */ jsxs(Fragment, { children: [t3, t6] }), $[37] = t3, $[38] = t6, $[39] = t7) : t7 = $[39], t7;
+}
+/**
+* Properties the plugin's own icons are drawn with. Icons taken from `@sanity/icons` are left alone,
+* since they already carry the sizing and stroke the rest of the Studio uses.
+*/
+const defaultIconProps = {
+	width: "1em",
+	height: "1em",
+	strokeWidth: 1.5
+};
+/**
+* Creates a Sanity Studio icon component from an SVG icon.
+*
+* @param icon - The icon component to wrap.
+* @param props - Additional props merged over the default properties a Studio icon is drawn with.
+* @returns A Studio icon component.
+*/
+function createSanityIcon(icon, props) {
+	let Icon = icon;
+	function SanityIcon() {
+		return createElement(Icon, {
+			...defaultIconProps,
+			...props
+		});
+	}
+	return SanityIcon;
 }
 /** Space between rows, in pixels. */
 const gridLayoutStyle = {
@@ -24,26 +118,30 @@ const gridLayoutStyle = {
 	rowGap: 4
 };
 function Cell(t0) {
-	let $ = c(24), focusable, icon, onSelect, position, props, selected, total;
-	$[0] === t0 ? (focusable = $[1], icon = $[2], onSelect = $[3], position = $[4], props = $[5], selected = $[6], total = $[7]) : ({icon, selected, focusable, position, total, onSelect, ...props} = t0, $[0] = t0, $[1] = focusable, $[2] = icon, $[3] = onSelect, $[4] = position, $[5] = props, $[6] = selected, $[7] = total);
+	let $ = c(28), focusable, icon, onHover, onSelect, position, props, selected, total;
+	$[0] === t0 ? (focusable = $[1], icon = $[2], onHover = $[3], onSelect = $[4], position = $[5], props = $[6], selected = $[7], total = $[8]) : ({icon, selected, focusable, position, total, onSelect, onHover, ...props} = t0, $[0] = t0, $[1] = focusable, $[2] = icon, $[3] = onHover, $[4] = onSelect, $[5] = position, $[6] = props, $[7] = selected, $[8] = total);
 	let t1 = focusable ? 0 : -1, t2;
-	$[8] === Symbol.for("react.memo_cache_sentinel") ? (t2 = {
+	$[9] === Symbol.for("react.memo_cache_sentinel") ? (t2 = {
 		width: 40,
 		height: 40
-	}, $[8] = t2) : t2 = $[8];
+	}, $[9] = t2) : t2 = $[9];
 	let t3;
-	$[9] === icon.node ? t3 = $[10] : (t3 = /* @__PURE__ */ jsx(Drawing, {
+	$[10] === icon.node ? t3 = $[11] : (t3 = /* @__PURE__ */ jsx(Drawing, {
 		node: icon.node,
 		width: "1.25em",
 		height: "1.25em",
 		strokeWidth: 1.5
-	}), $[9] = icon.node, $[10] = t3);
+	}), $[10] = icon.node, $[11] = t3);
 	let t4;
-	$[11] !== icon || $[12] !== onSelect ? (t4 = () => {
+	$[12] !== icon || $[13] !== onSelect ? (t4 = () => {
 		onSelect(icon);
-	}, $[11] = icon, $[12] = onSelect, $[13] = t4) : t4 = $[13];
+	}, $[12] = icon, $[13] = onSelect, $[14] = t4) : t4 = $[14];
 	let t5;
-	return $[14] !== icon.label || $[15] !== icon.name || $[16] !== position || $[17] !== props || $[18] !== selected || $[19] !== t1 || $[20] !== t3 || $[21] !== t4 || $[22] !== total ? (t5 = /* @__PURE__ */ jsx(Button, {
+	$[15] !== icon || $[16] !== onHover ? (t5 = (event) => {
+		onHover(icon, event.currentTarget);
+	}, $[15] = icon, $[16] = onHover, $[17] = t5) : t5 = $[17];
+	let t6;
+	return $[18] !== icon.label || $[19] !== position || $[20] !== props || $[21] !== selected || $[22] !== t1 || $[23] !== t3 || $[24] !== t4 || $[25] !== t5 || $[26] !== total ? (t6 = /* @__PURE__ */ jsx(Button, {
 		type: "button",
 		role: "option",
 		"aria-selected": selected,
@@ -56,43 +154,39 @@ function Cell(t0) {
 		style: t2,
 		icon: t3,
 		"aria-label": icon.label,
-		"data-icon": icon.name,
 		onClick: t4,
+		onMouseEnter: t5,
 		...props
-	}), $[14] = icon.label, $[15] = icon.name, $[16] = position, $[17] = props, $[18] = selected, $[19] = t1, $[20] = t3, $[21] = t4, $[22] = total, $[23] = t5) : t5 = $[23], t5;
+	}), $[18] = icon.label, $[19] = position, $[20] = props, $[21] = selected, $[22] = t1, $[23] = t3, $[24] = t4, $[25] = t5, $[26] = total, $[27] = t6) : t6 = $[27], t6;
 }
 function Library(t0) {
-	let $ = c(27), activeCell, activeIndex, icons, onClearSearch, onSelect, props, rows, search, selected;
-	$[0] === t0 ? (activeCell = $[1], activeIndex = $[2], icons = $[3], onClearSearch = $[4], onSelect = $[5], props = $[6], rows = $[7], search = $[8], selected = $[9]) : ({icons, rows, selected, activeIndex, activeCell, search, onSelect, onClearSearch, ...props} = t0, $[0] = t0, $[1] = activeCell, $[2] = activeIndex, $[3] = icons, $[4] = onClearSearch, $[5] = onSelect, $[6] = props, $[7] = rows, $[8] = search, $[9] = selected);
+	let $ = c(29), activeCell, activeIndex, icons, onClearSearch, onHover, onSelect, props, rows, search, selected;
+	$[0] === t0 ? (activeCell = $[1], activeIndex = $[2], icons = $[3], onClearSearch = $[4], onHover = $[5], onSelect = $[6], props = $[7], rows = $[8], search = $[9], selected = $[10]) : ({icons, rows, selected, activeIndex, activeCell, search, onSelect, onHover, onClearSearch, ...props} = t0, $[0] = t0, $[1] = activeCell, $[2] = activeIndex, $[3] = icons, $[4] = onClearSearch, $[5] = onHover, $[6] = onSelect, $[7] = props, $[8] = rows, $[9] = search, $[10] = selected);
 	let { totalRows, firstRow, lastRow } = rows, t1;
-	if ($[10] !== activeCell || $[11] !== activeIndex || $[12] !== firstRow || $[13] !== icons || $[14] !== lastRow || $[15] !== onClearSearch || $[16] !== onSelect || $[17] !== props || $[18] !== search || $[19] !== selected || $[20] !== totalRows) {
+	if ($[11] !== activeCell || $[12] !== activeIndex || $[13] !== firstRow || $[14] !== icons || $[15] !== lastRow || $[16] !== onClearSearch || $[17] !== onHover || $[18] !== onSelect || $[19] !== props || $[20] !== search || $[21] !== selected || $[22] !== totalRows) {
 		let visible = icons.slice(firstRow * 8, lastRow * 8), t2;
-		$[22] === Symbol.for("react.memo_cache_sentinel") ? (t2 = {
+		$[24] === Symbol.for("react.memo_cache_sentinel") ? (t2 = {
 			height: 348,
 			overflowY: "auto"
-		}, $[22] = t2) : t2 = $[22];
+		}, $[24] = t2) : t2 = $[24];
 		let t3;
-		$[23] !== icons.length || $[24] !== onClearSearch || $[25] !== search ? (t3 = icons.length === 0 && /* @__PURE__ */ jsxs(Flex, {
+		$[25] !== icons.length || $[26] !== onClearSearch || $[27] !== search ? (t3 = icons.length === 0 && /* @__PURE__ */ jsxs(Flex, {
 			align: "center",
 			justify: "center",
 			direction: "column",
 			gap: 3,
 			style: { height: 348 },
-			children: [/* @__PURE__ */ jsxs(Text, {
+			children: [/* @__PURE__ */ jsx(Text, {
 				size: 1,
 				muted: !0,
-				children: [
-					"Nothing matches “",
-					search,
-					"”."
-				]
+				children: `Nothing matches "${search}".`
 			}), /* @__PURE__ */ jsx(Button, {
 				type: "button",
 				mode: "ghost",
 				text: "Clear search",
 				onClick: onClearSearch
 			})]
-		}), $[23] = icons.length, $[24] = onClearSearch, $[25] = search, $[26] = t3) : t3 = $[26], t1 = /* @__PURE__ */ jsxs(Box, {
+		}), $[25] = icons.length, $[26] = onClearSearch, $[27] = search, $[28] = t3) : t3 = $[28], t1 = /* @__PURE__ */ jsxs(Box, {
 			role: "listbox",
 			"aria-label": "Icon library",
 			style: t2,
@@ -113,26 +207,27 @@ function Library(t0) {
 						focusable: index === activeIndex,
 						position: index + 1,
 						total: icons.length,
-						onSelect
+						onSelect,
+						onHover
 					}, icon.name);
 				})
 			})]
-		}), $[10] = activeCell, $[11] = activeIndex, $[12] = firstRow, $[13] = icons, $[14] = lastRow, $[15] = onClearSearch, $[16] = onSelect, $[17] = props, $[18] = search, $[19] = selected, $[20] = totalRows, $[21] = t1;
-	} else t1 = $[21];
+		}), $[11] = activeCell, $[12] = activeIndex, $[13] = firstRow, $[14] = icons, $[15] = lastRow, $[16] = onClearSearch, $[17] = onHover, $[18] = onSelect, $[19] = props, $[20] = search, $[21] = selected, $[22] = totalRows, $[23] = t1;
+	} else t1 = $[23];
 	return t1;
 }
 function Recent(t0) {
-	let $ = c(23), icons, onForget, onSelect, props, selected;
-	$[0] === t0 ? (icons = $[1], onForget = $[2], onSelect = $[3], props = $[4], selected = $[5]) : ({icons, selected, onSelect, onForget, ...props} = t0, $[0] = t0, $[1] = icons, $[2] = onForget, $[3] = onSelect, $[4] = props, $[5] = selected);
+	let $ = c(26), icons, onForget, onHover, onSelect, props, selected;
+	$[0] === t0 ? (icons = $[1], onForget = $[2], onHover = $[3], onSelect = $[4], props = $[5], selected = $[6]) : ({icons, selected, onSelect, onHover, onForget, ...props} = t0, $[0] = t0, $[1] = icons, $[2] = onForget, $[3] = onHover, $[4] = onSelect, $[5] = props, $[6] = selected);
 	let t1;
-	$[6] === Symbol.for("react.memo_cache_sentinel") ? (t1 = /* @__PURE__ */ jsx(Text, {
+	$[7] === Symbol.for("react.memo_cache_sentinel") ? (t1 = /* @__PURE__ */ jsx(Text, {
 		size: 1,
 		weight: "medium",
 		muted: !0,
 		children: "Recent icons"
-	}), $[6] = t1) : t1 = $[6];
+	}), $[7] = t1) : t1 = $[7];
 	let t2;
-	$[7] === onForget ? t2 = $[8] : (t2 = /* @__PURE__ */ jsxs(Flex, {
+	$[8] === onForget ? t2 = $[9] : (t2 = /* @__PURE__ */ jsxs(Flex, {
 		align: "center",
 		justify: "space-between",
 		gap: 2,
@@ -143,50 +238,56 @@ function Recent(t0) {
 			padding: 2,
 			text: "Clear",
 			onClick: onForget,
-			"aria-label": "Forget the recently used icons."
+			"aria-label": "Forget the recently used icons"
 		})]
-	}), $[7] = onForget, $[8] = t2);
+	}), $[8] = onForget, $[9] = t2);
 	let t3;
-	if ($[9] !== icons || $[10] !== onSelect || $[11] !== selected) {
+	if ($[10] !== icons || $[11] !== onHover || $[12] !== onSelect || $[13] !== selected) {
 		let t4;
-		$[13] !== icons.length || $[14] !== onSelect || $[15] !== selected ? (t4 = (icon, index) => /* @__PURE__ */ jsx(Cell, {
+		$[15] !== icons.length || $[16] !== onHover || $[17] !== onSelect || $[18] !== selected ? (t4 = (icon, index) => /* @__PURE__ */ jsx(Cell, {
 			icon,
 			selected: icon.name === selected,
 			focusable: !0,
 			position: index + 1,
 			total: icons.length,
-			onSelect
-		}, icon.name), $[13] = icons.length, $[14] = onSelect, $[15] = selected, $[16] = t4) : t4 = $[16], t3 = icons.map(t4), $[9] = icons, $[10] = onSelect, $[11] = selected, $[12] = t3;
-	} else t3 = $[12];
+			onSelect,
+			onHover
+		}, icon.name), $[15] = icons.length, $[16] = onHover, $[17] = onSelect, $[18] = selected, $[19] = t4) : t4 = $[19], t3 = icons.map(t4), $[10] = icons, $[11] = onHover, $[12] = onSelect, $[13] = selected, $[14] = t3;
+	} else t3 = $[14];
 	let t4;
-	$[17] === t3 ? t4 = $[18] : (t4 = /* @__PURE__ */ jsx(Grid, {
+	$[20] === t3 ? t4 = $[21] : (t4 = /* @__PURE__ */ jsx(Grid, {
 		role: "listbox",
 		"aria-label": "Recent icons",
 		gridTemplateColumns: 8,
 		style: gridLayoutStyle,
 		children: t3
-	}), $[17] = t3, $[18] = t4);
+	}), $[20] = t3, $[21] = t4);
 	let t5;
-	return $[19] !== props || $[20] !== t2 || $[21] !== t4 ? (t5 = /* @__PURE__ */ jsxs(Stack, {
+	return $[22] !== props || $[23] !== t2 || $[24] !== t4 ? (t5 = /* @__PURE__ */ jsxs(Stack, {
 		gap: 3,
 		...props,
 		children: [t2, t4]
-	}), $[19] = props, $[20] = t2, $[21] = t4, $[22] = t5) : t5 = $[22], t5;
+	}), $[22] = props, $[23] = t2, $[24] = t4, $[25] = t5) : t5 = $[25], t5;
 }
+/**
+* Gap between a tooltip and the cell it points at, given as margins because that is the only lever
+* `@sanity/ui` offers for it. Top only, since a tooltip always sits above.
+*/
+const tooltipMargins = [
+	-4,
+	0,
+	0,
+	0
+];
 function Tooltip(t0) {
-	let $ = c(14), hovered, props;
+	let $ = c(13), hovered, props;
 	$[0] === t0 ? (hovered = $[1], props = $[2]) : ({hovered, ...props} = t0, $[0] = t0, $[1] = hovered, $[2] = props);
 	let t1;
 	$[3] === hovered ? t1 = $[4] : (t1 = isDefined(hovered), $[3] = hovered, $[4] = t1);
-	let t2 = hovered?.element ?? null, t3, t4;
-	$[5] === Symbol.for("react.memo_cache_sentinel") ? (t3 = [
-		-4,
-		0,
-		0,
-		0
-	], t4 = { pointerEvents: "none" }, $[5] = t3, $[6] = t4) : (t3 = $[5], t4 = $[6]);
-	let t5;
-	$[7] === hovered ? t5 = $[8] : (t5 = isDefined(hovered) && /* @__PURE__ */ jsxs(Stack, {
+	let t2 = hovered?.element ?? null, t3;
+	$[5] === Symbol.for("react.memo_cache_sentinel") ? (t3 = { pointerEvents: "none" }, $[5] = t3) : t3 = $[5];
+	let t4;
+	$[6] === hovered ? t4 = $[7] : (t4 = isDefined(hovered) && /* @__PURE__ */ jsxs(Stack, {
 		gap: 3,
 		style: { maxWidth: "16rem" },
 		children: [/* @__PURE__ */ jsx(Text, {
@@ -198,26 +299,20 @@ function Tooltip(t0) {
 			muted: !0,
 			children: hovered.icon.tags
 		})]
-	}), $[7] = hovered, $[8] = t5);
-	let t6;
-	return $[9] !== props || $[10] !== t1 || $[11] !== t2 || $[12] !== t5 ? (t6 = /* @__PURE__ */ jsx(Popover, {
+	}), $[6] = hovered, $[7] = t4);
+	let t5;
+	return $[8] !== props || $[9] !== t1 || $[10] !== t2 || $[11] !== t4 ? (t5 = /* @__PURE__ */ jsx(Popover, {
 		open: t1,
 		referenceElement: t2,
 		placement: "top",
 		portal: !0,
 		padding: 3,
-		__unstable_margins: t3,
-		style: t4,
-		content: t5,
+		__unstable_margins: tooltipMargins,
+		style: t3,
+		content: t4,
 		...props
-	}), $[9] = props, $[10] = t1, $[11] = t2, $[12] = t5, $[13] = t6) : t6 = $[13], t6;
+	}), $[8] = props, $[9] = t1, $[10] = t2, $[11] = t4, $[12] = t5) : t5 = $[12], t5;
 }
-/** Properties every icon the Studio draws is rendered with. */
-const defaultIconProps = {
-	width: "1em",
-	height: "1em",
-	strokeWidth: 1.5
-};
 /**
 * Flattens text into the form a search compares against, so a hyphenated icon name and a multi-word
 * tag are matched the same way.
@@ -225,7 +320,7 @@ const defaultIconProps = {
 * @param value - The text to flatten.
 * @returns The text in comparable form.
 */
-function normaliseTerms(value) {
+function normalizeTerms(value) {
 	return value.toLowerCase().replaceAll(/[\s-]+/gu, " ").trim();
 }
 /**
@@ -261,15 +356,17 @@ async function readLibrary() {
 			label: convertCase(name, "sentence"),
 			tags: iconTags.join(", "),
 			node,
-			terms: normaliseTerms([name, ...iconTags].join(" "))
+			terms: normalizeTerms([name, ...iconTags].join(" "))
 		}];
 	});
 }
-/** The library once asked for, held so every field in a Studio session shares the one request. */
+/**
+* The library once asked for, held so every field in a Studio session shares the one request. It is a
+* megabyte of data that never changes within a release, so asking twice only ever costs.
+*/
 let libraryRequest;
 /**
-* Reads the icon library, sharing a single request across every field opened in the session. The
-* library is a megabyte of data that never changes within a release, so asking twice only ever costs.
+* Reads the icon library, waiting on whatever request is already under way.
 *
 * @returns Every icon the library offers.
 */
@@ -277,8 +374,8 @@ async function requestLibrary() {
 	return libraryRequest ??= readLibrary(), await libraryRequest;
 }
 /**
-* Reads the icon library, sharing one request with every other field in the session. Callers mount
-* only while a picker is open, so a Studio that never opens one never pays the megabyte it costs.
+* Reads the icon library. Callers mount only while a picker is open, so a Studio that never opens one
+* never pays what it costs to read.
 *
 * @returns Every icon the library offers, or undefined while it is still being read.
 */
@@ -297,12 +394,11 @@ function useIconLibrary() {
 /**
 * Tracks which icon the cursor rests on, holding a tooltip back until it has settled somewhere.
 *
-* @param byName - Every icon the library offers, keyed by the name it goes by.
 * @param scrolling - Whether the grid is currently moving under the cursor.
 * @returns The icon being hovered, alongside ways to follow the cursor and to dismiss it.
 */
-function useIconTooltip(byName, scrolling) {
-	let $ = c(12), [hovered, setHovered] = useState(), hoverStart = useRef(void 0), t0, t1;
+function useIconTooltip(scrolling) {
+	let $ = c(11), [hovered, setHovered] = useState(), hoverStart = useRef(void 0), t0, t1;
 	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = () => () => {
 		isDefined(hoverStart.current) && clearTimeout(hoverStart.current);
 	}, t1 = [], $[0] = t0, $[1] = t1) : (t0 = $[0], t1 = $[1]), useEffect(t0, t1);
@@ -311,35 +407,29 @@ function useIconTooltip(byName, scrolling) {
 		isDefined(hoverStart.current) && clearTimeout(hoverStart.current), isDefined(hovered) && setHovered(void 0);
 	}, $[2] = hovered, $[3] = t2);
 	let clearHover = t2, t3;
-	$[4] !== byName || $[5] !== hovered || $[6] !== scrolling ? (t3 = function handleHover(event) {
-		if (scrolling) return;
-		let target = event.target instanceof Element ? event.target.closest("[data-icon]") : void 0, cell = target instanceof HTMLElement ? target : void 0;
-		if (cell === hovered?.element) return;
-		let name = cell?.dataset.icon, icon = isDefined(name) ? byName.get(name) : void 0;
-		if (isDefined(hoverStart.current) && clearTimeout(hoverStart.current), !isDefined(icon) || !isDefined(cell)) {
-			setHovered(void 0);
-			return;
-		}
-		if (isDefined(hovered)) {
-			setHovered({
-				icon,
-				element: cell
-			});
-			return;
+	$[4] !== hovered || $[5] !== scrolling ? (t3 = function handleHover(icon, element) {
+		if (!(scrolling || element === hovered?.element)) {
+			if (isDefined(hoverStart.current) && clearTimeout(hoverStart.current), isDefined(hovered)) {
+				setHovered({
+					icon,
+					element
+				});
+				return;
+			}
+			hoverStart.current = setTimeout(() => {
+				setHovered({
+					icon,
+					element
+				});
+			}, 200);
 		}
-		hoverStart.current = setTimeout(() => {
-			setHovered({
-				icon,
-				element: cell
-			});
-		}, 200);
-	}, $[4] = byName, $[5] = hovered, $[6] = scrolling, $[7] = t3) : t3 = $[7];
+	}, $[4] = hovered, $[5] = scrolling, $[6] = t3) : t3 = $[6];
 	let handleHover = t3, t4;
-	return $[8] !== clearHover || $[9] !== handleHover || $[10] !== hovered ? (t4 = {
+	return $[7] !== clearHover || $[8] !== handleHover || $[9] !== hovered ? (t4 = {
 		hovered,
 		handleHover,
 		clearHover
-	}, $[8] = clearHover, $[9] = handleHover, $[10] = hovered, $[11] = t4) : t4 = $[11], t4;
+	}, $[7] = clearHover, $[8] = handleHover, $[9] = hovered, $[10] = t4) : t4 = $[10], t4;
 }
 /** Where the icons an author reached for last are kept, in the browser rather than the dataset. */
 const storageKey = "driftime:sanity-plugin-icon:recent";
@@ -436,7 +526,7 @@ function getVisibleRows(scrollRow, count) {
 * @param index - Index of the icon to show.
 * @returns The position to scroll to.
 */
-function getCentredScrollTop(index) {
+function getCenteredScrollTop(index) {
 	return Math.max(0, Math.floor(index / 8) * 44 - 174);
 }
 /**
@@ -455,24 +545,22 @@ function getRevealedScrollTop(index, scrollTop) {
 function Picker(t0) {
 	let $ = c(35), allowed, onSelect, props, selected;
 	$[0] === t0 ? (allowed = $[1], onSelect = $[2], props = $[3], selected = $[4]) : ({allowed, selected, onSelect, ...props} = t0, $[0] = t0, $[1] = allowed, $[2] = onSelect, $[3] = props, $[4] = selected);
-	let library = useIconLibrary(), icons = selectIcons(library ?? [], allowed), { recent, remember, forget } = useRecentIcons(), [search, setSearch] = useState(""), [scrollRow, setScrollRow] = useState(0), [movedIndex, setMovedIndex] = useState(), [scrolling, setScrolling] = useState(!1), scroller = useRef(null), activeCell = useRef(null), focusActiveCell = useRef(!1), scrollFrame = useRef(void 0), scrollStop = useRef(void 0), query = normaliseTerms(search), searching = isDefined(query), results = icons.filter((icon) => !searching || icon.terms.includes(query)), byName = new Map(icons.map(_temp)), recentIcons = searching ? [] : recent.flatMap((entry) => {
+	let library = useIconLibrary(), icons = selectIcons(library ?? [], allowed), { recent, remember, forget } = useRecentIcons(), [search, setSearch] = useState(""), [scrollRow, setScrollRow] = useState(0), [movedIndex, setMovedIndex] = useState(), [scrolling, setScrolling] = useState(!1), scroller = useRef(null), activeCell = useRef(null), focusIndex = useRef(void 0), scrollFrame = useRef(void 0), scrollStop = useRef(void 0), query = normalizeTerms(search), searching = isDefined(query), results = icons.filter((icon) => !searching || icon.terms.includes(query)), byName = new Map(icons.map(_temp)), recentIcons = searching ? [] : recent.flatMap((entry) => {
 		let icon_1 = byName.get(entry);
 		return isDefined(icon_1) ? [icon_1] : [];
-	}), { hovered, handleHover, clearHover } = useIconTooltip(byName, scrolling), rows = getVisibleRows(scrollRow, results.length), selectedIndex = searching || !isDefined(selected) ? -1 : icons.findIndex((icon_2) => icon_2.name === selected), activeIndex = movedIndex ?? Math.max(0, selectedIndex);
+	}), { hovered, handleHover, clearHover } = useIconTooltip(scrolling), rows = getVisibleRows(scrollRow, results.length), selectedIndex = searching || !isDefined(selected) ? -1 : icons.findIndex((icon_2) => icon_2.name === selected), activeIndex = movedIndex ?? Math.max(0, selectedIndex);
 	useEffect(() => {
 		let element = scroller.current;
-		isDefined(element) && selectedIndex !== -1 && (element.scrollTop = getCentredScrollTop(selectedIndex));
-	}, [selectedIndex]);
+		isDefined(element) && selectedIndex !== -1 && (element.scrollTop = getCenteredScrollTop(selectedIndex));
+	}, [scroller, selectedIndex]);
 	let t1, t2;
 	$[5] === Symbol.for("react.memo_cache_sentinel") ? (t1 = () => () => {
 		isDefined(scrollFrame.current) && cancelAnimationFrame(scrollFrame.current), isDefined(scrollStop.current) && clearTimeout(scrollStop.current);
 	}, t2 = [], $[5] = t1, $[6] = t2) : (t1 = $[5], t2 = $[6]), useEffect(t1, t2);
-	let t3;
-	$[7] === Symbol.for("react.memo_cache_sentinel") ? (t3 = () => {
-		focusActiveCell.current && (focusActiveCell.current = !1, isDefined(activeCell.current) && activeCell.current.focus());
-	}, $[7] = t3) : t3 = $[7];
-	let t4;
-	$[8] === activeIndex ? t4 = $[9] : (t4 = [activeIndex], $[8] = activeIndex, $[9] = t4), useEffect(t3, t4);
+	let t3, t4;
+	$[7] === activeIndex ? (t3 = $[8], t4 = $[9]) : (t3 = () => {
+		focusIndex.current === activeIndex && (focusIndex.current = void 0, isDefined(activeCell.current) && activeCell.current.focus());
+	}, t4 = [activeIndex], $[7] = activeIndex, $[8] = t3, $[9] = t4), useEffect(t3, t4);
 	let t5;
 	$[10] !== onSelect || $[11] !== remember ? (t5 = function handleSelect(icon_3) {
 		remember(icon_3.name), onSelect(icon_3);
@@ -511,11 +599,11 @@ function Picker(t0) {
 		if (!isDefined(next)) return;
 		event_1.preventDefault();
 		let index = Math.min(Math.max(next, 0), last);
-		focusActiveCell.current = !0, setMovedIndex(index);
+		focusIndex.current = index, setMovedIndex(index);
 		let element_1 = scroller.current;
 		isDefined(element_1) && (element_1.scrollTop = getRevealedScrollTop(index, element_1.scrollTop));
 	}, t7;
-	$[14] === Symbol.for("react.memo_cache_sentinel") ? (t7 = /* @__PURE__ */ jsx(SearchIcon, { ...defaultIconProps }), $[14] = t7) : t7 = $[14];
+	$[14] === Symbol.for("react.memo_cache_sentinel") ? (t7 = /* @__PURE__ */ jsx(SearchIcon, {}), $[14] = t7) : t7 = $[14];
 	let t8;
 	$[15] === library ? t8 = $[16] : (t8 = !isDefined(library) && /* @__PURE__ */ jsx(Flex, {
 		align: "center",
@@ -535,7 +623,7 @@ function Picker(t0) {
 					muted: !0,
 					children: [
 						"All icons (",
-						results.length.toLocaleString("en-GB"),
+						results.length.toLocaleString("en-US"),
 						")"
 					]
 				})
@@ -559,9 +647,9 @@ function Picker(t0) {
 				activeCell,
 				search,
 				onSelect: handleSelect,
+				onHover: handleHover,
 				onClearSearch: clearSearch,
 				onScroll: handleScroll,
-				onMouseOver: handleHover,
 				onMouseLeave: clearHover,
 				onKeyDown: handleGridKeyDown
 			})
@@ -590,8 +678,8 @@ function Picker(t0) {
 					icons: recentIcons,
 					selected,
 					onSelect: handleSelect,
+					onHover: handleHover,
 					onForget: forget,
-					onMouseOver: handleHover,
 					onMouseLeave: clearHover
 				}),
 				t9,
@@ -603,60 +691,104 @@ function Picker(t0) {
 function _temp(icon_0) {
 	return [icon_0.name, icon_0];
 }
+function SquareDashedIcon(props) {
+	let $ = c(14), t0, t1, t10, t11, t2, t3, t4, t5, t6, t7, t8, t9;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx("path", { d: "M5 3a2 2 0 0 0-2 2" }), t1 = /* @__PURE__ */ jsx("path", { d: "M19 3a2 2 0 0 1 2 2" }), t2 = /* @__PURE__ */ jsx("path", { d: "M21 19a2 2 0 0 1-2 2" }), t3 = /* @__PURE__ */ jsx("path", { d: "M5 21a2 2 0 0 1-2-2" }), t4 = /* @__PURE__ */ jsx("path", { d: "M9 3h1" }), t5 = /* @__PURE__ */ jsx("path", { d: "M9 21h1" }), t6 = /* @__PURE__ */ jsx("path", { d: "M14 3h1" }), t7 = /* @__PURE__ */ jsx("path", { d: "M14 21h1" }), t8 = /* @__PURE__ */ jsx("path", { d: "M3 9v1" }), t9 = /* @__PURE__ */ jsx("path", { d: "M21 9v1" }), t10 = /* @__PURE__ */ jsx("path", { d: "M3 14v1" }), t11 = /* @__PURE__ */ jsx("path", { d: "M21 14v1" }), $[0] = t0, $[1] = t1, $[2] = t10, $[3] = t11, $[4] = t2, $[5] = t3, $[6] = t4, $[7] = t5, $[8] = t6, $[9] = t7, $[10] = t8, $[11] = t9) : (t0 = $[0], t1 = $[1], t10 = $[2], t11 = $[3], t2 = $[4], t3 = $[5], t4 = $[6], t5 = $[7], t6 = $[8], t7 = $[9], t8 = $[10], t9 = $[11]);
+	let t12;
+	return $[12] === props ? t12 = $[13] : (t12 = /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: 24,
+		height: 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: [
+			t0,
+			t1,
+			t2,
+			t3,
+			t4,
+			t5,
+			t6,
+			t7,
+			t8,
+			t9,
+			t10,
+			t11
+		]
+	}), $[12] = props, $[13] = t12), t12;
+}
+/**
+* Settles what an icon field offers. The list says what is on and replaces whatever the plugin was
+* given, so one line tells you the whole answer.
+*
+* @param options - Options the field itself was given.
+* @param config - Configuration the plugin was given.
+* @returns The settings the field runs on.
+*/
+function resolveIconOptions(options, config) {
+	return { icons: options?.icons ?? config.icons };
+}
 /** Type name of the icon object. */
 const iconTypeName = "icon";
 /**
-* Creates the input an icon field is drawn with, holding the icons the plugin was configured with so
-* a field naming its own replaces them rather than adding to them.
+* Creates the input an icon field is drawn with, holding the configuration the plugin was given so a
+* field naming its own icons replaces them rather than adding to them.
 *
-* @param icons - Icons every field offers, or nothing to offer them all.
+* @param config - Configuration every field falls back to.
 * @returns The input component.
 */
-function createInput(icons) {
+function createInput(config) {
 	function Input(t0) {
-		let $ = c(29), { id, schemaType, value, onChange, readOnly } = t0, { name, node } = value ?? {}, [open, setOpen] = useState(!1), allowed = schemaType.options?.icons ?? icons, selectedNode = resolveIconNode(node), selectedLabel = isDefined(name) ? convertCase(name, "sentence") : void 0, t1;
-		$[0] !== onChange || $[1] !== setOpen ? (t1 = function handleSelect(icon) {
+		let $ = c(31), { id, schemaType, value, onChange, readOnly } = t0, { name, node } = value ?? {}, [open, setOpen] = useState(!1), t1;
+		$[0] === schemaType.options ? t1 = $[1] : (t1 = resolveIconOptions(schemaType.options, config), $[0] = schemaType.options, $[1] = t1);
+		let { icons } = t1, selectedNode = resolveIconNode(node), selectedLabel = isDefined(name) ? convertCase(name, "sentence") : void 0, t2;
+		$[2] !== onChange || $[3] !== setOpen ? (t2 = function handleSelect(icon) {
 			onChange([
 				setIfMissing({ _type: iconTypeName }),
 				set(icon.name, ["name"]),
-				set(serialiseIconNode(icon.node), ["node"])
+				set(serializeIconNode(icon.node), ["node"])
 			]), setOpen(!1);
-		}, $[0] = onChange, $[1] = setOpen, $[2] = t1) : t1 = $[2];
-		let handleSelect = t1, T0 = Flex, T1 = Button, t5 = isDefined(selectedNode) ? /* @__PURE__ */ jsx(Drawing, {
+		}, $[2] = onChange, $[3] = setOpen, $[4] = t2) : t2 = $[4];
+		let handleSelect = t2, T0 = Flex, T1 = Button, t6 = isDefined(selectedNode) ? /* @__PURE__ */ jsx(Drawing, {
 			node: selectedNode,
 			...defaultIconProps
-		}) : void 0, t6 = selectedLabel ?? "Select icon", t7;
-		$[3] === setOpen ? t7 = $[4] : (t7 = () => {
+		}) : /* @__PURE__ */ jsx(SquareDashedIcon, { ...defaultIconProps }), t7 = selectedLabel ?? "Select icon", t8;
+		$[5] === setOpen ? t8 = $[6] : (t8 = () => {
 			setOpen(!0);
-		}, $[3] = setOpen, $[4] = t7);
-		let t8 = isDefined(selectedLabel) ? `${selectedLabel} currently selected` : "Select icon", t9;
-		$[5] !== T1 || $[6] !== id || $[7] !== readOnly || $[8] !== t5 || $[9] !== t6 || $[10] !== t7 || $[11] !== t8 ? (t9 = /* @__PURE__ */ jsx(T1, {
+		}, $[5] = setOpen, $[6] = t8);
+		let t9 = isDefined(selectedLabel) ? `${selectedLabel} currently selected` : "Select icon", t10;
+		$[7] !== T1 || $[8] !== id || $[9] !== readOnly || $[10] !== t6 || $[11] !== t7 || $[12] !== t8 || $[13] !== t9 ? (t10 = /* @__PURE__ */ jsx(T1, {
 			id,
 			type: "button",
 			mode: "ghost",
-			icon: t5,
-			text: t6,
+			icon: t6,
+			text: t7,
 			disabled: readOnly,
-			onClick: t7,
-			"aria-label": t8
-		}), $[5] = T1, $[6] = id, $[7] = readOnly, $[8] = t5, $[9] = t6, $[10] = t7, $[11] = t8, $[12] = t9) : t9 = $[12];
-		let t10;
-		$[13] !== onChange || $[14] !== readOnly || $[15] !== value ? (t10 = isDefined(value) && /* @__PURE__ */ jsx(Button, {
+			onClick: t8,
+			"aria-label": t9
+		}), $[7] = T1, $[8] = id, $[9] = readOnly, $[10] = t6, $[11] = t7, $[12] = t8, $[13] = t9, $[14] = t10) : t10 = $[14];
+		let t11;
+		$[15] !== onChange || $[16] !== readOnly || $[17] !== value ? (t11 = isDefined(value) && /* @__PURE__ */ jsx(Button, {
 			type: "button",
 			mode: "ghost",
 			tone: "critical",
-			icon: /* @__PURE__ */ jsx(CloseIcon, { ...defaultIconProps }),
+			icon: /* @__PURE__ */ jsx(CloseIcon, {}),
 			text: "Clear",
 			disabled: readOnly,
 			onClick: () => {
 				onChange(unset());
 			},
-			"aria-label": "Clear the currently selected icon."
-		}), $[13] = onChange, $[14] = readOnly, $[15] = value, $[16] = t10) : t10 = $[16];
-		let t11;
-		$[17] !== allowed || $[18] !== handleSelect || $[19] !== id || $[20] !== name || $[21] !== open || $[22] !== setOpen ? (t11 = open && /* @__PURE__ */ jsx(Picker, {
+			"aria-label": "Clear the currently selected icon"
+		}), $[15] = onChange, $[16] = readOnly, $[17] = value, $[18] = t11) : t11 = $[18];
+		let t12;
+		$[19] !== handleSelect || $[20] !== icons || $[21] !== id || $[22] !== name || $[23] !== open || $[24] !== setOpen ? (t12 = open && /* @__PURE__ */ jsx(Picker, {
 			id: `${id}-library`,
-			allowed,
+			allowed: icons,
 			selected: name,
 			onSelect: handleSelect,
 			onClose: () => {
@@ -665,67 +797,19 @@ function createInput(icons) {
 			onClickOutside: () => {
 				setOpen(!1);
 			}
-		}), $[17] = allowed, $[18] = handleSelect, $[19] = id, $[20] = name, $[21] = open, $[22] = setOpen, $[23] = t11) : t11 = $[23];
-		let t12;
-		return $[24] !== T0 || $[25] !== t10 || $[26] !== t11 || $[27] !== t9 ? (t12 = /* @__PURE__ */ jsxs(T0, {
+		}), $[19] = handleSelect, $[20] = icons, $[21] = id, $[22] = name, $[23] = open, $[24] = setOpen, $[25] = t12) : t12 = $[25];
+		let t13;
+		return $[26] !== T0 || $[27] !== t10 || $[28] !== t11 || $[29] !== t12 ? (t13 = /* @__PURE__ */ jsxs(T0, {
 			gap: 2,
 			children: [
-				t9,
 				t10,
-				t11
+				t11,
+				t12
 			]
-		}), $[24] = T0, $[25] = t10, $[26] = t11, $[27] = t9, $[28] = t12) : t12 = $[28], t12;
+		}), $[26] = T0, $[27] = t10, $[28] = t11, $[29] = t12, $[30] = t13) : t13 = $[30], t13;
 	}
 	return Input;
 }
-function SquareDashedIcon(props) {
-	let $ = c(14), t0, t1, t10, t11, t2, t3, t4, t5, t6, t7, t8, t9;
-	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx("path", { d: "M5 3a2 2 0 0 0-2 2" }), t1 = /* @__PURE__ */ jsx("path", { d: "M19 3a2 2 0 0 1 2 2" }), t2 = /* @__PURE__ */ jsx("path", { d: "M21 19a2 2 0 0 1-2 2" }), t3 = /* @__PURE__ */ jsx("path", { d: "M5 21a2 2 0 0 1-2-2" }), t4 = /* @__PURE__ */ jsx("path", { d: "M9 3h1" }), t5 = /* @__PURE__ */ jsx("path", { d: "M9 21h1" }), t6 = /* @__PURE__ */ jsx("path", { d: "M14 3h1" }), t7 = /* @__PURE__ */ jsx("path", { d: "M14 21h1" }), t8 = /* @__PURE__ */ jsx("path", { d: "M3 9v1" }), t9 = /* @__PURE__ */ jsx("path", { d: "M21 9v1" }), t10 = /* @__PURE__ */ jsx("path", { d: "M3 14v1" }), t11 = /* @__PURE__ */ jsx("path", { d: "M21 14v1" }), $[0] = t0, $[1] = t1, $[2] = t10, $[3] = t11, $[4] = t2, $[5] = t3, $[6] = t4, $[7] = t5, $[8] = t6, $[9] = t7, $[10] = t8, $[11] = t9) : (t0 = $[0], t1 = $[1], t10 = $[2], t11 = $[3], t2 = $[4], t3 = $[5], t4 = $[6], t5 = $[7], t6 = $[8], t7 = $[9], t8 = $[10], t9 = $[11]);
-	let t12;
-	return $[12] === props ? t12 = $[13] : (t12 = /* @__PURE__ */ jsxs("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		width: 24,
-		height: 24,
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: 2,
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		...props,
-		children: [
-			t0,
-			t1,
-			t2,
-			t3,
-			t4,
-			t5,
-			t6,
-			t7,
-			t8,
-			t9,
-			t10,
-			t11
-		]
-	}), $[12] = props, $[13] = t12), t12;
-}
-/**
-* Creates a Sanity Studio icon component from an SVG icon.
-*
-* @param icon - The icon component to wrap.
-* @param props - Additional props merged over the default properties a Studio icon is drawn with.
-* @returns A Studio icon component.
-*/
-function createSanityIcon(icon, props) {
-	let Icon = icon;
-	function SanityIcon() {
-		return createElement(Icon, {
-			...defaultIconProps,
-			...props
-		});
-	}
-	return SanityIcon;
-}
 /**
 * Builds the media a stored icon previews with, so a document lists the drawing an author chose
 * rather than one placeholder standing in for every icon alike.
@@ -747,10 +831,10 @@ function createIconPreview(value) {
 * Creates the object type an icon is stored as, offering the icons it is given to every field that
 * does not name its own.
 *
-* @param icons - Icons every field offers, or nothing to offer them all.
+* @param config - Configuration every field falls back to.
 * @returns An object type definition for a stored icon.
 */
-function createIconType(icons) {
+function createIconType(config) {
 	return defineType({
 		name: iconTypeName,
 		type: "object",
@@ -758,8 +842,9 @@ function createIconType(icons) {
 		description: "Icon chosen from the Lucide library.",
 		components: {
 			field: Field,
-			input: createInput(icons)
+			input: createInput(config)
 		},
+		validation: (rule) => rule.custom((value) => !isDefined(value?.name) || isDefined(value.node) ? !0 : "Select the icon again so its drawing is stored."),
 		preview: {
 			select: {
 				name: "name",
@@ -788,14 +873,10 @@ function createIconType(icons) {
 		})]
 	});
 }
-/** The plugin as Sanity defines it, wrapped below so that its configuration can genuinely be left out. */
-const plugin = definePlugin((config) => {
-	let { icons } = config;
-	return {
-		name: "@driftime/sanity-plugin-icon",
-		schema: { types: [createIconType(icons)] }
-	};
-});
+const plugin = definePlugin((config) => ({
+	name: "@driftime/sanity-plugin-icon",
+	schema: { types: [createIconType(config)] }
+}));
 /**
 * Creates the icon field type for Sanity Studio, offering the Lucide library through a searchable
 * picker and storing the chosen drawing ready to render.