@skeletonlabs/skeleton-svelte 4.6.1 → 4.7.1

package/dist/components/steps/anatomy/content.svelte

@@ -0,0 +1,38 @@
+<script lang="ts" module>
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
+	import type { ItemProps } from '@zag-js/steps';
+
+	export interface StepsContentProps extends ItemProps, PropsWithElement<'div'>, HTMLAttributes<'div'> {}
+</script>
+
+<script lang="ts">
+	import { RootContext } from '../modules/root-context.js';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: StepsContentProps = $props();
+
+	const steps = RootContext.consume();
+
+	// @zag-js/steps does not currently provide a splitItemProps function, so manually destructure
+	const { element, children, index, ...rest } = $derived(props);
+
+	const attributes = $derived(
+		mergeProps(
+			steps().getContentProps({ index }),
+			{
+				class: classes.steps.content,
+			},
+			rest,
+		),
+	);
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<div {...attributes}>
+		{@render children?.()}
+	</div>
+{/if}

package/dist/components/steps/anatomy/content.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
+import type { ItemProps } from '@zag-js/steps';
+export interface StepsContentProps extends ItemProps, PropsWithElement<'div'>, HTMLAttributes<'div'> {
+}
+declare const Content: import("svelte").Component<StepsContentProps, {}, "">;
+type Content = ReturnType<typeof Content>;
+export default Content;

package/dist/components/steps/anatomy/indicator.svelte

@@ -0,0 +1,38 @@
+<script lang="ts" module>
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
+
+	export interface StepsIndicatorProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
+</script>
+
+<script lang="ts">
+	import { ItemContext } from '../modules/item-context.js';
+	import { RootContext } from '../modules/root-context.js';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: StepsIndicatorProps = $props();
+
+	const steps = RootContext.consume();
+	const itemProps = ItemContext.consume();
+
+	const { element, children, ...rest } = $derived(props);
+
+	const attributes = $derived(
+		mergeProps(
+			steps().getIndicatorProps(itemProps()),
+			{
+				class: classes.steps.indicator,
+			},
+			rest,
+		),
+	);
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<div {...attributes}>
+		{@render children?.()}
+	</div>
+{/if}

package/dist/components/steps/anatomy/indicator.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
+export interface StepsIndicatorProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {
+}
+declare const Indicator: import("svelte").Component<StepsIndicatorProps, {}, "">;
+type Indicator = ReturnType<typeof Indicator>;
+export default Indicator;

package/dist/components/steps/anatomy/item.svelte

@@ -0,0 +1,42 @@
+<script lang="ts" module>
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
+	import type { ItemProps } from '@zag-js/steps';
+
+	export interface StepsItemProps extends ItemProps, PropsWithElement<'div'>, HTMLAttributes<'div'> {}
+</script>
+
+<script lang="ts">
+	import { ItemContext } from '../modules/item-context.js';
+	import { RootContext } from '../modules/root-context.js';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: StepsItemProps = $props();
+
+	const steps = RootContext.consume();
+
+	// @zag-js/steps does not currently provide a splitItemProps function, so manually destructure
+	const { element, children, index, ...rest } = $derived(props);
+	const itemProps = $derived({ index });
+
+	const attributes = $derived(
+		mergeProps(
+			steps().getItemProps(itemProps),
+			{
+				class: classes.steps.item,
+			},
+			rest,
+		),
+	);
+
+	ItemContext.provide(() => itemProps);
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<div {...attributes}>
+		{@render children?.()}
+	</div>
+{/if}

package/dist/components/steps/anatomy/item.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
+import type { ItemProps } from '@zag-js/steps';
+export interface StepsItemProps extends ItemProps, PropsWithElement<'div'>, HTMLAttributes<'div'> {
+}
+declare const Item: import("svelte").Component<StepsItemProps, {}, "">;
+type Item = ReturnType<typeof Item>;
+export default Item;

package/dist/components/steps/anatomy/list.svelte

@@ -0,0 +1,36 @@
+<script lang="ts" module>
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
+
+	export interface StepsListProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
+</script>
+
+<script lang="ts">
+	import { RootContext } from '../modules/root-context.js';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: StepsListProps = $props();
+
+	const steps = RootContext.consume();
+
+	const { element, children, ...rest } = $derived(props);
+
+	const attributes = $derived(
+		mergeProps(
+			steps().getListProps(),
+			{
+				class: classes.steps.list,
+			},
+			rest,
+		),
+	);
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<div {...attributes}>
+		{@render children?.()}
+	</div>
+{/if}

package/dist/components/steps/anatomy/list.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
+export interface StepsListProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {
+}
+declare const List: import("svelte").Component<StepsListProps, {}, "">;
+type List = ReturnType<typeof List>;
+export default List;

package/dist/components/steps/anatomy/next-trigger.svelte

@@ -0,0 +1,36 @@
+<script lang="ts" module>
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
+
+	export interface StepsNextTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button', 'value' | 'disabled'> {}
+</script>
+
+<script lang="ts">
+	import { RootContext } from '../modules/root-context.js';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: StepsNextTriggerProps = $props();
+
+	const steps = RootContext.consume();
+
+	const { element, children, ...rest } = $derived(props);
+
+	const attributes = $derived(
+		mergeProps(
+			steps().getNextTriggerProps(),
+			{
+				class: classes.steps.nextTrigger,
+			},
+			rest,
+		),
+	);
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<button {...attributes}>
+		{@render children?.()}
+	</button>
+{/if}

package/dist/components/steps/anatomy/next-trigger.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
+export interface StepsNextTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button', 'value' | 'disabled'> {
+}
+declare const NextTrigger: import("svelte").Component<StepsNextTriggerProps, {}, "">;
+type NextTrigger = ReturnType<typeof NextTrigger>;
+export default NextTrigger;

package/dist/components/steps/anatomy/prev-trigger.svelte

@@ -0,0 +1,36 @@
+<script lang="ts" module>
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
+
+	export interface StepsPrevTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button', 'value' | 'disabled'> {}
+</script>
+
+<script lang="ts">
+	import { RootContext } from '../modules/root-context.js';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: StepsPrevTriggerProps = $props();
+
+	const steps = RootContext.consume();
+
+	const { element, children, ...rest } = $derived(props);
+
+	const attributes = $derived(
+		mergeProps(
+			steps().getPrevTriggerProps(),
+			{
+				class: classes.steps.prevTrigger,
+			},
+			rest,
+		),
+	);
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<button {...attributes}>
+		{@render children?.()}
+	</button>
+{/if}

package/dist/components/steps/anatomy/prev-trigger.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
+export interface StepsPrevTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button', 'value' | 'disabled'> {
+}
+declare const PrevTrigger: import("svelte").Component<StepsPrevTriggerProps, {}, "">;
+type PrevTrigger = ReturnType<typeof PrevTrigger>;
+export default PrevTrigger;

package/dist/components/steps/anatomy/root-context.svelte

@@ -0,0 +1,20 @@
+<script lang="ts" module>
+	import type { useSteps } from '../modules/provider.svelte';
+	import type { Snippet } from 'svelte';
+
+	export interface StepsRootContextProps {
+		children: Snippet<[ReturnType<typeof useSteps>]>;
+	}
+</script>
+
+<script lang="ts">
+	import { RootContext } from '../modules/root-context.js';
+
+	const props: StepsRootContextProps = $props();
+
+	const steps = RootContext.consume();
+
+	const { children } = $derived(props);
+</script>
+
+{@render children(steps)}

package/dist/components/steps/anatomy/root-context.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { useSteps } from '../modules/provider.svelte';
+import type { Snippet } from 'svelte';
+export interface StepsRootContextProps {
+    children: Snippet<[ReturnType<typeof useSteps>]>;
+}
+import { RootContext } from '../modules/root-context.js';
+declare const RootContext: import("svelte").Component<StepsRootContextProps, {}, "">;
+type RootContext = ReturnType<typeof RootContext>;
+export default RootContext;

package/dist/components/steps/anatomy/root-provider.svelte

@@ -0,0 +1,39 @@
+<script lang="ts" module>
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
+	import type { useSteps } from '../modules/provider.svelte';
+
+	export interface StepsRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
+		value: ReturnType<typeof useSteps>;
+	}
+</script>
+
+<script lang="ts">
+	import { RootContext } from '../modules/root-context.js';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: StepsRootProviderProps = $props();
+
+	const { element, children, value: steps, ...rest } = $derived(props);
+
+	const attributes = $derived(
+		mergeProps(
+			steps().getRootProps(),
+			{
+				class: classes.steps.root,
+			},
+			rest,
+		),
+	);
+
+	RootContext.provide(() => steps());
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<div {...attributes}>
+		{@render children?.()}
+	</div>
+{/if}

package/dist/components/steps/anatomy/root-provider.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
+import type { useSteps } from '../modules/provider.svelte';
+export interface StepsRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
+    value: ReturnType<typeof useSteps>;
+}
+declare const RootProvider: import("svelte").Component<StepsRootProviderProps, {}, "">;
+type RootProvider = ReturnType<typeof RootProvider>;
+export default RootProvider;

package/dist/components/steps/anatomy/root.svelte

@@ -0,0 +1,46 @@
+<script lang="ts" module>
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
+	import type { Props } from '@zag-js/steps';
+
+	export interface StepsRootProps extends Omit<Props, 'id'>, PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {}
+</script>
+
+<script lang="ts">
+	import { useSteps } from '../modules/provider.svelte';
+	import { RootContext } from '../modules/root-context.js';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
+	import { splitProps } from '@zag-js/steps';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: StepsRootProps = $props();
+
+	const [stepsProps, componentProps] = $derived(splitProps(props));
+	const { element, children, ...rest } = $derived(componentProps);
+
+	const id = $props.id();
+	const steps = useSteps(() => ({
+		...stepsProps,
+		id: id,
+	}));
+
+	const attributes = $derived(
+		mergeProps(
+			steps().getRootProps(),
+			{
+				class: classes.steps.root,
+			},
+			rest,
+		),
+	);
+
+	RootContext.provide(() => steps());
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<div {...attributes}>
+		{@render children?.()}
+	</div>
+{/if}

package/dist/components/steps/anatomy/root.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
+import type { Props } from '@zag-js/steps';
+export interface StepsRootProps extends Omit<Props, 'id'>, PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
+}
+declare const Root: import("svelte").Component<StepsRootProps, {}, "">;
+type Root = ReturnType<typeof Root>;
+export default Root;

package/dist/components/steps/anatomy/separator.svelte

@@ -0,0 +1,38 @@
+<script lang="ts" module>
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
+
+	export interface StepsSeparatorProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
+</script>
+
+<script lang="ts">
+	import { ItemContext } from '../modules/item-context.js';
+	import { RootContext } from '../modules/root-context.js';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: StepsSeparatorProps = $props();
+
+	const steps = RootContext.consume();
+	const itemProps = ItemContext.consume();
+
+	const { element, children, ...rest } = $derived(props);
+
+	const attributes = $derived(
+		mergeProps(
+			steps().getSeparatorProps(itemProps()),
+			{
+				class: classes.steps.separator,
+			},
+			rest,
+		),
+	);
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<div {...attributes}>
+		{@render children?.()}
+	</div>
+{/if}

package/dist/components/steps/anatomy/separator.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
+export interface StepsSeparatorProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {
+}
+declare const Separator: import("svelte").Component<StepsSeparatorProps, {}, "">;
+type Separator = ReturnType<typeof Separator>;
+export default Separator;

package/dist/components/steps/anatomy/trigger.svelte

@@ -0,0 +1,38 @@
+<script lang="ts" module>
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
+
+	export interface StepsTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button', 'value' | 'disabled'> {}
+</script>
+
+<script lang="ts">
+	import { ItemContext } from '../modules/item-context.js';
+	import { RootContext } from '../modules/root-context.js';
+	import * as classes from '@skeletonlabs/skeleton-common/classes';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: StepsTriggerProps = $props();
+
+	const steps = RootContext.consume();
+	const itemProps = ItemContext.consume();
+
+	const { element, children, ...rest } = $derived(props);
+
+	const attributes = $derived(
+		mergeProps(
+			steps().getTriggerProps(itemProps()),
+			{
+				class: classes.steps.trigger,
+			},
+			rest,
+		),
+	);
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<button {...attributes}>
+		{@render children?.()}
+	</button>
+{/if}

package/dist/components/steps/anatomy/trigger.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
+export interface StepsTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button', 'value' | 'disabled'> {
+}
+declare const Trigger: import("svelte").Component<StepsTriggerProps, {}, "">;
+type Trigger = ReturnType<typeof Trigger>;
+export default Trigger;

package/dist/components/steps/index.d.ts

@@ -0,0 +1,13 @@
+export type { StepsContentProps } from './anatomy/content.svelte';
+export type { StepsIndicatorProps } from './anatomy/indicator.svelte';
+export type { StepsItemProps } from './anatomy/item.svelte';
+export type { StepsListProps } from './anatomy/list.svelte';
+export type { StepsNextTriggerProps } from './anatomy/next-trigger.svelte';
+export type { StepsPrevTriggerProps } from './anatomy/prev-trigger.svelte';
+export type { StepsRootProps } from './anatomy/root.svelte';
+export type { StepsRootContextProps } from './anatomy/root-context.svelte';
+export type { StepsRootProviderProps } from './anatomy/root-provider.svelte';
+export type { StepsSeparatorProps } from './anatomy/separator.svelte';
+export type { StepsTriggerProps } from './anatomy/trigger.svelte';
+export { Steps } from './modules/anatomy.js';
+export { useSteps } from './modules/provider.svelte.js';

package/dist/components/steps/index.js

@@ -0,0 +1,2 @@
+export { Steps } from './modules/anatomy.js';
+export { useSteps } from './modules/provider.svelte.js';

package/dist/components/steps/modules/anatomy.d.ts

@@ -0,0 +1,12 @@
+export declare const Steps: import("svelte").Component<import("../anatomy/root.svelte").StepsRootProps, {}, ""> & {
+    Provider: import("svelte").Component<import("../anatomy/root-provider.svelte").StepsRootProviderProps, {}, "">;
+    Context: import("svelte").Component<import("../anatomy/root-context.svelte").StepsRootContextProps, {}, "">;
+    List: import("svelte").Component<import("../anatomy/list.svelte").StepsListProps, {}, "">;
+    Item: import("svelte").Component<import("../anatomy/item.svelte").StepsItemProps, {}, "">;
+    Trigger: import("svelte").Component<import("../anatomy/trigger.svelte").StepsTriggerProps, {}, "">;
+    Indicator: import("svelte").Component<import("../anatomy/indicator.svelte").StepsIndicatorProps, {}, "">;
+    Separator: import("svelte").Component<import("../anatomy/separator.svelte").StepsSeparatorProps, {}, "">;
+    Content: import("svelte").Component<import("../anatomy/content.svelte").StepsContentProps, {}, "">;
+    PrevTrigger: import("svelte").Component<import("../anatomy/prev-trigger.svelte").StepsPrevTriggerProps, {}, "">;
+    NextTrigger: import("svelte").Component<import("../anatomy/next-trigger.svelte").StepsNextTriggerProps, {}, "">;
+};

package/dist/components/steps/modules/anatomy.js

@@ -0,0 +1,23 @@
+import Content from '../anatomy/content.svelte';
+import Indicator from '../anatomy/indicator.svelte';
+import Item from '../anatomy/item.svelte';
+import List from '../anatomy/list.svelte';
+import NextTrigger from '../anatomy/next-trigger.svelte';
+import PrevTrigger from '../anatomy/prev-trigger.svelte';
+import RootContext from '../anatomy/root-context.svelte';
+import RootProvider from '../anatomy/root-provider.svelte';
+import Root from '../anatomy/root.svelte';
+import Separator from '../anatomy/separator.svelte';
+import Trigger from '../anatomy/trigger.svelte';
+export const Steps = Object.assign(Root, {
+    Provider: RootProvider,
+    Context: RootContext,
+    List: List,
+    Item: Item,
+    Trigger: Trigger,
+    Indicator: Indicator,
+    Separator: Separator,
+    Content: Content,
+    PrevTrigger: PrevTrigger,
+    NextTrigger: NextTrigger,
+});

package/dist/components/steps/modules/item-context.d.ts

@@ -0,0 +1,6 @@
+import type { ItemProps } from '@zag-js/steps';
+export declare const ItemContext: {
+    key: symbol;
+    consume(): () => ItemProps;
+    provide(value: () => ItemProps): () => ItemProps;
+};

package/dist/components/steps/modules/item-context.js

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

package/dist/components/steps/modules/provider.svelte.d.ts

@@ -0,0 +1,3 @@
+import type { Api, Props } from '@zag-js/steps';
+import { type PropTypes } from '@zag-js/svelte';
+export declare function useSteps(props: Props | (() => Props)): () => Api<PropTypes>;

package/dist/components/steps/modules/provider.svelte.js

@@ -0,0 +1,7 @@
+import { connect, machine } from '@zag-js/steps';
+import { normalizeProps, useMachine } from '@zag-js/svelte';
+export function useSteps(props) {
+    const service = useMachine(machine, props);
+    const steps = $derived(connect(service, normalizeProps));
+    return () => steps;
+}

package/dist/components/steps/modules/root-context.d.ts

@@ -0,0 +1,5 @@
+export declare const RootContext: {
+    key: symbol;
+    consume(): () => import("@zag-js/steps", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes>;
+    provide(value: () => import("@zag-js/steps", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes>): () => import("@zag-js/steps", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes>;
+};

package/dist/components/steps/modules/root-context.js

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

package/dist/index.d.ts

@@ -17,6 +17,7 @@ export * from './components/progress/index.js';
 export * from './components/rating-group/index.js';
 export * from './components/segmented-control/index.js';
 export * from './components/slider/index.js';
+export * from './components/steps/index.js';
 export * from './components/switch/index.js';
 export * from './components/tabs/index.js';
 export * from './components/tags-input/index.js';

package/dist/index.js

@@ -17,6 +17,7 @@ export * from './components/progress/index.js';
 export * from './components/rating-group/index.js';
 export * from './components/segmented-control/index.js';
 export * from './components/slider/index.js';
+export * from './components/steps/index.js';
 export * from './components/switch/index.js';
 export * from './components/tabs/index.js';
 export * from './components/tags-input/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skeletonlabs/skeleton-svelte",
-  "version": "4.6.1",
+  "version": "4.7.1",
   "description": "The Svelte package for Skeleton.",
   "author": "endigo9740 <chris@skeletonlabs.dev>",
   "repository": {
@@ -22,32 +22,33 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.10.0",
-    "@zag-js/accordion": "1.29.1",
-    "@zag-js/avatar": "1.29.1",
-    "@zag-js/collapsible": "1.29.1",
-    "@zag-js/collection": "1.29.1",
-    "@zag-js/combobox": "1.29.1",
-    "@zag-js/date-picker": "1.29.1",
-    "@zag-js/dialog": "1.29.1",
-    "@zag-js/file-upload": "1.29.1",
-    "@zag-js/floating-panel": "1.29.1",
-    "@zag-js/listbox": "1.29.1",
-    "@zag-js/menu": "1.29.1",
-    "@zag-js/pagination": "1.29.1",
-    "@zag-js/popover": "1.29.1",
-    "@zag-js/progress": "1.29.1",
-    "@zag-js/radio-group": "1.29.1",
-    "@zag-js/rating-group": "1.29.1",
-    "@zag-js/slider": "1.29.1",
-    "@zag-js/svelte": "1.29.1",
-    "@zag-js/switch": "1.29.1",
-    "@zag-js/tabs": "1.29.1",
-    "@zag-js/tags-input": "1.29.1",
-    "@zag-js/toast": "1.29.1",
-    "@zag-js/toggle-group": "1.29.1",
-    "@zag-js/tooltip": "1.29.1",
-    "@zag-js/tree-view": "1.29.1",
-    "@skeletonlabs/skeleton-common": "4.6.1"
+    "@zag-js/accordion": "1.30.0",
+    "@zag-js/avatar": "1.30.0",
+    "@zag-js/collapsible": "1.30.0",
+    "@zag-js/collection": "1.30.0",
+    "@zag-js/combobox": "1.30.0",
+    "@zag-js/date-picker": "1.30.0",
+    "@zag-js/dialog": "1.30.0",
+    "@zag-js/file-upload": "1.30.0",
+    "@zag-js/floating-panel": "1.30.0",
+    "@zag-js/listbox": "1.30.0",
+    "@zag-js/menu": "1.30.0",
+    "@zag-js/pagination": "1.30.0",
+    "@zag-js/popover": "1.30.0",
+    "@zag-js/progress": "1.30.0",
+    "@zag-js/radio-group": "1.30.0",
+    "@zag-js/rating-group": "1.30.0",
+    "@zag-js/slider": "1.30.0",
+    "@zag-js/steps": "1.30.0",
+    "@zag-js/svelte": "1.30.0",
+    "@zag-js/switch": "1.30.0",
+    "@zag-js/tabs": "1.30.0",
+    "@zag-js/tags-input": "1.30.0",
+    "@zag-js/toast": "1.30.0",
+    "@zag-js/toggle-group": "1.30.0",
+    "@zag-js/tooltip": "1.30.0",
+    "@zag-js/tree-view": "1.30.0",
+    "@skeletonlabs/skeleton-common": "4.7.1"
   },
   "peerDependencies": {
     "svelte": "^5.29.0"