ui-ingredients 0.0.42 → 0.0.44

package/dist/tour/root.svelte

@@ -0,0 +1,52 @@
+<script lang="ts" module>
+  import type {PresenceStrategyProps} from '../presence/create-presence.svelte.js';
+  import type {Snippet} from 'svelte';
+  import type {
+    CreateTourProps,
+    CreateTourReturn,
+  } from './create-tour.svelte.js';
+
+  export interface TourProps extends CreateTourProps, PresenceStrategyProps {
+    children?: Snippet<[CreateTourReturn]>;
+  }
+</script>
+
+<script lang="ts">
+  import {
+    setPresenceContext,
+    setPresenceStrategyPropsContext,
+  } from '../presence/context.svelte.js';
+  import {createPresence} from '../presence/create-presence.svelte.js';
+  import {reflect} from '@zag-js/svelte';
+  import {createSplitProps} from '@zag-js/utils';
+  import {setTourContext} from './context.svelte.js';
+  import {createTour} from './create-tour.svelte.js';
+
+  let {children, ...props}: TourProps = $props();
+
+  let [presenceStrategyProps, tourProps] = $derived(
+    createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(
+      props,
+    ),
+  );
+
+  let tour = createTour(reflect(() => tourProps));
+
+  let presence = createPresence({
+    get present() {
+      return tour.currentStep != null;
+    },
+    get lazyMount() {
+      return presenceStrategyProps.lazyMount;
+    },
+    get keepMounted() {
+      return presenceStrategyProps.keepMounted;
+    },
+  });
+
+  setTourContext(tour);
+  setPresenceContext(presence);
+  setPresenceStrategyPropsContext(() => presenceStrategyProps);
+</script>
+
+{@render children?.(tour)}

package/dist/tour/root.svelte.d.ts

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

package/dist/tour/skip-trigger.svelte

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

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

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

package/dist/tour/spotlight.svelte

@@ -0,0 +1,24 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface TourSpotlightProps extends HtmlIngredientProps<'div'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getTourContext} from './context.svelte.js';
+
+  let {asChild, children, ...props}: TourSpotlightProps = $props();
+
+  let tour = getTourContext();
+
+  let mergedProps = $derived(mergeProps(props, tour.getSpotlightProps()));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <div {...mergedProps}>
+    {@render children?.()}
+  </div>
+{/if}

package/dist/tour/spotlight.svelte.d.ts

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

package/dist/tour/title.svelte

@@ -0,0 +1,24 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface TourTitleProps extends HtmlIngredientProps<'h2'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getTourContext} from './context.svelte.js';
+
+  let {asChild, children, ...props}: TourTitleProps = $props();
+
+  let tour = getTourContext();
+
+  let mergedProps = $derived(mergeProps(props, tour.getTitleProps()));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <h2 {...mergedProps}>
+    {@render children?.()}
+  </h2>
+{/if}

package/dist/tour/title.svelte.d.ts

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

package/dist/tour/tour.d.ts

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

package/dist/tour/tour.js

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

package/dist/types.d.ts

@@ -1,27 +1,21 @@
 import type { Snippet } from 'svelte';
 import type { Action } from 'svelte/action';
 import type { SvelteHTMLElements } from 'svelte/elements';
-import type { TransitionConfig } from 'svelte/transition';
 export type GenericObject = Record<string, any>;
 export type Assign<Target extends GenericObject, Source extends GenericObject> = Source & Omit<Target, keyof Source>;
-export type IntrinsicElements = keyof {
+export type IntrinsicElement = keyof {
     [K in keyof SvelteHTMLElements as string extends K ? never : number extends K ? never : K]: string;
 };
-export type HtmlProps<T extends IntrinsicElements> = SvelteHTMLElements[T];
-export type TransitionFunction = (node: HTMLElement) => TransitionConfig;
-export interface TransitionProps {
-    in?: TransitionFunction;
-    out?: TransitionFunction;
-    transition?: TransitionFunction;
-}
-export type AsChildWithRef<Ref extends Action, Context = never> = [
-    Context
-] extends [never] ? Snippet<[ref: Ref, attrs: GenericObject]> : Snippet<[ref: Ref, attrs: GenericObject, context: Context]>;
-export type AsChildWithoutRef<Context = never> = [Context] extends [never] ? Snippet<[attrs: GenericObject]> : Snippet<[attrs: GenericObject, context: Context]>;
+export type HtmlProps<T extends IntrinsicElement> = SvelteHTMLElements[T];
+type AsChildWithRef<Ref extends Action, Context = never> = [Context] extends [
+    never
+] ? Snippet<[ref: Ref, attrs: GenericObject]> : Snippet<[ref: Ref, attrs: GenericObject, context: Context]>;
+type AsChildWithoutRef<Context = never> = [Context] extends [never] ? Snippet<[attrs: GenericObject]> : Snippet<[attrs: GenericObject, context: Context]>;
 export type AsChild<Ref extends Action, Context = never> = [Ref] extends [never] ? AsChildWithoutRef<Context> : AsChildWithRef<Ref, Context>;
-export type Children<T = never> = [T] extends [never] ? Snippet : Snippet<[context: T]>;
-export type PropsWithoutChildren<T> = Omit<T, 'children'>;
-export type HtmlIngredientProps<Element extends IntrinsicElements, Context = never, Ref extends Action = never> = TransitionProps & PropsWithoutChildren<HtmlProps<Element>> & {
+type Children<T = never> = [T] extends [never] ? Snippet : Snippet<[context: T]>;
+type PropsWithoutChildren<T> = Omit<T, 'children'>;
+export type HtmlIngredientProps<Element extends IntrinsicElement, Context = never, Ref extends Action = never> = PropsWithoutChildren<HtmlProps<Element>> & {
     children?: Children<Context>;
     asChild?: AsChild<Ref, Context>;
 };
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ui-ingredients",
   "type": "module",
-  "version": "0.0.42",
+  "version": "0.0.44",
   "packageManager": "pnpm@9.7.0",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -85,50 +85,50 @@
     "release": "release-it"
   },
   "dependencies": {
-    "@zag-js/accordion": "0.66.1",
-    "@zag-js/anatomy": "0.66.1",
-    "@zag-js/avatar": "0.66.1",
-    "@zag-js/carousel": "0.66.1",
-    "@zag-js/checkbox": "0.66.1",
-    "@zag-js/clipboard": "0.66.1",
-    "@zag-js/collapsible": "0.66.1",
-    "@zag-js/color-picker": "0.66.1",
-    "@zag-js/combobox": "0.66.1",
-    "@zag-js/date-picker": "0.66.1",
-    "@zag-js/dialog": "0.66.1",
-    "@zag-js/dom-query": "0.66.1",
-    "@zag-js/editable": "0.66.1",
-    "@zag-js/file-upload": "0.66.1",
-    "@zag-js/floating-panel": "0.66.1",
-    "@zag-js/hover-card": "0.66.1",
-    "@zag-js/i18n-utils": "0.66.1",
-    "@zag-js/menu": "0.66.1",
-    "@zag-js/number-input": "0.66.1",
-    "@zag-js/pagination": "0.66.1",
-    "@zag-js/pin-input": "0.66.1",
-    "@zag-js/popover": "0.66.1",
-    "@zag-js/presence": "0.66.1",
-    "@zag-js/progress": "0.66.1",
-    "@zag-js/qr-code": "0.66.1",
-    "@zag-js/radio-group": "0.66.1",
-    "@zag-js/rating-group": "0.66.1",
-    "@zag-js/select": "0.66.1",
-    "@zag-js/signature-pad": "0.66.1",
-    "@zag-js/slider": "0.66.1",
-    "@zag-js/splitter": "0.66.1",
-    "@zag-js/steps": "0.66.1",
-    "@zag-js/svelte": "0.66.1",
-    "@zag-js/switch": "0.66.1",
-    "@zag-js/tabs": "0.66.1",
-    "@zag-js/tags-input": "0.66.1",
-    "@zag-js/time-picker": "0.66.1",
-    "@zag-js/timer": "0.66.1",
-    "@zag-js/toast": "0.66.1",
-    "@zag-js/toggle-group": "0.66.1",
-    "@zag-js/tooltip": "0.66.1",
-    "@zag-js/tour": "0.66.1",
-    "@zag-js/tree-view": "0.66.1",
-    "@zag-js/utils": "0.66.1",
+    "@zag-js/accordion": "0.67.0",
+    "@zag-js/anatomy": "0.67.0",
+    "@zag-js/avatar": "0.67.0",
+    "@zag-js/carousel": "0.67.0",
+    "@zag-js/checkbox": "0.67.0",
+    "@zag-js/clipboard": "0.67.0",
+    "@zag-js/collapsible": "0.67.0",
+    "@zag-js/color-picker": "0.67.0",
+    "@zag-js/combobox": "0.67.0",
+    "@zag-js/date-picker": "0.67.0",
+    "@zag-js/dialog": "0.67.0",
+    "@zag-js/dom-query": "0.67.0",
+    "@zag-js/editable": "0.67.0",
+    "@zag-js/file-upload": "0.67.0",
+    "@zag-js/floating-panel": "0.67.0",
+    "@zag-js/hover-card": "0.67.0",
+    "@zag-js/i18n-utils": "0.67.0",
+    "@zag-js/menu": "0.67.0",
+    "@zag-js/number-input": "0.67.0",
+    "@zag-js/pagination": "0.67.0",
+    "@zag-js/pin-input": "0.67.0",
+    "@zag-js/popover": "0.67.0",
+    "@zag-js/presence": "0.67.0",
+    "@zag-js/progress": "0.67.0",
+    "@zag-js/qr-code": "0.67.0",
+    "@zag-js/radio-group": "0.67.0",
+    "@zag-js/rating-group": "0.67.0",
+    "@zag-js/select": "0.67.0",
+    "@zag-js/signature-pad": "0.67.0",
+    "@zag-js/slider": "0.67.0",
+    "@zag-js/splitter": "0.67.0",
+    "@zag-js/steps": "0.67.0",
+    "@zag-js/svelte": "0.67.0",
+    "@zag-js/switch": "0.67.0",
+    "@zag-js/tabs": "0.67.0",
+    "@zag-js/tags-input": "0.67.0",
+    "@zag-js/time-picker": "0.67.0",
+    "@zag-js/timer": "0.67.0",
+    "@zag-js/toast": "0.67.0",
+    "@zag-js/toggle-group": "0.67.0",
+    "@zag-js/tooltip": "0.67.0",
+    "@zag-js/tour": "0.67.0",
+    "@zag-js/tree-view": "0.67.0",
+    "@zag-js/utils": "0.67.0",
     "uid": "2.0.2"
   },
   "peerDependencies": {
@@ -150,7 +150,7 @@
     "tailwind-merge": "2.5.2",
     "tailwind-variants": "0.2.1",
     "tailwindcss": "3.4.10",
-    "typescript": "5.5.4",
+    "typescript": "5.6.2",
     "vite": "5.4.3",
     "vitest": "2.0.5",
     "vitest-axe": "0.1.0"