origam 2.5.0 → 2.6.2

package/dist/src/composables/Commons/sticky.composable.d.ts

@@ -1,21 +1,9 @@
 import type { ISticky } from "../../interfaces";
+import type { CSSProperties } from 'vue';
 /*********************************************************
  * useSticky
  ********************************************************/
 export declare function useSticky({ rootEl, isSticky, layoutItemStyles }: ISticky): {
     isStuck: import("vue").ShallowRef<boolean | "top" | "bottom", boolean | "top" | "bottom">;
-    stickyStyles: import("vue").ComputedRef<({
-        top: string;
-        bottom: string;
-        height: undefined;
-    } | {
-        [x: string]: string;
-        top?: undefined;
-        bottom?: undefined;
-        height?: undefined;
-    } | {
-        top: import("csstype").Property.Top<string | number> | undefined;
-        bottom?: undefined;
-        height?: undefined;
-    } | undefined)[]>;
+    stickyStyles: import("vue").ComputedRef<(CSSProperties | undefined)[]>;
 };

package/dist/src/composables/Commons/style.composable.cjs

@@ -56,12 +56,14 @@ function useStyle(styles, uniq = void 0, name = (0, _utils.getCurrentInstanceNam
     return uniq ?? `${name}-${(0, _utils.getUid)()}`;
   });
   const customCss = (0, _vue.computed)(() => {
-    const stylesArray = styles.value.map(value => {
-      if (typeof value === "object" && !Array.isArray(value)) {
+    const raw = styles.value;
+    const normalized = Array.isArray(raw) ? raw : [raw];
+    const stylesArray = normalized.map(value => {
+      if (typeof value === "object" && value !== null && !Array.isArray(value)) {
         return Object.keys(value).filter(key => typeof value[key] !== "undefined").map(key => `${key}: ${value[key]}`);
       }
       return value;
-    }).flat().filter(value => value.length > 0);
+    }).flat().filter(value => value != null && String(value).length > 0);
     return `#${id.value} {${stylesArray.join(";")}}`;
   });
   const {

package/dist/src/composables/Commons/style.composable.js

@@ -58,12 +58,14 @@ export function useStyle(styles, uniq = void 0, name = getCurrentInstanceName())
     return uniq ?? `${name}-${getUid()}`;
   });
   const customCss = computed(() => {
-    const stylesArray = styles.value.map((value) => {
-      if (typeof value === "object" && !Array.isArray(value)) {
+    const raw = styles.value;
+    const normalized = Array.isArray(raw) ? raw : [raw];
+    const stylesArray = normalized.map((value) => {
+      if (typeof value === "object" && value !== null && !Array.isArray(value)) {
         return Object.keys(value).filter((key) => typeof value[key] !== "undefined").map((key) => `${key}: ${value[key]}`);
       }
       return value;
-    }).flat().filter((value) => value.length > 0);
+    }).flat().filter((value) => value != null && String(value).length > 0);
     return `#${id.value} {${stylesArray.join(";")}}`;
   });
   const { id: styleTagId, css, load, unload, isLoaded } = useStyleTag(customCss);

package/dist/src/composables/Commons/typography.composable.cjs

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTypography = useTypography;
+var _vue = require("vue");
+const TYPOGRAPHY_TOKEN_MAP = [["fontFamily", "font-family", "font__family"], ["fontSize", "font-size", "font__size"], ["fontWeight", "font-weight", "font__weight"], ["lineHeight", "line-height", "font__lineHeight"], ["letterSpacing", "letter-spacing", "font__letterSpacing"]];
+function useTypography(props, varPrefix) {
+  const typographyStyles = (0, _vue.computed)(() => {
+    const styles = {};
+    for (const [propKey, cssProp, tokenGroup] of TYPOGRAPHY_TOKEN_MAP) {
+      const value = props[propKey];
+      if (value) {
+        styles[`--origam-${varPrefix}---${cssProp}`] = `var(--origam-${tokenGroup}---${value})`;
+      }
+    }
+    return Object.keys(styles).length ? styles : null;
+  });
+  return {
+    typographyStyles
+  };
+}

package/dist/src/composables/Commons/typography.composable.d.ts

@@ -0,0 +1,7 @@
+import type { ITypographyProps } from '../../interfaces';
+/*********************************************************
+ * useTypography
+ ********************************************************/
+export declare function useTypography(props: ITypographyProps, varPrefix: string): {
+    typographyStyles: import("vue").ComputedRef<Record<string, string> | null>;
+};

package/dist/src/composables/Commons/typography.composable.js

@@ -0,0 +1,21 @@
+import { computed } from "vue";
+const TYPOGRAPHY_TOKEN_MAP = [
+  ["fontFamily", "font-family", "font__family"],
+  ["fontSize", "font-size", "font__size"],
+  ["fontWeight", "font-weight", "font__weight"],
+  ["lineHeight", "line-height", "font__lineHeight"],
+  ["letterSpacing", "letter-spacing", "font__letterSpacing"]
+];
+export function useTypography(props, varPrefix) {
+  const typographyStyles = computed(() => {
+    const styles = {};
+    for (const [propKey, cssProp, tokenGroup] of TYPOGRAPHY_TOKEN_MAP) {
+      const value = props[propKey];
+      if (value) {
+        styles[`--origam-${varPrefix}---${cssProp}`] = `var(--origam-${tokenGroup}---${value})`;
+      }
+    }
+    return Object.keys(styles).length ? styles : null;
+  });
+  return { typographyStyles };
+}

package/dist/src/composables/DataTable/headers.composable.d.ts

@@ -27,97 +27,7 @@ export declare function createHeaders(props: IDataTableHeaderProps, options?: {
         sort?: TDataTableCompareFunction | undefined;
         filter?: import("../../types").TFilterFunction | undefined;
         title?: string | undefined;
-        align?: {
-            readonly [x: number]: string;
-            [Symbol.iterator]: () => StringIterator<string>;
-            small: () => string;
-            fixed: () => string;
-            replace: {
-                (searchValue: string | RegExp, replaceValue: string): string;
-                (searchValue: string | RegExp, replacer: (substring: string, ...args: any[]) => string): string;
-                (searchValue: {
-                    [Symbol.replace](string: string, replaceValue: string): string;
-                }, replaceValue: string): string;
-                (searchValue: {
-                    [Symbol.replace](string: string, replacer: (substring: string, ...args: any[]) => string): string;
-                }, replacer: (substring: string, ...args: any[]) => string): string;
-            };
-            search: {
-                (regexp: string | RegExp): number;
-                (searcher: {
-                    [Symbol.search](string: string): number;
-                }): number;
-            };
-            bold: () => string;
-            link: (url: string) => string;
-            charAt: (pos: number) => string;
-            charCodeAt: (index: number) => number;
-            concat: (...strings: string[]) => string;
-            indexOf: (searchString: string, position?: number) => number;
-            lastIndexOf: (searchString: string, position?: number) => number;
-            localeCompare: {
-                (that: string): number;
-                (that: string, locales?: string | string[], options?: Intl.CollatorOptions): number;
-                (that: string, locales?: Intl.LocalesArgument, options?: Intl.CollatorOptions): number;
-            };
-            match: {
-                (regexp: string | RegExp): RegExpMatchArray | null;
-                (matcher: {
-                    [Symbol.match](string: string): RegExpMatchArray | null;
-                }): RegExpMatchArray | null;
-            };
-            slice: (start?: number, end?: number) => string;
-            split: {
-                (separator: string | RegExp, limit?: number): string[];
-                (splitter: {
-                    [Symbol.split](string: string, limit?: number): string[];
-                }, limit?: number): string[];
-            };
-            substring: (start: number, end?: number) => string;
-            toLowerCase: () => string;
-            toLocaleLowerCase: {
-                (locales?: string | string[]): string;
-                (locales?: Intl.LocalesArgument): string;
-            };
-            toUpperCase: () => string;
-            toLocaleUpperCase: {
-                (locales?: string | string[]): string;
-                (locales?: Intl.LocalesArgument): string;
-            };
-            trim: () => string;
-            readonly length: number;
-            substr: (from: number, length?: number) => string;
-            codePointAt: (pos: number) => number | undefined;
-            includes: (searchString: string, position?: number) => boolean;
-            endsWith: (searchString: string, endPosition?: number) => boolean;
-            normalize: {
-                (form: "NFC" | "NFD" | "NFKC" | "NFKD"): string;
-                (form?: string): string;
-            };
-            repeat: (count: number) => string;
-            startsWith: (searchString: string, position?: number) => boolean;
-            anchor: (name: string) => string;
-            big: () => string;
-            blink: () => string;
-            fontcolor: (color: string) => string;
-            fontsize: {
-                (size: number): string;
-                (size: string): string;
-            };
-            italics: () => string;
-            strike: () => string;
-            sub: () => string;
-            sup: () => string;
-            padStart: (maxLength: number, fillString?: string) => string;
-            padEnd: (maxLength: number, fillString?: string) => string;
-            trimEnd: () => string;
-            trimStart: () => string;
-            trimLeft: () => string;
-            trimRight: () => string;
-            matchAll: (regexp: RegExp) => RegExpStringIterator<RegExpExecArray>;
-            toString: () => string;
-            valueOf: () => string;
-        } | undefined;
+        align?: (import("../../enums").ALIGN.START | import("../../enums").ALIGN.END | import("../../enums").ALIGN.CENTER) | undefined;
         headerProps?: any;
         cellProps?: import("../../types").TDataTableHeaderCell | undefined;
         sortRaw?: TDataTableCompareFunction | undefined;
@@ -140,97 +50,7 @@ export declare function createHeaders(props: IDataTableHeaderProps, options?: {
         sort?: TDataTableCompareFunction | undefined;
         filter?: import("../../types").TFilterFunction | undefined;
         title?: string | undefined;
-        align?: {
-            readonly [x: number]: string;
-            [Symbol.iterator]: () => StringIterator<string>;
-            small: () => string;
-            fixed: () => string;
-            replace: {
-                (searchValue: string | RegExp, replaceValue: string): string;
-                (searchValue: string | RegExp, replacer: (substring: string, ...args: any[]) => string): string;
-                (searchValue: {
-                    [Symbol.replace](string: string, replaceValue: string): string;
-                }, replaceValue: string): string;
-                (searchValue: {
-                    [Symbol.replace](string: string, replacer: (substring: string, ...args: any[]) => string): string;
-                }, replacer: (substring: string, ...args: any[]) => string): string;
-            };
-            search: {
-                (regexp: string | RegExp): number;
-                (searcher: {
-                    [Symbol.search](string: string): number;
-                }): number;
-            };
-            bold: () => string;
-            link: (url: string) => string;
-            charAt: (pos: number) => string;
-            charCodeAt: (index: number) => number;
-            concat: (...strings: string[]) => string;
-            indexOf: (searchString: string, position?: number) => number;
-            lastIndexOf: (searchString: string, position?: number) => number;
-            localeCompare: {
-                (that: string): number;
-                (that: string, locales?: string | string[], options?: Intl.CollatorOptions): number;
-                (that: string, locales?: Intl.LocalesArgument, options?: Intl.CollatorOptions): number;
-            };
-            match: {
-                (regexp: string | RegExp): RegExpMatchArray | null;
-                (matcher: {
-                    [Symbol.match](string: string): RegExpMatchArray | null;
-                }): RegExpMatchArray | null;
-            };
-            slice: (start?: number, end?: number) => string;
-            split: {
-                (separator: string | RegExp, limit?: number): string[];
-                (splitter: {
-                    [Symbol.split](string: string, limit?: number): string[];
-                }, limit?: number): string[];
-            };
-            substring: (start: number, end?: number) => string;
-            toLowerCase: () => string;
-            toLocaleLowerCase: {
-                (locales?: string | string[]): string;
-                (locales?: Intl.LocalesArgument): string;
-            };
-            toUpperCase: () => string;
-            toLocaleUpperCase: {
-                (locales?: string | string[]): string;
-                (locales?: Intl.LocalesArgument): string;
-            };
-            trim: () => string;
-            readonly length: number;
-            substr: (from: number, length?: number) => string;
-            codePointAt: (pos: number) => number | undefined;
-            includes: (searchString: string, position?: number) => boolean;
-            endsWith: (searchString: string, endPosition?: number) => boolean;
-            normalize: {
-                (form: "NFC" | "NFD" | "NFKC" | "NFKD"): string;
-                (form?: string): string;
-            };
-            repeat: (count: number) => string;
-            startsWith: (searchString: string, position?: number) => boolean;
-            anchor: (name: string) => string;
-            big: () => string;
-            blink: () => string;
-            fontcolor: (color: string) => string;
-            fontsize: {
-                (size: number): string;
-                (size: string): string;
-            };
-            italics: () => string;
-            strike: () => string;
-            sub: () => string;
-            sup: () => string;
-            padStart: (maxLength: number, fillString?: string) => string;
-            padEnd: (maxLength: number, fillString?: string) => string;
-            trimEnd: () => string;
-            trimStart: () => string;
-            trimLeft: () => string;
-            trimRight: () => string;
-            matchAll: (regexp: RegExp) => RegExpStringIterator<RegExpExecArray>;
-            toString: () => string;
-            valueOf: () => string;
-        } | undefined;
+        align?: (import("../../enums").ALIGN.START | import("../../enums").ALIGN.END | import("../../enums").ALIGN.CENTER) | undefined;
         headerProps?: any;
         cellProps?: import("../../types").TDataTableHeaderCell | undefined;
         sortRaw?: TDataTableCompareFunction | undefined;
@@ -254,97 +74,7 @@ export declare function createHeaders(props: IDataTableHeaderProps, options?: {
         sort?: TDataTableCompareFunction | undefined;
         filter?: import("../../types").TFilterFunction | undefined;
         title?: string | undefined;
-        align?: {
-            readonly [x: number]: string;
-            [Symbol.iterator]: () => StringIterator<string>;
-            small: () => string;
-            fixed: () => string;
-            replace: {
-                (searchValue: string | RegExp, replaceValue: string): string;
-                (searchValue: string | RegExp, replacer: (substring: string, ...args: any[]) => string): string;
-                (searchValue: {
-                    [Symbol.replace](string: string, replaceValue: string): string;
-                }, replaceValue: string): string;
-                (searchValue: {
-                    [Symbol.replace](string: string, replacer: (substring: string, ...args: any[]) => string): string;
-                }, replacer: (substring: string, ...args: any[]) => string): string;
-            };
-            search: {
-                (regexp: string | RegExp): number;
-                (searcher: {
-                    [Symbol.search](string: string): number;
-                }): number;
-            };
-            bold: () => string;
-            link: (url: string) => string;
-            charAt: (pos: number) => string;
-            charCodeAt: (index: number) => number;
-            concat: (...strings: string[]) => string;
-            indexOf: (searchString: string, position?: number) => number;
-            lastIndexOf: (searchString: string, position?: number) => number;
-            localeCompare: {
-                (that: string): number;
-                (that: string, locales?: string | string[], options?: Intl.CollatorOptions): number;
-                (that: string, locales?: Intl.LocalesArgument, options?: Intl.CollatorOptions): number;
-            };
-            match: {
-                (regexp: string | RegExp): RegExpMatchArray | null;
-                (matcher: {
-                    [Symbol.match](string: string): RegExpMatchArray | null;
-                }): RegExpMatchArray | null;
-            };
-            slice: (start?: number, end?: number) => string;
-            split: {
-                (separator: string | RegExp, limit?: number): string[];
-                (splitter: {
-                    [Symbol.split](string: string, limit?: number): string[];
-                }, limit?: number): string[];
-            };
-            substring: (start: number, end?: number) => string;
-            toLowerCase: () => string;
-            toLocaleLowerCase: {
-                (locales?: string | string[]): string;
-                (locales?: Intl.LocalesArgument): string;
-            };
-            toUpperCase: () => string;
-            toLocaleUpperCase: {
-                (locales?: string | string[]): string;
-                (locales?: Intl.LocalesArgument): string;
-            };
-            trim: () => string;
-            readonly length: number;
-            substr: (from: number, length?: number) => string;
-            codePointAt: (pos: number) => number | undefined;
-            includes: (searchString: string, position?: number) => boolean;
-            endsWith: (searchString: string, endPosition?: number) => boolean;
-            normalize: {
-                (form: "NFC" | "NFD" | "NFKC" | "NFKD"): string;
-                (form?: string): string;
-            };
-            repeat: (count: number) => string;
-            startsWith: (searchString: string, position?: number) => boolean;
-            anchor: (name: string) => string;
-            big: () => string;
-            blink: () => string;
-            fontcolor: (color: string) => string;
-            fontsize: {
-                (size: number): string;
-                (size: string): string;
-            };
-            italics: () => string;
-            strike: () => string;
-            sub: () => string;
-            sup: () => string;
-            padStart: (maxLength: number, fillString?: string) => string;
-            padEnd: (maxLength: number, fillString?: string) => string;
-            trimEnd: () => string;
-            trimStart: () => string;
-            trimLeft: () => string;
-            trimRight: () => string;
-            matchAll: (regexp: RegExp) => RegExpStringIterator<RegExpExecArray>;
-            toString: () => string;
-            valueOf: () => string;
-        } | undefined;
+        align?: (import("../../enums").ALIGN.START | import("../../enums").ALIGN.END | import("../../enums").ALIGN.CENTER) | undefined;
         headerProps?: any;
         cellProps?: import("../../types").TDataTableHeaderCell | undefined;
         sortRaw?: TDataTableCompareFunction | undefined;
@@ -367,97 +97,7 @@ export declare function createHeaders(props: IDataTableHeaderProps, options?: {
         sort?: TDataTableCompareFunction | undefined;
         filter?: import("../../types").TFilterFunction | undefined;
         title?: string | undefined;
-        align?: {
-            readonly [x: number]: string;
-            [Symbol.iterator]: () => StringIterator<string>;
-            small: () => string;
-            fixed: () => string;
-            replace: {
-                (searchValue: string | RegExp, replaceValue: string): string;
-                (searchValue: string | RegExp, replacer: (substring: string, ...args: any[]) => string): string;
-                (searchValue: {
-                    [Symbol.replace](string: string, replaceValue: string): string;
-                }, replaceValue: string): string;
-                (searchValue: {
-                    [Symbol.replace](string: string, replacer: (substring: string, ...args: any[]) => string): string;
-                }, replacer: (substring: string, ...args: any[]) => string): string;
-            };
-            search: {
-                (regexp: string | RegExp): number;
-                (searcher: {
-                    [Symbol.search](string: string): number;
-                }): number;
-            };
-            bold: () => string;
-            link: (url: string) => string;
-            charAt: (pos: number) => string;
-            charCodeAt: (index: number) => number;
-            concat: (...strings: string[]) => string;
-            indexOf: (searchString: string, position?: number) => number;
-            lastIndexOf: (searchString: string, position?: number) => number;
-            localeCompare: {
-                (that: string): number;
-                (that: string, locales?: string | string[], options?: Intl.CollatorOptions): number;
-                (that: string, locales?: Intl.LocalesArgument, options?: Intl.CollatorOptions): number;
-            };
-            match: {
-                (regexp: string | RegExp): RegExpMatchArray | null;
-                (matcher: {
-                    [Symbol.match](string: string): RegExpMatchArray | null;
-                }): RegExpMatchArray | null;
-            };
-            slice: (start?: number, end?: number) => string;
-            split: {
-                (separator: string | RegExp, limit?: number): string[];
-                (splitter: {
-                    [Symbol.split](string: string, limit?: number): string[];
-                }, limit?: number): string[];
-            };
-            substring: (start: number, end?: number) => string;
-            toLowerCase: () => string;
-            toLocaleLowerCase: {
-                (locales?: string | string[]): string;
-                (locales?: Intl.LocalesArgument): string;
-            };
-            toUpperCase: () => string;
-            toLocaleUpperCase: {
-                (locales?: string | string[]): string;
-                (locales?: Intl.LocalesArgument): string;
-            };
-            trim: () => string;
-            readonly length: number;
-            substr: (from: number, length?: number) => string;
-            codePointAt: (pos: number) => number | undefined;
-            includes: (searchString: string, position?: number) => boolean;
-            endsWith: (searchString: string, endPosition?: number) => boolean;
-            normalize: {
-                (form: "NFC" | "NFD" | "NFKC" | "NFKD"): string;
-                (form?: string): string;
-            };
-            repeat: (count: number) => string;
-            startsWith: (searchString: string, position?: number) => boolean;
-            anchor: (name: string) => string;
-            big: () => string;
-            blink: () => string;
-            fontcolor: (color: string) => string;
-            fontsize: {
-                (size: number): string;
-                (size: string): string;
-            };
-            italics: () => string;
-            strike: () => string;
-            sub: () => string;
-            sup: () => string;
-            padStart: (maxLength: number, fillString?: string) => string;
-            padEnd: (maxLength: number, fillString?: string) => string;
-            trimEnd: () => string;
-            trimStart: () => string;
-            trimLeft: () => string;
-            trimRight: () => string;
-            matchAll: (regexp: RegExp) => RegExpStringIterator<RegExpExecArray>;
-            toString: () => string;
-            valueOf: () => string;
-        } | undefined;
+        align?: (import("../../enums").ALIGN.START | import("../../enums").ALIGN.END | import("../../enums").ALIGN.CENTER) | undefined;
         headerProps?: any;
         cellProps?: import("../../types").TDataTableHeaderCell | undefined;
         sortRaw?: TDataTableCompareFunction | undefined;

package/dist/src/composables/Icon/icon.composable.cjs

@@ -24,7 +24,12 @@ const useIcon = props => {
         icon = icons.aliases?.[icon.slice(1)];
       }
     }
-    if (!icon) throw new Error(`Could not find aliased icon "${iconAlias}"`);
+    if (!icon) {
+      console.warn("[Origam] useIcon: could not resolve the aliased icon, falling back to empty icon:", iconAlias);
+      return {
+        component: _components.OrigamComponentIcon
+      };
+    }
     if (Array.isArray(icon)) {
       return {
         component: _components.OrigamSvgIcon,

package/dist/src/composables/Icon/icon.composable.js

@@ -15,7 +15,10 @@ export const useIcon = (props) => {
         icon = icons.aliases?.[icon.slice(1)];
       }
     }
-    if (!icon) throw new Error(`Could not find aliased icon "${iconAlias}"`);
+    if (!icon) {
+      console.warn("[Origam] useIcon: could not resolve the aliased icon, falling back to empty icon:", iconAlias);
+      return { component: OrigamComponentIcon };
+    }
     if (Array.isArray(icon)) {
       return {
         component: OrigamSvgIcon,

package/dist/src/composables/InlineEdit/inline-edit.composable.cjs

@@ -45,16 +45,30 @@ function useInlineEdit(modelValue, options = {}) {
     if (verdict === true) return null;
     return typeof verdict === "string" ? verdict : "Invalid value";
   };
+  const runRules = async (value, rules) => {
+    if (!rules || rules.length === 0) return null;
+    for (const rule of rules) {
+      const result = await rule(value);
+      if (result === true) continue;
+      if (typeof result === "string") return result;
+    }
+    return null;
+  };
   const confirm = async () => {
     if (!isEditing.value) return false;
     const token = ++validationToken;
     const next = normalisedDraft.value;
     error.value = null;
-    if (options.validate) {
+    const hasRules = options.rules && options.rules.length > 0;
+    const hasValidate = !!options.validate;
+    if (hasRules || hasValidate) {
       isPending.value = true;
       let verdict = null;
       try {
-        verdict = await runValidator(next, options.validate);
+        verdict = await runRules(next, options.rules);
+        if (verdict === null) {
+          verdict = await runValidator(next, options.validate);
+        }
       } catch (err) {
         verdict = err instanceof Error ? err.message : String(err);
       }

package/dist/src/composables/InlineEdit/inline-edit.composable.js

@@ -44,16 +44,30 @@ export function useInlineEdit(modelValue, options = {}) {
     if (verdict === true) return null;
     return typeof verdict === "string" ? verdict : "Invalid value";
   };
+  const runRules = async (value, rules) => {
+    if (!rules || rules.length === 0) return null;
+    for (const rule of rules) {
+      const result = await rule(value);
+      if (result === true) continue;
+      if (typeof result === "string") return result;
+    }
+    return null;
+  };
   const confirm = async () => {
     if (!isEditing.value) return false;
     const token = ++validationToken;
     const next = normalisedDraft.value;
     error.value = null;
-    if (options.validate) {
+    const hasRules = options.rules && options.rules.length > 0;
+    const hasValidate = !!options.validate;
+    if (hasRules || hasValidate) {
       isPending.value = true;
       let verdict = null;
       try {
-        verdict = await runValidator(next, options.validate);
+        verdict = await runRules(next, options.rules);
+        if (verdict === null) {
+          verdict = await runValidator(next, options.validate);
+        }
       } catch (err) {
         verdict = err instanceof Error ? err.message : String(err);
       }

package/dist/src/composables/Masonry/masonry.composable.d.ts

@@ -1,5 +1,6 @@
 import { type Ref } from 'vue';
-import type { TMasonryAlign, TMasonryColumnBreakpoints } from '../../types';
+import type { TMasonryAlign } from '../../types';
+import type { TMasonryColumnBreakpoints } from '../../interfaces';
 /**
  * Internal layout descriptor produced by the bucket-fill algorithm.
  * One entry per measured item. Coordinates are expressed in CSS px,

package/dist/src/composables/Parallax/transform.composable.d.ts

@@ -3,6 +3,6 @@ import type { IParallaxElementProps } from '../../interfaces';
  * useParallaxTransform
  ********************************************************/
 export declare function useParallaxTransform(props: IParallaxElementProps): {
-    transformStyles: (x: number, y: number) => any;
+    transformStyles: (x: number, y: number) => string | undefined;
     strength: import("vue").ComputedRef<number>;
 };

package/dist/src/composables/Responsive/aspect.composable.cjs

@@ -11,7 +11,15 @@ function useAspectRatio(props) {
     const aspectRatio = [];
     let ratio;
     if (props.aspectRatio) {
-      ratio = eval(props.aspectRatio);
+      const raw = String(props.aspectRatio).trim();
+      const slash = raw.indexOf("/");
+      if (slash !== -1) {
+        const w = Number(raw.slice(0, slash));
+        const h = Number(raw.slice(slash + 1));
+        ratio = h ? w / h : NaN;
+      } else {
+        ratio = Number(raw);
+      }
     } else if (_consts.IN_BROWSER) {
       ratio = window.innerWidth / window.innerHeight;
     } else {

package/dist/src/composables/Responsive/aspect.composable.d.ts

@@ -14,5 +14,5 @@
 export declare function useAspectRatio(props: {
     aspectRatio?: string | number;
 }): {
-    aspectStyles: import("vue").ComputedRef<never[]>;
+    aspectStyles: import("vue").ComputedRef<string[]>;
 };