runeforge 0.0.31 → 0.0.32

package/dist/components/crud/views/List.svelte

@@ -208,6 +208,7 @@
 			label: action.label,
 			icon: action.icon,
 			toggle: action.toggle,
+			class: action.class,
 			condition: action.condition,
 			run: (item: T) => onAction?.(action, item)
 		})),
@@ -234,10 +235,12 @@
 	<div class="flex justify-end items-center gap-1">
 		{#each rowActions as action (action.label)}
 			{#if action.condition?.(item) ?? true}
+				{@const resolvedClass =
+					typeof action.class === 'function' ? action.class(item) : action.class}
 				{#if action.toggle}
 					<input
 						type="checkbox"
-						class={['toggle toggle-sm', action.class]}
+						class={['toggle toggle-sm', resolvedClass]}
 						title={action.label}
 						aria-label={action.label}
 						checked={action.toggle(item)}
@@ -251,7 +254,7 @@
 					{@const Icon = action.icon}
 					<Button
 						variant="ghost"
-						class={['btn-xs', action.class]}
+						class={['btn-xs', resolvedClass]}
 						title={action.label}
 						aria-label={action.label}
 						onclick={(e) => {

package/dist/types/crud.d.ts

@@ -75,6 +75,11 @@ export interface CustomAction<T extends object = Record<string, unknown>> {
      * flips once the underlying item's data actually changes — e.g. after
      * the action's modal confirms and the list reloads. */
     toggle?: (item: T) => boolean;
+    /** Extra class(es) on the row action's button/switch — e.g. to color a
+     * `toggle` by the item's own state (`toggle-success`/`toggle-error`).
+     * Pass a function to resolve it per item; a plain string applies to
+     * every row alike. */
+    class?: string | ((item: T) => string);
     endpoint?: string;
     condition?: (item: T) => boolean;
     /** Renders as a modal-like panel when the action runs. Mutually exclusive
@@ -89,7 +94,8 @@ export interface RowAction<T extends object = Record<string, unknown>> {
     icon?: any;
     /** See `CustomAction.toggle` — same controlled-switch rendering. */
     toggle?: (item: T) => boolean;
-    class?: string;
+    /** See `CustomAction.class`. */
+    class?: string | ((item: T) => string);
     condition?: (item: T) => boolean;
     run: (item: T) => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "runeforge",
-  "version": "0.0.31",
+  "version": "0.0.32",
   "description": "SvelteKit toolkit for building metadata-driven CRUD interfaces with tables, forms, and actions",
   "license": "MIT",
   "author": "Ezequiel Puerta",