@makolabs/ripple 1.2.2 → 1.2.4

package/dist/charts/Chart.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { onMount, onDestroy, tick } from 'svelte';
+	import { onMount, onDestroy } from 'svelte';
 	import { cn } from '../helper/cls.js';
 	import * as echarts from 'echarts/core';
 	// @ts-expect-error - ECharts types are not available
@@ -60,6 +60,7 @@
 		colors = {},
 		onpointclick,
 		onchartrender
+		// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	}: ChartProps<any> = $props();
 
 	const theme = 'light';
@@ -124,6 +125,7 @@
 		return color ? chartColors[color as keyof ChartColors] || color : undefined;
 	}
 
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	function getAreaStyle(seriesConfig: SeriesConfig<any>) {
 		if (!seriesConfig.color) return undefined;
 		if (!seriesConfig.showArea) return undefined;
@@ -179,6 +181,7 @@
 		return colors.slice(0, count);
 	}
 
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	function formatValue(value: any, format?: (value: any) => string, unit?: string): string {
 		if (format) {
 			return format(value);
@@ -191,6 +194,7 @@
 		return String(value);
 	}
 
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	function configureSeries(): any[] {
 		return series.map((seriesConfig) => {
 			const seriesType = seriesConfig.type || 'line';
@@ -293,6 +297,7 @@
 		});
 	}
 
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	function defaultFormatter(params: any) {
 		if (Array.isArray(params)) {
 			const item = params[0];

package/dist/config/ai.js

@@ -7,6 +7,7 @@ export function getAIConfig() {
         };
     }
     const config = {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         provider: import.meta.env.VITE_AI_PROVIDER || 'openai',
         apiKey: import.meta.env.VITE_OPENAI_API_KEY,
         model: import.meta.env.VITE_OPENAI_MODEL || 'gpt-4-turbo-preview',

package/dist/drawer/DrawerTestWrapper.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+	import Drawer from './Drawer.svelte';
+
+	let {
+		title,
+		content,
+		open = $bindable(false),
+		onclose
+	}: {
+		title: string;
+		content: string;
+		open?: boolean;
+		onclose?: () => void;
+	} = $props();
+</script>
+
+<Drawer {title} bind:open {onclose}>
+	{content}
+</Drawer>

package/dist/drawer/DrawerTestWrapper.svelte.d.ts

@@ -0,0 +1,9 @@
+type $$ComponentProps = {
+    title: string;
+    content: string;
+    open?: boolean;
+    onclose?: () => void;
+};
+declare const DrawerTestWrapper: import("svelte").Component<$$ComponentProps, {}, "open">;
+type DrawerTestWrapper = ReturnType<typeof DrawerTestWrapper>;
+export default DrawerTestWrapper;

package/dist/drawer/drawer.d.ts

@@ -1,3 +1,4 @@
+import { Size } from '../variants.js';
 export declare const drawer: import("tailwind-variants").TVReturnType<{
     open: {
         true: {
@@ -22,22 +23,22 @@ export declare const drawer: import("tailwind-variants").TVReturnType<{
         };
     };
     size: {
-        xs: {
+        [Size.XS]: {
             contentWrapper: string;
         };
-        sm: {
+        [Size.SM]: {
             contentWrapper: string;
         };
-        base: {
+        [Size.BASE]: {
             contentWrapper: string;
         };
-        lg: {
+        [Size.LG]: {
             contentWrapper: string;
         };
-        xl: {
+        [Size.XL]: {
             contentWrapper: string;
         };
-        '2xl': {
+        [Size.XXL]: {
             contentWrapper: string;
         };
     };
@@ -75,22 +76,22 @@ export declare const drawer: import("tailwind-variants").TVReturnType<{
         };
     };
     size: {
-        xs: {
+        [Size.XS]: {
             contentWrapper: string;
         };
-        sm: {
+        [Size.SM]: {
             contentWrapper: string;
         };
-        base: {
+        [Size.BASE]: {
             contentWrapper: string;
         };
-        lg: {
+        [Size.LG]: {
             contentWrapper: string;
         };
-        xl: {
+        [Size.XL]: {
             contentWrapper: string;
         };
-        '2xl': {
+        [Size.XXL]: {
             contentWrapper: string;
         };
     };
@@ -128,22 +129,22 @@ export declare const drawer: import("tailwind-variants").TVReturnType<{
         };
     };
     size: {
-        xs: {
+        [Size.XS]: {
             contentWrapper: string;
         };
-        sm: {
+        [Size.SM]: {
             contentWrapper: string;
         };
-        base: {
+        [Size.BASE]: {
             contentWrapper: string;
         };
-        lg: {
+        [Size.LG]: {
             contentWrapper: string;
         };
-        xl: {
+        [Size.XL]: {
             contentWrapper: string;
         };
-        '2xl': {
+        [Size.XXL]: {
             contentWrapper: string;
         };
     };

package/dist/drawer/drawer.js

@@ -1,4 +1,5 @@
 import { tv } from 'tailwind-variants';
+import { Size } from '../variants.js';
 export const drawer = tv({
     slots: {
         base: 'fixed inset-0 z-50 flex overflow-hidden',
@@ -35,22 +36,22 @@ export const drawer = tv({
             }
         },
         size: {
-            xs: {
+            [Size.XS]: {
                 contentWrapper: 'w-64'
             },
-            sm: {
+            [Size.SM]: {
                 contentWrapper: 'w-80'
             },
-            base: {
+            [Size.BASE]: {
                 contentWrapper: 'w-96'
             },
-            lg: {
+            [Size.LG]: {
                 contentWrapper: 'w-[32rem]'
             },
-            xl: {
+            [Size.XL]: {
                 contentWrapper: 'w-[40rem]'
             },
-            '2xl': {
+            [Size.XXL]: {
                 contentWrapper: 'w-[48rem]'
             }
         }

package/dist/elements/accordion/Accordion.svelte

@@ -9,7 +9,7 @@
 		id,
 		bordered,
 		color,
-		open,
+		open = $bindable(false),
 		onexpand,
 		oncollapse,
 		class: className,

package/dist/elements/accordion/Accordion.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { AccordionProps } from '../../index.js';
-declare const Accordion: import("svelte").Component<AccordionProps, {}, "">;
+declare const Accordion: import("svelte").Component<AccordionProps, {}, "open">;
 type Accordion = ReturnType<typeof Accordion>;
 export default Accordion;

package/dist/elements/accordion/AccordionTestWrapper.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+	import Accordion from './Accordion.svelte';
+
+	let {
+		title,
+		content,
+		open = $bindable(false),
+		onexpand,
+		oncollapse
+	}: {
+		title: string;
+		content: string;
+		open?: boolean;
+		onexpand?: () => void;
+		oncollapse?: () => void;
+	} = $props();
+</script>
+
+<Accordion {title} bind:open {onexpand} {oncollapse}>
+	{content}
+</Accordion>

package/dist/elements/accordion/AccordionTestWrapper.svelte.d.ts

@@ -0,0 +1,10 @@
+type $$ComponentProps = {
+    title: string;
+    content: string;
+    open?: boolean;
+    onexpand?: () => void;
+    oncollapse?: () => void;
+};
+declare const AccordionTestWrapper: import("svelte").Component<$$ComponentProps, {}, "open">;
+type AccordionTestWrapper = ReturnType<typeof AccordionTestWrapper>;
+export default AccordionTestWrapper;

package/dist/elements/badge/Badge.svelte

@@ -1,11 +1,12 @@
 <script lang="ts">
 	import { cn } from '../../helper/cls.js';
 	import { badge } from './badge.js';
+	import { Size, Color } from '../../variants.js';
 	import type { BadgeProps } from '../../index.js';
 
 	let {
-		size = 'base',
-		color = 'default',
+		size = Size.BASE,
+		color = Color.DEFAULT,
 		class: className = '',
 		children,
 		onclose: onClose
@@ -20,9 +21,9 @@
 
 	const baseClass = $derived(cn(base(), className));
 
-	function handleOnClose(event) {
+	function handleOnClose(event: MouseEvent) {
 		event.preventDefault();
-		onClose();
+		onClose?.(event);
 	}
 </script>
 

package/dist/elements/badge/BadgeTestWrapper.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+	import Badge from './Badge.svelte';
+
+	let {
+		text,
+		color,
+		size,
+		onclose
+	}: { text: string; color?: string; size?: string; onclose?: () => void } = $props();
+</script>
+
+<Badge {color} {size} {onclose}>
+	{text}
+</Badge>

package/dist/elements/badge/BadgeTestWrapper.svelte.d.ts

@@ -0,0 +1,9 @@
+type $$ComponentProps = {
+    text: string;
+    color?: string;
+    size?: string;
+    onclose?: () => void;
+};
+declare const BadgeTestWrapper: import("svelte").Component<$$ComponentProps, {}, "">;
+type BadgeTestWrapper = ReturnType<typeof BadgeTestWrapper>;
+export default BadgeTestWrapper;

package/dist/elements/badge/badge.d.ts

@@ -1,56 +1,57 @@
+import { Size, Color } from '../../variants.js';
 export declare const badge: import("tailwind-variants").TVReturnType<{
     size: {
-        xs: {
+        [Size.XS]: {
             base: string;
             icon: string;
         };
-        sm: {
+        [Size.SM]: {
             base: string;
             icon: string;
         };
-        base: {
+        [Size.BASE]: {
             base: string;
             icon: string;
         };
-        lg: {
+        [Size.LG]: {
             base: string;
             icon: string;
         };
-        xl: {
+        [Size.XL]: {
             base: string;
             icon: string;
         };
-        '2xl': {
+        [Size.XXL]: {
             base: string;
             icon: string;
         };
     };
     color: {
-        default: {
+        [Color.DEFAULT]: {
             base: string;
             icon: string;
         };
-        primary: {
+        [Color.PRIMARY]: {
             base: string;
             icon: string;
         };
-        secondary: {
+        [Color.SECONDARY]: {
             base: string;
             icon: string;
         };
-        success: {
+        [Color.SUCCESS]: {
             base: string;
             icon: string;
         };
-        warning: {
+        [Color.WARNING]: {
             base: string;
             icon: string;
         };
-        danger: {
+        [Color.DANGER]: {
             base: string;
             icon: string;
         };
-        info: {
+        [Color.INFO]: {
             base: string;
             icon: string;
         };
@@ -60,57 +61,57 @@ export declare const badge: import("tailwind-variants").TVReturnType<{
     icon: string;
 }, undefined, {
     size: {
-        xs: {
+        [Size.XS]: {
             base: string;
             icon: string;
         };
-        sm: {
+        [Size.SM]: {
             base: string;
             icon: string;
         };
-        base: {
+        [Size.BASE]: {
             base: string;
             icon: string;
         };
-        lg: {
+        [Size.LG]: {
             base: string;
             icon: string;
         };
-        xl: {
+        [Size.XL]: {
             base: string;
             icon: string;
         };
-        '2xl': {
+        [Size.XXL]: {
             base: string;
             icon: string;
         };
     };
     color: {
-        default: {
+        [Color.DEFAULT]: {
             base: string;
             icon: string;
         };
-        primary: {
+        [Color.PRIMARY]: {
             base: string;
             icon: string;
         };
-        secondary: {
+        [Color.SECONDARY]: {
             base: string;
             icon: string;
         };
-        success: {
+        [Color.SUCCESS]: {
             base: string;
             icon: string;
         };
-        warning: {
+        [Color.WARNING]: {
             base: string;
             icon: string;
         };
-        danger: {
+        [Color.DANGER]: {
             base: string;
             icon: string;
         };
-        info: {
+        [Color.INFO]: {
             base: string;
             icon: string;
         };
@@ -120,57 +121,57 @@ export declare const badge: import("tailwind-variants").TVReturnType<{
     icon: string;
 }, import("tailwind-variants").TVReturnType<{
     size: {
-        xs: {
+        [Size.XS]: {
             base: string;
             icon: string;
         };
-        sm: {
+        [Size.SM]: {
             base: string;
             icon: string;
         };
-        base: {
+        [Size.BASE]: {
             base: string;
             icon: string;
         };
-        lg: {
+        [Size.LG]: {
             base: string;
             icon: string;
         };
-        xl: {
+        [Size.XL]: {
             base: string;
             icon: string;
         };
-        '2xl': {
+        [Size.XXL]: {
             base: string;
             icon: string;
         };
     };
     color: {
-        default: {
+        [Color.DEFAULT]: {
             base: string;
             icon: string;
         };
-        primary: {
+        [Color.PRIMARY]: {
             base: string;
             icon: string;
         };
-        secondary: {
+        [Color.SECONDARY]: {
             base: string;
             icon: string;
         };
-        success: {
+        [Color.SUCCESS]: {
             base: string;
             icon: string;
         };
-        warning: {
+        [Color.WARNING]: {
             base: string;
             icon: string;
         };
-        danger: {
+        [Color.DANGER]: {
             base: string;
             icon: string;
         };
-        info: {
+        [Color.INFO]: {
             base: string;
             icon: string;
         };

package/dist/elements/badge/badge.js

@@ -1,4 +1,5 @@
 import { tv } from 'tailwind-variants';
+import { Size, Color } from '../../variants.js';
 export const badge = tv({
     slots: {
         base: 'w-min inline-flex items-center justify-center whitespace-nowrap',
@@ -6,57 +7,57 @@ export const badge = tv({
     },
     variants: {
         size: {
-            xs: {
+            [Size.XS]: {
                 base: 'h-4 px-1.5 text-xs rounded gap-0.5',
                 icon: 'h-2.5 w-2.5'
             },
-            sm: {
+            [Size.SM]: {
                 base: 'h-5 px-2 text-xs rounded gap-1',
                 icon: 'h-3 w-3'
             },
-            base: {
+            [Size.BASE]: {
                 base: 'h-6 px-2.5 text-sm rounded-md gap-1.5',
                 icon: 'h-3.5 w-3.5'
             },
-            lg: {
+            [Size.LG]: {
                 base: 'h-7 px-3 text-base rounded-lg gap-2',
                 icon: 'h-4 w-4'
             },
-            xl: {
+            [Size.XL]: {
                 base: 'h-8 px-3.5 text-lg rounded-xl gap-2.5',
                 icon: 'h-5 w-5'
             },
-            '2xl': {
+            [Size.XXL]: {
                 base: 'h-10 px-4 text-xl rounded-2xl gap-3',
                 icon: 'h-6 w-6'
             }
         },
         color: {
-            default: {
+            [Color.DEFAULT]: {
                 base: 'bg-default-50 text-default-700',
                 icon: 'text-default-700'
             },
-            primary: {
+            [Color.PRIMARY]: {
                 base: 'bg-primary-50 text-primary-700',
                 icon: 'text-primary-700'
             },
-            secondary: {
+            [Color.SECONDARY]: {
                 base: 'bg-secondary-50 text-secondary-700',
                 icon: 'text-secondary-700'
             },
-            success: {
+            [Color.SUCCESS]: {
                 base: 'bg-success-50 text-success-700',
                 icon: 'text-success-700'
             },
-            warning: {
+            [Color.WARNING]: {
                 base: 'bg-warning-50 text-warning-700',
                 icon: 'text-warning-700'
             },
-            danger: {
+            [Color.DANGER]: {
                 base: 'bg-danger-50 text-danger-700',
                 icon: 'text-danger-700'
             },
-            info: {
+            [Color.INFO]: {
                 base: 'bg-info-50 text-info-700',
                 icon: 'text-info-700'
             }

package/dist/elements/dropdown/Dropdown.svelte

@@ -3,7 +3,6 @@
 	import { fly } from 'svelte/transition';
 	import type { DropdownMenuProps, DropdownItem } from '../../index.js';
 	import { dropdownMenu } from '../../index.js';
-	import { onMount, onDestroy } from 'svelte';
 	import { Size } from '../../variants.js';
 	import Portal from '../../utils/Portal.svelte';