@marianmeres/stuic 1.104.0 → 1.106.0

package/dist/components/AlertConfirmPrompt/acp-icons.d.ts

@@ -1,3 +1,2 @@
 import type { AlertConfirmPromptIcons } from './AlertConfirmPrompt.svelte';
-export declare function iconFeatherAlertTriangle(props: any): string;
 export declare const acpDefaultIcons: AlertConfirmPromptIcons;

package/dist/components/AlertConfirmPrompt/acp-icons.js

@@ -1,112 +1,8 @@
-// taken from @marianmeres/icons-fns
-export function iconFeatherAlertTriangle(props) {
-    // Backward compatible signature support: fn(cls, size, style)
-    if (props === null || props === undefined)
-        props = {};
-    if (typeof props !== 'object')
-        props = { class: props || '' };
-    if (arguments.length > 1)
-        props.size ??= arguments[1];
-    if (arguments.length > 2)
-        props.style ??= arguments[2];
-    //
-    const { size, class: cls, style, strokeWidth } = props;
-    let attrs = Object.entries(props)
-        .filter(([k, v]) => !/^class|size|style|strokeWidth$/.test(k))
-        .reduce((m, [k, v]) => [...m, `${k}="${v}"`], [])
-        .join(' ');
-    return `<svg ${style ? `style="${style}" ` : ''}${cls ? `class="${cls}" ` : ''}width="${size || 24}" height="${size || 24}" stroke-width="${strokeWidth ?? 2}" ${attrs ? `${attrs} ` : ''}viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>`;
-}
-function iconFeatherAlertCircle(props) {
-    // Backward compatible signature support: fn(cls, size, style)
-    if (props === null || props === undefined)
-        props = {};
-    if (typeof props !== 'object')
-        props = { class: props || '' };
-    if (arguments.length > 1)
-        props.size ??= arguments[1];
-    if (arguments.length > 2)
-        props.style ??= arguments[2];
-    //
-    const { size, class: cls, style, strokeWidth } = props;
-    let attrs = Object.entries(props)
-        .filter(([k, v]) => !/^class|size|style|strokeWidth$/.test(k))
-        .reduce((m, [k, v]) => [...m, `${k}="${v}"`], [])
-        .join(' ');
-    return `<svg ${style ? `style="${style}" ` : ''}${cls ? `class="${cls}" ` : ''}width="${size || 24}" height="${size || 24}" stroke-width="${strokeWidth ?? 2}" ${attrs ? `${attrs} ` : ''}viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>`;
-}
-function iconFeatherCheckCircle(props) {
-    // Backward compatible signature support: fn(cls, size, style)
-    if (props === null || props === undefined)
-        props = {};
-    if (typeof props !== 'object')
-        props = { class: props || '' };
-    if (arguments.length > 1)
-        props.size ??= arguments[1];
-    if (arguments.length > 2)
-        props.style ??= arguments[2];
-    //
-    const { size, class: cls, style, strokeWidth } = props;
-    let attrs = Object.entries(props)
-        .filter(([k, v]) => !/^class|size|style|strokeWidth$/.test(k))
-        .reduce((m, [k, v]) => [...m, `${k}="${v}"`], [])
-        .join(' ');
-    return `<svg ${style ? `style="${style}" ` : ''}${cls ? `class="${cls}" ` : ''}width="${size || 24}" height="${size || 24}" stroke-width="${strokeWidth ?? 2}" ${attrs ? `${attrs} ` : ''}viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>`;
-}
-function iconFeatherXOctagon(props) {
-    // Backward compatible signature support: fn(cls, size, style)
-    if (props === null || props === undefined)
-        props = {};
-    if (typeof props !== 'object')
-        props = { class: props || '' };
-    if (arguments.length > 1)
-        props.size ??= arguments[1];
-    if (arguments.length > 2)
-        props.style ??= arguments[2];
-    //
-    const { size, class: cls, style, strokeWidth } = props;
-    let attrs = Object.entries(props)
-        .filter(([k, v]) => !/^class|size|style|strokeWidth$/.test(k))
-        .reduce((m, [k, v]) => [...m, `${k}="${v}"`], [])
-        .join(' ');
-    return `<svg ${style ? `style="${style}" ` : ''}${cls ? `class="${cls}" ` : ''}width="${size || 24}" height="${size || 24}" stroke-width="${strokeWidth ?? 2}" ${attrs ? `${attrs} ` : ''}viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>`;
-}
-function iconFeatherInfo(props) {
-    // Backward compatible signature support: fn(cls, size, style)
-    if (props === null || props === undefined)
-        props = {};
-    if (typeof props !== 'object')
-        props = { class: props || '' };
-    if (arguments.length > 1)
-        props.size ??= arguments[1];
-    if (arguments.length > 2)
-        props.style ??= arguments[2];
-    //
-    const { size, class: cls, style, strokeWidth } = props;
-    let attrs = Object.entries(props)
-        .filter(([k, v]) => !/^class|size|style|strokeWidth$/.test(k))
-        .reduce((m, [k, v]) => [...m, `${k}="${v}"`], [])
-        .join(' ');
-    return `<svg ${style ? `style="${style}" ` : ''}${cls ? `class="${cls}" ` : ''}width="${size || 24}" height="${size || 24}" stroke-width="${strokeWidth ?? 2}" ${attrs ? `${attrs} ` : ''}viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>`;
-}
-function iconFeatherRefreshCw(props) {
-    // Backward compatible signature support: fn(cls, size, style)
-    if (props === null || props === undefined)
-        props = {};
-    if (typeof props !== 'object')
-        props = { class: props || '' };
-    if (arguments.length > 1)
-        props.size ??= arguments[1];
-    if (arguments.length > 2)
-        props.style ??= arguments[2];
-    //
-    const { size, class: cls, style, strokeWidth } = props;
-    let attrs = Object.entries(props)
-        .filter(([k, v]) => !/^class|size|style|strokeWidth$/.test(k))
-        .reduce((m, [k, v]) => [...m, `${k}="${v}"`], [])
-        .join(' ');
-    return `<svg ${style ? `style="${style}" ` : ''}${cls ? `class="${cls}" ` : ''}width="${size || 24}" height="${size || 24}" stroke-width="${strokeWidth ?? 2}" ${attrs ? `${attrs} ` : ''}viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 4 23 10 17 10"></polyline><polyline points="1 20 1 14 7 14"></polyline><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path></svg>`;
-}
+import { iconFeatherAlertTriangle } from '@marianmeres/icons-fns/feather/iconFeatherAlertTriangle.js';
+import { iconFeatherCheckCircle } from '@marianmeres/icons-fns/feather/iconFeatherCheckCircle.js';
+import { iconFeatherInfo } from '@marianmeres/icons-fns/feather/iconFeatherInfo.js';
+import { iconFeatherRefreshCw } from '@marianmeres/icons-fns/feather/iconFeatherRefreshCw.js';
+import { iconFeatherXOctagon } from '@marianmeres/icons-fns/feather/iconFeatherXOctagon.js';
 export const acpDefaultIcons = {
     info: () => iconFeatherInfo({}),
     success: () => iconFeatherCheckCircle({}),

package/dist/components/Notifications/notifications-icons.d.ts

@@ -1,3 +1,2 @@
 import type { NotificationType } from './notifications.js';
-export declare function iconFeatherAlertTriangle(props: any): string;
 export declare const notificationsDefaultIcons: Record<NotificationType, () => string>;

package/dist/components/Notifications/notifications-icons.js

@@ -1,94 +1,7 @@
-// taken from @marianmeres/icons-fns
-export function iconFeatherAlertTriangle(props) {
-    // Backward compatible signature support: fn(cls, size, style)
-    if (props === null || props === undefined)
-        props = {};
-    if (typeof props !== 'object')
-        props = { class: props || '' };
-    if (arguments.length > 1)
-        props.size ??= arguments[1];
-    if (arguments.length > 2)
-        props.style ??= arguments[2];
-    //
-    const { size, class: cls, style, strokeWidth } = props;
-    let attrs = Object.entries(props)
-        .filter(([k, v]) => !/^class|size|style|strokeWidth$/.test(k))
-        .reduce((m, [k, v]) => [...m, `${k}="${v}"`], [])
-        .join(' ');
-    return `<svg ${style ? `style="${style}" ` : ''}${cls ? `class="${cls}" ` : ''}width="${size || 24}" height="${size || 24}" stroke-width="${strokeWidth ?? 2}" ${attrs ? `${attrs} ` : ''}viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>`;
-}
-function iconFeatherAlertCircle(props) {
-    // Backward compatible signature support: fn(cls, size, style)
-    if (props === null || props === undefined)
-        props = {};
-    if (typeof props !== 'object')
-        props = { class: props || '' };
-    if (arguments.length > 1)
-        props.size ??= arguments[1];
-    if (arguments.length > 2)
-        props.style ??= arguments[2];
-    //
-    const { size, class: cls, style, strokeWidth } = props;
-    let attrs = Object.entries(props)
-        .filter(([k, v]) => !/^class|size|style|strokeWidth$/.test(k))
-        .reduce((m, [k, v]) => [...m, `${k}="${v}"`], [])
-        .join(' ');
-    return `<svg ${style ? `style="${style}" ` : ''}${cls ? `class="${cls}" ` : ''}width="${size || 24}" height="${size || 24}" stroke-width="${strokeWidth ?? 2}" ${attrs ? `${attrs} ` : ''}viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>`;
-}
-function iconFeatherCheckCircle(props) {
-    // Backward compatible signature support: fn(cls, size, style)
-    if (props === null || props === undefined)
-        props = {};
-    if (typeof props !== 'object')
-        props = { class: props || '' };
-    if (arguments.length > 1)
-        props.size ??= arguments[1];
-    if (arguments.length > 2)
-        props.style ??= arguments[2];
-    //
-    const { size, class: cls, style, strokeWidth } = props;
-    let attrs = Object.entries(props)
-        .filter(([k, v]) => !/^class|size|style|strokeWidth$/.test(k))
-        .reduce((m, [k, v]) => [...m, `${k}="${v}"`], [])
-        .join(' ');
-    return `<svg ${style ? `style="${style}" ` : ''}${cls ? `class="${cls}" ` : ''}width="${size || 24}" height="${size || 24}" stroke-width="${strokeWidth ?? 2}" ${attrs ? `${attrs} ` : ''}viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>`;
-}
-function iconFeatherXOctagon(props) {
-    // Backward compatible signature support: fn(cls, size, style)
-    if (props === null || props === undefined)
-        props = {};
-    if (typeof props !== 'object')
-        props = { class: props || '' };
-    if (arguments.length > 1)
-        props.size ??= arguments[1];
-    if (arguments.length > 2)
-        props.style ??= arguments[2];
-    //
-    const { size, class: cls, style, strokeWidth } = props;
-    let attrs = Object.entries(props)
-        .filter(([k, v]) => !/^class|size|style|strokeWidth$/.test(k))
-        .reduce((m, [k, v]) => [...m, `${k}="${v}"`], [])
-        .join(' ');
-    return `<svg ${style ? `style="${style}" ` : ''}${cls ? `class="${cls}" ` : ''}width="${size || 24}" height="${size || 24}" stroke-width="${strokeWidth ?? 2}" ${attrs ? `${attrs} ` : ''}viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>`;
-}
-function iconFeatherInfo(props) {
-    // Backward compatible signature support: fn(cls, size, style)
-    if (props === null || props === undefined)
-        props = {};
-    if (typeof props !== 'object')
-        props = { class: props || '' };
-    if (arguments.length > 1)
-        props.size ??= arguments[1];
-    if (arguments.length > 2)
-        props.style ??= arguments[2];
-    //
-    const { size, class: cls, style, strokeWidth } = props;
-    let attrs = Object.entries(props)
-        .filter(([k, v]) => !/^class|size|style|strokeWidth$/.test(k))
-        .reduce((m, [k, v]) => [...m, `${k}="${v}"`], [])
-        .join(' ');
-    return `<svg ${style ? `style="${style}" ` : ''}${cls ? `class="${cls}" ` : ''}width="${size || 24}" height="${size || 24}" stroke-width="${strokeWidth ?? 2}" ${attrs ? `${attrs} ` : ''}viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>`;
-}
+import { iconFeatherAlertTriangle } from '@marianmeres/icons-fns/feather/iconFeatherAlertTriangle.js';
+import { iconFeatherCheckCircle } from '@marianmeres/icons-fns/feather/iconFeatherCheckCircle.js';
+import { iconFeatherInfo } from '@marianmeres/icons-fns/feather/iconFeatherInfo.js';
+import { iconFeatherXOctagon } from '@marianmeres/icons-fns/feather/iconFeatherXOctagon.js';
 export const notificationsDefaultIcons = {
     info: () => iconFeatherInfo({}),
     success: () => iconFeatherCheckCircle({}),

package/dist/index.d.ts

@@ -22,13 +22,14 @@ export { default as Switch, SwitchConfig, type SwitchPreHook, } from './componen
 export { default as Thc, type THC, isTHCNotEmpty } from './components/Thc/Thc.svelte';
 export { default as X } from './components/X/X.svelte';
 export { autogrow } from './actions/autogrow.js';
+export { autoscroll } from './actions/autoscroll.js';
 export { draggable, droppable, type DraggableOptions, type DroppableOptions, } from './actions/drag-drop.js';
 export { focusTrap, type FocusTrapOptions } from './actions/focus-trap.js';
 export { onOutside } from './actions/on-outside.js';
 export { preSubmitValidityCheck } from './actions/pre-submit-validity-check.js';
 export { tooltip, TooltipConfig, type TooltipOptions, } from './actions/tooltip/tooltip.js';
-export { validate, type ValidateOptions, type ValidationResult, } from './actions/validate.js';
 export { trim } from './actions/trim.js';
+export { validate, type ValidateOptions, type ValidationResult, } from './actions/validate.js';
 export { calculateAlignment } from './utils/calculate-alignment.js';
 export { DevicePointer } from './utils/device-pointer.js';
 export { getId } from './utils/get-id.js';

package/dist/index.js

@@ -37,13 +37,14 @@ export { default as Thc, isTHCNotEmpty } from './components/Thc/Thc.svelte';
 export { default as X } from './components/X/X.svelte';
 // actions
 export { autogrow } from './actions/autogrow.js';
+export { autoscroll } from './actions/autoscroll.js';
 export { draggable, droppable, } from './actions/drag-drop.js';
 export { focusTrap } from './actions/focus-trap.js';
 export { onOutside } from './actions/on-outside.js';
 export { preSubmitValidityCheck } from './actions/pre-submit-validity-check.js';
 export { tooltip, TooltipConfig, } from './actions/tooltip/tooltip.js';
-export { validate, } from './actions/validate.js';
 export { trim } from './actions/trim.js';
+export { validate, } from './actions/validate.js';
 // utils
 export { calculateAlignment } from './utils/calculate-alignment.js';
 export { DevicePointer } from './utils/device-pointer.js';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@marianmeres/stuic",
-	"version": "1.104.0",
+	"version": "1.106.0",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package && node ./scripts/date.js",
@@ -32,7 +32,6 @@
 		"svelte": "^4.0.0"
 	},
 	"devDependencies": {
-		"@marianmeres/icons-fns": "^2.1.0",
 		"@marianmeres/parse-boolean": "^1.1.7",
 		"@marianmeres/random-human-readable": "^1.6.1",
 		"@marianmeres/release": "^1.1.2",
@@ -63,6 +62,7 @@
 	"type": "module",
 	"dependencies": {
 		"@marianmeres/clog": "^1.0.1",
+		"@marianmeres/icons-fns": "^4.0.4",
 		"@marianmeres/store": "^1.5.0",
 		"@marianmeres/switch-store": "^1.3.1",
 		"@marianmeres/ticker": "^1.5.0",