@sanity/assist 6.1.5 → 6.1.7

package/dist/index.js

@@ -28,8 +28,8 @@ import { CloseCircleIcon } from "@sanity/icons/CloseCircle";
 import { ErrorOutlineIcon } from "@sanity/icons/ErrorOutline";
 import { SyncIcon } from "@sanity/icons/Sync";
 import get from "lodash-es/get.js";
+import { icons, Icon } from "@sanity/icons";
 import { ControlsIcon } from "@sanity/icons/Controls";
-import { icons } from "@sanity/icons";
 import { TranslateIcon } from "@sanity/icons/Translate";
 import { LockIcon } from "@sanity/icons/Lock";
 import { CodeIcon } from "@sanity/icons/Code";
@@ -1269,10 +1269,10 @@ const fadeIn = keyframes`
     opacity: 1;
     transform: scale(1);
   }
-`, FadeInDiv = styled.div.withConfig({
+`, FadeInDiv = /* @__PURE__ */ styled.div.withConfig({
   displayName: "FadeInDiv",
   componentId: "sc-1gsyaov-0"
-})`animation-name:${fadeIn};animation-timing-function:ease-in-out;`;
+})(["animation-name:", ";animation-timing-function:ease-in-out;"], fadeIn);
 function FadeInContent(t0) {
   const $ = c(6), {
     children,
@@ -1286,23 +1286,23 @@ function FadeInContent(t0) {
   let t4;
   return $[2] !== children || $[3] !== ref || $[4] !== t3 ? (t4 = /* @__PURE__ */ jsx(FadeInDiv, { ref, style: t3, children }), $[2] = children, $[3] = ref, $[4] = t3, $[5] = t4) : t4 = $[5], t4;
 }
-const Root = styled.span.withConfig({
+const Root = /* @__PURE__ */ styled.span.withConfig({
   displayName: "Root",
   componentId: "sc-5en2mb-0"
-})`display:block;width:25px;height:25px;position:relative;`, dash = keyframes`
+})(["display:block;width:25px;height:25px;position:relative;"]), dash = keyframes`
   0% {
     transform: rotate(0);
   }
   100% {
     transform: rotate(43deg);
   }
-`, Outline = styled.svg.withConfig({
+`, Outline = /* @__PURE__ */ styled.svg.withConfig({
   displayName: "Outline",
   componentId: "sc-5en2mb-1"
-})`display:block;position:absolute;top:0;left:0;& > circle{stroke:var(--ai-avatar-stroke-color);stroke-width:1.5px;stroke-linecap:round;transform-origin:center;animation:${dash} 500ms ease-in-out infinite;transition:stroke-dasharray 200ms ease-in-out;stroke-dasharray:2.34px 0;[data-state='active'] > &{stroke-dasharray:2px 2.34px;}}`, IconDisc = styled.span.withConfig({
+})(["display:block;position:absolute;top:0;left:0;& > circle{stroke:var(--ai-avatar-stroke-color);stroke-width:1.5px;stroke-linecap:round;transform-origin:center;animation:", " 500ms ease-in-out infinite;transition:stroke-dasharray 200ms ease-in-out;stroke-dasharray:2.34px 0;[data-state='active'] > &{stroke-dasharray:2px 2.34px;}}"], dash), IconDisc = /* @__PURE__ */ styled.span.withConfig({
   displayName: "IconDisc",
   componentId: "sc-5en2mb-2"
-})`background:var(--ai-avatar-disc-color);color:white;width:21px;height:21px;display:flex;align-items:center;justify-content:center;border-radius:10.5px;position:absolute;top:2px;left:2px;`;
+})(["background:var(--ai-avatar-disc-color);color:white;width:21px;height:21px;display:flex;align-items:center;justify-content:center;border-radius:10.5px;position:absolute;top:2px;left:2px;"]);
 function AssistAvatar(props) {
   const {
     state = "present"
@@ -1413,10 +1413,10 @@ function AssistField(props) {
     __internal_slot: actions
   }), $[6] = actions, $[7] = props, $[8] = t3) : t3 = $[8], t3;
 }
-const WrapPreCard = styled(Card).withConfig({
+const WrapPreCard = /* @__PURE__ */ styled(Card).withConfig({
   displayName: "WrapPreCard",
   componentId: "sc-q2jw3a-0"
-})`& pre{white-space:pre-wrap !important;}`;
+})(["& pre{white-space:pre-wrap !important;}"]);
 function SafeValueInput(props) {
   const $ = c(5);
   let t0;
@@ -1854,10 +1854,10 @@ const rotate = keyframes`
   100% {
     transform: rotate(360deg);
   }
-`, SyncSpinningIcon = styled(SyncIcon).withConfig({
+`, SyncSpinningIcon = /* @__PURE__ */ styled(SyncIcon).withConfig({
   displayName: "SyncSpinningIcon",
   componentId: "sc-13pmxy-0"
-})`animation:${rotate} 1s linear infinite;`, TASK_CONFIG = {
+})(["animation:", " 1s linear infinite;"], rotate), TASK_CONFIG = {
   aborted: {
     title: "Canceled",
     icon: CloseCircleIcon,
@@ -1998,13 +1998,13 @@ function TaskItem(props) {
   let t14;
   return $[29] !== t0 || $[30] !== t13 ? (t14 = /* @__PURE__ */ jsx(Card, { radius: 2, tone: t0, children: t13 }), $[29] = t0, $[30] = t13, $[31] = t14) : t14 = $[31], t14;
 }
-const CardWithShadowBelow = styled(Card).withConfig({
+const CardWithShadowBelow = /* @__PURE__ */ styled(Card).withConfig({
   displayName: "CardWithShadowBelow",
   componentId: "sc-yws49l-0"
-})`position:relative;&:after{content:'';display:block;position:absolute;left:0;right:0;bottom:-1px;border-bottom:1px solid var(--card-border-color);opacity:0.5;z-index:100;}`, CardWithShadowAbove = styled(Card).withConfig({
+})(["position:relative;&:after{content:'';display:block;position:absolute;left:0;right:0;bottom:-1px;border-bottom:1px solid var(--card-border-color);opacity:0.5;z-index:100;}"]), CardWithShadowAbove = /* @__PURE__ */ styled(Card).withConfig({
   displayName: "CardWithShadowAbove",
   componentId: "sc-yws49l-1"
-})`position:relative;&:after{content:'';display:block;position:absolute;left:0;right:0;top:-1px;border-top:1px solid var(--card-border-color);opacity:0.5;z-index:100;}`;
+})(["position:relative;&:after{content:'';display:block;position:absolute;left:0;right:0;top:-1px;border-top:1px solid var(--card-border-color);opacity:0.5;z-index:100;}"]);
 function AssistInspectorWrapper(props) {
   const $ = c(43), context = useAiAssistanceConfig();
   if (context.statusLoading) {
@@ -2942,18 +2942,15 @@ function IconInput(props) {
     onChange
   } = props, id = useId();
   let t0;
-  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = Object.entries(icons), $[0] = t0) : t0 = $[0];
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = Object.keys(icons).filter(isIconSymbol), $[0] = t0) : t0 = $[0];
   let t1;
-  $[1] !== onChange ? (t1 = t0.map((t22) => {
-    const [key, icon] = t22;
-    return /* @__PURE__ */ jsx(IconItem, { iconKey: key, icon, onChange }, key);
-  }), $[1] = onChange, $[2] = t1) : t1 = $[2];
+  $[1] !== onChange ? (t1 = t0.map((key) => /* @__PURE__ */ jsx(IconItem, { iconKey: key, onChange }, key)), $[1] = onChange, $[2] = t1) : t1 = $[2];
   const items = t1;
   let t2;
   $[3] !== value ? (t2 = getIcon(value), $[3] = value, $[4] = t2) : t2 = $[4];
-  const selectedIcon = t2;
+  const selectedSymbol = t2;
   let t3;
-  $[5] !== selectedIcon ? (t3 = /* @__PURE__ */ jsx(Button, { icon: selectedIcon, title: "Select icon", padding: 3, mode: "ghost", radius: 1 }), $[5] = selectedIcon, $[6] = t3) : t3 = $[6];
+  $[5] !== selectedSymbol ? (t3 = /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(Icon, { symbol: selectedSymbol }), title: "Select icon", padding: 3, mode: "ghost", radius: 1 }), $[5] = selectedSymbol, $[6] = t3) : t3 = $[6];
   let t4;
   $[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t4 = {
     maxHeight: 300
@@ -2968,8 +2965,7 @@ function IconInput(props) {
   return $[11] !== id || $[12] !== t3 || $[13] !== t5 ? (t7 = /* @__PURE__ */ jsx(MenuButton, { button: t3, id, menu: t5, popover: t6 }), $[11] = id, $[12] = t3, $[13] = t5, $[14] = t7) : t7 = $[14], t7;
 }
 function IconItem(t0) {
-  const $ = c(7), {
-    icon,
+  const $ = c(9), {
     iconKey: key,
     onChange
   } = t0;
@@ -2977,10 +2973,15 @@ function IconItem(t0) {
   $[0] !== key || $[1] !== onChange ? (t1 = () => onChange(set(key)), $[0] = key, $[1] = onChange, $[2] = t1) : t1 = $[2];
   const onClick = t1;
   let t2;
-  return $[3] !== icon || $[4] !== key || $[5] !== onClick ? (t2 = /* @__PURE__ */ jsx(MenuItem, { icon, title: key, text: key, onClick }), $[3] = icon, $[4] = key, $[5] = onClick, $[6] = t2) : t2 = $[6], t2;
+  $[3] !== key ? (t2 = /* @__PURE__ */ jsx(Icon, { symbol: key }), $[3] = key, $[4] = t2) : t2 = $[4];
+  let t3;
+  return $[5] !== key || $[6] !== onClick || $[7] !== t2 ? (t3 = /* @__PURE__ */ jsx(MenuItem, { icon: t2, title: key, text: key, onClick }), $[5] = key, $[6] = onClick, $[7] = t2, $[8] = t3) : t3 = $[8], t3;
 }
 function getIcon(iconName) {
-  return Object.entries(icons).find(([key]) => key === iconName)?.[1] ?? icons.sparkles;
+  return iconName && isIconSymbol(iconName) ? iconName : "sparkles";
+}
+function isIconSymbol(iconName) {
+  return iconName in icons;
 }
 function useAssistSupported(_path, schemaType) {
   const $ = c(2);
@@ -3406,9 +3407,14 @@ function instructionItem(props) {
     assistSupported,
     instruction: instruction2
   } = props;
+  function IconLeft() {
+    const $ = c(1);
+    let t0;
+    return $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx(Icon, { symbol: getIcon(instruction2.icon) }), $[0] = t0) : t0 = $[0], t0;
+  }
   return {
     type: "action",
-    icon: getIcon(instruction2.icon),
+    icon: IconLeft,
     iconRight: isPrivate ? PrivateIcon : void 0,
     title: getInstructionTitle(instruction2),
     onAction: () => onInstructionAction(instruction2),
@@ -4052,10 +4058,10 @@ function Selectable(t0) {
     t6
   ] }), $[16] = t3, $[17] = t6, $[18] = t7) : t7 = $[18], t7;
 }
-const PteMods = styled(Box).withConfig({
+const PteMods = /* @__PURE__ */ styled(Box).withConfig({
   displayName: "PteMods",
   componentId: "sc-grsj10-0"
-})`& [data-testid='pt-editor__toolbar-card'] > div > div:last-child{display:none;}& [data-testid='pt-editor']{min-height:300px;}& [data-testid='pt-editor'] .pt-inline-object *{max-width:400px;}`;
+})(["& [data-testid='pt-editor__toolbar-card'] > div > div:last-child{display:none;}& [data-testid='pt-editor']{min-height:300px;}& [data-testid='pt-editor'] .pt-inline-object *{max-width:400px;}"]);
 function PromptInput(props) {
   const $ = c(5);
   useOnlyInlineBlocks(props);
@@ -4400,16 +4406,16 @@ const contextDocumentSchema = defineType({
     }) => ({
       title,
       // oxlint-disable-next-line no-unsafe-type-assertion
-      icon: icon ? icons[icon] : SparklesIcon,
+      icon: icon ? /* @__PURE__ */ jsx(Icon, { symbol: icon }) : SparklesIcon,
       userId
     })
   },
   components: {
     input: InstructionInput,
     preview: (props) => {
-      const Icon = props.icon;
+      const Icon2 = props.icon;
       return /* @__PURE__ */ jsxs(Flex, { gap: 3, align: "center", padding: 2, children: [
-        Icon && /* @__PURE__ */ jsx(Box, { flex: "none", children: /* @__PURE__ */ jsx(Text, { size: 1, children: /* @__PURE__ */ jsx(Icon, {}) }) }),
+        Icon2 && /* @__PURE__ */ jsx(Box, { flex: "none", children: /* @__PURE__ */ jsx(Text, { size: 1, children: /* @__PURE__ */ jsx(Icon2, {}) }) }),
         /* @__PURE__ */ jsx(Stack, { flex: 1, gap: 2, children: /* @__PURE__ */ jsx(Text, { size: 1, textOverflow: "ellipsis", weight: "medium", children: getInstructionTitle(props) }) }),
         props.userId && /* @__PURE__ */ jsx(Text, { size: 1, children: /* @__PURE__ */ jsx(Tooltip, { content: /* @__PURE__ */ jsx(Text, { size: 1, children: "Only visible to you" }), padding: 2, placement: "top", portal: !0, children: /* @__PURE__ */ jsx(LockIcon, {}) }) })
       ] });