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

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

@@ -1,26 +0,0 @@
-export default Link;
-type Link = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string;
-};
-declare const Link: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}

package/dist/components/menu/menu.stories.svelte

@@ -1,33 +0,0 @@
-<script module>
-	import { defineMeta } from '@storybook/addon-svelte-csf';
-	import { Menu as AMenu } from '.';
-	import { Button } from '../button';
-
-	// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-	const { Story } = defineMeta({
-		title: 'Atoms/Menu',
-		// 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(false);
-</script>
-
-<Story name="Menu" args={{}}>
-	<AMenu.Root bind:open>
-		<AMenu.Trigger base={Button}>Select a language</AMenu.Trigger>
-		<AMenu.List>
-			<AMenu.Item onclick={() => console.log('Arabic')}>Arabic</AMenu.Item>
-			<AMenu.Item onclick={() => console.log('English')}>English</AMenu.Item>
-			<AMenu.Item onclick={() => console.log('Spanish')}>Spanish</AMenu.Item>
-			<AMenu.Item onclick={() => console.log('Italian')}>Italian</AMenu.Item>
-		</AMenu.List>
-	</AMenu.Root>
-</Story>

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

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

package/dist/components/popover/popover.stories.svelte

@@ -1,37 +0,0 @@
-<script module>
-	import { defineMeta } from '@storybook/addon-svelte-csf';
-	import { Popover as Popover_ } from '.';
-	import { Button } from '../button';
-
-	// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-	const { Story } = defineMeta({
-		title: 'Atoms/Popover',
-		// 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(false);
-</script>
-
-<Story name="Popover" args={{}}>
-	{#snippet children(args)}
-		<Popover_.Root bind:open offset={0} {...args}>
-			<Popover_.Trigger base={Button} class="items-center gap-4">
-				<div>Open Popover</div>
-				<Popover_.Indicator />
-			</Popover_.Trigger>
-
-			<Popover_.Content class="bg-card" autoClose>
-				<div>Hello World !</div>
-				<Popover_.Arrow />
-			</Popover_.Content>
-		</Popover_.Root>
-	{/snippet}
-</Story>

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

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

package/dist/components/qr-code/qr-code.stories.svelte

@@ -1,18 +0,0 @@
-<script module>
-	import { defineMeta } from '@storybook/addon-svelte-csf';
-	import QrCodeComponent from './qr-code.svelte';
-
-	const { Story } = defineMeta({
-		title: 'Atoms/QR Code'
-	});
-</script>
-
-<script>
-</script>
-
-<Story name="QR Code">
-	<QrCodeComponent
-		class="text-primary-foreground bg-primary size-64 rounded-2xl p-1"
-		value="Hello World 123"
-	/>
-</Story>

package/dist/components/qr-code/qr-code.stories.svelte.d.ts

@@ -1,26 +0,0 @@
-export default QrCode;
-type QrCode = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string;
-};
-declare const QrCode: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}

package/dist/components/radio/radio-group.stories.svelte

@@ -1,41 +0,0 @@
-<script module>
-	import { defineMeta } from '@storybook/addon-svelte-csf';
-	import { default as RadioComponent } from './radio.svelte';
-	import { default as RadioGroupComponent } from './radio-group.svelte';
-
-	const { Story } = defineMeta({
-		title: 'ATOMS/Radio'
-	});
-</script>
-
-<script>
-	let value = $state('t1');
-</script>
-
-<Story name="Group">
-	<RadioGroupComponent class="gap-4" name="choice" bind:value>
-		<label class="flex items-center gap-2">
-			<RadioComponent class="size-8" value="t1" />
-			<div>Test 1</div>
-		</label>
-
-		<label class="flex items-center gap-2">
-			<RadioComponent class="size-8" value="t2" />
-			<div>Test 2</div>
-		</label>
-
-		<label class="flex items-center gap-2">
-			<RadioComponent class="size-8" value="t3" />
-			<div>Test 3</div>
-		</label>
-
-		<label class="flex items-center gap-2">
-			<RadioComponent class="size-8" value="t4" />
-			<div>Test 4</div>
-		</label>
-	</RadioGroupComponent>
-
-	<div class="mt-8">
-		Selected value: <strong>{value}</strong>
-	</div>
-</Story>

package/dist/components/radio/radio-group.stories.svelte.d.ts

@@ -1,6 +0,0 @@
-export default RadioGroup;
-type RadioGroup = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<Record<string, never>>): void;
-};
-declare const RadioGroup: import("svelte").Component<Record<string, never>, {}, "">;

package/dist/components/radio/radio.stories.svelte

@@ -1,17 +0,0 @@
-<script module>
-	import { defineMeta } from '@storybook/addon-svelte-csf';
-	import { default as RadioModule } from './radio.svelte';
-
-	const { Story } = defineMeta({
-		title: 'ATOMS/Radio'
-	});
-</script>
-
-<script>
-	let value = $state(undefined);
-	let checked = $state(false);
-</script>
-
-<Story name="Radio">
-	<RadioModule class="size-5" />
-</Story>

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

@@ -1,6 +0,0 @@
-export default Radio;
-type Radio = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<Record<string, never>>): void;
-};
-declare const Radio: import("svelte").Component<Record<string, never>, {}, "">;

package/dist/components/root/l0-portal.svelte

@@ -1,8 +0,0 @@
-<script>
-	import { Portal } from "../portal";
-
-</script>
-
-<Portal.Outer id="root.l0" class="pointer-events-none absolute inset-0 z-10 overflow-hidden">
-	<Portal.Inner />
-</Portal.Outer>

package/dist/components/root/l0-portal.svelte.d.ts

@@ -1,26 +0,0 @@
-export default L0Portal;
-type L0Portal = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string;
-};
-declare const L0Portal: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}

package/dist/components/root/l1-portal.svelte

@@ -1,7 +0,0 @@
-<script>
-	import { Portal } from '../portal';
-</script>
-
-<Portal.Outer id="root.l1" class="pointer-events-none absolute inset-0 z-12 overflow-hidden">
-	<Portal.Inner />
-</Portal.Outer>

package/dist/components/root/l1-portal.svelte.d.ts

@@ -1,26 +0,0 @@
-export default L1Portal;
-type L1Portal = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string;
-};
-declare const L1Portal: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}

package/dist/components/root/toasts-portal.svelte

@@ -1,7 +0,0 @@
-<script>
-	import { Portal } from '../portal';
-</script>
-
-<Portal.Outer id="root.l3" class="pointer-events-none absolute inset-0 z-14 overflow-hidden">
-	<Portal.Inner />
-</Portal.Outer>

package/dist/components/root/toasts-portal.svelte.d.ts

@@ -1,26 +0,0 @@
-export default ToastsPortal;
-type ToastsPortal = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string;
-};
-declare const ToastsPortal: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}

package/dist/components/scrollable/scrollable.stories.svelte

@@ -1,116 +0,0 @@
-<script module>
-	import { defineMeta } from '@storybook/addon-svelte-csf';
-	import { Scrollable as Scrollable_ } from '.';
-	import { animate } from 'motion';
-	import { ScrollableBond } from './bond.svelte';
-	import { on } from '../../attachments/event.svelte';
-
-	const { Story } = defineMeta({
-		title: 'ATOMS/Scrollable'
-	});
-</script>
-
-<Story name="Scrollable">
-	{#snippet children({ args })}
-		<div class="h-full w-full flex-1">
-			<Scrollable_.Root
-				class="border-border box-border flex min-h-full w-full rounded-lg border shadow-inner"
-				open={false}
-				{@attach (node) => {
-					const scrollable = ScrollableBond.get();
-					if (!scrollable) return;
-
-					const c1 = on('pointerenter', () => {
-						scrollable.state.props.open = true;
-					})(node);
-
-					const c2 = on('pointerleave', () => {
-						scrollable.state.props.open = false;
-					})(node);
-
-					return () => {
-						c1();
-						c2();
-					};
-				}}
-			>
-				{#snippet children({ scrollable })}
-					<Scrollable_.Container class="max-h-[100svh]">
-						<Scrollable_.Content>
-							<div class="mx-auto w-[600px] p-4">
-								<h3 class="mb-4 text-lg font-semibold">Scrollable Content (New API)</h3>
-								<div class="grid grid-cols-3 gap-4">
-									{#each Array(99) as _, i}
-										<div class="rounded border p-4 shadow">
-											<h4 class="font-medium">Card {i + 1}</h4>
-											<p class="mt-2 text-sm">
-												This is some sample content in card {i + 1}. You can scroll horizontally and
-												vertically to see more content.
-											</p>
-										</div>
-									{/each}
-								</div>
-
-								<div class="bg-foreground/10 mt-6 rounded p-4">
-									<p class="text-sm">
-										This content area is larger than the container, so you can scroll both
-										horizontally and vertically using the custom scrollbars or mouse wheel.
-									</p>
-								</div>
-
-								<div class="mt-4 flex gap-2">
-									<button
-										class="rounded bg-blue-500 px-3 py-2 hover:bg-blue-600"
-										onclick={() => scrollable.scrollTo(0, 0)}
-									>
-										Scroll to Top
-									</button>
-									<button
-										class="rounded bg-green-500 px-3 py-2 hover:bg-green-600"
-										onclick={() => scrollable.scrollBy(50, 50)}
-									>
-										Scroll +50px
-									</button>
-								</div>
-							</div>
-						</Scrollable_.Content>
-					</Scrollable_.Container>
-
-					<!-- New unified vertical scrollbar -->
-					<Scrollable_.Track
-						orientation="vertical"
-						class="inset-y-0 right-0 w-[2px] rounded-md"
-						initial={(node) => {
-							animate(node, { opacity: 0, right: 0, top: 0, bottom: 0 }, { duration: 0 });
-						}}
-						enter={(node) => {
-							animate(
-								node,
-								{ opacity: 1, right: 8, top: 8, bottom: 8 },
-								{ duration: 0.3, ease: 'easeOut' }
-							);
-							return {
-								duration: 300
-							};
-						}}
-						exit={(node) => {
-							animate(
-								node,
-								{ opacity: 0, right: 0, top: 0, bottom: 0 },
-								{ duration: 0.3, ease: 'easeOut' }
-							);
-							return {
-								duration: 300
-							};
-						}}
-					>
-						<Scrollable_.Thumb
-							orientation="vertical"
-							class="left-[50%] w-2 origin-center translate-x-[-50%] rounded-none transition-colors"
-						/>
-					</Scrollable_.Track>
-				{/snippet}
-			</Scrollable_.Root>
-		</div>
-	{/snippet}
-</Story>

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

@@ -1,26 +0,0 @@
-export default Scrollable;
-type Scrollable = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string;
-};
-declare const Scrollable: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}

package/dist/components/sidebar/sidebar.stories.svelte

@@ -1,43 +0,0 @@
-<script module>
-	import { defineMeta } from '@storybook/addon-svelte-csf';
-	import { Sidebar as Sidebar_ } from '.';
-
-	// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-	const { Story } = defineMeta({
-		title: 'Atoms/Sidebar',
-		// 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 isOpen = $state(false);
-</script>
-
-<Story name="Sidebar" args={{}}>
-	<Sidebar_.Root class="" bind:open={isOpen}>
-		{#snippet children({ sidebar })}
-			<div class="flex size-full">
-				<Sidebar_.Content
-					class="flex min-w-32 flex-col border-r px-6 py-10 whitespace-nowrap"
-					width="300px"
-				>
-					<div>
-						<button
-							onclick={() => {
-								sidebar?.state.toggle?.();
-							}}>Open</button
-						>
-					</div>
-				</Sidebar_.Content>
-
-				<main class="bg-foreground/2 flex-1 p-8">Hello World!</main>
-			</div>
-		{/snippet}
-	</Sidebar_.Root>
-</Story>

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

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