ui-ingredients 0.0.67 → 0.0.69

package/dist/color-picker/color-picker-value-swatch.svelte

@@ -35,7 +35,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <div {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </div>
 {/if}

package/dist/color-picker/color-picker-value-text.svelte

@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <div {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {#if children}
       {@render children()}
     {:else}

package/dist/color-picker/color-picker-view.svelte

@@ -35,7 +35,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <div {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </div>
 {/if}

package/dist/is-object.d.ts

@@ -0,0 +1,2 @@
+import type { GenericObject } from './types.js';
+export declare function isObject<T extends GenericObject>(value: unknown): value is T;

package/dist/{is-pojo.js → is-object.js}

@@ -1,5 +1,5 @@
 /* Credits: https://github.com/lodash/lodash/blob/main/src/isPlainObject.ts */
-export function isPojo(value) {
+export function isObject(value) {
     if (value === null) {
         return false;
     }

package/dist/merge-props.js

@@ -1,9 +1,9 @@
 import { mergeProps as fn } from '@zag-js/svelte';
-import { isPojo } from './is-pojo.js';
+import { isObject } from './is-object.js';
 export function mergeProps(...args) {
     const r = fn(...args);
     const i = 'style';
-    if (r[i] && isPojo(r[i])) {
+    if (r[i] && isObject(r[i])) {
         let s = '';
         for (const k in r[i]) {
             const v = r[i][k];

package/dist/tour/create-tour.svelte.d.ts

@@ -1,7 +1,12 @@
 import * as tour from '@zag-js/tour';
-export interface CreateTourProps extends Omit<tour.Context, 'id' | 'dir' | 'getRootNode'> {
+import type { HTMLButtonAttributes } from 'svelte/elements';
+export interface TourStepDetails extends Omit<tour.StepDetails, 'id'> {
+}
+export interface CreateTourProps extends Omit<tour.Context, 'id' | 'dir' | 'steps' | 'getRootNode'> {
     id?: string;
+    steps?: TourStepDetails[];
 }
 export interface CreateTourReturn extends tour.Api<any> {
+    getTriggerProps(): HTMLButtonAttributes;
 }
 export declare function createTour(props: CreateTourProps): CreateTourReturn;

package/dist/tour/create-tour.svelte.js

@@ -3,16 +3,38 @@ import { getLocaleContext } from '../locale-provider/local-provider-context.svel
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
 import * as tour from '@zag-js/tour';
 import { uid } from 'uid';
+import { parts } from './tour-anatomy.js';
 export function createTour(props) {
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
     const id = uid();
+    const steps = $derived.by(() => {
+        return props.steps?.map((step) => ({
+            id: uid(),
+            ...step,
+        }));
+    });
     const context = reflect(() => ({
-        ...props,
-        id: props.id ?? id,
+        id,
         dir: locale?.dir,
         getRootNode: environment?.getRootNode,
+        ...props,
+        steps,
     }));
     const [state, send] = useMachine(tour.machine(context), { context });
-    return reflect(() => tour.connect(state, send, normalizeProps));
+    return reflect(() => {
+        const o = tour.connect(state, send, normalizeProps);
+        return {
+            ...o,
+            getTriggerProps() {
+                return {
+                    onclick() {
+                        o.start();
+                    },
+                    'data-state': o.open ? 'open' : 'closed',
+                    ...parts.trigger.attrs,
+                };
+            },
+        };
+    });
 }

package/dist/tour/index.d.ts

@@ -1,17 +1,17 @@
 export * as Tour from './tour.js';
+export type { TourActionTriggerProps } from './tour-action-trigger.svelte';
 export type { TourArrowTipProps } from './tour-arrow-tip.svelte';
 export type { TourArrowProps } from './tour-arrow.svelte';
+export type { TourBackdropProps } from './tour-backdrop.svelte';
 export type { TourCloseTriggerProps } from './tour-close-trigger.svelte';
 export type { TourContentProps } from './tour-content.svelte';
 export type { TourDescriptionProps } from './tour-description.svelte';
-export type { TourNextTriggerProps } from './tour-next-trigger.svelte';
-export type { TourOverlayProps } from './tour-overlay.svelte';
 export type { TourPositionerProps } from './tour-positioner.svelte';
-export type { TourPrevTriggerProps } from './tour-prev-trigger.svelte';
 export type { TourProgressTextProps } from './tour-progress-text.svelte';
 export type { TourProps } from './tour-root.svelte';
-export type { TourSkipTriggerProps } from './tour-skip-trigger.svelte';
 export type { TourSpotlightProps } from './tour-spotlight.svelte';
 export type { TourTitleProps } from './tour-title.svelte';
-export { anatomy as tourAnatomy } from '@zag-js/tour';
+export type { TourTriggerProps } from './tour-trigger.svelte';
+export type { TourStepDetails } from './create-tour.svelte.js';
+export { anatomy as tourAnatomy } from './tour-anatomy.js';
 export { getTourContext } from './tour-context.svelte.js';

package/dist/tour/index.js

@@ -1,3 +1,3 @@
 export * as Tour from './tour.js';
-export { anatomy as tourAnatomy } from '@zag-js/tour';
+export { anatomy as tourAnatomy } from './tour-anatomy.js';
 export { getTourContext } from './tour-context.svelte.js';

package/dist/tour/tour-action-trigger.svelte

@@ -0,0 +1,39 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+  import type {StepActionTriggerProps} from '@zag-js/tour';
+
+  export interface TourActionTriggerProps
+    extends StepActionTriggerProps,
+      HtmlIngredientProps<'button', HTMLButtonElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getTourContext} from './tour-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    action,
+    asChild,
+    children,
+    ...props
+  }: TourActionTriggerProps = $props();
+
+  let tour = getTourContext();
+
+  let mergedProps = $derived(
+    mergeProps(tour.getActionTriggerProps({action}), props),
+  );
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <button bind:this={ref} type="button" {...mergedProps}>
+    {#if children}
+      {@render children?.()}
+    {:else}
+      {action.label}
+    {/if}
+  </button>
+{/if}

package/dist/tour/{tour-prev-trigger.svelte.d.ts → tour-action-trigger.svelte.d.ts}

@@ -1,5 +1,6 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TourPrevTriggerProps extends HtmlIngredientProps<'button', HTMLButtonElement> {
+import type { StepActionTriggerProps } from '@zag-js/tour';
+export interface TourActionTriggerProps extends StepActionTriggerProps, HtmlIngredientProps<'button', HTMLButtonElement> {
 }
 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> & {
@@ -14,8 +15,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const TourPrevTrigger: $$__sveltets_2_IsomorphicComponent<TourPrevTriggerProps, {
+declare const TourActionTrigger: $$__sveltets_2_IsomorphicComponent<TourActionTriggerProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
-type TourPrevTrigger = InstanceType<typeof TourPrevTrigger>;
-export default TourPrevTrigger;
+type TourActionTrigger = InstanceType<typeof TourActionTrigger>;
+export default TourActionTrigger;

package/dist/tour/tour-anatomy.d.ts

@@ -0,0 +1,2 @@
+export declare const anatomy: import("@zag-js/anatomy").AnatomyInstance<"title" | "content" | "trigger" | "positioner" | "actionTrigger" | "closeTrigger" | "progressText" | "description" | "arrow" | "arrowTip" | "backdrop" | "spotlight">;
+export declare const parts: Record<"title" | "content" | "trigger" | "positioner" | "actionTrigger" | "closeTrigger" | "progressText" | "description" | "arrow" | "arrowTip" | "backdrop" | "spotlight", import("@zag-js/anatomy").AnatomyPart>;

package/dist/tour/tour-anatomy.js

@@ -0,0 +1,3 @@
+import { anatomy as _ } from '@zag-js/tour';
+export const anatomy = _.extendWith('trigger');
+export const parts = anatomy.build();

package/dist/tour/tour-arrow-tip.svelte

@@ -21,10 +21,12 @@
   let mergedProps = $derived(mergeProps(tour.getArrowTipProps(), props));
 </script>
 
-{#if asChild}
-  {@render asChild(mergedProps)}
-{:else}
-  <span bind:this={ref} {...mergedProps}>
-    {@render children?.()}
-  </span>
+{#if tour.step?.arrow}
+  {#if asChild}
+    {@render asChild(mergedProps)}
+  {:else}
+    <span bind:this={ref} {...mergedProps}>
+      {@render children?.()}
+    </span>
+  {/if}
 {/if}

package/dist/tour/tour-arrow.svelte

@@ -21,10 +21,12 @@
   let mergedProps = $derived(mergeProps(tour.getArrowProps(), props));
 </script>
 
-{#if asChild}
-  {@render asChild(mergedProps)}
-{:else}
-  <span bind:this={ref} {...mergedProps}>
-    {@render children?.()}
-  </span>
+{#if tour.step?.arrow}
+  {#if asChild}
+    {@render asChild(mergedProps)}
+  {:else}
+    <span bind:this={ref} {...mergedProps}>
+      {@render children?.()}
+    </span>
+  {/if}
 {/if}

package/dist/tour/{tour-overlay.svelte → tour-backdrop.svelte}

@@ -1,7 +1,7 @@
 <script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
-  export interface TourOverlayProps
+  export interface TourBackdropProps
     extends HtmlIngredientProps<'div', HTMLDivElement> {}
 </script>
 
@@ -17,19 +17,19 @@
     asChild,
     children,
     ...props
-  }: TourOverlayProps = $props();
+  }: TourBackdropProps = $props();
 
   let tour = getTourContext();
   let presenceStrategyProps = getPresenceStrategyPropsContext();
   let presence = createPresence(
     reflect(() => ({
       ...presenceStrategyProps,
-      present: tour.currentStep != null,
+      present: tour.step?.backdrop ? tour.open : false,
     })),
   );
 
   let mergedProps = $derived(
-    mergeProps(tour.getOverlayProps(), presence.getPresenceProps(), props),
+    mergeProps(tour.getBackdropProps(), presence.getPresenceProps(), props),
   );
 </script>
 

package/dist/tour/{tour-overlay.svelte.d.ts → tour-backdrop.svelte.d.ts}

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TourOverlayProps extends HtmlIngredientProps<'div', HTMLDivElement> {
+export interface TourBackdropProps extends HtmlIngredientProps<'div', HTMLDivElement> {
 }
 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> & {
@@ -14,8 +14,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const TourOverlay: $$__sveltets_2_IsomorphicComponent<TourOverlayProps, {
+declare const TourBackdrop: $$__sveltets_2_IsomorphicComponent<TourBackdropProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
-type TourOverlay = InstanceType<typeof TourOverlay>;
-export default TourOverlay;
+type TourBackdrop = InstanceType<typeof TourBackdrop>;
+export default TourBackdrop;

package/dist/tour/tour-content.svelte

@@ -18,6 +18,7 @@
   }: TourContentProps = $props();
 
   let tour = getTourContext();
+
   let presence = getPresenceContext();
 
   let mergedProps = $derived(

package/dist/tour/tour-description.svelte

@@ -25,6 +25,10 @@
   {@render asChild(mergedProps)}
 {:else}
   <p bind:this={ref} {...mergedProps}>
-    {@render children?.()}
+    {#if children}
+      {@render children()}
+    {:else}
+      {tour.step?.description}
+    {/if}
   </p>
 {/if}

package/dist/tour/tour-root.svelte

@@ -35,7 +35,7 @@
   let presence = createPresence(
     reflect(() => ({
       ...presenceStrategyProps,
-      present: tour.currentStep != null,
+      present: tour.open,
     })),
   );
 

package/dist/tour/tour-title.svelte

@@ -25,6 +25,10 @@
   {@render asChild(mergedProps)}
 {:else}
   <h2 bind:this={ref} {...mergedProps}>
-    {@render children?.()}
+    {#if children}
+      {@render children()}
+    {:else}
+      {tour.step?.title}
+    {/if}
   </h2>
 {/if}

package/dist/tour/{tour-prev-trigger.svelte → tour-trigger.svelte}

@@ -1,7 +1,7 @@
 <script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
-  export interface TourPrevTriggerProps
+  export interface TourTriggerProps
     extends HtmlIngredientProps<'button', HTMLButtonElement> {}
 </script>
 
@@ -14,11 +14,11 @@
     asChild,
     children,
     ...props
-  }: TourPrevTriggerProps = $props();
+  }: TourTriggerProps = $props();
 
   let tour = getTourContext();
 
-  let mergedProps = $derived(mergeProps(tour.getPrevTriggerProps(), props));
+  let mergedProps = $derived(mergeProps(tour.getTriggerProps(), props));
 </script>
 
 {#if asChild}

package/dist/tour/{tour-skip-trigger.svelte.d.ts → tour-trigger.svelte.d.ts}

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TourSkipTriggerProps extends HtmlIngredientProps<'button', HTMLButtonElement> {
+export interface TourTriggerProps extends HtmlIngredientProps<'button', HTMLButtonElement> {
 }
 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> & {
@@ -14,8 +14,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const TourSkipTrigger: $$__sveltets_2_IsomorphicComponent<TourSkipTriggerProps, {
+declare const TourTrigger: $$__sveltets_2_IsomorphicComponent<TourTriggerProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
-type TourSkipTrigger = InstanceType<typeof TourSkipTrigger>;
-export default TourSkipTrigger;
+type TourTrigger = InstanceType<typeof TourTrigger>;
+export default TourTrigger;

package/dist/tour/tour.d.ts

@@ -1,14 +1,13 @@
+export { default as ActionTrigger } from './tour-action-trigger.svelte';
 export { default as ArrowTip } from './tour-arrow-tip.svelte';
 export { default as Arrow } from './tour-arrow.svelte';
+export { default as Backdrop } from './tour-backdrop.svelte';
 export { default as CloseTrigger } from './tour-close-trigger.svelte';
 export { default as Content } from './tour-content.svelte';
 export { default as Description } from './tour-description.svelte';
-export { default as NextTrigger } from './tour-next-trigger.svelte';
-export { default as Overlay } from './tour-overlay.svelte';
 export { default as Positioner } from './tour-positioner.svelte';
-export { default as PrevTrigger } from './tour-prev-trigger.svelte';
 export { default as ProgressText } from './tour-progress-text.svelte';
 export { default as Root } from './tour-root.svelte';
-export { default as SkipTrigger } from './tour-skip-trigger.svelte';
 export { default as Spotlight } from './tour-spotlight.svelte';
 export { default as Title } from './tour-title.svelte';
+export { default as Trigger } from './tour-trigger.svelte';

package/dist/tour/tour.js

@@ -1,14 +1,13 @@
+export { default as ActionTrigger } from './tour-action-trigger.svelte';
 export { default as ArrowTip } from './tour-arrow-tip.svelte';
 export { default as Arrow } from './tour-arrow.svelte';
+export { default as Backdrop } from './tour-backdrop.svelte';
 export { default as CloseTrigger } from './tour-close-trigger.svelte';
 export { default as Content } from './tour-content.svelte';
 export { default as Description } from './tour-description.svelte';
-export { default as NextTrigger } from './tour-next-trigger.svelte';
-export { default as Overlay } from './tour-overlay.svelte';
 export { default as Positioner } from './tour-positioner.svelte';
-export { default as PrevTrigger } from './tour-prev-trigger.svelte';
 export { default as ProgressText } from './tour-progress-text.svelte';
 export { default as Root } from './tour-root.svelte';
-export { default as SkipTrigger } from './tour-skip-trigger.svelte';
 export { default as Spotlight } from './tour-spotlight.svelte';
 export { default as Title } from './tour-title.svelte';
+export { default as Trigger } from './tour-trigger.svelte';

package/dist/tree-view/tree-view-branch-content.svelte

@@ -1,12 +1,16 @@
 <script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
+  import type {Action} from 'svelte/action';
 
   export interface TreeViewBranchContentProps
-    extends HtmlIngredientProps<'div', HTMLDivElement> {}
+    extends HtmlIngredientProps<'div', HTMLDivElement, never, Action> {}
 </script>
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
+  import {createPresence} from '../presence/create-presence.svelte.js';
+  import {getPresenceStrategyPropsContext} from '../presence/presence-context.svelte.js';
+  import {reflect} from '@zag-js/svelte';
   import {
     getTreeViewBranchPropsContext,
     getTreeViewContext,
@@ -22,16 +26,31 @@
   let treeView = getTreeViewContext();
 
   let branchProps = getTreeViewBranchPropsContext();
+  let branchState = $derived(treeView.getBranchState(branchProps));
+
+  let presenceStrategyProps = getPresenceStrategyPropsContext();
+  let presence = createPresence(
+    reflect(() => ({
+      present: branchState.expanded,
+      ...presenceStrategyProps,
+    })),
+  );
 
   let mergedProps = $derived(
-    mergeProps(treeView.getBranchContentProps(branchProps), props),
+    mergeProps(
+      treeView.getBranchContentProps(branchProps),
+      presence.getPresenceProps(),
+      props,
+    ),
   );
 </script>
 
-{#if asChild}
-  {@render asChild(mergedProps)}
-{:else}
-  <div bind:this={ref} {...mergedProps}>
-    {@render children?.()}
-  </div>
+{#if presence.mounted}
+  {#if asChild}
+    {@render asChild(presence.setReference, mergedProps)}
+  {:else}
+    <div bind:this={ref} {...mergedProps}>
+      {@render children?.()}
+    </div>
+  {/if}
 {/if}

package/dist/tree-view/tree-view-branch-content.svelte.d.ts

@@ -1,5 +1,6 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TreeViewBranchContentProps extends HtmlIngredientProps<'div', HTMLDivElement> {
+import type { Action } from 'svelte/action';
+export interface TreeViewBranchContentProps extends HtmlIngredientProps<'div', HTMLDivElement, never, Action> {
 }
 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> & {

package/dist/tree-view/tree-view-root.svelte

@@ -1,4 +1,5 @@
 <script lang="ts" module>
+  import type {PresenceStrategyProps} from '../presence/create-presence.svelte.js';
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {
     CreateTreeViewProps,
@@ -7,13 +8,15 @@
 
   export interface TreeViewProps
     extends Assign<
-      HtmlIngredientProps<'div', HTMLDivElement, CreateTreeViewReturn>,
-      CreateTreeViewProps
-    > {}
+        HtmlIngredientProps<'div', HTMLDivElement, CreateTreeViewReturn>,
+        CreateTreeViewProps
+      >,
+      PresenceStrategyProps {}
 </script>
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
+  import {setPresenceStrategyPropsContext} from '../presence/presence-context.svelte.js';
   import {reflect} from '@zag-js/svelte';
   import {createSplitProps} from '@zag-js/utils';
   import {createTreeView} from './create-tree-view.svelte.js';
@@ -26,6 +29,12 @@
     ...props
   }: TreeViewProps = $props();
 
+  let [presenceStrategyProps, rest] = $derived(
+    createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(
+      props,
+    ),
+  );
+
   let [createTreeViewProps, localProps] = $derived(
     createSplitProps<CreateTreeViewProps>([
       'id',
@@ -39,14 +48,14 @@
       'onFocusChange',
       'onExpandedChange',
       'onSelectionChange',
-    ])(props),
+    ])(rest),
   );
 
   let treeView = createTreeView(reflect(() => createTreeViewProps));
-
   let mergedProps = $derived(mergeProps(treeView.getRootProps(), localProps));
 
   setTreeViewContext(treeView);
+  setPresenceStrategyPropsContext(() => presenceStrategyProps);
 </script>
 
 {#if asChild}

package/dist/tree-view/tree-view-root.svelte.d.ts

@@ -1,6 +1,7 @@
+import type { PresenceStrategyProps } from '../presence/create-presence.svelte.js';
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { CreateTreeViewProps, CreateTreeViewReturn } from './create-tree-view.svelte.js';
-export interface TreeViewProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateTreeViewReturn>, CreateTreeViewProps> {
+export interface TreeViewProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateTreeViewReturn>, CreateTreeViewProps>, PresenceStrategyProps {
 }
 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> & {

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "ui-ingredients",
   "type": "module",
-  "version": "0.0.67",
+  "license": "MIT",
+  "version": "0.0.69",
   "packageManager": "pnpm@9.7.0",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -9,6 +10,190 @@
     ".": {
       "types": "./dist/index.d.ts",
       "svelte": "./dist/index.js"
+    },
+    "./accordion": {
+      "types": "./dist/accordion/index.d.ts",
+      "svelte": "./dist/accordion/index.js"
+    },
+    "./avatar": {
+      "types": "./dist/avatar/index.d.ts",
+      "svelte": "./dist/avatar/index.js"
+    },
+    "./carousel": {
+      "types": "./dist/carousel/index.d.ts",
+      "svelte": "./dist/carousel/index.js"
+    },
+    "./checkbox": {
+      "types": "./dist/checkbox/index.d.ts",
+      "svelte": "./dist/checkbox/index.js"
+    },
+    "./clipboard": {
+      "types": "./dist/clipboard/index.d.ts",
+      "svelte": "./dist/clipboard/index.js"
+    },
+    "./collapsible": {
+      "types": "./dist/collapsible/index.d.ts",
+      "svelte": "./dist/collapsible/index.js"
+    },
+    "./color-picker": {
+      "types": "./dist/color-picker/index.d.ts",
+      "svelte": "./dist/color-picker/index.js"
+    },
+    "./combobox": {
+      "types": "./dist/combobox/index.d.ts",
+      "svelte": "./dist/combobox/index.js"
+    },
+    "./date-picker": {
+      "types": "./dist/date-picker/index.d.ts",
+      "svelte": "./dist/date-picker/index.js"
+    },
+    "./dialog": {
+      "types": "./dist/dialog/index.d.ts",
+      "svelte": "./dist/dialog/index.js"
+    },
+    "./editable": {
+      "types": "./dist/editable/index.d.ts",
+      "svelte": "./dist/editable/index.js"
+    },
+    "./environment-provider": {
+      "types": "./dist/environment-provider/index.d.ts",
+      "svelte": "./dist/environment-provider/index.js"
+    },
+    "./field": {
+      "types": "./dist/field/index.d.ts",
+      "svelte": "./dist/field/index.js"
+    },
+    "./file-upload": {
+      "types": "./dist/file-upload/index.d.ts",
+      "svelte": "./dist/file-upload/index.js"
+    },
+    "./floating-panel": {
+      "types": "./dist/floating-panel/index.d.ts",
+      "svelte": "./dist/floating-panel/index.js"
+    },
+    "./highlight": {
+      "types": "./dist/highlight/index.d.ts",
+      "svelte": "./dist/highlight/index.js"
+    },
+    "./hover-card": {
+      "types": "./dist/hover-card/index.d.ts",
+      "svelte": "./dist/hover-card/index.js"
+    },
+    "./locale-provider": {
+      "types": "./dist/locale-provider/index.d.ts",
+      "svelte": "./dist/locale-provider/index.js"
+    },
+    "./menu": {
+      "types": "./dist/menu/index.d.ts",
+      "svelte": "./dist/menu/index.js"
+    },
+    "./number-input": {
+      "types": "./dist/number-input/index.d.ts",
+      "svelte": "./dist/number-input/index.js"
+    },
+    "./pagination": {
+      "types": "./dist/pagination/index.d.ts",
+      "svelte": "./dist/pagination/index.js"
+    },
+    "./pin-input": {
+      "types": "./dist/pin-input/index.d.ts",
+      "svelte": "./dist/pin-input/index.js"
+    },
+    "./popover": {
+      "types": "./dist/popover/index.d.ts",
+      "svelte": "./dist/popover/index.js"
+    },
+    "./portal": {
+      "types": "./dist/portal/index.d.ts",
+      "svelte": "./dist/portal/index.js"
+    },
+    "./presence": {
+      "types": "./dist/presence/index.d.ts",
+      "svelte": "./dist/presence/index.js"
+    },
+    "./progress": {
+      "types": "./dist/progress/index.d.ts",
+      "svelte": "./dist/progress/index.js"
+    },
+    "./qr-code": {
+      "types": "./dist/qr-code/index.d.ts",
+      "svelte": "./dist/qr-code/index.js"
+    },
+    "./radio-group": {
+      "types": "./dist/radio-group/index.d.ts",
+      "svelte": "./dist/radio-group/index.js"
+    },
+    "./rating-group": {
+      "types": "./dist/rating-group/index.d.ts",
+      "svelte": "./dist/rating-group/index.js"
+    },
+    "./segment-group": {
+      "types": "./dist/segment-group/index.d.ts",
+      "svelte": "./dist/segment-group/index.js"
+    },
+    "./select": {
+      "types": "./dist/select/index.d.ts",
+      "svelte": "./dist/select/index.js"
+    },
+    "./signature-pad": {
+      "types": "./dist/signature-pad/index.d.ts",
+      "svelte": "./dist/signature-pad/index.js"
+    },
+    "./slider": {
+      "types": "./dist/slider/index.d.ts",
+      "svelte": "./dist/slider/index.js"
+    },
+    "./splitter": {
+      "types": "./dist/splitter/index.d.ts",
+      "svelte": "./dist/splitter/index.js"
+    },
+    "./steps": {
+      "types": "./dist/steps/index.d.ts",
+      "svelte": "./dist/steps/index.js"
+    },
+    "./switch": {
+      "types": "./dist/switch/index.d.ts",
+      "svelte": "./dist/switch/index.js"
+    },
+    "./tabs": {
+      "types": "./dist/tabs/index.d.ts",
+      "svelte": "./dist/tabs/index.js"
+    },
+    "./tags-input": {
+      "types": "./dist/tags-input/index.d.ts",
+      "svelte": "./dist/tags-input/index.js"
+    },
+    "./time-picker": {
+      "types": "./dist/time-picker/index.d.ts",
+      "svelte": "./dist/time-picker/index.js"
+    },
+    "./timer": {
+      "types": "./dist/timer/index.d.ts",
+      "svelte": "./dist/timer/index.js"
+    },
+    "./toast": {
+      "types": "./dist/toast/index.d.ts",
+      "svelte": "./dist/toast/index.js"
+    },
+    "./toggle-group": {
+      "types": "./dist/toggle-group/index.d.ts",
+      "svelte": "./dist/toggle-group/index.js"
+    },
+    "./tooltip": {
+      "types": "./dist/tooltip/index.d.ts",
+      "svelte": "./dist/tooltip/index.js"
+    },
+    "./tour": {
+      "types": "./dist/tour/index.d.ts",
+      "svelte": "./dist/tour/index.js"
+    },
+    "./tree-view": {
+      "types": "./dist/tree-view/index.d.ts",
+      "svelte": "./dist/tree-view/index.js"
+    },
+    "./merge-props": {
+      "types": "./dist/merge-props.d.ts",
+      "import": "./dist/merge-props.js"
     }
   },
   "files": [
@@ -85,52 +270,52 @@
     "release": "release-it"
   },
   "dependencies": {
-    "@zag-js/accordion": "0.71.0",
-    "@zag-js/anatomy": "0.71.0",
-    "@zag-js/avatar": "0.71.0",
-    "@zag-js/carousel": "0.71.0",
-    "@zag-js/checkbox": "0.71.0",
-    "@zag-js/clipboard": "0.71.0",
-    "@zag-js/collapsible": "0.71.0",
-    "@zag-js/color-picker": "0.71.0",
-    "@zag-js/combobox": "0.71.0",
-    "@zag-js/core": "0.71.0",
-    "@zag-js/date-picker": "0.71.0",
-    "@zag-js/dialog": "0.71.0",
-    "@zag-js/dom-query": "0.71.0",
-    "@zag-js/editable": "0.71.0",
-    "@zag-js/file-upload": "0.71.0",
-    "@zag-js/floating-panel": "0.71.0",
-    "@zag-js/highlight-word": "0.71.0",
-    "@zag-js/hover-card": "0.71.0",
-    "@zag-js/i18n-utils": "0.71.0",
-    "@zag-js/menu": "0.71.0",
-    "@zag-js/number-input": "0.71.0",
-    "@zag-js/pagination": "0.71.0",
-    "@zag-js/pin-input": "0.71.0",
-    "@zag-js/popover": "0.71.0",
-    "@zag-js/presence": "0.71.0",
-    "@zag-js/progress": "0.71.0",
-    "@zag-js/qr-code": "0.71.0",
-    "@zag-js/radio-group": "0.71.0",
-    "@zag-js/rating-group": "0.71.0",
-    "@zag-js/select": "0.71.0",
-    "@zag-js/signature-pad": "0.71.0",
-    "@zag-js/slider": "0.71.0",
-    "@zag-js/splitter": "0.71.0",
-    "@zag-js/steps": "0.71.0",
-    "@zag-js/svelte": "0.71.0",
-    "@zag-js/switch": "0.71.0",
-    "@zag-js/tabs": "0.71.0",
-    "@zag-js/tags-input": "0.71.0",
-    "@zag-js/time-picker": "0.71.0",
-    "@zag-js/timer": "0.71.0",
-    "@zag-js/toast": "0.71.0",
-    "@zag-js/toggle-group": "0.71.0",
-    "@zag-js/tooltip": "0.71.0",
-    "@zag-js/tour": "0.71.0",
-    "@zag-js/tree-view": "0.71.0",
-    "@zag-js/utils": "0.71.0",
+    "@zag-js/accordion": "0.72.0",
+    "@zag-js/anatomy": "0.72.0",
+    "@zag-js/avatar": "0.72.0",
+    "@zag-js/carousel": "0.72.0",
+    "@zag-js/checkbox": "0.72.0",
+    "@zag-js/clipboard": "0.72.0",
+    "@zag-js/collapsible": "0.72.0",
+    "@zag-js/color-picker": "0.72.0",
+    "@zag-js/combobox": "0.72.0",
+    "@zag-js/core": "0.72.0",
+    "@zag-js/date-picker": "0.72.0",
+    "@zag-js/dialog": "0.72.0",
+    "@zag-js/dom-query": "0.72.0",
+    "@zag-js/editable": "0.72.0",
+    "@zag-js/file-upload": "0.72.0",
+    "@zag-js/floating-panel": "0.72.0",
+    "@zag-js/highlight-word": "0.72.0",
+    "@zag-js/hover-card": "0.72.0",
+    "@zag-js/i18n-utils": "0.72.0",
+    "@zag-js/menu": "0.72.0",
+    "@zag-js/number-input": "0.72.0",
+    "@zag-js/pagination": "0.72.0",
+    "@zag-js/pin-input": "0.72.0",
+    "@zag-js/popover": "0.72.0",
+    "@zag-js/presence": "0.72.0",
+    "@zag-js/progress": "0.72.0",
+    "@zag-js/qr-code": "0.72.0",
+    "@zag-js/radio-group": "0.72.0",
+    "@zag-js/rating-group": "0.72.0",
+    "@zag-js/select": "0.72.0",
+    "@zag-js/signature-pad": "0.72.0",
+    "@zag-js/slider": "0.72.0",
+    "@zag-js/splitter": "0.72.0",
+    "@zag-js/steps": "0.72.0",
+    "@zag-js/svelte": "0.72.0",
+    "@zag-js/switch": "0.72.0",
+    "@zag-js/tabs": "0.72.0",
+    "@zag-js/tags-input": "0.72.0",
+    "@zag-js/time-picker": "0.72.0",
+    "@zag-js/timer": "0.72.0",
+    "@zag-js/toast": "0.72.0",
+    "@zag-js/toggle-group": "0.72.0",
+    "@zag-js/tooltip": "0.72.0",
+    "@zag-js/tour": "0.72.0",
+    "@zag-js/tree-view": "0.72.0",
+    "@zag-js/utils": "0.72.0",
     "uid": "2.0.2"
   },
   "peerDependencies": {

package/dist/is-pojo.d.ts

@@ -1,2 +0,0 @@
-import type { GenericObject } from './types.js';
-export declare function isPojo<T extends GenericObject>(value: unknown): value is T;

package/dist/tour/tour-next-trigger.svelte

@@ -1,30 +0,0 @@
-<script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface TourNextTriggerProps
-    extends HtmlIngredientProps<'button', HTMLButtonElement> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../merge-props.js';
-  import {getTourContext} from './tour-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: TourNextTriggerProps = $props();
-
-  let tour = getTourContext();
-
-  let mergedProps = $derived(mergeProps(tour.getNextTriggerProps(), props));
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps)}
-{:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
-    {@render children?.()}
-  </button>
-{/if}

package/dist/tour/tour-next-trigger.svelte.d.ts

@@ -1,21 +0,0 @@
-import type { HtmlIngredientProps } from '../types.js';
-export interface TourNextTriggerProps extends HtmlIngredientProps<'button', HTMLButtonElement> {
-}
-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: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const TourNextTrigger: $$__sveltets_2_IsomorphicComponent<TourNextTriggerProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type TourNextTrigger = InstanceType<typeof TourNextTrigger>;
-export default TourNextTrigger;

package/dist/tour/tour-skip-trigger.svelte

@@ -1,30 +0,0 @@
-<script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface TourSkipTriggerProps
-    extends HtmlIngredientProps<'button', HTMLButtonElement> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../merge-props.js';
-  import {getTourContext} from './tour-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: TourSkipTriggerProps = $props();
-
-  let tour = getTourContext();
-
-  let mergedProps = $derived(mergeProps(tour.getSkipTriggerProps(), props));
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps)}
-{:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
-    {@render children?.()}
-  </button>
-{/if}