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

package/dist/components/input/input.stories.svelte

@@ -1,35 +0,0 @@
-<script module>
-	import { defineMeta } from '@storybook/addon-svelte-csf';
-	import { Input as AInput } from '.';
-	import { Label } from '../label';
-
-	// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-	const { Story } = defineMeta({
-		title: 'Atoms/Input',
-		// 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">
-</script>
-
-<Story name="Input" args={{}}>
-	<div class="flex flex-col">
-		<Label for="price-input">Price</Label>
-		<AInput.Root>
-			<AInput.Icon class="text-foreground box-content px-0">$</AInput.Icon>
-			<AInput.Control id="price-input" class="border-border box-content border-x px-2 py-2">
-				<!--  -->
-			</AInput.Control>
-			<AInput.Icon class="text-foreground box-content px-2">.00</AInput.Icon>
-
-			<AInput.Placeholder class="text-foreground/20 pl-2">Hello World</AInput.Placeholder>
-		</AInput.Root>
-	</div>
-</Story>

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

@@ -1,18 +0,0 @@
-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;
-}
-declare const Input: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Input = InstanceType<typeof Input>;
-export default Input;

package/dist/components/label/label.stories.svelte

@@ -1,15 +0,0 @@
-<script module>
-	import { defineMeta } from '@storybook/addon-svelte-csf';
-	import { default as LabelCmp } from './label.svelte';
-
-	const { Story } = defineMeta({
-		title: 'ATOMS/Label'
-	});
-</script>
-
-<script>
-</script>
-
-<Story name="Label">
-	<LabelCmp>Hello World</LabelCmp>
-</Story>

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

@@ -1,26 +0,0 @@
-export default Label;
-type Label = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string;
-};
-declare const Label: $$__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/lazy/lazy.stories.svelte

@@ -1,28 +0,0 @@
-<script module>
-	import { defineMeta } from '@storybook/addon-svelte-csf';
-
-	const { Story } = defineMeta({
-		title: 'Atoms/Lazy'
-	});
-</script>
-
-<script lang="ts">
-	import Lazy from './lazy.svelte';
-	import { delay } from 'es-toolkit';
-</script>
-
-<Story name="Lazy">
-	<Lazy
-		promise={import('../button/button.svelte').then(async res=> {
-                    await delay(1000 * 2);
-
-                    return res.default;
-                })}
-	>
-		Hello World
-
-		{#snippet loading()}
-			<span>Loading...</span>
-		{/snippet}
-	</Lazy>
-</Story>

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

@@ -1,19 +0,0 @@
-import Lazy from './lazy.svelte';
-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;
-}
-declare const Lazy: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Lazy = InstanceType<typeof Lazy>;
-export default Lazy;

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

@@ -1,15 +0,0 @@
-<script module>
-	import { defineMeta } from '@storybook/addon-svelte-csf';
-	import LinkComponent from './link.svelte';
-
-	const { Story } = defineMeta({
-		title: 'ATOMS/Link'
-	});
-</script>
-
-<script>
-</script>
-
-<Story name="Link">
-	<LinkComponent>Hello World</LinkComponent>
-</Story>

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/motion.d.ts

@@ -1,6 +0,0 @@
-export type AnimatePopoverContentParams = {
-    duration?: number;
-    delay?: number;
-    ease?: string;
-};
-export declare function animatePopoverContent(params?: AnimatePopoverContentParams): (node: HTMLElement) => void;

package/dist/components/popover/motion.js

@@ -1,57 +0,0 @@
-import { animate } from 'motion';
-import { PopoverBond } from '.';
-import { DURATION } from '../../shared';
-export function animatePopoverContent(params = {}) {
-    return (node) => {
-        const bond = PopoverBond.get();
-        const { duration = DURATION.quick / 1000, delay = 0, ease = 'easeInOut' } = params;
-        const isOpen = bond?.state.props.open ?? false;
-        const position = bond.state.position;
-        if (!position) {
-            return;
-        }
-        const placement = position.placement;
-        const dy = placement?.startsWith('top') ? -1 : placement?.startsWith('bottom') ? 1 : 0;
-        const dx = placement?.startsWith('left') ? -1 : placement?.startsWith('right') ? 1 : 0;
-        const offset = bond.state.props.offset;
-        const xOffset = dx * offset;
-        const yOffset = dy * offset;
-        const openAsNumber = +isOpen;
-        const arrowClientWidth = bond?.elements.arrow?.clientWidth ?? 0;
-        const arrowClientHeight = bond?.elements.arrow?.clientHeight ?? 0;
-        const getTransformOrigin = () => {
-            switch (placement) {
-                case 'top':
-                case 'top-start':
-                case 'top-end':
-                    return 'bottom';
-                case 'bottom':
-                case 'bottom-start':
-                case 'bottom-end':
-                    return 'top';
-                case 'left':
-                case 'left-start':
-                case 'left-end':
-                    return 'right';
-                case 'right':
-                case 'right-start':
-                case 'right-end':
-                    return 'left';
-                default:
-                    return 'center';
-            }
-        };
-        const transformOrigin = getTransformOrigin();
-        const s0 = 0.9;
-        const s1 = 1;
-        const from = isOpen ? s1 : s0;
-        animate(node, {
-            opacity: openAsNumber,
-            y: dy * (!isOpen ? -1 : 0) * (arrowClientHeight + yOffset),
-            x: dx * (!isOpen ? -1 : 0) * (arrowClientWidth + xOffset),
-            scaleY: dy ? (isOpen ? [from, s1] : [s1, from]) : undefined,
-            scaleX: dx ? (isOpen ? [from, s1] : [s1, from]) : undefined,
-            transformOrigin
-        }, { duration, delay, ease });
-    };
-}

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;
-}