ui-ingredients 0.0.42 → 0.0.44

package/dist/floating-panel/root.svelte

@@ -0,0 +1,50 @@
+<script lang="ts" module>
+  import type {PresenceStrategyProps} from '../presence/create-presence.svelte.js';
+  import type {Snippet} from 'svelte';
+  import type {
+    CreateFloatingPanelProps,
+    CreateFloatingPanelReturn,
+  } from './create-floating-panel.svelte.js';
+
+  export interface FloatingPanelProps
+    extends CreateFloatingPanelProps,
+      PresenceStrategyProps {
+    children?: Snippet<[CreateFloatingPanelReturn]>;
+  }
+</script>
+
+<script lang="ts">
+  import {setPresenceContext} 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 {setFloatingPanelContext} from './context.svelte.js';
+  import {createFloatingPanel} from './create-floating-panel.svelte.js';
+
+  let {children, ...props}: FloatingPanelProps = $props();
+
+  let [presenceStrategyProps, floatingPanelProps] = $derived(
+    createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(
+      props,
+    ),
+  );
+
+  let floatingPanel = createFloatingPanel(reflect(() => floatingPanelProps));
+
+  let presence = createPresence({
+    get present() {
+      return floatingPanel.open;
+    },
+    get lazyMount() {
+      return presenceStrategyProps.lazyMount;
+    },
+    get keepMounted() {
+      return presenceStrategyProps.keepMounted;
+    },
+  });
+
+  setFloatingPanelContext(floatingPanel);
+  setPresenceContext(presence);
+</script>
+
+{@render children?.(floatingPanel)}

package/dist/floating-panel/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<FloatingPanelProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Root = InstanceType<typeof Root>;
+export default Root;

package/dist/floating-panel/title.svelte

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

package/dist/floating-panel/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<FloatingPanelTitleProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Title = InstanceType<typeof Title>;
+export default Title;

package/dist/floating-panel/trigger.svelte

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

package/dist/floating-panel/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 Trigger: $$__sveltets_2_IsomorphicComponent<FloatingPanelTriggerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Trigger = InstanceType<typeof Trigger>;
+export default Trigger;

package/dist/index.d.ts

@@ -12,6 +12,7 @@ export * from './editable/index.js';
 export * from './environment-provider/index.js';
 export * from './field/index.js';
 export * from './file-upload/index.js';
+export * from './floating-panel/index.js';
 export * from './hover-card/index.js';
 export * from './locale-provider/index.js';
 export * from './menu/index.js';
@@ -39,4 +40,5 @@ export * from './timer/index.js';
 export * from './toast/index.js';
 export * from './toggle-group/index.js';
 export * from './tooltip/index.js';
+export * from './tour/index.js';
 export * from './tree-view/index.js';

package/dist/index.js

@@ -12,6 +12,7 @@ export * from './editable/index.js';
 export * from './environment-provider/index.js';
 export * from './field/index.js';
 export * from './file-upload/index.js';
+export * from './floating-panel/index.js';
 export * from './hover-card/index.js';
 export * from './locale-provider/index.js';
 export * from './menu/index.js';
@@ -39,4 +40,5 @@ export * from './timer/index.js';
 export * from './toast/index.js';
 export * from './toggle-group/index.js';
 export * from './tooltip/index.js';
+export * from './tour/index.js';
 export * from './tree-view/index.js';

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-object.js

@@ -0,0 +1,4 @@
+export function isObject(value) {
+    return (Object.prototype.toString.call(value) === '[object Object]' &&
+        value === Object(value));
+}

package/dist/merge-props.js

@@ -1,8 +1,5 @@
 import { mergeProps as fn } from '@zag-js/svelte';
-function isObject(value) {
-    return (Object.prototype.toString.call(value) === '[object Object]' &&
-        value === Object(value));
-}
+import { isObject } from './is-object.js';
 export function mergeProps(...args) {
     const r = fn(...args);
     const i = 'style';

package/dist/portal/root.svelte

@@ -1,32 +1,32 @@
-<script module lang="ts">
-  import {type Snippet} from 'svelte';
-
-  export interface PortalProps {
-    container?: HTMLElement;
-    disabled?: boolean;
-    children: Snippet;
-    [x: `data-${string}`]: string | number | boolean | null | undefined;
-  }
-</script>
-
-<script lang="ts">
-  import {getEnvironmentContext} from '../environment-provider/index.js';
-  import {portal} from '@zag-js/svelte';
-
-  let {container, disabled, children, ...props}: PortalProps = $props();
-
-  let environment = getEnvironmentContext();
-</script>
-
-<div
-  use:portal={{
-    disabled,
-    container,
-    getRootNode: environment?.getRootNode,
-  }}
-  data-scope="portal"
-  data-part="root"
-  {...props}
->
-  {@render children?.()}
-</div>
+<script module lang="ts">
+  import {type Snippet} from 'svelte';
+
+  export interface PortalProps {
+    container?: HTMLElement;
+    disabled?: boolean;
+    children: Snippet;
+    [x: `data-${string}`]: string | number | boolean | null | undefined;
+  }
+</script>
+
+<script lang="ts">
+  import {getEnvironmentContext} from '../environment-provider/index.js';
+  import {portal} from '@zag-js/svelte';
+
+  let {container, disabled, children, ...props}: PortalProps = $props();
+
+  let environment = getEnvironmentContext();
+</script>
+
+<div
+  use:portal={{
+    disabled,
+    container,
+    getRootNode: environment?.getRootNode,
+  }}
+  data-scope="portal"
+  data-part="root"
+  {...props}
+>
+  {@render children?.()}
+</div>

package/dist/presence/root.svelte

@@ -19,7 +19,11 @@
   let {asChild, children, ...props}: PresenceProps = $props();
 
   let [presenceProps, otherProps] = $derived(
-    createSplitProps<CreatePresenceProps>(['present'])(props),
+    createSplitProps<CreatePresenceProps>([
+      'present',
+      'lazyMount',
+      'keepMounted',
+    ])(props),
   );
 
   let presence = createPresence(reflect(() => presenceProps));

package/dist/switch/control.svelte

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

package/dist/switch/hidden-input.svelte

@@ -1,23 +1,23 @@
-<script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface SwitchHiddenInputProps
-    extends HtmlIngredientProps<'input'> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../merge-props.js';
-  import {getSwitchContext} from './context.svelte.js';
-
-  let {asChild, ...props}: SwitchHiddenInputProps = $props();
-
-  let switch$ = getSwitchContext();
-
-  let mergedProps = $derived(mergeProps(props, switch$.getHiddenInputProps()));
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps)}
-{:else}
-  <input {...mergedProps} />
-{/if}
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface SwitchHiddenInputProps
+    extends HtmlIngredientProps<'input'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getSwitchContext} from './context.svelte.js';
+
+  let {asChild, ...props}: SwitchHiddenInputProps = $props();
+
+  let switch$ = getSwitchContext();
+
+  let mergedProps = $derived(mergeProps(props, switch$.getHiddenInputProps()));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <input {...mergedProps} />
+{/if}

package/dist/switch/label.svelte

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

package/dist/switch/root.svelte

@@ -1,54 +1,54 @@
-<script lang="ts" module>
-  import type {Assign, HtmlIngredientProps} from '../types.js';
-  import type {
-    CreateSwitchProps,
-    CreateSwitchReturn,
-  } from './create-switch.svelte.js';
-
-  export interface SwitchProps
-    extends Assign<
-      HtmlIngredientProps<'label', CreateSwitchReturn>,
-      CreateSwitchProps
-    > {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../merge-props.js';
-  import {reflect} from '@zag-js/svelte';
-  import {createSplitProps} from '@zag-js/utils';
-  import {setSwitchContext} from './context.svelte.js';
-  import {createSwitch} from './create-switch.svelte.js';
-
-  let {asChild, children, ...props}: SwitchProps = $props();
-
-  let [switchProps, otherProps] = $derived(
-    createSplitProps<CreateSwitchProps>([
-      'id',
-      'ids',
-      'form',
-      'name',
-      'label',
-      'value',
-      'checked',
-      'invalid',
-      'disabled',
-      'readOnly',
-      'required',
-      'onCheckedChange',
-    ])(props),
-  );
-
-  let switch$ = createSwitch(reflect(() => switchProps));
-
-  let mergedProps = $derived(mergeProps(otherProps, switch$.getRootProps()));
-
-  setSwitchContext(switch$);
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps, switch$)}
-{:else}
-  <label {...mergedProps}>
-    {@render children?.(switch$)}
-  </label>
-{/if}
+<script lang="ts" module>
+  import type {Assign, HtmlIngredientProps} from '../types.js';
+  import type {
+    CreateSwitchProps,
+    CreateSwitchReturn,
+  } from './create-switch.svelte.js';
+
+  export interface SwitchProps
+    extends Assign<
+      HtmlIngredientProps<'label', CreateSwitchReturn>,
+      CreateSwitchProps
+    > {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {reflect} from '@zag-js/svelte';
+  import {createSplitProps} from '@zag-js/utils';
+  import {setSwitchContext} from './context.svelte.js';
+  import {createSwitch} from './create-switch.svelte.js';
+
+  let {asChild, children, ...props}: SwitchProps = $props();
+
+  let [switchProps, otherProps] = $derived(
+    createSplitProps<CreateSwitchProps>([
+      'id',
+      'ids',
+      'form',
+      'name',
+      'label',
+      'value',
+      'checked',
+      'invalid',
+      'disabled',
+      'readOnly',
+      'required',
+      'onCheckedChange',
+    ])(props),
+  );
+
+  let switch$ = createSwitch(reflect(() => switchProps));
+
+  let mergedProps = $derived(mergeProps(otherProps, switch$.getRootProps()));
+
+  setSwitchContext(switch$);
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps, switch$)}
+{:else}
+  <label {...mergedProps}>
+    {@render children?.(switch$)}
+  </label>
+{/if}

package/dist/switch/thumb.svelte

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

package/dist/toast/actor.svelte

@@ -1,19 +1,19 @@
-<script lang="ts">
-  import * as toast$ from '@zag-js/toast';
-  import type {Snippet} from 'svelte';
-  import {setToastContext} from './context.svelte.js';
-  import {createToast, type CreateToastReturn} from './create-toast.svelte.js';
-
-  interface Props {
-    actor: toast$.Service;
-    children$: Snippet<[toast: CreateToastReturn]>;
-  }
-
-  let {actor, children$}: Props = $props();
-
-  let toast = createToast(actor);
-
-  setToastContext(toast);
-</script>
-
-{@render children$(toast)}
+<script lang="ts">
+  import * as toast$ from '@zag-js/toast';
+  import type {Snippet} from 'svelte';
+  import {setToastContext} from './context.svelte.js';
+  import {createToast, type CreateToastReturn} from './create-toast.svelte.js';
+
+  interface Props {
+    actor: toast$.Service;
+    children$: Snippet<[toast: CreateToastReturn]>;
+  }
+
+  let {actor, children$}: Props = $props();
+
+  let toast = createToast(actor);
+
+  setToastContext(toast);
+</script>
+
+{@render children$(toast)}