@sanity/assist 6.1.4 → 6.1.6

package/dist/index.js

@@ -5,12 +5,39 @@ import { useToast, useLayer, Dialog, Stack, Flex, Tooltip, Text, Button, TextAre
 import { useRef, useState, useEffect, createContext, useContext, useCallback, useId, useMemo, useEffectEvent, useReducer } from "react";
 import { useDocumentPane, usePaneRouter, DocumentInspectorHeader, DocumentPaneProvider } from "sanity/structure";
 import { minutesToMilliseconds, isAfter, addSeconds, formatDistanceToNow } from "date-fns";
-import { DocumentIcon, LinkIcon, ImageIcon, BlockContentIcon, OlistIcon, BlockquoteIcon, StringIcon, PlayIcon, SparklesIcon, SearchIcon, SyncIcon, ErrorOutlineIcon, CheckmarkCircleIcon, ClockIcon, CloseCircleIcon, RetryIcon, ArrowRightIcon, CloseIcon, icons, TranslateIcon, LockIcon, ControlsIcon, ArrowLeftIcon, TokenIcon, DocumentTextIcon, ThListIcon, CodeIcon, ComposeIcon } from "@sanity/icons";
+import { BlockContentIcon } from "@sanity/icons/BlockContent";
+import { BlockquoteIcon } from "@sanity/icons/Blockquote";
+import { DocumentIcon } from "@sanity/icons/Document";
+import { ImageIcon } from "@sanity/icons/Image";
+import { LinkIcon } from "@sanity/icons/Link";
+import { OlistIcon } from "@sanity/icons/Olist";
+import { StringIcon } from "@sanity/icons/String";
 import { extractWithPath } from "@sanity/mutator";
+import { PlayIcon } from "@sanity/icons/Play";
 import { keyframes, styled } from "styled-components";
 import { purple } from "@sanity/color";
+import { SparklesIcon } from "@sanity/icons/Sparkles";
+import { ArrowRightIcon } from "@sanity/icons/ArrowRight";
+import { CloseIcon } from "@sanity/icons/Close";
+import { RetryIcon } from "@sanity/icons/Retry";
 import { tap, mergeMap, share, take, filter, distinctUntilChanged, catchError } from "rxjs/operators";
+import { SearchIcon } from "@sanity/icons/Search";
+import { CheckmarkCircleIcon } from "@sanity/icons/CheckmarkCircle";
+import { ClockIcon } from "@sanity/icons/Clock";
+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 { TranslateIcon } from "@sanity/icons/Translate";
+import { LockIcon } from "@sanity/icons/Lock";
+import { CodeIcon } from "@sanity/icons/Code";
+import { ComposeIcon } from "@sanity/icons/Compose";
+import { ThListIcon } from "@sanity/icons/ThList";
+import { ArrowLeftIcon } from "@sanity/icons/ArrowLeft";
+import { DocumentTextIcon } from "@sanity/icons/DocumentText";
+import { TokenIcon } from "@sanity/icons/Token";
 import isEqual from "react-fast-compare";
 import { throwError, of, partition, merge, switchMap, delay, defer } from "rxjs";
 import { exhaustMapToWithTrailing } from "rxjs-exhaustmap-with-trailing";
@@ -1242,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,
@@ -1259,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"
@@ -1386,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;
@@ -1827,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,
@@ -1971,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) {
@@ -2924,9 +2951,9 @@ function IconInput(props) {
   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
@@ -2953,7 +2980,10 @@ function IconItem(t0) {
   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;
 }
 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);
@@ -3379,9 +3409,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),
@@ -4025,10 +4060,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);
@@ -4373,16 +4408,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, {}) }) })
       ] });