sillytavern-utils-lib 1.0.60 → 1.0.62

package/dist/character-utils.cjs

@@ -0,0 +1 @@
+"use strict";var h=Object.defineProperty;var u=(e,t,a)=>t in e?h(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a;var n=(e,t,a)=>u(e,typeof t!="symbol"?t+"":t,a);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class c extends Error{constructor(a,s){super(a);n(this,"data");this.data=s}toString(){return this.message}}async function f(e,t){const a=SillyTavern.getContext(),s=new FormData;s.append("avatar",new Blob([JSON.stringify(e)],{type:"application/json"}),"character.json"),s.append("file_type","json");const r=a.getRequestHeaders();delete r["Content-Type"];const o=await fetch("/api/characters/import",{method:"POST",headers:r,body:s,cache:"no-cache"});if(!o.ok)throw new c(o.statusText,o);t&&await a.getCharacters()}async function l(e,t){var o;const a=SillyTavern.getContext();if(!e.avatar)throw new Error("`data.avatar` (character filename) is required to save character attributes.");e==null||delete e.json_data,(o=e==null?void 0:e.data)==null||delete o.json_data;const s=a.getRequestHeaders(),r=await fetch("/api/characters/merge-attributes",{method:"POST",headers:s,body:JSON.stringify(e),cache:"no-cache"});if(!r.ok){const i=await r.json().catch(()=>({message:r.statusText}));throw new c(i.message||`Request failed with status ${r.status}`,r)}t&&await a.getCharacters()}exports.CustomError=c;exports.createCharacter=f;exports.saveCharacter=l;

package/dist/character-utils.d.ts

@@ -1,4 +1,5 @@
 import { Character, FullExportData } from './types/index.js';
+
 export declare class CustomError<T> extends Error {
     readonly data?: T;
     constructor(message: string, data?: T);

package/dist/character-utils.js

@@ -1,71 +1,51 @@
-export class CustomError extends Error {
-    data;
-    constructor(message, data) {
-        super(message);
-        this.data = data;
-    }
-    toString() {
-        return this.message;
-    }
+var h = Object.defineProperty;
+var p = (e, t, a) => t in e ? h(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a;
+var n = (e, t, a) => p(e, typeof t != "symbol" ? t + "" : t, a);
+class c extends Error {
+  constructor(a, s) {
+    super(a);
+    n(this, "data");
+    this.data = s;
+  }
+  toString() {
+    return this.message;
+  }
 }
-/**
- * @throws {CustomError<Response>}
- */
-export async function createCharacter(data, updateUI) {
-    const context = SillyTavern.getContext();
-    const formData = new FormData();
-    formData.append('avatar', new Blob([JSON.stringify(data)], { type: 'application/json' }), 'character.json');
-    formData.append('file_type', 'json');
-    const headers = context.getRequestHeaders();
-    // @ts-ignore
-    delete headers['Content-Type'];
-    const response = await fetch('/api/characters/import', {
-        method: 'POST',
-        headers,
-        body: formData,
-        cache: 'no-cache',
-    });
-    if (!response.ok) {
-        throw new CustomError(response.statusText, response);
-    }
-    if (updateUI) {
-        await context.getCharacters();
-    }
+async function f(e, t) {
+  const a = SillyTavern.getContext(), s = new FormData();
+  s.append("avatar", new Blob([JSON.stringify(e)], { type: "application/json" }), "character.json"), s.append("file_type", "json");
+  const r = a.getRequestHeaders();
+  delete r["Content-Type"];
+  const o = await fetch("/api/characters/import", {
+    method: "POST",
+    headers: r,
+    body: s,
+    cache: "no-cache"
+  });
+  if (!o.ok)
+    throw new c(o.statusText, o);
+  t && await a.getCharacters();
 }
-/**
- * Saves character data by merging new attributes into the existing character card
- * using the `/api/characters/merge-attributes` endpoint.
- *
- * This function updates character data, not the avatar image file itself.
- * The `data.avatar` property must be the character's filename (e.g., "bob.png")
- * to identify which character to update on the backend.
- *
- * @param {Partial<Character> & { avatar: string }} data - An object with the character
- *   attributes to update. The `avatar` field (filename) is required.
- * @param {boolean} [updateUI=false] - If true, refreshes the character list UI after saving.
- * @throws {CustomError<Response>}
- */
-export async function saveCharacter(data, updateUI) {
-    const context = SillyTavern.getContext();
-    if (!data.avatar) {
-        throw new Error('`data.avatar` (character filename) is required to save character attributes.');
-    }
-    delete data?.json_data;
-    delete data?.data?.json_data;
-    const headers = context.getRequestHeaders();
-    const response = await fetch('/api/characters/merge-attributes', {
-        method: 'POST',
-        headers,
-        body: JSON.stringify(data),
-        cache: 'no-cache',
-    });
-    if (!response.ok) {
-        // Attempt to parse a JSON error response from the server for a better error message.
-        const errorData = await response.json().catch(() => ({ message: response.statusText }));
-        throw new CustomError(errorData.message || `Request failed with status ${response.status}`, response);
-    }
-    if (updateUI) {
-        await context.getCharacters();
-    }
+async function w(e, t) {
+  var o;
+  const a = SillyTavern.getContext();
+  if (!e.avatar)
+    throw new Error("`data.avatar` (character filename) is required to save character attributes.");
+  e == null || delete e.json_data, (o = e == null ? void 0 : e.data) == null || delete o.json_data;
+  const s = a.getRequestHeaders(), r = await fetch("/api/characters/merge-attributes", {
+    method: "POST",
+    headers: s,
+    body: JSON.stringify(e),
+    cache: "no-cache"
+  });
+  if (!r.ok) {
+    const i = await r.json().catch(() => ({ message: r.statusText }));
+    throw new c(i.message || `Request failed with status ${r.status}`, r);
+  }
+  t && await a.getCharacters();
 }
-//# sourceMappingURL=character-utils.js.map
+export {
+  c as CustomError,
+  f as createCharacter,
+  w as saveCharacter
+};

package/dist/components/react/ConnectionProfileSelect.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),u=require("react"),m=require("./STSelect.cjs"),d=require("../../profile-utils.cjs"),o=SillyTavern.getContext(),C=({initialSelectedProfileId:I,allowedTypes:r={openai:"Chat Completion",textgenerationwebui:"Text Completion"},placeholder:x="Select a Connection Profile",onChange:s,onCreate:p,onUpdate:f,onDelete:S})=>{const[E,N]=u.useState(I??""),[T,v]=u.useState(Date.now()),{isEnabled:a,profiles:O,connectApiMap:c}=u.useMemo(()=>{var t,i;return((t=o.extensionSettings.disabledExtensions)==null?void 0:t.includes("connection-manager"))?(console.error("Connection Manager extension is disabled."),{isEnabled:!1,profiles:[],connectApiMap:{}}):{isEnabled:!0,profiles:((i=o.extensionSettings.connectionManager)==null?void 0:i.profiles)??[],connectApiMap:o.CONNECT_API_MAP}},[T]);u.useEffect(()=>{if(!a)return;const n=e=>{d.isProfileSupported(e,r,c)&&(v(Date.now()),p==null||p(e))},t=(e,b)=>{const M=d.isProfileSupported(e,r,c),P=d.isProfileSupported(b,r,c);(M||P)&&v(Date.now()),f==null||f(e,b),E===e.id&&!P&&(N(""),s==null||s(void 0))},i=e=>{d.isProfileSupported(e,r,c)&&(v(Date.now()),S==null||S(e),E===e.id&&(N(""),s==null||s(void 0)))};return o.eventSource.on("CONNECTION_PROFILE_CREATED",n),o.eventSource.on("CONNECTION_PROFILE_UPDATED",t),o.eventSource.on("CONNECTION_PROFILE_DELETED",i),()=>{o.eventSource.removeListener("CONNECTION_PROFILE_CREATED",n),o.eventSource.removeListener("CONNECTION_PROFILE_UPDATED",t),o.eventSource.removeListener("CONNECTION_PROFILE_DELETED",i)}},[a,E,r,c,s,p,f,S]);const _=u.useMemo(()=>{if(!a)return[];const n=O.filter(i=>d.isProfileSupported(i,r,c)),t={};for(const[i,e]of Object.entries(r))t[i]={label:e,profiles:[]};for(const i of n){const e=c[i.api];t[e.selected]&&t[e.selected].profiles.push(i)}for(const i of Object.values(t))i.profiles.sort((e,b)=>(e.name??"").localeCompare(b.name??""));return Object.values(t).filter(i=>i.profiles.length>0)},[a,O,r,c]),L=u.useCallback(n=>{const t=n.target.value;N(t);const i=O.find(e=>e.id===t);s==null||s(i)},[O,s]);return a?l.jsxs(m.STSelect,{value:E,onChange:L,children:[l.jsx("option",{value:"",children:x}),_.map(n=>l.jsx("optgroup",{label:n.label,children:n.profiles.map(t=>l.jsx("option",{value:t.id,children:t.name},t.id))},n.label))]}):l.jsx(m.STSelect,{disabled:!0,value:"",children:l.jsx("option",{children:"Connection Manager disabled"})})};exports.STConnectionProfileSelect=C;

package/dist/components/{ConnectionProfileSelect.d.ts → react/ConnectionProfileSelect.d.ts}

@@ -1,7 +1,6 @@
 import { FC } from 'react';
-import { ConnectAPIMap } from '../types/index.js';
-import { ConnectionProfile } from '../types/profiles.js';
-export declare const isProfileSupported: (profile: ConnectionProfile | undefined, allowedTypes: Record<string, string>, connectApiMap: ConnectAPIMap) => boolean;
+import { ConnectionProfile } from '../../types/profiles.js';
+
 export interface STConnectionProfileSelectProps {
     /**
      * The initially selected profile ID. The component will manage its state internally afterwards.

package/dist/components/react/ConnectionProfileSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionProfileSelect.d.ts","sourceRoot":"","sources":["../../../src/components/react/ConnectionProfileSelect.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAA6C,MAAM,OAAO,CAAC;AAG7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAK5D,MAAM,WAAW,8BAA8B;IAC7C;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEtC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAEjD;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAEhD;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,EAAE,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAElF;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAC;CACjD;AAED;;;GAGG;AACH,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CA4IxE,CAAC"}

package/dist/components/react/ConnectionProfileSelect.js

@@ -0,0 +1,64 @@
+import { jsx as a, jsxs as T } from "react/jsx-runtime";
+import { useState as v, useMemo as I, useEffect as A, useCallback as R } from "react";
+import { STSelect as _ } from "./STSelect.js";
+import { isProfileSupported as d } from "../../profile-utils.js";
+const r = SillyTavern.getContext(), q = ({
+  initialSelectedProfileId: L,
+  allowedTypes: s = { openai: "Chat Completion", textgenerationwebui: "Text Completion" },
+  placeholder: D = "Select a Connection Profile",
+  onChange: n,
+  onCreate: u,
+  onUpdate: p,
+  onDelete: f
+}) => {
+  const [E, N] = v(L ?? ""), [x, S] = v(Date.now()), { isEnabled: l, profiles: O, connectApiMap: c } = I(() => {
+    var t, i;
+    return ((t = r.extensionSettings.disabledExtensions) == null ? void 0 : t.includes("connection-manager")) ? (console.error("Connection Manager extension is disabled."), { isEnabled: !1, profiles: [], connectApiMap: {} }) : {
+      isEnabled: !0,
+      profiles: ((i = r.extensionSettings.connectionManager) == null ? void 0 : i.profiles) ?? [],
+      connectApiMap: r.CONNECT_API_MAP
+    };
+  }, [x]);
+  A(() => {
+    if (!l) return;
+    const o = (e) => {
+      d(e, s, c) && (S(Date.now()), u == null || u(e));
+    }, t = (e, m) => {
+      const P = d(e, s, c), b = d(m, s, c);
+      (P || b) && S(Date.now()), p == null || p(e, m), E === e.id && !b && (N(""), n == null || n(void 0));
+    }, i = (e) => {
+      d(e, s, c) && (S(Date.now()), f == null || f(e), E === e.id && (N(""), n == null || n(void 0)));
+    };
+    return r.eventSource.on("CONNECTION_PROFILE_CREATED", o), r.eventSource.on("CONNECTION_PROFILE_UPDATED", t), r.eventSource.on("CONNECTION_PROFILE_DELETED", i), () => {
+      r.eventSource.removeListener("CONNECTION_PROFILE_CREATED", o), r.eventSource.removeListener("CONNECTION_PROFILE_UPDATED", t), r.eventSource.removeListener("CONNECTION_PROFILE_DELETED", i);
+    };
+  }, [l, E, s, c, n, u, p, f]);
+  const C = I(() => {
+    if (!l) return [];
+    const o = O.filter((i) => d(i, s, c)), t = {};
+    for (const [i, e] of Object.entries(s))
+      t[i] = { label: e, profiles: [] };
+    for (const i of o) {
+      const e = c[i.api];
+      t[e.selected] && t[e.selected].profiles.push(i);
+    }
+    for (const i of Object.values(t))
+      i.profiles.sort((e, m) => (e.name ?? "").localeCompare(m.name ?? ""));
+    return Object.values(t).filter((i) => i.profiles.length > 0);
+  }, [l, O, s, c]), M = R(
+    (o) => {
+      const t = o.target.value;
+      N(t);
+      const i = O.find((e) => e.id === t);
+      n == null || n(i);
+    },
+    [O, n]
+  );
+  return l ? /* @__PURE__ */ T(_, { value: E, onChange: M, children: [
+    /* @__PURE__ */ a("option", { value: "", children: D }),
+    C.map((o) => /* @__PURE__ */ a("optgroup", { label: o.label, children: o.profiles.map((t) => /* @__PURE__ */ a("option", { value: t.id, children: t.name }, t.id)) }, o.label))
+  ] }) : /* @__PURE__ */ a(_, { disabled: !0, value: "", children: /* @__PURE__ */ a("option", { children: "Connection Manager disabled" }) });
+};
+export {
+  q as STConnectionProfileSelect
+};

package/dist/components/react/Popup.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),c=require("react"),A=require("react-dom"),o=require("../../types/popup.cjs");require("../../../../power-user.js");require("../../../../../script.js");require("../../../../world-info.js");require("../../../../slash-commands.js");require("../../../../personas.js");require("../../../../instruct-mode.js");require("../../../../chats.js");require("../../../../openai.js");require("../../../../authors-note.js");require("../../../../group-chats.js");require("../../../regex/engine.js");const v=require("../../../../utils.js");require("../../../../slash-commands/SlashCommandCommonEnumsProvider.js");require("../../../../slash-commands/SlashCommandEnumValue.js");const n=require("../../../../popup.js"),R=require("../../../../../lib/dialog-polyfill.esm.js"),F=SillyTavern.getContext(),O=({content:T,type:a,inputValue:b="",options:t={},preventEscape:L=!1,onComplete:U})=>{var x;const d=c.useRef(null),h=c.useRef(null),[y,E]=c.useState(!1),[w,q]=c.useState(null),C=c.useRef(F.uuidv4()),s=c.useRef({id:C.current,type:a,dlg:null,mainInput:null,lastFocus:null,value:void 0,result:void 0,inputResults:void 0});c.useEffect(()=>{const e=d.current;if(!e)return;const u=r=>{r.preventDefault(),L||f(o.POPUP_RESULT.CANCELLED)};return e.addEventListener("cancel",u),s.current.dlg=e,s.current.mainInput=h.current,n.Popup.util.popups.push(s.current),e.showModal||(e.classList.add("poly_dialog"),R.registerDialog(e),new ResizeObserver(i=>{for(const g of i)R.reposition(g.target)}).observe(e)),e.showModal(),n.fixToastrForDialogs(),()=>{v.removeFromArray(n.Popup.util.popups,s.current),n.fixToastrForDialogs(),e.removeEventListener("cancel",u)}},[]);const f=async e=>{var i,g;let u=e;if(a===o.POPUP_TYPE.INPUT&&(e>=o.POPUP_RESULT.AFFIRMATIVE?u=(i=h.current)==null?void 0:i.value:e===o.POPUP_RESULT.NEGATIVE?u=!1:e===o.POPUP_RESULT.CANCELLED?u=null:u=!1),(g=t.customInputs)!=null&&g.length){const P=new Map(t.customInputs.map(m=>{var p;const _=(p=d.current)==null?void 0:p.querySelector(`#${m.id}`);return[_.id,_.checked]}));s.current.inputResults=P}if(s.current.result=e,s.current.value=u,t.onClosing&&!await t.onClosing(s.current)){E(!0),s.current.value=void 0,s.current.result=void 0,s.current.inputResults=void 0;return}E(!1),n.Popup.util.lastResult={value:u,result:e,inputResults:s.current.inputResults};const r=d.current;r&&(r.setAttribute("closing",""),n.fixToastrForDialogs(),v.runAfterAnimation(r,async()=>{var P;if(r.close(),t.onClose&&await t.onClose(s.current),v.removeFromArray(n.Popup.util.popups,s.current),n.Popup.util.popups.length>0){const m=(P=document.activeElement)==null?void 0:P.closest(".popup"),_=m==null?void 0:m.getAttribute("data-id"),p=n.Popup.util.popups.find(S=>S.id===_);p&&p.lastFocus&&p.lastFocus.focus()}U(u)}))},I=e=>{e.target instanceof HTMLElement&&e.target!==d.current&&(q(e.target),s.current.lastFocus=e.target)},j=async e=>{},N=()=>{const e=["popup"];return t.wide&&e.push("wide_dialogue_popup"),t.wider&&e.push("wider_dialogue_popup"),t.large&&e.push("large_dialogue_popup"),t.transparent&&e.push("transparent_dialogue_popup"),t.allowHorizontalScrolling&&e.push("horizontal_scrolling_dialogue_popup"),t.allowVerticalScrolling&&e.push("vertical_scrolling_dialogue_popup"),t.animation&&e.push(`popup--animation-${t.animation}`),e.join(" ")};return A.createPortal(l.jsx("dialog",{ref:d,className:N(),"data-id":C.current,onKeyDown:j,onFocus:I,children:l.jsxs("div",{className:"popup-body",children:[l.jsx("div",{className:"popup-content",children:T}),a===o.POPUP_TYPE.INPUT&&l.jsx("textarea",{ref:h,className:"popup-input text_pole result-control auto-select",rows:t.rows??1,defaultValue:b,"data-result":"1","data-result-event":"submit"}),t.customInputs&&l.jsx("div",{className:"popup-inputs",children:t.customInputs.map(e=>l.jsxs("label",{className:"checkbox_label justifyCenter",htmlFor:e.id,children:[l.jsx("input",{type:"checkbox",id:e.id,defaultChecked:e.defaultState}),l.jsx("span",{"data-i18n":e.label,children:e.label}),e.tooltip&&l.jsx("div",{className:"fa-solid fa-circle-info opacity50p",title:e.tooltip,"data-i18n":`[title]${e.tooltip}`})]},e.id))}),a!==o.POPUP_TYPE.DISPLAY&&l.jsxs("div",{className:"popup-controls",children:[(x=t.customButtons)==null?void 0:x.map((e,u)=>{const r=typeof e=="string"?{text:e,result:u+2}:e;return l.jsx("div",{className:`menu_button popup-button-custom result-control ${r.classes??""}`,"data-result":r.result,onClick:()=>{var i;(i=r.action)==null||i.call(r),f(r.result??u+2)},"data-i18n":r.text,children:r.text},u)}),a!==o.POPUP_TYPE.DISPLAY&&t.okButton!==!1&&l.jsx("div",{className:"popup-button-ok menu_button result-control",onClick:()=>f(o.POPUP_RESULT.AFFIRMATIVE),"data-result":"1",children:typeof t.okButton=="string"?t.okButton:"OK"}),a!==o.POPUP_TYPE.DISPLAY&&t.cancelButton!==!1&&l.jsx("div",{className:"popup-button-cancel menu_button result-control",onClick:()=>f(o.POPUP_RESULT.NEGATIVE),"data-result":"0",children:typeof t.cancelButton=="string"?t.cancelButton:"Cancel"})]}),a===o.POPUP_TYPE.DISPLAY&&l.jsx("div",{className:"popup-button-close right_menu_button fa-solid fa-circle-xmark",onClick:()=>f(o.POPUP_RESULT.CANCELLED),"data-result":"0",title:"Close popup","data-i18n":"[title]Close popup"})]})}),document.body)};exports.Popup=O;

package/dist/components/{Popup.d.ts → react/Popup.d.ts}

@@ -1,5 +1,6 @@
-import React from 'react';
-import { POPUP_TYPE, PopupOptions } from '../types/popup.js';
+import { default as React } from 'react';
+import { POPUP_TYPE, PopupOptions } from '../../types/popup.js';
+
 interface PopupProps {
     content: React.ReactNode;
     type: POPUP_TYPE;

package/dist/components/react/Popup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../src/components/react/Popup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAgB,UAAU,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAG9E,UAAU,UAAU;IAClB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,EAAE,UAAU,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CAClC;AAID,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA+RtC,CAAC"}

package/dist/components/react/Popup.js

@@ -0,0 +1,180 @@
+import { jsx as s, jsxs as b } from "react/jsx-runtime";
+import { useRef as C, useState as A, useEffect as B } from "react";
+import { createPortal as M } from "react-dom";
+import { POPUP_TYPE as c, POPUP_RESULT as n } from "../../types/popup.js";
+import "../../../../power-user.js";
+import "../../../../../script.js";
+import "../../../../world-info.js";
+import "../../../../slash-commands.js";
+import "../../../../personas.js";
+import "../../../../instruct-mode.js";
+import "../../../../chats.js";
+import "../../../../openai.js";
+import "../../../../authors-note.js";
+import "../../../../group-chats.js";
+import "../../../regex/engine.js";
+import { removeFromArray as w, runAfterAnimation as O } from "../../../../utils.js";
+import "../../../../slash-commands/SlashCommandCommonEnumsProvider.js";
+import "../../../../slash-commands/SlashCommandEnumValue.js";
+import { Popup as p, fixToastrForDialogs as I } from "../../../../popup.js";
+import L from "../../../../../lib/dialog-polyfill.esm.js";
+const V = SillyTavern.getContext(), it = ({
+  content: F,
+  type: u,
+  inputValue: R = "",
+  options: e = {},
+  preventEscape: k = !1,
+  onComplete: y
+}) => {
+  var E;
+  const d = C(null), _ = C(null), [z, N] = A(!1), [U, x] = A(null), P = C(V.uuidv4()), o = C({
+    id: P.current,
+    type: u,
+    dlg: null,
+    mainInput: null,
+    lastFocus: null,
+    value: void 0,
+    result: void 0,
+    inputResults: void 0
+  });
+  B(() => {
+    const t = d.current;
+    if (!t) return;
+    const r = (l) => {
+      l.preventDefault(), k || m(n.CANCELLED);
+    };
+    return t.addEventListener("cancel", r), o.current.dlg = t, o.current.mainInput = _.current, p.util.popups.push(o.current), t.showModal || (t.classList.add("poly_dialog"), L.registerDialog(t), new ResizeObserver((a) => {
+      for (const h of a)
+        L.reposition(h.target);
+    }).observe(t)), t.showModal(), I(), () => {
+      w(p.util.popups, o.current), I(), t.removeEventListener("cancel", r);
+    };
+  }, []);
+  const m = async (t) => {
+    var a, h;
+    let r = t;
+    if (u === c.INPUT && (t >= n.AFFIRMATIVE ? r = (a = _.current) == null ? void 0 : a.value : t === n.NEGATIVE ? r = !1 : t === n.CANCELLED ? r = null : r = !1), (h = e.customInputs) != null && h.length) {
+      const f = new Map(
+        e.customInputs.map((g) => {
+          var i;
+          const v = (i = d.current) == null ? void 0 : i.querySelector(`#${g.id}`);
+          return [v.id, v.checked];
+        })
+      );
+      o.current.inputResults = f;
+    }
+    if (o.current.result = t, o.current.value = r, e.onClosing && !await e.onClosing(o.current)) {
+      N(!0), o.current.value = void 0, o.current.result = void 0, o.current.inputResults = void 0;
+      return;
+    }
+    N(!1), p.util.lastResult = {
+      value: r,
+      result: t,
+      inputResults: o.current.inputResults
+    };
+    const l = d.current;
+    l && (l.setAttribute("closing", ""), I(), O(l, async () => {
+      var f;
+      if (l.close(), e.onClose && await e.onClose(o.current), w(p.util.popups, o.current), p.util.popups.length > 0) {
+        const g = (f = document.activeElement) == null ? void 0 : f.closest(".popup"), v = g == null ? void 0 : g.getAttribute("data-id"), i = p.util.popups.find((T) => T.id === v);
+        i && i.lastFocus && i.lastFocus.focus();
+      }
+      y(r);
+    }));
+  }, D = (t) => {
+    t.target instanceof HTMLElement && t.target !== d.current && (x(t.target), o.current.lastFocus = t.target);
+  }, S = async (t) => {
+  };
+  return M(
+    /* @__PURE__ */ s(
+      "dialog",
+      {
+        ref: d,
+        className: (() => {
+          const t = ["popup"];
+          return e.wide && t.push("wide_dialogue_popup"), e.wider && t.push("wider_dialogue_popup"), e.large && t.push("large_dialogue_popup"), e.transparent && t.push("transparent_dialogue_popup"), e.allowHorizontalScrolling && t.push("horizontal_scrolling_dialogue_popup"), e.allowVerticalScrolling && t.push("vertical_scrolling_dialogue_popup"), e.animation && t.push(`popup--animation-${e.animation}`), t.join(" ");
+        })(),
+        "data-id": P.current,
+        onKeyDown: S,
+        onFocus: D,
+        children: /* @__PURE__ */ b("div", { className: "popup-body", children: [
+          /* @__PURE__ */ s("div", { className: "popup-content", children: F }),
+          u === c.INPUT && /* @__PURE__ */ s(
+            "textarea",
+            {
+              ref: _,
+              className: "popup-input text_pole result-control auto-select",
+              rows: e.rows ?? 1,
+              defaultValue: R,
+              "data-result": "1",
+              "data-result-event": "submit"
+            }
+          ),
+          e.customInputs && /* @__PURE__ */ s("div", { className: "popup-inputs", children: e.customInputs.map((t) => /* @__PURE__ */ b("label", { className: "checkbox_label justifyCenter", htmlFor: t.id, children: [
+            /* @__PURE__ */ s("input", { type: "checkbox", id: t.id, defaultChecked: t.defaultState }),
+            /* @__PURE__ */ s("span", { "data-i18n": t.label, children: t.label }),
+            t.tooltip && /* @__PURE__ */ s(
+              "div",
+              {
+                className: "fa-solid fa-circle-info opacity50p",
+                title: t.tooltip,
+                "data-i18n": `[title]${t.tooltip}`
+              }
+            )
+          ] }, t.id)) }),
+          u !== c.DISPLAY && /* @__PURE__ */ b("div", { className: "popup-controls", children: [
+            (E = e.customButtons) == null ? void 0 : E.map((t, r) => {
+              const l = typeof t == "string" ? { text: t, result: r + 2 } : t;
+              return /* @__PURE__ */ s(
+                "div",
+                {
+                  className: `menu_button popup-button-custom result-control ${l.classes ?? ""}`,
+                  "data-result": l.result,
+                  onClick: () => {
+                    var a;
+                    (a = l.action) == null || a.call(l), m(l.result ?? r + 2);
+                  },
+                  "data-i18n": l.text,
+                  children: l.text
+                },
+                r
+              );
+            }),
+            u !== c.DISPLAY && e.okButton !== !1 && /* @__PURE__ */ s(
+              "div",
+              {
+                className: "popup-button-ok menu_button result-control",
+                onClick: () => m(n.AFFIRMATIVE),
+                "data-result": "1",
+                children: typeof e.okButton == "string" ? e.okButton : "OK"
+              }
+            ),
+            u !== c.DISPLAY && e.cancelButton !== !1 && /* @__PURE__ */ s(
+              "div",
+              {
+                className: "popup-button-cancel menu_button result-control",
+                onClick: () => m(n.NEGATIVE),
+                "data-result": "0",
+                children: typeof e.cancelButton == "string" ? e.cancelButton : "Cancel"
+              }
+            )
+          ] }),
+          u === c.DISPLAY && /* @__PURE__ */ s(
+            "div",
+            {
+              className: "popup-button-close right_menu_button fa-solid fa-circle-xmark",
+              onClick: () => m(n.CANCELLED),
+              "data-result": "0",
+              title: "Close popup",
+              "data-i18n": "[title]Close popup"
+            }
+          )
+        ] })
+      }
+    ),
+    document.body
+  );
+};
+export {
+  it as Popup
+};

package/dist/components/react/STButton.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),c=({children:s,className:e,overrideDefaults:n=!1,...o})=>{const u=a.useMemo(()=>{const t=[];return n||t.push("menu_button","interactable"),t.push(e),t.filter(Boolean).join(" ")},[n,e]);return r.jsx("button",{className:u,...o,children:s})};exports.STButton=c;

package/dist/components/{STButton.d.ts → react/STButton.d.ts}

@@ -1,4 +1,5 @@
 import { FC, ButtonHTMLAttributes } from 'react';
+
 export interface STButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Custom class name(s) to append to the default SillyTavern classes.

package/dist/components/react/STButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"STButton.d.ts","sourceRoot":"","sources":["../../../src/components/react/STButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,oBAAoB,EAAW,MAAM,OAAO,CAAC;AAE1D,MAAM,WAAW,aAAc,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC5E;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAkBtC,CAAC"}

package/dist/components/react/STButton.js

@@ -0,0 +1,12 @@
+import { jsx as u } from "react/jsx-runtime";
+import { useMemo as a } from "react";
+const l = ({ children: s, className: o, overrideDefaults: n = !1, ...e }) => {
+  const r = a(() => {
+    const t = [];
+    return n || t.push("menu_button", "interactable"), t.push(o), t.filter(Boolean).join(" ");
+  }, [n, o]);
+  return /* @__PURE__ */ u("button", { className: r, ...e, children: s });
+};
+export {
+  l as STButton
+};

package/dist/components/react/STFancyDropdown.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("react"),E=require("fuse.js"),M=require("./STInput.cjs"),R=({items:t,value:r,onChange:u,placeholder:c="Select items...",closeOnSelect:l=!1,multiple:j=!0,disabled:p=!1,onBeforeSelection:g,enableSearch:a=!1,searchPlaceholder:C="Search...",searchNoResultsText:k="No results found",searchFuseOptions:y,inputClasses:I,containerClasses:S})=>{const[i,f]=n.useState(!1),[d,m]=n.useState(""),x=n.useRef(null);n.useEffect(()=>{const e=s=>{x.current&&!x.current.contains(s.target)&&f(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]),n.useEffect(()=>{i||m("")},[i]);const v=n.useMemo(()=>{if(!a)return null;const e={includeScore:!1,threshold:.4,keys:["label","value"],...y};return new E(t,e)},[t,a,y]),h=n.useMemo(()=>!a||!d.trim()||!v?t:v.search(d.trim()).map(e=>e.item),[t,d,a,v]),T=async e=>{let s;j?s=r.includes(e)?r.filter(b=>b!==e):[...r,e]:s=r.includes(e)?[]:[e],!(g&&!await Promise.resolve(g(r,s)))&&(u(s),l&&f(!1))},N=n.useMemo(()=>{var e;return r.length===0?c:r.length===1?((e=t.find(s=>s.value===r[0]))==null?void 0:e.label)??r[0]:`${r.length} items selected`},[r,t,c]);return o.jsxs("div",{ref:x,className:`fancy-dropdown-container ${S??""}`,style:{position:"relative",userSelect:"none",opacity:p?.6:1,pointerEvents:p?"none":"auto"},children:[o.jsxs("div",{className:"fancy-dropdown-trigger",onClick:()=>!p&&f(!i),style:{padding:"8px 12px",border:"1px solid var(--border-color)",backgroundColor:"var(--bg-color)",color:"var(--text-color)",borderRadius:"4px",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[o.jsx("span",{className:"fancy-dropdown-trigger-text",children:N}),o.jsx("i",{className:`fas ${i?"fa-chevron-up":"fa-chevron-down"}`,style:{marginLeft:"8px"}})]}),i&&o.jsxs("div",{className:"fancy-dropdown-list",style:{position:"absolute",top:"100%",left:"0",right:"0",maxHeight:"300px",zIndex:1050,border:"1px solid var(--border-color)",borderTop:"none",backgroundColor:"var(--bg-color-popup, var(--bg-color-secondary, var(--greyCAIbg, var(--grey30))))",color:"var(--text-color)",borderRadius:"0 0 4px 4px",boxShadow:"0 4px 8px var(--black50a)",overflowY:"auto",display:"flex",flexDirection:"column"},children:[a&&o.jsx("div",{style:{padding:"8px",borderBottom:"1px solid var(--border-color)",position:"sticky",top:0,backgroundColor:"inherit"},children:o.jsx(M.STInput,{type:"text",placeholder:C,value:d,onChange:e=>m(e.target.value),autoFocus:!0,className:I})}),o.jsx("ul",{style:{listStyle:"none",margin:0,padding:0},children:h.length>0?h.map(e=>o.jsx(w,{item:e,isSelected:r.includes(e.value),onClick:T},e.value)):o.jsx("div",{style:{padding:"8px 12px",textAlign:"center",color:"var(--text-color-secondary, var(--grey50))"},children:k})})]})]})},w=n.memo(({item:t,isSelected:r,onClick:u})=>{const[c,l]=n.useState(!1);return o.jsxs("li",{onClick:()=>u(t.value),onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),style:{padding:"8px 12px",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"space-between",backgroundColor:r?"var(--accent-color-bg, var(--link-color))":c?"var(--hover-color, var(--white20a))":"transparent"},children:[o.jsx("span",{children:t.label}),r&&o.jsx("i",{className:"checkmark fa-solid fa-check",style:{marginLeft:"8px"}})]})});exports.FancyDropdownItem=w;exports.STFancyDropdown=R;

package/dist/components/{STFancyDropdown.d.ts → react/STFancyDropdown.d.ts}

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 import { IFuseOptions } from 'fuse.js';
+
 export interface DropdownItem {
     value: string;
     label: string;

package/dist/components/react/STFancyDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"STFancyDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/react/STFancyDropdown.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAwC,MAAM,OAAO,CAAC;AACxE,OAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG7C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,oDAAoD;IACpD,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,8CAA8C;IAC9C,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,iDAAiD;IACjD,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAExC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yFAAyF;IACzF,iBAAiB,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;IAGtG,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iBAAiB,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA4LpD,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,UAAU,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,CAyB5G,CAAC"}