@makolabs/ripple 0.0.1-dev.23 → 0.0.1-dev.25

package/dist/elements/file-upload/FileUpload.svelte

@@ -70,8 +70,12 @@
 	<label
 		class={cn(
 			'group relative block rounded-[32px] border-2 border-dashed p-12 text-center transition-colors',
-			isDragging ? 'border-primary-400 bg-primary-50' : 'border-default-200 bg-white',
-			disabled ? 'cursor-not-allowed opacity-50' : 'hover:bg-default-50 cursor-pointer',
+			{
+				'border-primary-400 bg-primary-50': isDragging,
+				'border-default-200 bg-white': !isDragging,
+				'cursor-not-allowed opacity-50': disabled,
+				'hover:bg-default-50 cursor-pointer': !disabled
+			},
 			dropzoneClass
 		)}
 		ondragenter={handleDragEnter}
@@ -107,13 +111,13 @@
 			</div>
 
 			<!-- Upload Text -->
-			<div class="text-lg">
+			<div class="text-sm">
 				<span class="text-primary-500 font-medium">Click here</span>
 				<span class="text-default-600"> to upload your file or drag and drop.</span>
 			</div>
 
 			<!-- File Type Info -->
-			<div class="text-default-500 text-sm">
+			<div class="text-default-500 text-xs">
 				Supported Format: {allowedMimeTypes.length ? allowedMimeTypes.join(', ') : 'SVG, JPG, PNG'}
 				{#if maxSize}
 					({formatFileSize(maxSize)} each)

package/dist/index.d.ts

@@ -152,8 +152,8 @@ export type AlertProps = {
     onclose?: () => void;
 };
 export type StatsCardProps = {
-    label: string;
-    value: string | number;
+    label?: string;
+    value?: string | number;
     previousValue?: string | number;
     previousValuePrefix?: string;
     trend?: number;

package/dist/layout/card/StatsCard.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { cn } from '../../helper/cls.js';
-	import { statsCard, type StatsCardProps } from './stats-card.js';
+	import { statsCard } from './stats-card.js';
 	import { onMount } from 'svelte';
 	import * as echarts from 'echarts/core';
 
@@ -12,6 +12,7 @@
 	// @ts-expect-error - ECharts types are not available
 	import { SVGRenderer } from 'echarts/renderers';
 	import { Color } from '../../variants.js';
+	import type { StatsCardProps } from '../../index.js';
 
 	// @ts-expect-error - ECharts types are not available
 	echarts.use([LineChart, GridComponent, SVGRenderer]);

package/dist/layout/card/StatsCard.svelte.d.ts

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

package/dist/layout/card/stats-card.d.ts

@@ -1,6 +1,3 @@
-import type { ClassValue } from 'tailwind-variants';
-import type { Snippet } from 'svelte';
-import type { VariantColors } from '../../index.js';
 import { Color } from '../../variants.js';
 export declare const statsCard: import("tailwind-variants").TVReturnType<{
     color: {
@@ -192,15 +189,3 @@ export declare const statsCard: import("tailwind-variants").TVReturnType<{
     previousValue: string;
     unit: string;
 }, undefined, unknown, unknown, undefined>>;
-export type StatsCardProps = {
-    label?: string;
-    value?: string | number;
-    previousValue?: string | number;
-    previousValuePrefix?: string;
-    trend?: number;
-    color?: VariantColors;
-    chartData?: number[];
-    children?: Snippet;
-    class?: ClassValue;
-    formatLargeNumbers?: boolean;
-};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@makolabs/ripple",
-	"version": "0.0.1-dev.23",
+	"version": "0.0.1-dev.25",
 	"description": "Simple Svelte 5 powered component library ✨",
 	"repository": {
 		"type": "git",