fix: adjust presets declaration and preset consumption and fix minor types issues

.github/copilot-instructions.md

@@ -12,7 +12,6 @@
 - `@svelte-atoms/core`: A collection of core utilities and components for building Svelte applications.
 - `@svelte-atoms/alchimist`: The core library for building charts and visualizations built on top of `@svelte-atoms/core`. Allow developer to mix `HTML`, `SVG` and `Canvas` elements to create flexible and powerful of all worlds data visualizations.
 
-
 # Git
 
-- use short & straightforward commit messages
+- use short & straightforward commit messages

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@svelte-atoms/core",
-	"version": "1.0.0-alpha.15",
+	"version": "1.0.0-alpha.16",
 	"description": "A modular, accessible, and extensible Svelte UI component library.",
 	"repository": {
 		"type": "git",

src/lib/components/atom/index.ts

@@ -1,7 +1,3 @@
-export {
-	default as HtmlAtom,
-	type HtmlAtomProps,
-	type Base,
-	type ComponentBase,
-	type SnippetBase
-} from './html-atom.svelte';
+export { default as HtmlAtom } from './html-atom.svelte';
+
+export * from './types';

src/lib/components/atom/types.ts

@@ -1,6 +1,6 @@
 import type { Component, Snippet } from 'svelte';
 import { type HtmlElementTagName } from '$svelte-atoms/core/components/element';
-import type { HtmlElementProps } from '../element/types';
+import type { HtmlElementProps, ElementType } from '../element/types';
 
 export type ComponentBase = Component;
 export type SnippetBase = Snippet;
@@ -13,3 +13,5 @@ export type HtmlAtomProps<
 > = HtmlElementProps<E> & {
 	base?: B;
 };
+
+export type { ElementType };

src/lib/components/input/input-root.svelte

@@ -12,7 +12,7 @@
 
 	type Element = ElementType<E>;
 
-	const preset = getPreset('stack');
+	const preset = getPreset('input.root');
 
 	let {
 		class: klass = '',

src/lib/components/stack/stack-root.svelte

@@ -12,7 +12,7 @@
 
 	type Element = ElementType<E>;
 
-	const preset = getPreset('stack');
+	const preset = getPreset('stack.root');
 
 	let {
 		class: klass = '',

src/lib/context/preset.svelte.ts

@@ -50,9 +50,9 @@ export type ModuleName =
 	| 'field'
 	| 'form'
 	| 'icon'
-	| 'input.placeholder'
-	| 'stack'
+	| 'input.root'
 	| 'input.value'
+	| 'input.placeholder'
 	| 'label'
 	| 'layer.inner'
 	| 'layer'
@@ -82,8 +82,8 @@ export type ModuleName =
 	| 'drawer.footer'
 	| 'drawer.header'
 	| 'drawer'
+	| 'stack.root'
 	| 'stack.item'
-	| 'stack'
 	| 'tabs.body'
 	| 'tabs.header'
 	| 'tabs'