@svelte-atoms/core 1.0.0-alpha.41 → 1.0.0-alpha.46

package/dist/components/alert/alert.stories.svelte

@@ -1,400 +0,0 @@
-<script module>
-	import { defineMeta } from '@storybook/addon-svelte-csf';
-	import { Alert as AAlert } from './index';
-	import { Button } from '../button';
-	import { Icon } from '../icon';
-	import { cn } from '../../utils';
-
-	const { Story } = defineMeta({
-		title: 'Atoms/Alert',
-		parameters: {
-			layout: 'fullscreen'
-		}
-	});
-</script>
-
-<script lang="ts">
-	let dismissedState = $state(false);
-	let autoHideState = $state(false);
-
-	// Auto-hide demo
-	$effect(() => {
-		if (autoHideState) {
-			const timer = setTimeout(() => {
-				autoHideState = false;
-			}, 5000);
-			return () => clearTimeout(timer);
-		}
-	});
-</script>
-
-{#snippet alertLayout({ children, class: klass, ...args })}
-	{@const gridTemplateAreas = `"icon title close-button" ". description description" "content content content" "actions actions actions"`}
-	{@const gridTemplateColumns = `auto 1fr auto`}
-
-	<div
-		{...args}
-		class={cn(klass, 'grid items-center')}
-		style:grid-template-areas={gridTemplateAreas}
-		style:grid-template-columns={gridTemplateColumns}
-	>
-		{@render children?.()}
-	</div>
-{/snippet}
-
-<Story name="All Variants">
-	<div class="space-y-6 p-8">
-		<div class="space-y-4">
-			<h2 class="text-2xl font-bold">Alert Variants</h2>
-
-			<!-- Info Alert -->
-			<AAlert.Root base={alertLayout} variant="info">
-				<AAlert.Icon>
-					<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-						<circle cx="12" cy="12" r="10"></circle>
-						<path d="M12 16v-4M12 8h.01"></path>
-					</svg>
-				</AAlert.Icon>
-				<AAlert.Title>New Feature Available</AAlert.Title>
-				<AAlert.Description>
-					We've added dark mode support to your dashboard. Try it out in the settings panel.
-				</AAlert.Description>
-				<AAlert.Content></AAlert.Content>
-			</AAlert.Root>
-
-			<!-- Success Alert -->
-			<AAlert.Root base={alertLayout} variant="success">
-				<AAlert.Icon>
-					<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-						<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
-						<polyline points="22 4 12 14.01 9 11.01"></polyline>
-					</svg>
-				</AAlert.Icon>
-				<AAlert.Title>Changes Saved Successfully</AAlert.Title>
-				<AAlert.Description>
-					Your profile settings have been updated and synced across all devices.
-				</AAlert.Description>
-				<AAlert.Content></AAlert.Content>
-			</AAlert.Root>
-
-			<!-- Warning Alert -->
-			<AAlert.Root base={alertLayout} variant="warning">
-				<AAlert.Icon>
-					<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-						<path
-							d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"
-						></path>
-						<line x1="12" y1="9" x2="12" y2="13"></line>
-						<line x1="12" y1="17" x2="12.01" y2="17"></line>
-					</svg>
-				</AAlert.Icon>
-				<AAlert.Title>Storage Almost Full</AAlert.Title>
-				<AAlert.Description>
-					You're using 90% of your storage quota. Consider upgrading your plan or removing unused
-					files.
-				</AAlert.Description>
-				<AAlert.Content></AAlert.Content>
-			</AAlert.Root>
-
-			<!-- Error Alert -->
-			<AAlert.Root base={alertLayout} variant="error">
-				<AAlert.Icon>
-					<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-						<circle cx="12" cy="12" r="10"></circle>
-						<line x1="15" y1="9" x2="9" y2="15"></line>
-						<line x1="9" y1="9" x2="15" y2="15"></line>
-					</svg>
-				</AAlert.Icon>
-				<AAlert.Title>Payment Failed</AAlert.Title>
-				<AAlert.Description>
-					We couldn't process your payment. Please check your payment method and try again.
-				</AAlert.Description>
-				<AAlert.Content></AAlert.Content>
-			</AAlert.Root>
-		</div>
-	</div>
-</Story>
-
-<Story name="Dismissible">
-	<div class="space-y-6 p-8">
-		<div class="space-y-4">
-			<h2 class="text-2xl font-bold">Dismissible Alerts</h2>
-
-			<AAlert.Root base={alertLayout} variant="info" dismissible bind:dismissed={dismissedState}>
-				<AAlert.Icon>
-					<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-						<circle cx="12" cy="12" r="10"></circle>
-						<path d="M12 16v-4M12 8h.01"></path>
-					</svg>
-				</AAlert.Icon>
-				<AAlert.Title>Cookie Preferences</AAlert.Title>
-				<AAlert.Description>
-					We use cookies to enhance your experience. You can manage your preferences in settings.
-				</AAlert.Description>
-				<AAlert.Content></AAlert.Content>
-				<AAlert.CloseButton>
-					<Icon class="h-full">
-						<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-							<line x1="18" y1="6" x2="6" y2="18"></line>
-							<line x1="6" y1="6" x2="18" y2="18"></line>
-						</svg>
-					</Icon>
-				</AAlert.CloseButton>
-			</AAlert.Root>
-
-			{#if dismissedState}
-				<Button onclick={() => (dismissedState = false)}>Restore Alert</Button>
-			{/if}
-
-			<AAlert.Root base={alertLayout} variant="warning" dismissible>
-				<AAlert.Icon>
-					<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-						<path
-							d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"
-						></path>
-						<line x1="12" y1="9" x2="12" y2="13"></line>
-						<line x1="12" y1="17" x2="12.01" y2="17"></line>
-					</svg>
-				</AAlert.Icon>
-				<AAlert.Title>Beta Feature Warning</AAlert.Title>
-				<AAlert.Description>
-					You're using a beta feature. Some functionality may be unstable or change without notice.
-				</AAlert.Description>
-				<AAlert.Content></AAlert.Content>
-				<AAlert.CloseButton>
-					<Icon class="h-full">
-						<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-							<line x1="18" y1="6" x2="6" y2="18"></line>
-							<line x1="6" y1="6" x2="18" y2="18"></line>
-						</svg>
-					</Icon>
-				</AAlert.CloseButton>
-			</AAlert.Root>
-		</div>
-	</div>
-</Story>
-
-<Story name="With Actions">
-	<div class="space-y-6 p-8">
-		<div class="space-y-4">
-			<h2 class="text-2xl font-bold">Alerts with Action Buttons</h2>
-
-			<AAlert.Root base={alertLayout} variant="info">
-				<AAlert.Icon>
-					<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-						<path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path>
-						<path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
-					</svg>
-				</AAlert.Icon>
-				<AAlert.Title>System Update Available</AAlert.Title>
-				<AAlert.Description>
-					A new version is ready to install. Update now to get the latest features and security
-					improvements.
-				</AAlert.Description>
-				<AAlert.Actions>
-					<Button variant="primary" size="sm">Update Now</Button>
-					<Button variant="ghost" size="sm">Remind Me Later</Button>
-				</AAlert.Actions>
-				<AAlert.Content></AAlert.Content>
-			</AAlert.Root>
-
-			<AAlert.Root base={alertLayout} variant="error" dismissible>
-				<AAlert.Icon>
-					<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-						<circle cx="12" cy="12" r="10"></circle>
-						<line x1="15" y1="9" x2="9" y2="15"></line>
-						<line x1="9" y1="9" x2="15" y2="15"></line>
-					</svg>
-				</AAlert.Icon>
-				<AAlert.Title>Verification Required</AAlert.Title>
-				<AAlert.Description>
-					Your account needs verification before you can access premium features.
-				</AAlert.Description>
-				<AAlert.Actions>
-					<Button variant="destructive" size="sm">Verify Account</Button>
-					<Button variant="outline" size="sm">Learn More</Button>
-				</AAlert.Actions>
-				<AAlert.Content></AAlert.Content>
-				<AAlert.CloseButton>
-					<Icon class="h-full">
-						<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-							<line x1="18" y1="6" x2="6" y2="18"></line>
-							<line x1="6" y1="6" x2="18" y2="18"></line>
-						</svg>
-					</Icon>
-				</AAlert.CloseButton>
-			</AAlert.Root>
-
-			<AAlert.Root base={alertLayout} variant="success">
-				<AAlert.Icon>
-					<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-						<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
-						<polyline points="22 4 12 14.01 9 11.01"></polyline>
-					</svg>
-				</AAlert.Icon>
-				<AAlert.Title>Backup Completed</AAlert.Title>
-				<AAlert.Description>
-					All your data has been backed up successfully. Last backup: just now.
-				</AAlert.Description>
-				<AAlert.Actions>
-					<Button variant="outline" size="sm">View Details</Button>
-				</AAlert.Actions>
-				<AAlert.Content></AAlert.Content>
-			</AAlert.Root>
-		</div>
-	</div>
-</Story>
-
-<Story name="Minimal">
-	<div class="space-y-6 p-8">
-		<div class="space-y-4">
-			<h2 class="text-2xl font-bold">Minimal Alerts</h2>
-
-			<AAlert.Root variant="info">
-				<AAlert.Content>Quick tip: Press Ctrl+K to open the command palette.</AAlert.Content>
-			</AAlert.Root>
-
-			<AAlert.Root variant="success">
-				<AAlert.Content>Your changes have been saved automatically.</AAlert.Content>
-			</AAlert.Root>
-
-			<AAlert.Root variant="warning">
-				<AAlert.Content>Your session will expire in 5 minutes.</AAlert.Content>
-				<AAlert.Content></AAlert.Content>
-			</AAlert.Root>
-
-			<AAlert.Root variant="error">
-				<AAlert.Content>Connection lost. Attempting to reconnect...</AAlert.Content>
-			</AAlert.Root>
-		</div>
-	</div>
-</Story>
-
-<Story name="Real-World Examples">
-	<div class="space-y-6 p-8">
-		<div class="space-y-4">
-			<h2 class="text-2xl font-bold">Real-World Use Cases</h2>
-
-			<!-- Newsletter Subscription -->
-			<AAlert.Root base={alertLayout} variant="success" dismissible>
-				<AAlert.Icon>
-					<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-						<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"
-						></path>
-						<polyline points="22,6 12,13 2,6"></polyline>
-					</svg>
-				</AAlert.Icon>
-				<AAlert.Title>Successfully Subscribed!</AAlert.Title>
-				<AAlert.Description>
-					You're now subscribed to our newsletter. Check your inbox for a confirmation email.
-				</AAlert.Description>
-				<AAlert.Content></AAlert.Content>
-				<AAlert.CloseButton>
-					<Icon class="h-full">
-						<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-							<line x1="18" y1="6" x2="6" y2="18"></line>
-							<line x1="6" y1="6" x2="18" y2="18"></line>
-						</svg>
-					</Icon>
-				</AAlert.CloseButton>
-			</AAlert.Root>
-
-			<!-- API Rate Limit -->
-			<AAlert.Root base={alertLayout} variant="warning">
-				<AAlert.Icon>
-					<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-						<circle cx="12" cy="12" r="10"></circle>
-						<polyline points="12 6 12 12 16 14"></polyline>
-					</svg>
-				</AAlert.Icon>
-				<AAlert.Title>API Rate Limit Warning</AAlert.Title>
-				<AAlert.Description>
-					You've used 450 of 500 API calls this hour. Rate limit resets in 23 minutes.
-				</AAlert.Description>
-				<AAlert.Content></AAlert.Content>
-				<AAlert.Actions>
-					<Button variant="primary" size="sm">Upgrade Plan</Button>
-					<Button variant="ghost" size="sm">View Usage</Button>
-				</AAlert.Actions>
-			</AAlert.Root>
-
-			<!-- Maintenance Notice -->
-			<AAlert.Root base={alertLayout} variant="info">
-				<AAlert.Icon>
-					<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-						<path
-							d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"
-						></path>
-					</svg>
-				</AAlert.Icon>
-				<AAlert.Title>Scheduled Maintenance</AAlert.Title>
-				<AAlert.Description>
-					Our services will be undergoing maintenance on Dec 15, 2025 from 2:00 AM to 4:00 AM UTC.
-					Some features may be temporarily unavailable.
-				</AAlert.Description>
-				<AAlert.Content></AAlert.Content>
-				<AAlert.Actions>
-					<Button variant="primary" size="sm">Add to Calendar</Button>
-				</AAlert.Actions>
-			</AAlert.Root>
-
-			<!-- Security Alert -->
-			<AAlert.Root base={alertLayout} variant="error" dismissible>
-				<AAlert.Icon>
-					<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-						<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
-						<path d="M12 8v4M12 16h.01"></path>
-					</svg>
-				</AAlert.Icon>
-				<AAlert.Title>Unusual Login Detected</AAlert.Title>
-				<AAlert.Description>
-					We detected a login from a new device in San Francisco, CA. If this wasn't you, secure
-					your account immediately.
-				</AAlert.Description>
-				<AAlert.CloseButton>
-					<Icon class="h-full">
-						<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-							<line x1="18" y1="6" x2="6" y2="18"></line>
-							<line x1="6" y1="6" x2="18" y2="18"></line>
-						</svg>
-					</Icon>
-				</AAlert.CloseButton>
-				<AAlert.Content></AAlert.Content>
-				<AAlert.Actions>
-					<Button variant="destructive" size="sm">Secure Account</Button>
-					<Button variant="ghost" size="sm">This Was Me</Button>
-				</AAlert.Actions>
-			</AAlert.Root>
-
-			<!-- Trial Ending -->
-			<AAlert.Root base={alertLayout} variant="warning" dismissible>
-				<AAlert.Icon>
-					<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-						<rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
-						<line x1="16" y1="2" x2="16" y2="6"></line>
-						<line x1="8" y1="2" x2="8" y2="6"></line>
-						<line x1="3" y1="10" x2="21" y2="10"></line>
-					</svg>
-				</AAlert.Icon>
-				<AAlert.Title>Trial Ending Soon</AAlert.Title>
-				<AAlert.Description>
-					Your free trial ends in 3 days. Upgrade now to keep access to premium features and avoid
-					any interruption.
-				</AAlert.Description>
-				<AAlert.Content></AAlert.Content>
-				<AAlert.CloseButton>
-					<Icon class="h-full">
-						<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-							<line x1="18" y1="6" x2="6" y2="18"></line>
-							<line x1="6" y1="6" x2="18" y2="18"></line>
-						</svg>
-					</Icon>
-				</AAlert.CloseButton>
-				<AAlert.Actions>
-					<Button variant="primary" size="sm">Upgrade Now</Button>
-					<Button variant="ghost" size="sm">Compare Plans</Button>
-				</AAlert.Actions>
-			</AAlert.Root>
-		</div>
-	</div>
-</Story>

package/dist/components/alert/alert.stories.svelte.d.ts

@@ -1,3 +0,0 @@
-declare const Alert: import("svelte").Component<Record<string, never>, {}, "">;
-type Alert = ReturnType<typeof Alert>;
-export default Alert;

package/dist/components/atom/utils.d.ts

@@ -1,37 +0,0 @@
-import type { Bond } from '../../shared';
-import { type ClassValue, type VariantDefinition } from '../../utils';
-type ResolvedProps = Record<string, unknown>;
-type AnyVariantDefinition = VariantDefinition<any>;
-/**
- * Resolves preset to its final value, handling both direct values and factory functions
- */
-export declare function resolvePreset<T>(preset: T | (() => T) | undefined): T | undefined;
-/**
- * Pure function to resolve variant definition to props
- * Caches results to avoid recomputation with same inputs
- */
-export declare function resolveVariants(def: AnyVariantDefinition, bond: Bond | null | undefined, props: Record<string, unknown>): ResolvedProps;
-/**
- * Pure function to merge preset and local variant definitions
- * Returns merged variant props with local overriding preset
- */
-export declare function mergeVariants(presetVariants: Record<string, any> | undefined, presetClass: ClassValue | undefined, presetCompounds: Array<Record<string, any>> | undefined, presetDefaults: Record<string, any> | undefined, localVariants: ResolvedProps | undefined, bond: Bond | null | undefined, props: Record<string, unknown>): ResolvedProps | undefined;
-/**
- * Pure function to merge classes with $preset placeholder support
- * Handles the special $preset placeholder for precise positioning of preset classes
- */
-export declare function mergeClassesWithPreset(userClass: string | ClassValue | undefined, presetClass: ClassValue | undefined, variantClass: ClassValue | undefined): string;
-/**
- * Pure function to resolve local variants
- * Handles both function-based and VariantDefinition-based variants
- */
-export declare function resolveLocalVariants(variants: any, bond: Bond | null | undefined, props: Record<string, unknown>): ResolvedProps | undefined;
-/**
- * Pure function to extract rest props by filtering out preset and variant-specific props
- */
-export declare function extractRestProps(preset: Record<string, any> | undefined, mergedVariants: ResolvedProps | undefined, restProps: Record<string, unknown>): Record<string, unknown>;
-/**
- * Pure function to check if a base is a snippet
- */
-export declare function isSnippetBase(base: unknown): boolean;
-export {};

package/dist/components/atom/utils.js

@@ -1,208 +0,0 @@
-import { cn } from '../../utils';
-import { call } from '../../utils/function';
-/**
- * Cache for resolved variants to avoid recomputation
- * Key: JSON stringified combination of variant props
- */
-const variantCache = new Map();
-/**
- * Maximum cache size to prevent memory leaks
- */
-const MAX_CACHE_SIZE = 100;
-/**
- * Resolves preset to its final value, handling both direct values and factory functions
- */
-export function resolvePreset(preset) {
-    if (!preset)
-        return undefined;
-    const result = call(preset);
-    // If call returns a function, call it again (handle deferred preset)
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    return typeof result === 'function' ? result() : result;
-}
-/**
- * Pure function to resolve variant definition to props
- * Caches results to avoid recomputation with same inputs
- */
-export function resolveVariants(def, bond, props) {
-    const { variants: variantMap, compounds, defaults, class: baseClass } = def;
-    // Merge props with defaults
-    const finalProps = { ...defaults, ...props };
-    // Create cache key from final props (only variant-related props)
-    const variantKeys = variantMap ? Object.keys(variantMap) : [];
-    const relevantProps = Object.fromEntries(Object.entries(finalProps).filter(([key]) => variantKeys.includes(key)));
-    const cacheKey = JSON.stringify({ relevantProps, baseClass, compounds });
-    // Check cache
-    if (variantCache.has(cacheKey)) {
-        return variantCache.get(cacheKey);
-    }
-    const classes = [];
-    const attributes = {};
-    // Add base class
-    if (baseClass)
-        classes.push(baseClass);
-    // Add variant classes
-    if (variantMap) {
-        for (const [key, value] of Object.entries(finalProps)) {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            const variantValue = variantMap[key]?.[value];
-            if (variantValue !== undefined) {
-                const resolved = typeof variantValue === 'function' ? variantValue(bond) : variantValue;
-                if (typeof resolved === 'string') {
-                    classes.push(resolved);
-                }
-                else if (typeof resolved === 'object' && resolved !== null) {
-                    if ('class' in resolved) {
-                        classes.push(resolved.class);
-                    }
-                    // Add other attributes (including Symbol-based attachment keys)
-                    Object.getOwnPropertySymbols(resolved).forEach((sym) => {
-                        attributes[sym] = resolved[sym];
-                    });
-                }
-            }
-        }
-    }
-    // Add compound variants
-    if (compounds) {
-        for (const compound of compounds) {
-            const { class: compoundClass, ...compoundProps } = compound;
-            const matches = Object.entries(compoundProps).every(([key, value]) => finalProps[key] === value);
-            if (matches) {
-                if (compoundClass)
-                    classes.push(compoundClass);
-                // Add compound attributes
-                Object.entries(compound).forEach(([k, v]) => {
-                    if (k !== 'class' && !Object.keys(compoundProps).includes(k)) {
-                        attributes[k] = v;
-                    }
-                });
-            }
-        }
-    }
-    const result = {
-        class: classes,
-        ...attributes
-    };
-    // Store in cache (limit cache size to prevent memory leaks)
-    if (variantCache.size >= MAX_CACHE_SIZE) {
-        // Clear oldest entry (first in Map)
-        const firstKey = variantCache.keys().next().value;
-        if (firstKey)
-            variantCache.delete(firstKey);
-    }
-    variantCache.set(cacheKey, result);
-    return result;
-}
-/**
- * Pure function to merge preset and local variant definitions
- * Returns merged variant props with local overriding preset
- */
-export function mergeVariants(
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-presetVariants, presetClass, 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-presetCompounds, 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-presetDefaults, localVariants, bond, props) {
-    // No variants at all
-    if (!presetVariants && !localVariants)
-        return undefined;
-    // Only preset variants (raw object from preset)
-    if (presetVariants && !localVariants) {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const variantDef = {
-            class: presetClass ?? '',
-            variants: presetVariants,
-            compounds: presetCompounds ?? [],
-            defaults: presetDefaults ?? {}
-        };
-        return resolveVariants(variantDef, bond, props);
-    }
-    // Only local variants
-    if (!presetVariants && localVariants) {
-        return localVariants;
-    }
-    // Both exist - merge them
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const presetVariantDef = {
-        class: presetClass ?? '',
-        variants: presetVariants ?? {},
-        compounds: presetCompounds ?? [],
-        defaults: presetDefaults ?? {}
-    };
-    const presetResolved = resolveVariants(presetVariantDef, bond, props);
-    // Merge the resolved variant props
-    // Local variant classes and attributes override preset
-    const presetClasses = Array.isArray(presetResolved.class)
-        ? presetResolved.class
-        : [presetResolved.class];
-    const localClasses = Array.isArray(localVariants?.class)
-        ? localVariants.class
-        : [localVariants?.class];
-    return {
-        class: [...presetClasses, ...localClasses].filter(Boolean),
-        ...presetResolved,
-        ...localVariants
-    };
-}
-/**
- * Pure function to merge classes with $preset placeholder support
- * Handles the special $preset placeholder for precise positioning of preset classes
- */
-export function mergeClassesWithPreset(userClass, presetClass, variantClass) {
-    const klassStr = cn(userClass ?? '');
-    // Check for $preset placeholder first
-    if (!klassStr.includes('$preset')) {
-        // No placeholder - normal merge: variants override direct class
-        return cn(userClass, variantClass ?? '');
-    }
-    // Has placeholder - calculate position and inject preset classes
-    const parts = klassStr.split('$preset');
-    // Only keep the last $preset placeholder
-    const beforeLastPlaceholder = parts.slice(0, -1).join('');
-    const afterLastPlaceholder = parts[parts.length - 1];
-    const presetClassString = cn(presetClass);
-    // Merge: before + preset + variants + after
-    return cn(beforeLastPlaceholder, presetClassString, variantClass ?? '', afterLastPlaceholder);
-}
-/**
- * Pure function to resolve local variants
- * Handles both function-based and VariantDefinition-based variants
- */
-export function resolveLocalVariants(
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-variants, bond, props) {
-    if (!variants)
-        return undefined;
-    // If it's a function, call it directly
-    if (typeof variants === 'function') {
-        return variants(bond, props);
-    }
-    // Otherwise it's a VariantDefinition, resolve it
-    return resolveVariants(variants, bond, props);
-}
-/**
- * Pure function to extract rest props by filtering out preset and variant-specific props
- */
-export function extractRestProps(
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-preset, mergedVariants, restProps) {
-    const presetProps = { ...preset };
-    const presetKeysToRemove = ['class', 'base', 'as', 'variants', 'compounds', 'defaults'];
-    for (const key of presetKeysToRemove) {
-        delete presetProps[key];
-    }
-    const variantsRestProps = { ...mergedVariants };
-    const variantKeysToRemove = ['class', 'variants', 'compounds', 'defaults'];
-    for (const key of variantKeysToRemove) {
-        delete variantsRestProps[key];
-    }
-    return { ...presetProps, ...variantsRestProps, ...restProps };
-}
-/**
- * Pure function to check if a base is a snippet
- */
-export function isSnippetBase(base) {
-    return typeof base === 'function' && base.length === 1 && !base.prototype;
-}

package/dist/components/avatar/avatar.stories.svelte

@@ -1,22 +0,0 @@
-<script module>
-	import { defineMeta } from '@storybook/addon-svelte-csf';
-	import AvatarCmp from './avatar.svelte';
-	import CalendarRegularIcon from '../../icons/icon-arrow-down.svelte';
-
-	const { Story } = defineMeta({
-		title: 'ATOMS/Avatar'
-	});
-</script>
-
-<Story name="Avatar">
-	<div class="flex h-full w-full items-center justify-center gap-4">
-		<AvatarCmp alt="Abdelhalim Riache" />
-
-		<AvatarCmp src={CalendarRegularIcon} alt="Abdelhalim Riache" />
-
-		<AvatarCmp
-			src="https://sevennaturalwonders.org/wp-content/uploads/2023/12/1-Mount-Fuji.jpg"
-			alt="Mount Fuji"
-		/>
-	</div>
-</Story>