@valerius_petrini/corekit-ui 0.1.86 → 0.1.87

package/dist/components/typography/Text/index.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
     import { sizeStyleParts, textStyle, type SizeStyleTheme } from "../../../styles/size";
+	import { multiAction } from "../../../utils/multiAction.js";
     import type { TextProps } from "./types.js";
     import { twMerge } from "tailwind-merge";
 
@@ -10,6 +11,7 @@
         tag = "p",
         shrink = undefined,
         size = "none",
+        use = [],
         ...restProps
     }: TextProps = $props();
 
@@ -61,6 +63,6 @@
     ));
 </script>
 
-<svelte:element bind:this={element} this={tag} style={shrinkStyle} class={combinedClass} {...restProps}>
+<svelte:element bind:this={element} this={tag} style={shrinkStyle} class={combinedClass} {...restProps} use:multiAction={use}>
     {@render children?.()}
 </svelte:element>

package/dist/types/BaseComponent.d.ts

@@ -1,9 +1,11 @@
+import type { Action } from "svelte/action";
 import type { SizeStyle } from "../styles/size";
 import type { Component } from "svelte";
 export interface BaseComponentProps {
     children?: any;
     class?: string;
     element?: HTMLElement;
+    use?: [Action, any?][];
     [key: string]: any;
 }
 export type InputVariant = "default" | "floating";

package/dist/utils/multiAction.d.ts

@@ -0,0 +1,4 @@
+import type { Action } from "svelte/action";
+export declare function multiAction(node: HTMLElement, actions: [Action, any?][]): {
+    destroy(): void;
+};

package/dist/utils/multiAction.js

@@ -0,0 +1,8 @@
+export function multiAction(node, actions) {
+    const instances = actions.map(([action, params]) => action(node, params));
+    return {
+        destroy() {
+            instances.forEach(isnt => isnt?.destroy?.());
+        }
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@valerius_petrini/corekit-ui",
-	"version": "0.1.86",
+	"version": "0.1.87",
 	"description": "Component Library used across all my projects",
 	"author": "Valerius Petrini Jr.",
 	"license": "MIT",