@svelte-atoms/core 1.0.0-alpha.30 → 1.0.0-alpha.32

package/dist/components/alert/alert-description.svelte.d.ts

@@ -1,9 +1,8 @@
 import { type Base } from '../atom';
+import type { AlertDescriptionProps } from './types';
 declare function $$render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(): {
     props: AlertDescriptionProps<E, B>;
-    exports: {
-        AlertDescriptionProps: typeof AlertDescriptionProps;
-    };
+    exports: {};
     bindings: "";
     slots: {};
     events: {};
@@ -13,9 +12,7 @@ declare class __sveltets_Render<E extends keyof HTMLElementTagNameMap = 'div', B
     events(): ReturnType<typeof $$render<E, B>>['events'];
     slots(): ReturnType<typeof $$render<E, B>>['slots'];
     bindings(): "";
-    exports(): {
-        AlertDescriptionProps: typeof AlertDescriptionProps;
-    };
+    exports(): {};
 }
 interface $$IsomorphicComponent {
     new <E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<E, B>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<E, B>['props']>, ReturnType<__sveltets_Render<E, B>['events']>, ReturnType<__sveltets_Render<E, B>['slots']>> & {

package/dist/components/alert/alert-root.svelte

@@ -8,8 +8,6 @@
 	let {
 		class: klass = '',
 		preset = 'alert',
-		dismissible = false,
-		dismissed = $bindable(false),
 		disabled = false,
 		extend = {},
 		factory = _factory,
@@ -24,16 +22,8 @@
 	}: AlertRootProps<E, B> = $props();
 
 	const bondProps = defineState<AlertBondProps>(
-		[
-			defineProperty(
-				'dismissed',
-				() => dismissed,
-				(v) => {
-					dismissed = v;
-				}
-			)
-		],
-		() => ({ dismissible, disabled, extend })
+		[defineProperty('disabled', () => disabled)],
+		() => ({ disabled, extend })
 	);
 	const bond = factory(bondProps).share();
 
@@ -42,30 +32,6 @@
 		...restProps
 	});
 
-	// Auto-hide logic for dismissed alerts
-	$effect(() => {
-		if (dismissed && bond.elements.root) {
-			// Add smooth transition out animation
-			const element = bond.elements.root;
-			element.style.transition = 'opacity 0.3s ease-out, transform 0.3s ease-out';
-			element.style.opacity = '0';
-			element.style.transform = 'translateY(-10px)';
-
-			// Optional: Remove from DOM after animation
-			setTimeout(() => {
-				if (element?.parentNode) {
-					element.style.display = 'none';
-				}
-			}, 300);
-		} else if (!dismissed && bond.elements.root) {
-			// Restore visibility
-			const element = bond.elements.root;
-			element.style.display = '';
-			element.style.opacity = '1';
-			element.style.transform = 'translateY(0)';
-		}
-	});
-
 	function _factory(props: typeof bondProps) {
 		const bondState = new AlertBondState(() => props);
 		return new AlertBond(bondState);
@@ -84,8 +50,7 @@
 		'bg-background text-foreground',
 		// State styles
 		{
-			'pointer-events-none opacity-60': disabled,
-			'pointer-events-none opacity-0': dismissed
+			'pointer-events-none opacity-50': disabled
 		},
 		'$preset',
 		klass

package/dist/components/alert/alert-root.svelte.d.ts

@@ -7,7 +7,7 @@ declare function $$render<E extends keyof HTMLElementTagNameMap = 'div', B exten
     exports: {
         getBond: () => AlertBond<AlertBondState<AlertBondProps>>;
     };
-    bindings: "dismissed";
+    bindings: "";
     slots: {};
     events: {};
 };
@@ -15,7 +15,7 @@ declare class __sveltets_Render<E extends keyof HTMLElementTagNameMap = 'div', B
     props(): ReturnType<typeof $$render<E, B>>['props'];
     events(): ReturnType<typeof $$render<E, B>>['events'];
     slots(): ReturnType<typeof $$render<E, B>>['slots'];
-    bindings(): "dismissed";
+    bindings(): "";
     exports(): {
         getBond: () => AlertBond<AlertBondState<AlertBondProps>>;
     };