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

package/dist/components/tree/tree.stories.svelte

@@ -1,142 +0,0 @@
-<script module>
-	import { untrack } from 'svelte';
-	import { animate } from 'motion';
-	import { RenderScan } from 'svelte-render-scan';
-	import { defineMeta } from '@storybook/addon-svelte-csf';
-	import { dev } from '$app/environment';
-	import { Tree as Tree_ } from '.';
-	import { tree } from './attachments.svelte';
-	import { TreeBond } from './bond.svelte';
-
-	// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-	const { Story } = defineMeta({
-		title: 'Atoms/Tree',
-		// This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
-
-		parameters: {
-			// More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
-			layout: 'fullscreen'
-		},
-		args: {}
-	});
-</script>
-
-<script lang="ts">
-	let open = $state(true);
-</script>
-
-<Story name="Tree" args={{}}>
-	<Tree_.Root class="" bind:open>
-		{#if dev}
-			<RenderScan duration={300} />
-		{/if}
-
-		<Tree_.Header>Vehicles</Tree_.Header>
-
-		<Tree_.Body
-			class="border-l border-l-neutral-200"
-			onmount={(node) => {
-				const bond = TreeBond.get();
-				const isOpen = untrack(() => bond?.state.props.open ?? false);
-				animate(node, { height: +isOpen ? 'auto' : 0, opacity: +isOpen }, { duration: 0 });
-			}}
-			{@attach tree((node, bond) => {
-				const isOpen = bond?.state.props.open ?? false;
-				animate(
-					node,
-					{
-						height: +isOpen ? 'auto' : 0,
-						opacity: +isOpen,
-						pointerEvents: isOpen ? 'all' : 'none'
-					},
-					{ duration: 0.1 }
-				);
-			})}
-		>
-			<Tree_.Root>
-				<Tree_.Header>Cars</Tree_.Header>
-				<Tree_.Body
-					class="border-l border-l-neutral-200"
-					onmount={(node) => {
-						const bond = TreeBond.get();
-						const isOpen = bond?.state.props.open ?? false;
-						animate(node, { height: +isOpen ? 'auto' : 0, opacity: +isOpen }, { duration: 0 });
-					}}
-					animate={(node) => {
-						const bond = TreeBond.get();
-						const isOpen = bond?.state.props.open ?? false;
-						animate(
-							node,
-							{
-								height: +isOpen ? 'auto' : 0,
-								opacity: +isOpen,
-								pointerEvents: isOpen ? 'all' : 'none'
-							},
-							{ duration: 0.1 }
-						);
-					}}
-				>
-					Mauris et habitasse cubilia potenti at condimentum iaculis nam. Ante fusce litora
-					tristique letius libero. Curabitur vitae cursus consectetur feugiat aenean viverra vel
-					dolor diam nascetur.
-				</Tree_.Body>
-			</Tree_.Root>
-
-			<Tree_.Root>
-				<Tree_.Header>Trucks</Tree_.Header>
-				<Tree_.Body
-					class="border-l border-l-neutral-200"
-					onmount={(node) => {
-						const bond = TreeBond.get();
-						const isOpen = bond?.state.props.open ?? false;
-						animate(node, { height: +isOpen ? 'auto' : 0, opacity: +isOpen }, { duration: 0 });
-					}}
-					{@attach tree((node, bond) => {
-						const isOpen = bond?.state.props.open ?? false;
-						animate(
-							node,
-							{
-								height: +isOpen ? 'auto' : 0,
-								opacity: +isOpen,
-								pointerEvents: isOpen ? 'all' : 'none'
-							},
-							{ duration: 0.1 }
-						);
-					})}
-				>
-					Mauris et habitasse cubilia potenti at condimentum iaculis nam. Ante fusce litora
-					tristique letius libero. Curabitur vitae cursus consectetur feugiat aenean viverra vel
-					dolor diam nascetur.
-				</Tree_.Body>
-			</Tree_.Root>
-
-			<Tree_.Root>
-				<Tree_.Header>Bikes</Tree_.Header>
-				<Tree_.Body
-					class="border-l border-l-neutral-200"
-					onmount={(node) => {
-						const bond = TreeBond.get();
-						const isOpen = untrack(() => bond?.state.props.open ?? false);
-						animate(node, { height: +isOpen ? 'auto' : 0, opacity: +isOpen }, { duration: 0 });
-					}}
-					{@attach tree((node, bond) => {
-						const isOpen = bond?.state.props.open ?? false;
-						animate(
-							node,
-							{
-								height: +isOpen ? 'auto' : 0,
-								opacity: +isOpen,
-								pointerEvents: isOpen ? 'all' : 'none'
-							},
-							{ duration: 0.1 }
-						);
-					})}
-				>
-					Mauris et habitasse cubilia potenti at condimentum iaculis nam. Ante fusce litora
-					tristique letius libero. Curabitur vitae cursus consectetur feugiat aenean viverra vel
-					dolor diam nascetur.
-				</Tree_.Body>
-			</Tree_.Root>
-		</Tree_.Body>
-	</Tree_.Root>
-</Story>

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

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