@rkosafo/cai.components 0.0.64 → 0.0.66

package/dist/forms/select/Select.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import type { SelectProps } from '../../types/index.js';
+	import IconifyIcon from '../../ui/icons/IconifyIcon.svelte';
 	import Svelecte from 'svelecte';
 
 	let {
@@ -16,11 +17,13 @@
 		hasError,
 		minHeight,
 		hasSuccess,
+		loading,
 		...restProps
 	}: SelectProps = $props();
 </script>
 
 <div
+	class="relative"
 	style="--sv-min-height: {minHeight}px; --sv-border: 1px solid {hasError
 		? 'red'
 		: hasSuccess
@@ -39,6 +42,9 @@
 		{searchable}
 		{...restProps}
 	/>
+	<div class="absolute right-3 bottom-0 pb-1" class:hidden={!loading}>
+		<IconifyIcon icon="svg-spinners:180-ring-with-bg" />
+	</div>
 </div>
 
 <!-- <style>

package/dist/layout/ComponentCanvas/index.d.ts

@@ -1,2 +1,3 @@
 export { default as ComponentCanvas } from './Canvas.svelte';
+export { default as ComponentRenderer } from './ComponentRenderer.svelte';
 export { addMapper as addComponentMapper, removeMapper as removeComponentMapper } from './ComponentRenderer.svelte';

package/dist/layout/ComponentCanvas/index.js

@@ -1,2 +1,3 @@
 export { default as ComponentCanvas } from './Canvas.svelte';
+export { default as ComponentRenderer } from './ComponentRenderer.svelte';
 export { addMapper as addComponentMapper, removeMapper as removeComponentMapper } from './ComponentRenderer.svelte';

package/dist/types/index.d.ts

@@ -454,6 +454,7 @@ export interface SelectProps {
     controlClass?: string | null;
     dropdownClass?: string | null;
     optionClass?: string | null;
+    loading?: boolean;
 }
 export interface RadioProps<T> extends RadioVariants, Omit<HTMLInputAttributes, 'color'> {
     group?: T;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rkosafo/cai.components",
-  "version": "0.0.64",
+  "version": "0.0.66",
   "files": [
     "dist",
     "!dist/**/*.test.*",