@marianmeres/stuic 2.3.2 → 2.5.0

package/dist/components/AlertConfirmPrompt/index.d.ts

@@ -1,2 +1,2 @@
 export * from "./alert-confirm-prompt-stack.svelte.js";
-export { default as AlertConfirmPrompt, type Props as AlertConfirmPromptProps } from "./AlertConfirmPrompt.svelte";
+export { default as AlertConfirmPrompt, type Props as AlertConfirmPromptProps, } from "./AlertConfirmPrompt.svelte";

package/dist/components/AlertConfirmPrompt/index.js

@@ -1,2 +1,2 @@
 export * from "./alert-confirm-prompt-stack.svelte.js";
-export { default as AlertConfirmPrompt } from "./AlertConfirmPrompt.svelte";
+export { default as AlertConfirmPrompt, } from "./AlertConfirmPrompt.svelte";

package/dist/components/AnimatedElipsis/index.d.ts

@@ -1 +1 @@
-export { default as AnimatedEllipsis, type Props as AnimatedEllipsisProps } from "./AnimatedEllipsis.svelte";
+export { default as AnimatedEllipsis, type Props as AnimatedEllipsisProps, } from "./AnimatedEllipsis.svelte";

package/dist/components/AnimatedElipsis/index.js

@@ -1 +1 @@
-export { default as AnimatedEllipsis } from "./AnimatedEllipsis.svelte";
+export { default as AnimatedEllipsis, } from "./AnimatedEllipsis.svelte";

package/dist/components/Button/index.d.ts

@@ -1 +1 @@
-export { default as Button, type Props as ButtonProps } from './Button.svelte';
+export { default as Button, type Props as ButtonProps } from "./Button.svelte";

package/dist/components/Button/index.js

@@ -1 +1 @@
-export { default as Button } from './Button.svelte';
+export { default as Button } from "./Button.svelte";

package/dist/components/ButtonGroupRadio/ButtonGroupRadio.svelte

@@ -30,7 +30,10 @@
 
 <script lang="ts">
 	import { ItemCollection } from "@marianmeres/item-collection";
-	type ItemCollectionItem = { id: string; option: import("../Input/types.js").FieldRadiosOption };
+	type ItemCollectionItem = {
+		id: string;
+		option: import("../Input/types.js").FieldRadiosOption;
+	};
 	import { twMerge } from "../../utils/tw-merge.js";
 	import Button from "../Button/Button.svelte";
 	//

package/dist/components/ButtonGroupRadio/index.d.ts

@@ -1 +1 @@
-export { default as ButtonGroupRadio, type Props as ButtonGroupRadioProps } from "./ButtonGroupRadio.svelte";
+export { default as ButtonGroupRadio, type Props as ButtonGroupRadioProps, } from "./ButtonGroupRadio.svelte";

package/dist/components/ButtonGroupRadio/index.js

@@ -1 +1 @@
-export { default as ButtonGroupRadio } from "./ButtonGroupRadio.svelte";
+export { default as ButtonGroupRadio, } from "./ButtonGroupRadio.svelte";

package/dist/components/ColorScheme/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./color-scheme.js";
-export { default as ColorSchemeLocal, type Props as ColorSchemeLocalProps } from "./ColorSchemeLocal.svelte";
-export { default as ColorSchemeSystemAware, type Props as ColorSchemeSystemAwareProps } from "./ColorSchemeSystemAware.svelte";
+export { default as ColorSchemeLocal, type Props as ColorSchemeLocalProps, } from "./ColorSchemeLocal.svelte";
+export { default as ColorSchemeSystemAware, type Props as ColorSchemeSystemAwareProps, } from "./ColorSchemeSystemAware.svelte";

package/dist/components/ColorScheme/index.js

@@ -1,3 +1,3 @@
 export * from "./color-scheme.js";
-export { default as ColorSchemeLocal } from "./ColorSchemeLocal.svelte";
-export { default as ColorSchemeSystemAware } from "./ColorSchemeSystemAware.svelte";
+export { default as ColorSchemeLocal, } from "./ColorSchemeLocal.svelte";
+export { default as ColorSchemeSystemAware, } from "./ColorSchemeSystemAware.svelte";

package/dist/components/CommandMenu/CommandMenu.svelte

@@ -291,7 +291,7 @@
 							"options block space-y-1 p-1",
 							"overflow-y-auto overflow-x-hidden mb-1",
 							"border-t border-black/20",
-							"max-h-[240px]"
+							"max-h-60"
 						)}
 						bind:this={optionsBox}
 						tabindex="-1"

package/dist/components/CommandMenu/index.d.ts

@@ -1 +1 @@
-export { default as CommandMenu, type Props as CommandMenuProps } from "./CommandMenu.svelte";
+export { default as CommandMenu, type Props as CommandMenuProps, } from "./CommandMenu.svelte";

package/dist/components/CommandMenu/index.js

@@ -1 +1 @@
-export { default as CommandMenu } from "./CommandMenu.svelte";
+export { default as CommandMenu, } from "./CommandMenu.svelte";

package/dist/components/DismissibleMessage/index.d.ts

@@ -1 +1 @@
-export { default as DismissibleMessage, type Props as DismissibleMessageProps } from "./DismissibleMessage.svelte";
+export { default as DismissibleMessage, type Props as DismissibleMessageProps, } from "./DismissibleMessage.svelte";

package/dist/components/DismissibleMessage/index.js

@@ -1 +1 @@
-export { default as DismissibleMessage } from "./DismissibleMessage.svelte";
+export { default as DismissibleMessage, } from "./DismissibleMessage.svelte";

package/dist/components/HoverExpandableWidth/index.d.ts

@@ -1 +1 @@
-export { default as HoverExpandableWidth, type Props as HoverExpandableWidthProps } from "./HoverExpandableWidth.svelte";
+export { default as HoverExpandableWidth, type Props as HoverExpandableWidthProps, } from "./HoverExpandableWidth.svelte";

package/dist/components/HoverExpandableWidth/index.js

@@ -1 +1 @@
-export { default as HoverExpandableWidth } from "./HoverExpandableWidth.svelte";
+export { default as HoverExpandableWidth, } from "./HoverExpandableWidth.svelte";

package/dist/components/Input/FieldAssets.svelte

@@ -454,13 +454,17 @@
 
 			if (accept && [...(files ?? [])].some((f) => !is_accepted_type(accept, f.type))) {
 				const msg = t("invalid_type", { accept });
-				return notifications ? notifications.error(msg) : alert(msg);
+				if (notifications) notifications.error(msg);
+				else alert(msg);
+				return;
 			}
 
 			const cardErrMsg = t("cardinality_reached", { max: cardinality });
 			if (assets.length > cardinality) {
 				// if (assets.length + (files?.length ?? 0) > cardinality) {
-				return notifications ? notifications.error(cardErrMsg) : alert(cardErrMsg);
+				if (notifications) notifications.error(cardErrMsg);
+				else alert(cardErrMsg);
+				return;
 			}
 
 			const toBeProcessed: FieldAsset[] = [];
@@ -547,7 +551,7 @@
 
 <input type="file" bind:this={inputEl} multiple style="display: none" {accept} />
 <!-- hack to be able to validate the conventional way -->
-<input type="hidden" {name} value={value} use:validateAction={() => wrappedValidate} />
+<input type="hidden" {name} {value} use:validateAction={() => wrappedValidate} />
 
 <Modal
 	bind:this={modal}

package/dist/components/Input/FieldLikeButton.svelte

@@ -195,7 +195,7 @@
 
 							// also, by default, JSON validation is built in
 							try {
-								JSON.parse(val);
+								JSON.parse(val as string);
 								return "";
 							} catch (e) {
 								return "typeMismatch";

package/dist/components/Input/FieldOptions.svelte

@@ -329,7 +329,7 @@
 
 	$effect(() => {
 		if (modal.visibility().visible && touch) {
-			_selectedColl.clear().addMany(maybeJsonParse(value));
+			_selectedColl.clear().addMany(maybeJsonParse(value) as Item[]);
 			// IMPORTANT: focus first selected so it scrolls into view on open
 			if (_selectedColl.size) {
 				waitForNextRepaint().then(() => {

package/dist/components/Input/index.d.ts

@@ -1,12 +1,12 @@
 export * from "./types.js";
 export { default as FieldAssets, type Props as FieldAssetsProps, type FieldAsset, type FieldAssetUrlObj, type FieldAssetWithBlobUrl, } from "./FieldAssets.svelte";
-export { default as FieldCheckbox, type Props as FieldCheckboxProps } from "./FieldCheckbox.svelte";
+export { default as FieldCheckbox, type Props as FieldCheckboxProps, } from "./FieldCheckbox.svelte";
 export { default as FieldFile, type Props as FieldFileProps } from "./FieldFile.svelte";
-export { default as FieldInput, type Props as FieldInputProps } from "./FieldInput.svelte";
-export { default as FieldLikeButton, type Props as FieldLikeButtonProps } from "./FieldLikeButton.svelte";
+export { default as FieldInput, type Props as FieldInputProps, } from "./FieldInput.svelte";
+export { default as FieldLikeButton, type Props as FieldLikeButtonProps, } from "./FieldLikeButton.svelte";
 export { default as FieldOptions, type Props as FieldOptionsProps, type Option as FieldOption, } from "./FieldOptions.svelte";
-export { default as FieldRadios, type Props as FieldRadiosProps } from "./FieldRadios.svelte";
-export { default as FieldSelect, type Props as FieldSelectProps } from "./FieldSelect.svelte";
+export { default as FieldRadios, type Props as FieldRadiosProps, } from "./FieldRadios.svelte";
+export { default as FieldSelect, type Props as FieldSelectProps, } from "./FieldSelect.svelte";
 export { default as Fieldset, type Props as FieldsetProps } from "./Fieldset.svelte";
-export { default as FieldSwitch, type Props as FieldSwitchProps } from "./FieldSwitch.svelte";
-export { default as FieldTextarea, type Props as FieldTextareaProps } from "./FieldTextarea.svelte";
+export { default as FieldSwitch, type Props as FieldSwitchProps, } from "./FieldSwitch.svelte";
+export { default as FieldTextarea, type Props as FieldTextareaProps, } from "./FieldTextarea.svelte";

package/dist/components/Input/index.js

@@ -1,12 +1,12 @@
 export * from "./types.js";
 export { default as FieldAssets, } from "./FieldAssets.svelte";
-export { default as FieldCheckbox } from "./FieldCheckbox.svelte";
+export { default as FieldCheckbox, } from "./FieldCheckbox.svelte";
 export { default as FieldFile } from "./FieldFile.svelte";
-export { default as FieldInput } from "./FieldInput.svelte";
-export { default as FieldLikeButton } from "./FieldLikeButton.svelte";
+export { default as FieldInput, } from "./FieldInput.svelte";
+export { default as FieldLikeButton, } from "./FieldLikeButton.svelte";
 export { default as FieldOptions, } from "./FieldOptions.svelte";
-export { default as FieldRadios } from "./FieldRadios.svelte";
-export { default as FieldSelect } from "./FieldSelect.svelte";
+export { default as FieldRadios, } from "./FieldRadios.svelte";
+export { default as FieldSelect, } from "./FieldSelect.svelte";
 export { default as Fieldset } from "./Fieldset.svelte";
-export { default as FieldSwitch } from "./FieldSwitch.svelte";
-export { default as FieldTextarea } from "./FieldTextarea.svelte";
+export { default as FieldSwitch, } from "./FieldSwitch.svelte";
+export { default as FieldTextarea, } from "./FieldTextarea.svelte";

package/dist/components/KbdShortcut/index.d.ts

@@ -1 +1 @@
-export { default as KbdShortcut, type Props as KbdShortcutProps } from "./KbdShortcut.svelte";
+export { default as KbdShortcut, type Props as KbdShortcutProps, } from "./KbdShortcut.svelte";

package/dist/components/KbdShortcut/index.js

@@ -1 +1 @@
-export { default as KbdShortcut } from "./KbdShortcut.svelte";
+export { default as KbdShortcut, } from "./KbdShortcut.svelte";

package/dist/components/ModalDialog/index.d.ts

@@ -1 +1 @@
-export { default as ModalDialog, type Props as ModalDialogProps } from "./ModalDialog.svelte";
+export { default as ModalDialog, type Props as ModalDialogProps, } from "./ModalDialog.svelte";

package/dist/components/ModalDialog/index.js

@@ -1 +1 @@
-export { default as ModalDialog } from "./ModalDialog.svelte";
+export { default as ModalDialog, } from "./ModalDialog.svelte";

package/dist/components/Notifications/index.d.ts

@@ -1,2 +1,2 @@
 export * from "./notifications-stack.svelte.js";
-export { default as Notifications, type Props as NotificationsProps } from "./Notifications.svelte";
+export { default as Notifications, type Props as NotificationsProps, } from "./Notifications.svelte";

package/dist/components/Notifications/index.js

@@ -1,2 +1,2 @@
 export * from "./notifications-stack.svelte.js";
-export { default as Notifications } from "./Notifications.svelte";
+export { default as Notifications, } from "./Notifications.svelte";

package/dist/components/Notifications/notifications-stack.svelte.d.ts

@@ -5,7 +5,7 @@ import { type THC } from "../Thc/Thc.svelte";
  */
 export interface ComponentWrap {
     component: Component;
-    props?: any;
+    props?: Record<string, unknown>;
 }
 /**
  * Sort order for notifications in the stack.
@@ -18,17 +18,17 @@ export type NotificationType = "info" | "success" | "warn" | "error" | string;
 /**
  * Input options for creating a notification.
  */
-export interface NotificationInput extends Record<string, any> {
+export interface NotificationInput extends Record<string, unknown> {
     /** Unique id of the notification. If not provided, will be calculated from content.
     Multiple notifications with the same id will be ignored (but the `count` will be increased). */
-    id: any;
+    id: string | number;
     /** Optional UI rendering well known hint (has no effect on the functionality, can be
     any string), defaults to "info". */
     type: NotificationType;
     /** The actual notification message (either plain text, html or component)
     notifications without any content will be ignored. */
     content: THC;
-    onClick: (self: Notification, all: Notification[], data: any) => void;
+    onClick: (self: Notification, all: Notification[], data: unknown) => void;
     /** Notification specific time-to-live in milliseconds (after which notif will be auto discarded)
     use 0 to disable auto disposal */
     ttl: number;
@@ -113,7 +113,7 @@ export declare class NotificationsStack {
     readonly options: NotificationsStackOptions;
     constructor(initial?: NotificationCreateParam[], opts?: Partial<NotificationsStackOptions>);
     /** Will remove the notification from stack */
-    removeById: (id: string) => this;
+    removeById: (id: string | number) => this;
     /** Will cleanup the stack. */
     reset: () => this;
     /**

package/dist/components/Notifications/notifications-stack.svelte.js

@@ -9,12 +9,13 @@ const DEFAULT_OPTIONS = {
     sortOrder: "asc",
     disposeInterval: 500,
 };
-const isFn = (v) => typeof v === "function";
+// const isFn = (v: unknown) => typeof v === "function";
 const _id = (type, content) => {
-    const str = content?.component
+    const c = content;
+    const str = typeof c === "object" && c?.component
         ? "component"
-        : content?.html || content?.text || content;
-    return ["id", type, strHash(str)].join("-");
+        : (typeof c === "object" ? c?.html || c?.text : c) || content;
+    return ["id", type, strHash(String(str))].join("-");
 };
 /**
  * A reactive notification queue manager with auto-disposal and deduplication.
@@ -91,7 +92,7 @@ export class NotificationsStack {
     }
     /** Will normalize item to internal shape. */
     #normalize = (n) => {
-        let o = typeof n === "string" ? { id: 0, content: n } : n;
+        const o = typeof n === "string" ? { id: 0, content: n } : n;
         if (!o.content)
             return null;
         o.type ||= this.options.defaultType;
@@ -125,8 +126,8 @@ export class NotificationsStack {
         else {
             stack.push(notif);
             stack.sort((a, b) => {
-                let _a = a.created.valueOf();
-                let _b = b.created.valueOf();
+                const _a = a.created.valueOf();
+                const _b = b.created.valueOf();
                 return sortOrder === "desc" ? _b - _a : _a - _b;
             });
         }

package/dist/components/SlidingPanels/index.d.ts

@@ -1 +1 @@
-export { default as SlidingPanels, type Props as SlidingPanelsProps } from "./SlidingPanels.svelte";
+export { default as SlidingPanels, type Props as SlidingPanelsProps, } from "./SlidingPanels.svelte";

package/dist/components/SlidingPanels/index.js

@@ -1 +1 @@
-export { default as SlidingPanels } from "./SlidingPanels.svelte";
+export { default as SlidingPanels, } from "./SlidingPanels.svelte";

package/dist/components/Spinner/index.d.ts

@@ -1,3 +1,3 @@
 export { default as Spinner, type Props as SpinnerProps } from "./Spinner.svelte";
-export { default as SpinnerCircle, type Props as SpinnerCircleProps } from "./SpinnerCircle.svelte";
+export { default as SpinnerCircle, type Props as SpinnerCircleProps, } from "./SpinnerCircle.svelte";
 export { spinnerCreateBackAndForthCharFrames, default as SpinnerUnicode, type Props as SpinnerUnicodeProps, type SpinnerUnicodeVariant, } from "./SpinnerUnicode.svelte";

package/dist/components/Spinner/index.js

@@ -1,3 +1,3 @@
 export { default as Spinner } from "./Spinner.svelte";
-export { default as SpinnerCircle } from "./SpinnerCircle.svelte";
+export { default as SpinnerCircle, } from "./SpinnerCircle.svelte";
 export { spinnerCreateBackAndForthCharFrames, default as SpinnerUnicode, } from "./SpinnerUnicode.svelte";

package/dist/components/Switch/Switch.svelte

@@ -1,7 +1,10 @@
 <script lang="ts" module>
 	import type { Snippet } from "svelte";
 	import type { FormEventHandler, HTMLLabelAttributes } from "svelte/elements";
-	import type { ValidateOptions, ValidationResult } from "../../actions/validate.svelte.js";
+	import type {
+		ValidateOptions,
+		ValidationResult,
+	} from "../../actions/validate.svelte.js";
 
 	export interface Props extends Omit<HTMLLabelAttributes, "children" | "onchange"> {
 		button?: HTMLButtonElement;
@@ -136,7 +139,7 @@
 
 		if (typeof onclick === "function") onclick(e);
 	}}
-	{...(rest as Record<string, unknown>)}
+	{...rest as Record<string, unknown>}
 >
 	<span
 		class={twMerge(

package/dist/components/Switch/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Switch, type Props as SwitchProps } from "./Switch.svelte";
-export { default as SwitchButton, type Props as SwitchButtonProps } from "./SwitchButton.svelte";
+export { default as SwitchButton, type Props as SwitchButtonProps, } from "./SwitchButton.svelte";

package/dist/components/Switch/index.js

@@ -1,2 +1,2 @@
 export { default as Switch } from "./Switch.svelte";
-export { default as SwitchButton } from "./SwitchButton.svelte";
+export { default as SwitchButton, } from "./SwitchButton.svelte";

package/dist/components/TypeaheadInput/index.d.ts

@@ -1 +1 @@
-export { default as TypeaheadInput, type Props as TypeaheadInputProps } from "./TypeaheadInput.svelte";
+export { default as TypeaheadInput, type Props as TypeaheadInputProps, } from "./TypeaheadInput.svelte";

package/dist/components/TypeaheadInput/index.js

@@ -1 +1 @@
-export { default as TypeaheadInput } from "./TypeaheadInput.svelte";
+export { default as TypeaheadInput, } from "./TypeaheadInput.svelte";

package/dist/utils/body-scroll-locker.js

@@ -1,6 +1,5 @@
-import { createClog } from "@marianmeres/clog";
 import { isBrowser } from "./is-browser.js";
-const clog = createClog("BodyScroll").debug;
+// const clog = createClog("BodyScroll").debug;
 const document = globalThis.document ?? {};
 /**
  * A utility class for locking and unlocking body scroll position.
@@ -87,7 +86,9 @@ export class BodyScroll {
         try {
             original = JSON.parse(originalJsonString);
         }
-        catch (e) { }
+        catch {
+            // ignore parse errors, use defaults
+        }
         ["position", "top", "width", "overflow"].forEach((k) => {
             if (original[k] !== null) {
                 document.body.style[k] = original[k];

package/dist/utils/breakpoint.svelte.js

@@ -1,6 +1,4 @@
-import { createClog } from "@marianmeres/clog";
 import { innerWidth } from "svelte/reactivity/window";
-const clog = createClog("breakpoint").debug;
 // https://tailwindcss.com/docs/responsive-design
 const _breakpoints = [
     ["sm", 640],

package/dist/utils/colors.js

@@ -65,11 +65,11 @@ export function rgbToOklch(rgb) {
  * ```
  */
 export function hexToRgb(hex) {
-    let shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+    const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
     hex = hex.replace(shorthandRegex, (m, r, g, b) => {
         return r + r + g + g + b + b;
     });
-    let result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+    const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
     return result
         ? {
             r: parseInt(result[1], 16),
@@ -95,7 +95,7 @@ export function hexToRgb(hex) {
  */
 export function srgbToLinearRgb({ r, g, b }) {
     const convert = (val) => {
-        let v = val / 255;
+        const v = val / 255;
         return v <= 0.04045 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
     };
     return {

package/dist/utils/debounce.d.ts

@@ -10,4 +10,4 @@
  * input.addEventListener('input', (e) => debouncedSearch(e.target.value));
  * ```
  */
-export declare function debounce<T extends (...args: any[]) => any>(fn: T, wait: number): (...args: Parameters<T>) => void;
+export declare function debounce<T extends (...args: unknown[]) => unknown>(fn: T, wait: number): (...args: Parameters<T>) => void;

package/dist/utils/debounce.js

@@ -13,9 +13,8 @@
 export function debounce(fn, wait) {
     let timeout = null;
     return function (...args) {
-        const context = this;
         if (timeout !== null)
             clearTimeout(timeout);
-        timeout = setTimeout(() => fn.apply(context, args), wait);
+        timeout = setTimeout(() => fn.apply(this, args), wait);
     };
 }

package/dist/utils/escape-regex.js

@@ -11,4 +11,4 @@
  * escapeRegex('a+b=c');    // 'a\\+b=c'
  * ```
  */
-export const escapeRegex = (str) => `${str}`.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
+export const escapeRegex = (str) => `${str}`.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"); // $& means the whole matched string

package/dist/utils/event-emitter.d.ts

@@ -23,8 +23,7 @@ export declare class EventEmitter extends EventTarget {
      * Adds an event listener with automatic abort signal attachment.
      * Overrides the native method to enable `removeAllListeners()` functionality.
      */
-    addEventListener(type: string, listener: any, // fuck it (we would need 3 signatures)
-    options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject | null, options?: boolean | AddEventListenerOptions): void;
     /**
      * Removes all registered event listeners at once.
      */
@@ -34,7 +33,7 @@ export declare class EventEmitter extends EventTarget {
      * @param eventName - The name of the event to emit
      * @param detail - Optional data to attach to the event
      */
-    emit(eventName: string, detail?: any): void;
+    emit(eventName: string, detail?: unknown): void;
     /**
      * Subscribes to an event. Returns an unsubscribe function.
      * @param eventName - The name of the event

package/dist/utils/event-emitter.js

@@ -25,8 +25,7 @@ export class EventEmitter extends EventTarget {
      * Adds an event listener with automatic abort signal attachment.
      * Overrides the native method to enable `removeAllListeners()` functionality.
      */
-    addEventListener(type, listener, // fuck it (we would need 3 signatures)
-    options = {}) {
+    addEventListener(type, listener, options = {}) {
         // normalize opts (for the `once` shorthand)
         options = typeof options === "boolean" ? { capture: options } : options;
         // make sure to always add abort signal

package/dist/utils/event-modifiers.d.ts

@@ -10,7 +10,7 @@
  * // Logs only on first click
  * ```
  */
-export declare function once(fn: (e: Event) => any): (e: Event) => void;
+export declare function once(fn: (e: Event) => void): (this: unknown, e: Event) => void;
 /**
  * Wraps an event handler to call `preventDefault()` before executing.
  *
@@ -22,7 +22,7 @@ export declare function once(fn: (e: Event) => any): (e: Event) => void;
  * form.addEventListener('submit', preventDefault((e) => handleSubmit(e)));
  * ```
  */
-export declare function preventDefault(fn?: (e: Event) => any): (e: Event) => void;
+export declare function preventDefault(fn?: (e: Event) => void): (this: unknown, e: Event) => void;
 /**
  * Wraps an event handler to call `stopPropagation()` before executing.
  *
@@ -35,7 +35,7 @@ export declare function preventDefault(fn?: (e: Event) => any): (e: Event) => vo
  * // Parent click handlers won't be triggered
  * ```
  */
-export declare function stopPropagation(fn?: (e: Event) => any): (e: Event) => void;
+export declare function stopPropagation(fn?: (e: Event) => void): (this: unknown, e: Event) => void;
 /**
  * Wraps an event handler to call `stopImmediatePropagation()` before executing.
  *
@@ -50,4 +50,4 @@ export declare function stopPropagation(fn?: (e: Event) => any): (e: Event) => v
  * // Other click handlers on this element won't be triggered
  * ```
  */
-export declare function stopImmediatePropagation(fn?: (e: Event) => any): (e: Event) => void;
+export declare function stopImmediatePropagation(fn?: (e: Event) => void): (this: unknown, e: Event) => void;

package/dist/utils/event-modifiers.js

@@ -11,11 +11,12 @@
  * ```
  */
 export function once(fn) {
+    let called = false;
     return function (e) {
-        // @ts-ignore
-        if (fn)
+        if (!called) {
+            called = true;
             fn.call(this, e);
-        fn = null;
+        }
     };
 }
 /**
@@ -32,7 +33,6 @@ export function once(fn) {
 export function preventDefault(fn) {
     return function (e) {
         e.preventDefault();
-        // @ts-ignore
         fn?.call(this, e);
     };
 }
@@ -51,7 +51,6 @@ export function preventDefault(fn) {
 export function stopPropagation(fn) {
     return function (e) {
         e.stopPropagation();
-        // @ts-ignore
         fn?.call(this, e);
     };
 }
@@ -72,7 +71,6 @@ export function stopPropagation(fn) {
 export function stopImmediatePropagation(fn) {
     return function (e) {
         e.stopImmediatePropagation();
-        // @ts-ignore
         fn?.call(this, e);
     };
 }

package/dist/utils/get-file-type-label.js

@@ -84,7 +84,7 @@ export const EXTS = {
     text: EXT_TEXT,
 };
 const MAP = Object.entries(EXTS).reduce((m, [label, exts]) => {
-    // @ts-ignore
+    // @ts-expect-error - label is a valid key
     exts.forEach((ext) => (m[ext] = label));
     return m;
 }, {});

package/dist/utils/is-image.js

@@ -18,10 +18,10 @@ export function isImage(mimeOrPath) {
     // common browser supported image file extensions
     const exts = ["jpg", "jpeg", "png", "gif", "webp", "svg", "bmp", "ico", "avif"];
     // looks like a path?
-    const rgx = new RegExp(`\.(${exts.join("|")})$`, "i");
+    const rgx = new RegExp(`\\.(${exts.join("|")})$`, "i");
     if (rgx.test(mimeOrPath)) {
         return true;
     }
     // looks like an image mime type?
-    return /^image\/[^\/]+/i.test(`${mimeOrPath}`);
+    return /^image\/[^/]+/i.test(`${mimeOrPath}`);
 }

package/dist/utils/is-nullish.d.ts

@@ -13,4 +13,4 @@
  * isNullish(false);     // false
  * ```
  */
-export declare function isNullish(v: any): boolean;
+export declare function isNullish(v: unknown): v is null | undefined;

package/dist/utils/is-plain-object.d.ts

@@ -15,4 +15,4 @@
  * isPlainObject(new Date());   // false
  * ```
  */
-export declare function isPlainObject(v: any): boolean;
+export declare function isPlainObject(v: unknown): boolean;

package/dist/utils/is-plain-object.js

@@ -16,5 +16,8 @@
  * ```
  */
 export function isPlainObject(v) {
-    return (v !== null && typeof v === "object" && [undefined, Object].includes(v.constructor));
+    if (v === null || typeof v !== "object")
+        return false;
+    const ctor = v.constructor;
+    return ctor === undefined || ctor === Object;
 }

package/dist/utils/maybe-json-parse.d.ts

@@ -15,4 +15,4 @@
  * maybeJsonParse('bad', true);   // throws SyntaxError
  * ```
  */
-export declare function maybeJsonParse(val: any, strict?: boolean): any;
+export declare function maybeJsonParse(val: unknown, strict?: boolean): unknown;

package/dist/utils/maybe-json-parse.js

@@ -18,7 +18,7 @@
 export function maybeJsonParse(val, strict = false) {
     if (typeof val === "string") {
         try {
-            val = JSON.parse(val);
+            return JSON.parse(val);
         }
         catch (e) {
             if (strict)