@makolabs/ripple 0.0.1-dev → 0.0.1-dev.10

package/dist/layout/Card.svelte

@@ -1,179 +0,0 @@
-<script lang="ts" module>
-	import { cn } from '../helper/cls';
-	import type { Snippet } from 'svelte';
-	import { tv, type ClassValue } from 'tailwind-variants';
-
-	const cardVariants = tv({
-		variants: {
-			size: {
-				'xs': 'p-2',
-				'sm': 'p-3',
-				'base': 'p-4',
-				'lg': 'p-5',
-				'xl': 'p-6',
-				'2xl': 'p-8'
-			},
-			color: {
-				'default': 'bg-default-50 dark:bg-default-800',
-				'primary': 'bg-primary-50 dark:bg-primary-900/20',
-				'secondary': 'bg-secondary-50 dark:bg-secondary-800/20',
-				'info': 'bg-info-50 dark:bg-info-900/20',
-				'success': 'bg-success-50 dark:bg-success-900/20',
-				'warning': 'bg-warning-50 dark:bg-warning-900/20',
-				'danger': 'bg-danger-50 dark:bg-danger-900/20'
-			},
-			border: {
-				'none': 'border-0',
-				'default': 'border border-gray-200 dark:border-gray-700',
-				'colored': 'border'
-			},
-			rounded: {
-				'none': 'rounded-none',
-				'sm': 'rounded',
-				'md': 'rounded-lg',
-				'lg': 'rounded-xl',
-				'full': 'rounded-3xl'
-			},
-			shadow: {
-				'none': 'shadow-none',
-				'sm': 'shadow-sm',
-				'md': 'shadow',
-				'lg': 'shadow-lg'
-			}
-		},
-		defaultVariants: {
-			size: 'base',
-			color: 'default',
-			border: 'default',
-			rounded: 'md',
-			shadow: 'sm'
-		}
-	});
-
-	const SIZE_TEXT_VARIANTS = {
-		'xs': 'text-xs',
-		'sm': 'text-sm',
-		'base': 'text-base',
-		'lg': 'text-lg',
-		'xl': 'text-xl',
-		'2xl': 'text-2xl'
-	};
-
-	const cardTitleVariants = tv({
-		variants: {
-			color: {
-				'default': 'text-default-900 dark:text-default-100',
-				'primary': 'text-primary-900 dark:text-primary-100',
-				'secondary': 'text-secondary-900 dark:text-secondary-100',
-				'info': 'text-info-900 dark:text-info-100',
-				'success': 'text-success-900 dark:text-success-100',
-				'warning': 'text-warning-900 dark:text-warning-100',
-				'danger': 'text-danger-900 dark:text-danger-100'
-			},
-			weight: {
-				'normal': 'font-normal',
-				'medium': 'font-medium',
-				'semibold': 'font-semibold',
-				'bold': 'font-bold'
-			},
-			size: SIZE_TEXT_VARIANTS
-		},
-		defaultVariants: {
-			color: 'default',
-			weight: 'semibold',
-			size: 'base'
-		}
-	});
-
-	const cardBodyVariants = tv({
-		variants: {
-			color: {
-				'default': 'text-default-700 dark:text-default-300',
-				'primary': 'text-primary-700 dark:text-primary-300',
-				'secondary': 'text-secondary-700 dark:text-secondary-300',
-				'info': 'text-info-700 dark:text-info-300',
-				'success': 'text-success-700 dark:text-success-300',
-				'warning': 'text-warning-700 dark:text-warning-300',
-				'danger': 'text-danger-700 dark:text-danger-300'
-			},
-			size: SIZE_TEXT_VARIANTS
-		},
-		defaultVariants: {
-			color: 'default',
-			size: 'base'
-		}
-	});
-
-
-	export type BaseCardProps = {
-		class?: ClassValue
-		containerClass?: ClassValue
-		size?: keyof typeof cardVariants.variants.size
-		color?: keyof typeof cardVariants.variants.color
-		border?: keyof typeof cardVariants.variants.border
-		rounded?: keyof typeof cardVariants.variants.rounded
-		shadow?: keyof typeof cardVariants.variants.shadow;
-		titleWeight?: keyof typeof cardTitleVariants.variants.weight
-	}
-
-	type CustomCardProps = {
-		custom: Snippet
-		children?: never
-		title?: never
-	}
-
-	type CardWithChildrenProps = {
-		children: Snippet
-		custom?: never
-		title?: string
-	}
-
-	export type CardProps = BaseCardProps & (CardWithChildrenProps | CustomCardProps);
-</script>
-
-<script lang="ts">
-	let {
-		children,
-		custom,
-		title,
-		size = 'base',
-		color = 'default',
-		border = 'default',
-		rounded = 'md',
-		shadow = 'sm',
-		class: className = '',
-		titleWeight = 'semibold'
-	}: CardProps = $props();
-
-	const cardClasses = $derived(
-		cn(
-			cardVariants({ size, color, border, rounded, shadow }),
-			className
-		)
-	);
-
-	const cardTitleClasses = $derived(
-		cn(
-			cardTitleVariants({ color: color, weight: titleWeight, size })
-		)
-	);
-
-	const cardBodyClasses = $derived(
-		cn(
-			cardBodyVariants({ color: color, size })
-		)
-	);
-</script>
-
-<div class={cardClasses}>
-	{#if children}
-		{#if title}
-			<h3 class={cardTitleClasses}>{title}</h3>
-		{/if}
-		<div class={cardBodyClasses}>
-			{@render children()}
-		</div>
-	{:else if custom}
-		{@render custom()}
-	{/if}
-</div>

package/dist/layout/Card.svelte.d.ts

@@ -1,208 +0,0 @@
-import type { Snippet } from 'svelte';
-import { type ClassValue } from 'tailwind-variants';
-declare const cardVariants: import("tailwind-variants").TVReturnType<{
-    size: {
-        xs: string;
-        sm: string;
-        base: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-    };
-    color: {
-        default: string;
-        primary: string;
-        secondary: string;
-        info: string;
-        success: string;
-        warning: string;
-        danger: string;
-    };
-    border: {
-        none: string;
-        default: string;
-        colored: string;
-    };
-    rounded: {
-        none: string;
-        sm: string;
-        md: string;
-        lg: string;
-        full: string;
-    };
-    shadow: {
-        none: string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
-}, undefined, undefined, {
-    size: {
-        xs: string;
-        sm: string;
-        base: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-    };
-    color: {
-        default: string;
-        primary: string;
-        secondary: string;
-        info: string;
-        success: string;
-        warning: string;
-        danger: string;
-    };
-    border: {
-        none: string;
-        default: string;
-        colored: string;
-    };
-    rounded: {
-        none: string;
-        sm: string;
-        md: string;
-        lg: string;
-        full: string;
-    };
-    shadow: {
-        none: string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    size: {
-        xs: string;
-        sm: string;
-        base: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-    };
-    color: {
-        default: string;
-        primary: string;
-        secondary: string;
-        info: string;
-        success: string;
-        warning: string;
-        danger: string;
-    };
-    border: {
-        none: string;
-        default: string;
-        colored: string;
-    };
-    rounded: {
-        none: string;
-        sm: string;
-        md: string;
-        lg: string;
-        full: string;
-    };
-    shadow: {
-        none: string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
-}, undefined, undefined, unknown, unknown, undefined>>;
-declare const cardTitleVariants: import("tailwind-variants").TVReturnType<{
-    color: {
-        default: string;
-        primary: string;
-        secondary: string;
-        info: string;
-        success: string;
-        warning: string;
-        danger: string;
-    };
-    weight: {
-        normal: string;
-        medium: string;
-        semibold: string;
-        bold: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        base: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-    };
-}, undefined, undefined, {
-    color: {
-        default: string;
-        primary: string;
-        secondary: string;
-        info: string;
-        success: string;
-        warning: string;
-        danger: string;
-    };
-    weight: {
-        normal: string;
-        medium: string;
-        semibold: string;
-        bold: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        base: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    color: {
-        default: string;
-        primary: string;
-        secondary: string;
-        info: string;
-        success: string;
-        warning: string;
-        danger: string;
-    };
-    weight: {
-        normal: string;
-        medium: string;
-        semibold: string;
-        bold: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        base: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-    };
-}, undefined, undefined, unknown, unknown, undefined>>;
-export type BaseCardProps = {
-    class?: ClassValue;
-    containerClass?: ClassValue;
-    size?: keyof typeof cardVariants.variants.size;
-    color?: keyof typeof cardVariants.variants.color;
-    border?: keyof typeof cardVariants.variants.border;
-    rounded?: keyof typeof cardVariants.variants.rounded;
-    shadow?: keyof typeof cardVariants.variants.shadow;
-    titleWeight?: keyof typeof cardTitleVariants.variants.weight;
-};
-type CustomCardProps = {
-    custom: Snippet;
-    children?: never;
-    title?: never;
-};
-type CardWithChildrenProps = {
-    children: Snippet;
-    custom?: never;
-    title?: string;
-};
-export type CardProps = BaseCardProps & (CardWithChildrenProps | CustomCardProps);
-declare const Card: import("svelte").Component<CardProps, {}, "">;
-type Card = ReturnType<typeof Card>;
-export default Card;

package/dist/layout/index.d.ts

@@ -1 +0,0 @@
-export { default as Card, type CardProps } from './Card.svelte';

package/dist/layout/index.js

@@ -1 +0,0 @@
-export { default as Card } from './Card.svelte';