sillytavern-utils-lib 1.0.55 → 1.0.57

package/dist/components/STFancyDropdown.js

@@ -0,0 +1,135 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState, useEffect, useRef, useMemo } from 'react';
+import Fuse from 'fuse.js';
+import { STInput } from './STInput.js';
+/**
+ * A controlled component that provides a multi-select dropdown with fuzzy search capabilities.
+ * This is the React version of the original `buildFancyDropdown` utility.
+ */
+export const STFancyDropdown = ({ items, value: selectedValues, onChange, placeholder = 'Select items...', closeOnSelect = false, multiple = true, disabled = false, onBeforeSelection, enableSearch = false, searchPlaceholder = 'Search...', searchNoResultsText = 'No results found', searchFuseOptions, }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [searchTerm, setSearchTerm] = useState('');
+    const containerRef = useRef(null);
+    // Close dropdown when clicking outside of it
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (containerRef.current && !containerRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, []);
+    // Reset search term when the dropdown is closed
+    useEffect(() => {
+        if (!isOpen) {
+            setSearchTerm('');
+        }
+    }, [isOpen]);
+    // Memoize Fuse.js instance creation
+    const fuse = useMemo(() => {
+        if (!enableSearch)
+            return null;
+        const options = {
+            includeScore: false,
+            threshold: 0.4,
+            keys: ['label', 'value'],
+            ...searchFuseOptions,
+        };
+        return new Fuse(items, options);
+    }, [items, enableSearch, searchFuseOptions]);
+    // Memoize the filtered list based on the search term
+    const filteredItems = useMemo(() => {
+        if (!enableSearch || !searchTerm.trim() || !fuse) {
+            return items;
+        }
+        return fuse.search(searchTerm.trim()).map((result) => result.item);
+    }, [items, searchTerm, enableSearch, fuse]);
+    const handleItemClick = async (clickedValue) => {
+        let newValues;
+        if (!multiple) {
+            newValues = selectedValues.includes(clickedValue) ? [] : [clickedValue];
+        }
+        else {
+            newValues = selectedValues.includes(clickedValue)
+                ? selectedValues.filter((v) => v !== clickedValue)
+                : [...selectedValues, clickedValue];
+        }
+        if (onBeforeSelection) {
+            const canProceed = await Promise.resolve(onBeforeSelection(selectedValues, newValues));
+            if (!canProceed)
+                return;
+        }
+        onChange(newValues);
+        if (closeOnSelect) {
+            setIsOpen(false);
+        }
+    };
+    const triggerText = useMemo(() => {
+        if (selectedValues.length === 0)
+            return placeholder;
+        if (selectedValues.length === 1) {
+            return items.find((item) => item.value === selectedValues[0])?.label ?? selectedValues[0];
+        }
+        return `${selectedValues.length} items selected`;
+    }, [selectedValues, items, placeholder]);
+    return (_jsxs("div", { ref: containerRef, className: "fancy-dropdown-container", style: {
+            position: 'relative',
+            userSelect: 'none',
+            opacity: disabled ? 0.6 : 1,
+            pointerEvents: disabled ? 'none' : 'auto',
+        }, children: [_jsxs("div", { className: "fancy-dropdown-trigger", onClick: () => !disabled && setIsOpen(!isOpen), 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: [_jsx("span", { className: "fancy-dropdown-trigger-text", children: triggerText }), _jsx("i", { className: `fas ${isOpen ? 'fa-chevron-up' : 'fa-chevron-down'}`, style: { marginLeft: '8px' } })] }), isOpen && (_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: [enableSearch && (_jsx("div", { style: {
+                            padding: '8px',
+                            borderBottom: '1px solid var(--border-color)',
+                            position: 'sticky',
+                            top: 0,
+                            backgroundColor: 'inherit',
+                        }, children: _jsx(STInput, { type: "text", placeholder: searchPlaceholder, value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), autoFocus: true }) })), _jsx("ul", { style: { listStyle: 'none', margin: 0, padding: 0 }, children: filteredItems.length > 0 ? (filteredItems.map((item) => (_jsx(FancyDropdownItem, { item: item, isSelected: selectedValues.includes(item.value), onClick: handleItemClick }, item.value)))) : (_jsx("div", { style: {
+                                padding: '8px 12px',
+                                textAlign: 'center',
+                                color: 'var(--text-color-secondary, var(--grey50))',
+                            }, children: searchNoResultsText })) })] }))] }));
+};
+// Memoized item component for performance
+export const FancyDropdownItem = React.memo(({ item, isSelected, onClick }) => {
+    const [isHovered, setIsHovered] = useState(false);
+    return (_jsxs("li", { onClick: () => onClick(item.value), onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), style: {
+            padding: '8px 12px',
+            cursor: 'pointer',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            backgroundColor: isSelected
+                ? 'var(--accent-color-bg, var(--link-color))'
+                : isHovered
+                    ? 'var(--hover-color, var(--white20a))'
+                    : 'transparent',
+        }, children: [_jsx("span", { children: item.label }), isSelected && _jsx("i", { className: "checkmark fa-solid fa-check", style: { marginLeft: '8px' } })] }));
+});
+//# sourceMappingURL=STFancyDropdown.js.map

package/dist/components/STFancyDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"STFancyDropdown.js","sourceRoot":"","sources":["../../src/components/STFancyDropdown.tsx"],"names":[],"mappings":"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"}

package/dist/components/STInput.d.ts

@@ -0,0 +1,25 @@
+import React, { FC, InputHTMLAttributes } from 'react';
+export interface STInputProps extends InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * For checkboxes, this text will be displayed inside the associated label.
+     */
+    label?: string | React.ReactNode;
+    /**
+     * Custom class name(s) to append or replace the default SillyTavern classes.
+     */
+    className?: string;
+    /**
+     * If set to true, default SillyTavern classes will not be applied.
+     * For text/number inputs, this removes 'text_pole'.
+     * For checkboxes, this removes 'checkbox_label' from the wrapping label.
+     * @default false
+     */
+    overrideDefaults?: boolean;
+}
+/**
+ * A common input component styled for SillyTavern.
+ * - Applies 'text_pole' class to text, number, etc.
+ * - Wraps checkboxes in a 'checkbox_label' label.
+ */
+export declare const STInput: FC<STInputProps>;
+//# sourceMappingURL=STInput.d.ts.map

package/dist/components/STInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"STInput.d.ts","sourceRoot":"","sources":["../../src/components/STInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,mBAAmB,EAAW,MAAM,OAAO,CAAC;AAEhE,MAAM,WAAW,YAAa,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACzE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA4BpC,CAAC"}

package/dist/components/STInput.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+/**
+ * A common input component styled for SillyTavern.
+ * - Applies 'text_pole' class to text, number, etc.
+ * - Wraps checkboxes in a 'checkbox_label' label.
+ */
+export const STInput = ({ label, className, overrideDefaults = false, type = 'text', ...props }) => {
+    const finalClassName = useMemo(() => {
+        const classes = [];
+        if (!overrideDefaults) {
+            if (type === 'text' || type === 'number' || type === 'password' || type === 'email' || type === 'search') {
+                classes.push('text_pole');
+            }
+        }
+        classes.push(className);
+        return classes.filter(Boolean).join(' ');
+    }, [overrideDefaults, className, type]);
+    if (type === 'checkbox') {
+        // For checkboxes, className applies to the label wrapper.
+        const labelClassName = overrideDefaults ? className : `checkbox_label ${className ?? ''}`.trim();
+        return (_jsxs("label", { className: labelClassName, children: [_jsx("input", { type: "checkbox", ...props }), label && _jsx("span", { children: label })] }));
+    }
+    return _jsx("input", { type: type, className: finalClassName, ...props });
+};
+//# sourceMappingURL=STInput.js.map

package/dist/components/STInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"STInput.js","sourceRoot":"","sources":["../../src/components/STInput.tsx"],"names":[],"mappings":";AAAA,OAAc,EAA2B,OAAO,EAAE,MAAM,OAAO,CAAC;AAoBhE;;;;GAIG;AACH,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,gBAAgB,GAAG,KAAK,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnH,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,OAAO,GAA2B,EAAE,CAAC;QAE3C,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACtB,IAAI,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;gBACzG,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC;QAED,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAExB,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,gBAAgB,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;IAExC,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;QACxB,0DAA0D;QAC1D,MAAM,cAAc,GAAG,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,SAAS,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC;QAEjG,OAAO,CACL,iBAAO,SAAS,EAAE,cAAc,aAC9B,gBAAO,IAAI,EAAC,UAAU,KAAK,KAAK,GAAI,EACnC,KAAK,IAAI,yBAAO,KAAK,GAAQ,IACxB,CACT,CAAC;IACJ,CAAC;IAED,OAAO,gBAAO,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,KAAM,KAAK,GAAI,CAAC;AACrE,CAAC,CAAC"}

package/dist/components/STPresetSelect.d.ts

@@ -0,0 +1,59 @@
+import { FC } from 'react';
+export interface PresetItem {
+    value: string;
+    label: string;
+}
+export interface STPresetSelectProps {
+    /** The currently selected value. */
+    value?: string;
+    /** The list of items to display in the dropdown. */
+    items: PresetItem[];
+    /** A list of values that cannot be renamed or deleted. */
+    readOnlyValues?: string[];
+    /** A label for the entity being managed (e.g., "Preset", "Profile"). Used in popups. */
+    label: string;
+    /** A callback fired when the selected item changes. */
+    onChange: (newValue?: string, oldValue?: string) => void;
+    /** A callback fired when the list of items should be updated (e.g., after creation, renaming, or deletion). */
+    onItemsChange: (newItems: PresetItem[]) => void;
+    /** Set to true to show the 'Create' button. */
+    enableCreate?: boolean;
+    /** Set to true to show the 'Rename' button. */
+    enableRename?: boolean;
+    /** Set to true to show the 'Delete' button. */
+    enableDelete?: boolean;
+    /**
+     * A callback fired when the user clicks 'Create'.
+     * Should handle validation and return a confirmation.
+     * The returned `value` can be used to transform the user's input.
+     */
+    onCreate?: (newValue: string) => Promise<{
+        confirmed: boolean;
+        value?: string;
+    }> | {
+        confirmed: boolean;
+        value?: string;
+    };
+    /**
+     * A callback fired when the user clicks 'Rename'.
+     * Should handle validation and return a confirmation.
+     */
+    onRename?: (oldValue: string, newValue: string) => Promise<{
+        confirmed: boolean;
+        value?: string;
+    }> | {
+        confirmed: boolean;
+        value?: string;
+    };
+    /**
+     * A callback fired when the user clicks 'Delete'.
+     * Should return `true` to confirm deletion.
+     */
+    onDelete?: (value: string) => Promise<boolean> | boolean;
+}
+/**
+ * A controlled component for managing a list of presets with Create, Rename, and Delete functionality.
+ * This is the React version of the original `buildPresetSelect` utility.
+ */
+export declare const STPresetSelect: FC<STPresetSelectProps>;
+//# sourceMappingURL=STPresetSelect.d.ts.map

package/dist/components/STPresetSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"STPresetSelect.d.ts","sourceRoot":"","sources":["../../src/components/STPresetSelect.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAwB,MAAM,OAAO,CAAC;AAMxD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,0DAA0D;IAC1D,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,wFAAwF;IACxF,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,QAAQ,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,+GAA+G;IAC/G,aAAa,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAChD,+CAA+C;IAC/C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CACT,QAAQ,EAAE,MAAM,KACb,OAAO,CAAC;QAAE,SAAS,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG;QAAE,SAAS,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9F;;;OAGG;IACH,QAAQ,CAAC,EAAE,CACT,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,KACb,OAAO,CAAC;QAAE,SAAS,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG;QAAE,SAAS,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9F;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;CAC1D;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA6JlD,CAAC"}

package/dist/components/STPresetSelect.js

@@ -0,0 +1,95 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo } from 'react';
+import { STSelect, STButton } from './index.js';
+import { st_echo } from '../config.js';
+const globalContext = SillyTavern.getContext();
+/**
+ * A controlled component for managing a list of presets with Create, Rename, and Delete functionality.
+ * This is the React version of the original `buildPresetSelect` utility.
+ */
+export const STPresetSelect = ({ value, items, readOnlyValues = [], label, onChange, onItemsChange, enableCreate = false, enableRename = false, enableDelete = false, onCreate, onRename, onDelete, }) => {
+    const selectedItem = useMemo(() => items.find((item) => item.value === value), [items, value]);
+    const isReadOnly = useCallback((val) => (val ? readOnlyValues.includes(val) : false), [readOnlyValues]);
+    const handleCreate = async () => {
+        const newValue = await globalContext.Popup.show.input(`Create a new ${label}`, `Please enter a name for the new ${label}:`, '');
+        if (!newValue || newValue.trim() === '')
+            return;
+        const trimmedValue = newValue.trim();
+        if (items.some((item) => item.value === trimmedValue)) {
+            await st_echo('warning', `A ${label} with this name already exists.`);
+            return;
+        }
+        let finalValue = trimmedValue;
+        if (onCreate) {
+            const result = await Promise.resolve(onCreate(trimmedValue));
+            if (!result.confirmed)
+                return;
+            if (result.value) {
+                finalValue = result.value;
+            }
+        }
+        const newItem = { value: finalValue, label: finalValue };
+        onItemsChange([...items, newItem]);
+        onChange(newItem.value, value);
+    };
+    const handleRename = async () => {
+        if (!selectedItem) {
+            await st_echo('warning', `Please select a ${label} to rename.`);
+            return;
+        }
+        if (isReadOnly(selectedItem.value)) {
+            await st_echo('warning', `This ${label} cannot be renamed as it is read-only.`);
+            return;
+        }
+        const newValue = await globalContext.Popup.show.input(`Rename ${label}`, `Please enter a new name for "${selectedItem.label}":`, selectedItem.value);
+        if (!newValue || newValue.trim() === '' || newValue.trim() === selectedItem.value)
+            return;
+        const trimmedValue = newValue.trim();
+        if (items.some((item) => item.value === trimmedValue)) {
+            await st_echo('warning', `A ${label} with this name already exists.`);
+            return;
+        }
+        let finalValue = trimmedValue;
+        if (onRename) {
+            const result = await Promise.resolve(onRename(selectedItem.value, trimmedValue));
+            if (!result.confirmed)
+                return;
+            if (result.value) {
+                finalValue = result.value;
+            }
+        }
+        const newItems = items.map((item) => item.value === selectedItem.value ? { value: finalValue, label: finalValue } : item);
+        onItemsChange(newItems);
+        onChange(finalValue, value);
+    };
+    const handleDelete = async () => {
+        if (!selectedItem) {
+            await st_echo('warning', `Please select a ${label} to delete.`);
+            return;
+        }
+        if (isReadOnly(selectedItem.value)) {
+            await st_echo('warning', `This ${label} cannot be deleted as it is read-only.`);
+            return;
+        }
+        const confirmed = await globalContext.Popup.show.confirm(`Delete ${label}`, `Are you sure you want to delete "${selectedItem.label}"?`);
+        if (!confirmed)
+            return;
+        if (onDelete) {
+            const shouldDelete = await Promise.resolve(onDelete(selectedItem.value));
+            if (!shouldDelete)
+                return;
+        }
+        const itemIndex = items.findIndex((item) => item.value === selectedItem.value);
+        const newItems = items.filter((item) => item.value !== selectedItem.value);
+        onItemsChange(newItems);
+        let nextSelectedValue;
+        if (newItems.length > 0) {
+            // Select the next item in the list, or the previous one if the deleted item was the last.
+            const nextIndex = Math.min(itemIndex, newItems.length - 1);
+            nextSelectedValue = newItems[nextIndex]?.value;
+        }
+        onChange(nextSelectedValue, value);
+    };
+    return (_jsxs("div", { className: "preset-select-container", style: { display: 'flex', alignItems: 'center' }, children: [_jsx(STSelect, { value: value ?? '', onChange: (e) => onChange(e.target.value, value), children: items.map((item) => (_jsx("option", { value: item.value, children: item.label }, item.value))) }), enableCreate && (_jsx(STButton, { className: "fa-solid fa-file-circle-plus", title: `Create a new ${label}`, onClick: handleCreate, "data-i18n": `[title]Create a new ${label}` })), enableRename && (_jsx(STButton, { className: "fa-solid fa-pencil", title: `Rename selected ${label}`, onClick: handleRename, disabled: !selectedItem, "data-i18n": `[title]Rename selected ${label}` })), enableDelete && (_jsx(STButton, { className: "fa-solid fa-trash-can", title: `Delete selected ${label}`, onClick: handleDelete, disabled: !selectedItem, "data-i18n": `[title]Delete selected ${label}` }))] }));
+};
+//# sourceMappingURL=STPresetSelect.js.map

package/dist/components/STPresetSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"STPresetSelect.js","sourceRoot":"","sources":["../../src/components/STPresetSelect.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAM,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,aAAa,GAAG,WAAW,CAAC,UAAU,EAAE,CAAC;AAkD/C;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EACtD,KAAK,EACL,KAAK,EACL,cAAc,GAAG,EAAE,EACnB,KAAK,EACL,QAAQ,EACR,aAAa,EACb,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,KAAK,EACpB,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAE/F,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,GAAY,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAEjH,MAAM,YAAY,GAAG,KAAK,IAAI,EAAE;QAC9B,MAAM,QAAQ,GAAG,MAAM,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CACnD,gBAAgB,KAAK,EAAE,EACvB,mCAAmC,KAAK,GAAG,EAC3C,EAAE,CACH,CAAC;QACF,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE;YAAE,OAAO;QAChD,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC;QAErC,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,YAAY,CAAC,EAAE,CAAC;YACtD,MAAM,OAAO,CAAC,SAAS,EAAE,KAAK,KAAK,iCAAiC,CAAC,CAAC;YACtE,OAAO;QACT,CAAC;QAED,IAAI,UAAU,GAAG,YAAY,CAAC;QAC9B,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC;YAC7D,IAAI,CAAC,MAAM,CAAC,SAAS;gBAAE,OAAO;YAC9B,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;gBACjB,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC;YAC5B,CAAC;QACH,CAAC;QAED,MAAM,OAAO,GAAe,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;QACrE,aAAa,CAAC,CAAC,GAAG,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;QACnC,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,IAAI,EAAE;QAC9B,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,MAAM,OAAO,CAAC,SAAS,EAAE,mBAAmB,KAAK,aAAa,CAAC,CAAC;YAChE,OAAO;QACT,CAAC;QACD,IAAI,UAAU,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;YACnC,MAAM,OAAO,CAAC,SAAS,EAAE,QAAQ,KAAK,wCAAwC,CAAC,CAAC;YAChF,OAAO;QACT,CAAC;QAED,MAAM,QAAQ,GAAG,MAAM,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CACnD,UAAU,KAAK,EAAE,EACjB,gCAAgC,YAAY,CAAC,KAAK,IAAI,EACtD,YAAY,CAAC,KAAK,CACnB,CAAC;QACF,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,QAAQ,CAAC,IAAI,EAAE,KAAK,YAAY,CAAC,KAAK;YAAE,OAAO;QAC1F,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC;QAErC,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,YAAY,CAAC,EAAE,CAAC;YACtD,MAAM,OAAO,CAAC,SAAS,EAAE,KAAK,KAAK,iCAAiC,CAAC,CAAC;YACtE,OAAO;QACT,CAAC;QAED,IAAI,UAAU,GAAG,YAAY,CAAC;QAC9B,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;YACjF,IAAI,CAAC,MAAM,CAAC,SAAS;gBAAE,OAAO;YAC9B,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;gBACjB,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC;YAC5B,CAAC;QACH,CAAC;QAED,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAClC,IAAI,CAAC,KAAK,KAAK,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,IAAI,CACpF,CAAC;QACF,aAAa,CAAC,QAAQ,CAAC,CAAC;QACxB,QAAQ,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,IAAI,EAAE;QAC9B,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,MAAM,OAAO,CAAC,SAAS,EAAE,mBAAmB,KAAK,aAAa,CAAC,CAAC;YAChE,OAAO;QACT,CAAC;QACD,IAAI,UAAU,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;YACnC,MAAM,OAAO,CAAC,SAAS,EAAE,QAAQ,KAAK,wCAAwC,CAAC,CAAC;YAChF,OAAO;QACT,CAAC;QAED,MAAM,SAAS,GAAG,MAAM,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CACtD,UAAU,KAAK,EAAE,EACjB,oCAAoC,YAAY,CAAC,KAAK,IAAI,CAC3D,CAAC;QACF,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,YAAY,GAAG,MAAM,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;YACzE,IAAI,CAAC,YAAY;gBAAE,OAAO;QAC5B,CAAC;QAED,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,YAAY,CAAC,KAAK,CAAC,CAAC;QAC/E,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,YAAY,CAAC,KAAK,CAAC,CAAC;QAC3E,aAAa,CAAC,QAAQ,CAAC,CAAC;QAExB,IAAI,iBAAqC,CAAC;QAC1C,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACxB,0FAA0F;YAC1F,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAC3D,iBAAiB,GAAG,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC;QACjD,CAAC;QACD,QAAQ,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,aACvF,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,YAC3E,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,iBAAyB,KAAK,EAAE,IAAI,CAAC,KAAK,YACvC,IAAI,CAAC,KAAK,IADA,IAAI,CAAC,KAAK,CAEd,CACV,CAAC,GACO,EAEV,YAAY,IAAI,CACf,KAAC,QAAQ,IACP,SAAS,EAAC,8BAA8B,EACxC,KAAK,EAAE,gBAAgB,KAAK,EAAE,EAC9B,OAAO,EAAE,YAAY,eACV,uBAAuB,KAAK,EAAE,GACzC,CACH,EACA,YAAY,IAAI,CACf,KAAC,QAAQ,IACP,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,mBAAmB,KAAK,EAAE,EACjC,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,YAAY,eACZ,0BAA0B,KAAK,EAAE,GAC5C,CACH,EACA,YAAY,IAAI,CACf,KAAC,QAAQ,IACP,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,mBAAmB,KAAK,EAAE,EACjC,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,YAAY,eACZ,0BAA0B,KAAK,EAAE,GAC5C,CACH,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/STSelect.d.ts

@@ -0,0 +1,18 @@
+import { FC, SelectHTMLAttributes } from 'react';
+export interface STSelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
+    /**
+     * Custom class name(s) to append or replace the default 'text_pole' class.
+     */
+    className?: string;
+    /**
+     * If set to true, the default 'text_pole' class will not be applied.
+     * @default false
+     */
+    overrideDefaults?: boolean;
+}
+/**
+ * A common select (dropdown) component styled for SillyTavern.
+ * Applies the 'text_pole' class by default.
+ */
+export declare const STSelect: FC<STSelectProps>;
+//# sourceMappingURL=STSelect.d.ts.map

package/dist/components/STSelect.d.ts.map

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

package/dist/components/STSelect.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+/**
+ * A common select (dropdown) component styled for SillyTavern.
+ * Applies the 'text_pole' class by default.
+ */
+export const STSelect = ({ children, className, overrideDefaults = false, ...props }) => {
+    const finalClassName = useMemo(() => {
+        const classes = [];
+        if (!overrideDefaults) {
+            classes.push('text_pole');
+        }
+        classes.push(className);
+        return classes.filter(Boolean).join(' ');
+    }, [overrideDefaults, className]);
+    return (_jsx("select", { className: finalClassName, ...props, children: children }));
+};
+//# sourceMappingURL=STSelect.js.map

package/dist/components/STSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"STSelect.js","sourceRoot":"","sources":["../../src/components/STSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA4B,OAAO,EAAE,MAAM,OAAO,CAAC;AAc1D;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,gBAAgB,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzG,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,OAAO,GAA2B,EAAE,CAAC;QAE3C,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACtB,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC5B,CAAC;QAED,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAExB,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,iBAAQ,SAAS,EAAE,cAAc,KAAM,KAAK,YACzC,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/STSortableList.d.ts

@@ -0,0 +1,44 @@
+import React, { FC } from 'react';
+import Sortable from 'sortablejs';
+import { DropdownItem } from '../fancy-dropdown.js';
+export interface SortableListItemData {
+    id: string;
+    label: string | React.ReactNode;
+    enabled: boolean;
+    canDelete?: boolean;
+    canToggle?: boolean;
+    showSelect?: boolean;
+    canSelect?: boolean;
+    selectOptions?: DropdownItem[];
+    selectValue?: string;
+}
+export interface STSortableListProps {
+    /** The array of items to display and sort. */
+    items: SortableListItemData[];
+    /** Callback fired when the list items change (e.g., reordered, toggled, deleted, select changed). */
+    onItemsChange: (newItems: SortableListItemData[]) => void;
+    showToggleButton?: boolean;
+    showDeleteButton?: boolean;
+    showSelectInput?: boolean;
+    /**
+     * Options passed directly to the SortableJS instance.
+     * See https://github.com/SortableJS/Sortable#options
+     */
+    sortableJsOptions?: Sortable.Options;
+}
+export interface STSortableListItemProps {
+    item: SortableListItemData;
+    showToggleButton?: boolean;
+    showDeleteButton?: boolean;
+    showSelectInput?: boolean;
+    onToggle: (id: string) => void;
+    onDelete: (id: string) => void;
+    onSelectChange: (id: string, newValue: string) => void;
+}
+export declare const STSortableListItem: FC<STSortableListItemProps>;
+/**
+ * A controlled component that renders a drag-and-drop sortable list using SortableJS.
+ * This is the React version of the original `buildSortableList` utility.
+ */
+export declare const STSortableList: FC<STSortableListProps>;
+//# sourceMappingURL=STSortableList.d.ts.map

package/dist/components/STSortableList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"STSortableList.d.ts","sourceRoot":"","sources":["../../src/components/STSortableList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AACrD,OAAO,QAA2B,MAAM,YAAY,CAAC;AAErD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAKpD,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,mBAAmB;IAClC,8CAA8C;IAC9C,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,qGAAqG;IACrG,aAAa,EAAE,CAAC,QAAQ,EAAE,oBAAoB,EAAE,KAAK,IAAI,CAAC;IAE1D,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;CACtC;AAGD,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,oBAAoB,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAuG1D,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA0ElD,CAAC"}

package/dist/components/STSortableList.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useRef } from 'react';
+import Sortable from 'sortablejs';
+import { STSelect } from './STSelect.js';
+import { STButton } from './STButton.js';
+export const STSortableListItem = React.memo(({ item, showToggleButton, showDeleteButton, showSelectInput, onToggle, onDelete, onSelectChange }) => {
+    const { id, label, enabled, canDelete = true, canToggle = true, showSelect = true, canSelect = true, selectOptions = [], selectValue, } = item;
+    const listItemStyle = {
+        display: 'flex',
+        alignItems: 'center',
+        padding: '8px 12px',
+        border: '1px solid var(--SmartThemeBorderColor, #ccc)',
+        color: 'var(--SmartThemeBodyColor, #333)',
+        marginBottom: '2px',
+        opacity: showToggleButton && !enabled ? 0.6 : 1,
+    };
+    const iconStyle = { cursor: 'pointer', flexShrink: 0 };
+    const placeholderStyle = { display: 'inline-block', flexShrink: 0, marginRight: '10px' };
+    return (_jsxs("li", { className: "sortable-list-item", style: listItemStyle, "data-id": id, children: [_jsx("span", { className: "drag-handle fas fa-bars", style: { cursor: 'grab', marginRight: '10px', color: 'var(--SmartThemeBodyColor, #555)', flexShrink: 0 } }), _jsx("span", { className: "item-label", style: {
+                    flexGrow: 1,
+                    marginRight: '10px',
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                    whiteSpace: 'nowrap',
+                }, children: label }), showSelectInput && showSelect && canSelect && (_jsx(STSelect, { value: selectValue, onChange: (e) => onSelectChange(id, e.target.value), disabled: !enabled, style: { marginRight: '10px', flexShrink: 0, width: 'unset' }, children: selectOptions.length === 0 ? (_jsx("option", { disabled: true, children: "--" })) : (selectOptions.map((opt) => (_jsx("option", { value: opt.value, children: opt.label }, opt.value)))) })), showSelectInput && (!showSelect || !canSelect) && _jsx("span", { style: placeholderStyle }), showToggleButton && canToggle && (_jsx(STButton, { overrideDefaults: true, className: `toggle-button fas ${enabled ? 'fa-toggle-on' : 'fa-toggle-off'}`, style: {
+                    ...iconStyle,
+                    marginRight: '10px',
+                    fontSize: '1.2em',
+                    color: enabled ? 'var(--success-color, #4CAF50)' : 'var(--SmartThemeBodyColor, #555)',
+                    backgroundColor: 'transparent',
+                    border: 'none',
+                }, onClick: () => onToggle(id) })), showToggleButton && !canToggle && _jsx("span", { style: placeholderStyle }), showDeleteButton && canDelete && (_jsx(STButton, { overrideDefaults: true, className: "delete-button fas fa-trash-can", style: {
+                    ...iconStyle,
+                    color: 'var(--error-color, #f44336)',
+                    backgroundColor: 'transparent',
+                    border: 'none',
+                }, onClick: () => onDelete(id) })), showDeleteButton && !canDelete && _jsx("span", { style: { ...placeholderStyle, marginRight: 0 } })] }));
+});
+// --- Main Component ---
+/**
+ * A controlled component that renders a drag-and-drop sortable list using SortableJS.
+ * This is the React version of the original `buildSortableList` utility.
+ */
+export const STSortableList = ({ items, onItemsChange, showToggleButton = false, showDeleteButton = false, showSelectInput = false, sortableJsOptions = {}, }) => {
+    const listRef = useRef(null);
+    const sortableInstance = useRef(null);
+    useEffect(() => {
+        if (listRef.current) {
+            sortableInstance.current = Sortable.create(listRef.current, {
+                handle: '.drag-handle',
+                animation: 150,
+                ghostClass: 'sortable-ghost',
+                chosenClass: 'sortable-chosen',
+                dragClass: 'sortable-drag',
+                filter: 'select, button, .toggle-button, .delete-button', // Prevent drag on controls
+                preventOnFilter: false,
+                ...sortableJsOptions,
+                onEnd: (event) => {
+                    const { oldIndex, newIndex } = event;
+                    if (oldIndex === undefined || newIndex === undefined || oldIndex === newIndex) {
+                        return;
+                    }
+                    // Create a new array with the updated order and notify the parent
+                    const newItems = Array.from(items);
+                    const [movedItem] = newItems.splice(oldIndex, 1);
+                    newItems.splice(newIndex, 0, movedItem);
+                    onItemsChange(newItems);
+                },
+            });
+        }
+        return () => {
+            // Clean up the Sortable instance when the component unmounts
+            sortableInstance.current?.destroy();
+            sortableInstance.current = null;
+        };
+    }, [items, onItemsChange, sortableJsOptions]); // Re-create if options or callbacks change
+    const handleToggle = (id) => {
+        onItemsChange(items.map((item) => (item.id === id ? { ...item, enabled: !item.enabled } : item)));
+    };
+    const handleDelete = (id) => {
+        // Deletion logic (including confirmation) should be handled by the parent.
+        // Here we just notify the parent that a deletion was requested.
+        onItemsChange(items.filter((item) => item.id !== id));
+    };
+    const handleSelectChange = (id, newValue) => {
+        onItemsChange(items.map((item) => (item.id === id ? { ...item, selectValue: newValue } : item)));
+    };
+    return (_jsx("ul", { ref: listRef, className: "sortable-list", style: { listStyle: 'none', padding: 0, margin: 0 }, children: items.map((item) => (_jsx(STSortableListItem, { item: item, showToggleButton: showToggleButton, showDeleteButton: showDeleteButton, showSelectInput: showSelectInput, onToggle: handleToggle, onDelete: handleDelete, onSelectChange: handleSelectChange }, item.id))) }));
+};
+//# sourceMappingURL=STSortableList.js.map

package/dist/components/STSortableList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"STSortableList.js","sourceRoot":"","sources":["../../src/components/STSortableList.tsx"],"names":[],"mappings":"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"}

package/dist/components/STTextarea.d.ts

@@ -0,0 +1,18 @@
+import { FC, TextareaHTMLAttributes } from 'react';
+export interface STTextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    /**
+     * Custom class name(s) to append or replace the default SillyTavern classes.
+     */
+    className?: string;
+    /**
+     * If set to true, the default 'text_pole textarea_compact' classes will not be applied.
+     * @default false
+     */
+    overrideDefaults?: boolean;
+}
+/**
+ * A common textarea component styled for SillyTavern.
+ * Applies 'text_pole textarea_compact' classes by default.
+ */
+export declare const STTextarea: FC<STTextareaProps>;
+//# sourceMappingURL=STTextarea.d.ts.map

package/dist/components/STTextarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"STTextarea.d.ts","sourceRoot":"","sources":["../../src/components/STTextarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,sBAAsB,EAAW,MAAM,OAAO,CAAC;AAE5D,MAAM,WAAW,eAAgB,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC;IAClF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAkB1C,CAAC"}

package/dist/components/STTextarea.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+/**
+ * A common textarea component styled for SillyTavern.
+ * Applies 'text_pole textarea_compact' classes by default.
+ */
+export const STTextarea = ({ children, className, overrideDefaults = false, ...props }) => {
+    const finalClassName = useMemo(() => {
+        const classes = [];
+        if (!overrideDefaults) {
+            classes.push('text_pole', 'textarea_compact');
+        }
+        classes.push(className);
+        return classes.filter(Boolean).join(' ');
+    }, [overrideDefaults, className]);
+    return (_jsx("textarea", { className: finalClassName, ...props, children: children }));
+};
+//# sourceMappingURL=STTextarea.js.map

package/dist/components/STTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"STTextarea.js","sourceRoot":"","sources":["../../src/components/STTextarea.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA8B,OAAO,EAAE,MAAM,OAAO,CAAC;AAc5D;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,gBAAgB,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC7G,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,OAAO,GAA2B,EAAE,CAAC;QAE3C,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACtB,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAChD,CAAC;QAED,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAExB,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,mBAAU,SAAS,EAAE,cAAc,KAAM,KAAK,YAC3C,QAAQ,GACA,CACZ,CAAC;AACJ,CAAC,CAAC"}