@skeletonlabs/skeleton-svelte 2.0.0-next.1 → 2.0.0-next.3

package/dist/components/accordion/anatomy/accordion-heading.svelte

@@ -1,25 +0,0 @@
-<script lang="ts">
-	import { mergeProps } from '@zag-js/svelte';
-	import { classesAccordion } from '@skeletonlabs/skeleton-common';
-	import type { AccordionHeadingProps } from '../modules/types.js';
-
-	const props: AccordionHeadingProps = $props();
-	const { level = 3, element, children, ...restAttributes } = $derived(props);
-	const attributes = $derived(
-		mergeProps(
-			{
-				class: classesAccordion.heading
-			},
-			restAttributes
-		)
-	);
-	const tag = $derived(`h${level}`);
-</script>
-
-{#if element}
-	{@render element({ attributes })}
-{:else}
-	<svelte:element this={tag} {...attributes}>
-		{@render children?.()}
-	</svelte:element>
-{/if}

package/dist/components/accordion/anatomy/accordion-heading.svelte.d.ts

@@ -1,4 +0,0 @@
-import type { AccordionHeadingProps } from '../modules/types.js';
-declare const AccordionHeading: import("svelte").Component<AccordionHeadingProps, {}, "">;
-type AccordionHeading = ReturnType<typeof AccordionHeading>;
-export default AccordionHeading;

package/dist/components/accordion/anatomy/accordion-indicator.svelte

@@ -1,28 +0,0 @@
-<script lang="ts">
-	import { mergeProps } from '@zag-js/svelte';
-	import { classesAccordion } from '@skeletonlabs/skeleton-common';
-	import { AccordionRootContext, AccordionItemContext } from '../modules/context.js';
-	import type { AccordionIndicatorProps } from '../modules/types.js';
-
-	const rootContext = AccordionRootContext.consume();
-	const itemContext = AccordionItemContext.consume();
-	const props: AccordionIndicatorProps = $props();
-	const { element, children, ...restAttributes } = $derived(props);
-	const attributes = $derived(
-		mergeProps(
-			rootContext.api.getItemIndicatorProps(itemContext.itemProps),
-			{
-				class: classesAccordion.indicator
-			},
-			restAttributes
-		)
-	);
-</script>
-
-{#if element}
-	{@render element({ attributes })}
-{:else}
-	<div {...attributes}>
-		{@render children?.()}
-	</div>
-{/if}

package/dist/components/accordion/anatomy/accordion-indicator.svelte.d.ts

@@ -1,4 +0,0 @@
-import type { AccordionIndicatorProps } from '../modules/types.js';
-declare const AccordionIndicator: import("svelte").Component<AccordionIndicatorProps, {}, "">;
-type AccordionIndicator = ReturnType<typeof AccordionIndicator>;
-export default AccordionIndicator;

package/dist/components/accordion/anatomy/accordion-item.svelte

@@ -1,34 +0,0 @@
-<script lang="ts">
-	import { mergeProps } from '@zag-js/svelte';
-	import * as accordion from '@zag-js/accordion';
-	import { classesAccordion } from '@skeletonlabs/skeleton-common';
-	import { AccordionItemContext, AccordionRootContext } from '../modules/context.js';
-	import type { AccordionItemProps } from '../modules/types.js';
-
-	const rootContext = AccordionRootContext.consume();
-	const props: AccordionItemProps = $props();
-	const [itemProps, componentProps] = $derived(accordion.splitItemProps(props));
-	const { element, children, ...restAttributes } = $derived(componentProps);
-	const attributes = $derived(
-		mergeProps(
-			rootContext.api.getItemProps(itemProps),
-			{
-				class: classesAccordion.item
-			},
-			restAttributes
-		)
-	);
-	AccordionItemContext.provide({
-		get itemProps() {
-			return itemProps;
-		}
-	});
-</script>
-
-{#if element}
-	{@render element({ attributes })}
-{:else}
-	<div {...attributes}>
-		{@render children?.()}
-	</div>
-{/if}

package/dist/components/accordion/anatomy/accordion-item.svelte.d.ts

@@ -1,4 +0,0 @@
-import type { AccordionItemProps } from '../modules/types.js';
-declare const AccordionItem: import("svelte").Component<AccordionItemProps, {}, "">;
-type AccordionItem = ReturnType<typeof AccordionItem>;
-export default AccordionItem;

package/dist/components/accordion/anatomy/accordion-root.svelte

@@ -1,39 +0,0 @@
-<script lang="ts">
-	import { mergeProps, normalizeProps, useMachine } from '@zag-js/svelte';
-	import * as accordion from '@zag-js/accordion';
-	import { classesAccordion } from '@skeletonlabs/skeleton-common';
-	import { AccordionRootContext } from '../modules/context.js';
-	import type { AccordionRootProps } from '../modules/types.js';
-
-	const props: AccordionRootProps = $props();
-	const [machineProps, componentProps] = $derived(accordion.splitProps(props));
-	const { element, children, ...restAttributes } = $derived(componentProps);
-	const id = $props.id();
-	const service = useMachine(accordion.machine, () => ({
-		id: id,
-		...machineProps
-	}));
-	const api = $derived(accordion.connect(service, normalizeProps));
-	const attributes = $derived(
-		mergeProps(
-			api.getRootProps(),
-			{
-				class: classesAccordion.root
-			},
-			restAttributes
-		)
-	);
-	AccordionRootContext.provide({
-		get api() {
-			return api;
-		}
-	});
-</script>
-
-{#if element}
-	{@render element({ attributes })}
-{:else}
-	<div {...attributes}>
-		{@render children?.()}
-	</div>
-{/if}

package/dist/components/accordion/anatomy/accordion-root.svelte.d.ts

@@ -1,4 +0,0 @@
-import type { AccordionRootProps } from '../modules/types.js';
-declare const AccordionRoot: import("svelte").Component<AccordionRootProps, {}, "">;
-type AccordionRoot = ReturnType<typeof AccordionRoot>;
-export default AccordionRoot;

package/dist/components/accordion/anatomy/accordion-trigger.svelte

@@ -1,28 +0,0 @@
-<script lang="ts">
-	import { mergeProps } from '@zag-js/svelte';
-	import { AccordionItemContext, AccordionRootContext } from '../modules/context.js';
-	import { classesAccordion } from '@skeletonlabs/skeleton-common';
-	import type { AccordionTriggerProps } from '../modules/types.js';
-
-	const rootContext = AccordionRootContext.consume();
-	const itemContext = AccordionItemContext.consume();
-	const props: AccordionTriggerProps = $props();
-	const { element, children, ...restAttributes } = $derived(props);
-	const attributes = $derived(
-		mergeProps(
-			rootContext.api.getItemTriggerProps(itemContext.itemProps),
-			{
-				class: classesAccordion.trigger
-			},
-			restAttributes
-		)
-	);
-</script>
-
-{#if element}
-	{@render element({ attributes })}
-{:else}
-	<button {...attributes}>
-		{@render children?.()}
-	</button>
-{/if}

package/dist/components/accordion/anatomy/accordion-trigger.svelte.d.ts

@@ -1,4 +0,0 @@
-import type { AccordionTriggerProps } from '../modules/types.js';
-declare const AccordionTrigger: import("svelte").Component<AccordionTriggerProps, {}, "">;
-type AccordionTrigger = ReturnType<typeof AccordionTrigger>;
-export default AccordionTrigger;

package/dist/components/accordion/modules/context.d.ts

@@ -1,12 +0,0 @@
-import type { AccordionItemContext as AccordionItemContextType, AccordionRootContext as AccordionRootContextType } from './types.js';
-declare const AccordionRootContext: {
-    key: symbol;
-    consume(): AccordionRootContextType;
-    provide(value: AccordionRootContextType): AccordionRootContextType;
-};
-declare const AccordionItemContext: {
-    key: symbol;
-    consume(): AccordionItemContextType;
-    provide(value: AccordionItemContextType): AccordionItemContextType;
-};
-export { AccordionRootContext, AccordionItemContext };

package/dist/components/accordion/modules/context.js

@@ -1,4 +0,0 @@
-import { createContext } from '../../../internal/create-context-new.js';
-const AccordionRootContext = createContext();
-const AccordionItemContext = createContext();
-export { AccordionRootContext, AccordionItemContext };

package/dist/components/accordion/modules/types.d.ts

@@ -1,29 +0,0 @@
-import * as accordion from '@zag-js/accordion';
-import type { HTMLAttributes, HTMLButtonAttributes } from 'svelte/elements';
-import type { PropsWithElement } from '../../../internal/props-with-element.js';
-import type { PropsWithChildren } from '../../../internal/props-with-children.js';
-interface AccordionRootProps extends PropsWithElement, PropsWithChildren, Omit<accordion.Props, 'id'>, Omit<HTMLAttributes<HTMLDivElement>, 'id' | 'defaultValue' | 'dir'> {
-}
-interface AccordionItemProps extends PropsWithElement, PropsWithChildren, accordion.ItemProps, HTMLAttributes<HTMLDivElement> {
-}
-interface AccordionHeadingProps extends PropsWithElement, PropsWithChildren, HTMLAttributes<HTMLHeadingElement> {
-    /**
-     * The level of the heading. This is used to determine the heading level for accessibility purposes.
-     *
-     * @defaultValue 3
-     */
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
-}
-interface AccordionTriggerProps extends PropsWithElement, PropsWithChildren, HTMLButtonAttributes {
-}
-interface AccordionIndicatorProps extends PropsWithElement, PropsWithChildren, HTMLAttributes<HTMLDivElement> {
-}
-interface AccordionContentProps extends PropsWithElement, PropsWithChildren, HTMLAttributes<HTMLDivElement> {
-}
-interface AccordionRootContext {
-    api: accordion.Api;
-}
-interface AccordionItemContext {
-    itemProps: accordion.ItemProps;
-}
-export type { AccordionRootProps, AccordionItemProps, AccordionTriggerProps, AccordionHeadingProps, AccordionIndicatorProps, AccordionContentProps, AccordionRootContext, AccordionItemContext };

package/dist/components/accordion/modules/types.js

@@ -1 +0,0 @@
-import * as accordion from '@zag-js/accordion';

package/dist/components/avatar/anatomy/avatar-fallback.svelte

@@ -1,27 +0,0 @@
-<script lang="ts">
-	import { mergeProps } from '@zag-js/svelte';
-	import { classesAvatar } from '@skeletonlabs/skeleton-common';
-	import { AvatarRootContext } from '../modules/context.js';
-	import type { AvatarFallbackProps } from '../modules/types.js';
-
-	const rootContext = AvatarRootContext.consume();
-	const props: AvatarFallbackProps = $props();
-	const { element, children, ...restAttributes } = $derived(props);
-	const attributes = $derived(
-		mergeProps(
-			rootContext.api.getFallbackProps(),
-			{
-				class: classesAvatar.fallback
-			},
-			restAttributes
-		)
-	);
-</script>
-
-{#if element}
-	{@render element({ attributes })}
-{:else}
-	<span {...attributes}>
-		{@render children?.()}
-	</span>
-{/if}

package/dist/components/avatar/anatomy/avatar-fallback.svelte.d.ts

@@ -1,4 +0,0 @@
-import type { AvatarFallbackProps } from '../modules/types.js';
-declare const AvatarFallback: import("svelte").Component<AvatarFallbackProps, {}, "">;
-type AvatarFallback = ReturnType<typeof AvatarFallback>;
-export default AvatarFallback;

package/dist/components/avatar/anatomy/avatar-image.svelte

@@ -1,25 +0,0 @@
-<script lang="ts">
-	import { mergeProps } from '@zag-js/svelte';
-	import { classesAvatar } from '@skeletonlabs/skeleton-common';
-	import { AvatarRootContext } from '../modules/context.js';
-	import type { AvatarImageProps } from '../modules/types.js';
-
-	const rootContext = AvatarRootContext.consume();
-	const props: AvatarImageProps = $props();
-	const { element, ...restAttributes } = $derived(props);
-	const attributes = $derived(
-		mergeProps(
-			rootContext.api.getImageProps(),
-			{
-				class: classesAvatar.image
-			},
-			restAttributes
-		)
-	);
-</script>
-
-{#if element}
-	{@render element({ attributes })}
-{:else}
-	<img {...attributes} />
-{/if}

package/dist/components/avatar/anatomy/avatar-image.svelte.d.ts

@@ -1,4 +0,0 @@
-import type { AvatarImageProps } from '../modules/types.js';
-declare const AvatarImage: import("svelte").Component<AvatarImageProps, {}, "">;
-type AvatarImage = ReturnType<typeof AvatarImage>;
-export default AvatarImage;

package/dist/components/avatar/anatomy/avatar-root.svelte

@@ -1,39 +0,0 @@
-<script lang="ts">
-	import * as avatar from '@zag-js/avatar';
-	import { useMachine, normalizeProps, mergeProps } from '@zag-js/svelte';
-	import { classesAvatar } from '@skeletonlabs/skeleton-common';
-	import { AvatarRootContext } from '../modules/context.js';
-	import type { AvatarRootProps } from '../modules/types.js';
-
-	const props: AvatarRootProps = $props();
-	const [machineProps, componentProps] = $derived(avatar.splitProps(props));
-	const { element, children, ...restAttributes } = $derived(componentProps);
-	const id = $props.id();
-	const service = useMachine(avatar.machine, () => ({
-		id: id,
-		...machineProps
-	}));
-	const api = $derived(avatar.connect(service, normalizeProps));
-	const attributes = $derived(
-		mergeProps(
-			api.getRootProps(),
-			{
-				class: classesAvatar.root
-			},
-			restAttributes
-		)
-	);
-	AvatarRootContext.provide({
-		get api() {
-			return api;
-		}
-	});
-</script>
-
-{#if element}
-	{@render element({ attributes: restAttributes })}
-{:else}
-	<div {...attributes}>
-		{@render children?.()}
-	</div>
-{/if}

package/dist/components/avatar/anatomy/avatar-root.svelte.d.ts

@@ -1,4 +0,0 @@
-import type { AvatarRootProps } from '../modules/types.js';
-declare const AvatarRoot: import("svelte").Component<AvatarRootProps, {}, "">;
-type AvatarRoot = ReturnType<typeof AvatarRoot>;
-export default AvatarRoot;

package/dist/components/avatar/modules/context.d.ts

@@ -1,7 +0,0 @@
-import type { AvatarRootContext as AvatarRootContextType } from './types.js';
-declare const AvatarRootContext: {
-    key: symbol;
-    consume(): AvatarRootContextType;
-    provide(value: AvatarRootContextType): AvatarRootContextType;
-};
-export { AvatarRootContext };

package/dist/components/avatar/modules/context.js

@@ -1,3 +0,0 @@
-import { createContext } from '../../../internal/create-context-new.js';
-const AvatarRootContext = createContext();
-export { AvatarRootContext };

package/dist/components/avatar/modules/types.d.ts

@@ -1,14 +0,0 @@
-import * as avatar from '@zag-js/avatar';
-import type { HTMLAttributes, HTMLImgAttributes } from 'svelte/elements';
-import type { PropsWithChildren } from '../../../internal/props-with-children.js';
-import type { PropsWithElement } from '../../../internal/props-with-element.js';
-interface AvatarRootProps extends PropsWithElement, PropsWithChildren, Omit<avatar.Props, 'id'>, Omit<HTMLAttributes<HTMLDivElement>, 'id' | 'dir'> {
-}
-interface AvatarImageProps extends PropsWithElement, HTMLImgAttributes {
-}
-interface AvatarFallbackProps extends PropsWithElement, PropsWithChildren, HTMLAttributes<HTMLSpanElement> {
-}
-interface AvatarRootContext {
-    api: avatar.Api;
-}
-export type { AvatarRootProps, AvatarImageProps, AvatarFallbackProps, AvatarRootContext };

package/dist/components/avatar/modules/types.js

@@ -1 +0,0 @@
-import * as avatar from '@zag-js/avatar';

package/dist/internal/create-context-new.d.ts

@@ -1,5 +0,0 @@
-export declare function createContext<T>(): {
-    key: symbol;
-    consume(): T;
-    provide(value: T): T;
-};

package/dist/internal/create-context-new.js

@@ -1,13 +0,0 @@
-import { getContext, setContext } from 'svelte';
-export function createContext() {
-    const key = Symbol();
-    return {
-        key: key,
-        consume() {
-            return getContext(key);
-        },
-        provide(value) {
-            return setContext(key, value);
-        }
-    };
-}