ui-ingredients 0.12.0 → 0.13.0

package/dist/file-upload/file-upload-trigger.svelte

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

package/dist/floating-panel/floating-panel-close-trigger.svelte

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

package/dist/floating-panel/floating-panel-drag-trigger.svelte

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

package/dist/floating-panel/floating-panel-maximize-trigger.svelte

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

package/dist/floating-panel/floating-panel-minimize-trigger.svelte

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

package/dist/floating-panel/floating-panel-resize-trigger.svelte

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

package/dist/floating-panel/floating-panel-restore-trigger.svelte

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

package/dist/floating-panel/floating-panel-trigger.svelte

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

package/dist/menu/menu-context-trigger.svelte

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

package/dist/menu/menu-trigger-item.svelte

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

package/dist/menu/menu-trigger.svelte

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

package/dist/number-input/number-input-decrement-trigger.svelte

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

package/dist/number-input/number-input-increment-trigger.svelte

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

package/dist/pagination/pagination-item.svelte

@@ -37,7 +37,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {#if children}
       {@render children?.()}
     {:else}

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

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

package/dist/pagination/pagination-prev-trigger.svelte

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

package/dist/pin-input/create-pin-input.svelte.js

@@ -31,6 +31,7 @@ export function createPinInputContext(props) {
             ...o,
             getClearTriggerProps() {
                 return {
+                    type: 'button',
                     onclick() {
                         o.clearValue();
                     },

package/dist/pin-input/pin-input-clear-trigger.svelte

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

package/dist/popover/popover-close-trigger.svelte

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

package/dist/popover/popover-trigger.svelte

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

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

@@ -1,10 +1,10 @@
 import * as select from '@zag-js/select';
-type Omitted = 'id' | 'dir' | 'getRootNode' | 'collection' | 'open.controlled';
-export interface CreateSelectProps<T> extends select.CollectionOptions<T>, Omit<select.Context, Omitted> {
+type Omitted = 'id' | 'dir' | 'getRootNode' | 'open.controlled';
+export interface CreateSelectProps extends Omit<select.Context, Omitted> {
     id?: string;
     openControlled?: boolean;
 }
 export interface CreateSelectReturn extends select.Api {
 }
-export declare function createSelect<T>(props: CreateSelectProps<T>): CreateSelectReturn;
+export declare function createSelect(props: CreateSelectProps): CreateSelectReturn;
 export {};

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

@@ -4,15 +4,7 @@ import { getFieldContext } from '../field/field-context.svelte.js';
 import { getLocaleContext } from '../locale-provider/local-provider-context.svelte.js';
 import * as select from '@zag-js/select';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
-import { createSplitProps } from '@zag-js/utils';
 export function createSelect(props) {
-    const [collectionProps, selectProps] = $derived(createSplitProps([
-        'items',
-        'itemToValue',
-        'itemToString',
-        'isItemDisabled',
-    ])(props));
-    const collection = $derived(select.collection(collectionProps));
     const field = getFieldContext();
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
@@ -28,10 +20,9 @@ export function createSelect(props) {
         disabled: field?.disabled,
         readOnly: field?.readOnly,
         required: field?.required,
-        ...selectProps,
+        ...props,
         getRootNode: environment?.getRootNode,
         'open.controlled': props.openControlled,
-        collection,
     }));
     const [state, send] = useMachine(select.machine(context), { context });
     return reflect(() => {

package/dist/select/select-clear-trigger.svelte

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

package/dist/select/select-root.svelte

@@ -6,15 +6,15 @@
     CreateSelectReturn,
   } from './create-select.svelte.js';
 
-  export interface SelectProps<T>
+  export interface SelectProps
     extends Assign<
         HtmlIngredientProps<'div', HTMLDivElement, CreateSelectReturn>,
-        CreateSelectProps<T>
+        CreateSelectProps
       >,
       PresenceStrategyProps {}
 </script>
 
-<script lang="ts" generics="T">
+<script lang="ts">
   import {mergeProps} from '../merge-props.js';
   import {createPresence} from '../presence/create-presence.svelte.js';
   import {setPresenceContext} from '../presence/presence-context.svelte.js';
@@ -28,10 +28,10 @@
     asChild,
     children,
     ...props
-  }: SelectProps<T> = $props();
+  }: SelectProps = $props();
 
   let [createSelectProps, rest] = $derived(
-    createSplitProps<CreateSelectProps<T>>([
+    createSplitProps<CreateSelectProps>([
       'id',
       'ids',
       'form',
@@ -39,7 +39,6 @@
       'open',
       'openControlled',
       'value',
-      'items',
       'invalid',
       'multiple',
       'disabled',
@@ -51,9 +50,6 @@
       'deselectable',
       'closeOnSelect',
       'highlightedValue',
-      'itemToValue',
-      'itemToString',
-      'isItemDisabled',
       'onOpenChange',
       'onValueChange',
       'onFocusOutside',
@@ -61,6 +57,7 @@
       'onInteractOutside',
       'onPointerDownOutside',
       'scrollToIndexFn',
+      'collection',
     ])(props),
   );
 

package/dist/select/select-root.svelte.d.ts

@@ -1,26 +1,23 @@
 import type { PresenceStrategyProps } from '../presence/create-presence.svelte.js';
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { CreateSelectProps, CreateSelectReturn } from './create-select.svelte.js';
-export interface SelectProps<T> extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateSelectReturn>, CreateSelectProps<T>>, PresenceStrategyProps {
+export interface SelectProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateSelectReturn>, CreateSelectProps>, PresenceStrategyProps {
 }
-declare class __sveltets_Render<T> {
-    props(): SelectProps<T>;
-    events(): {} & {
-        [evt: string]: CustomEvent<any>;
+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;
     };
-    slots(): {};
-    bindings(): "ref";
-    exports(): {};
+    z_$$bindings?: Bindings;
 }
-interface $$IsomorphicComponent {
-    new <T>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
-    } & ReturnType<__sveltets_Render<T>['exports']>;
-    <T>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {
-        $$events?: ReturnType<__sveltets_Render<T>['events']>;
-    }): ReturnType<__sveltets_Render<T>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const SelectRoot: $$IsomorphicComponent;
-type SelectRoot<T> = InstanceType<typeof SelectRoot<T>>;
+declare const SelectRoot: $$__sveltets_2_IsomorphicComponent<SelectProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "ref">;
+type SelectRoot = InstanceType<typeof SelectRoot>;
 export default SelectRoot;

package/dist/select/select-trigger.svelte

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

package/dist/select/select.d.ts

@@ -1,3 +1,4 @@
+export { collection } from '@zag-js/select';
 export { default as ClearTrigger } from './select-clear-trigger.svelte';
 export { default as Content } from './select-content.svelte';
 export { default as Control } from './select-control.svelte';

package/dist/select/select.js

@@ -1,3 +1,4 @@
+export { collection } from '@zag-js/select';
 export { default as ClearTrigger } from './select-clear-trigger.svelte';
 export { default as Content } from './select-content.svelte';
 export { default as Control } from './select-control.svelte';

package/dist/signature-pad/signature-pad-clear-trigger.svelte

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

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

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

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

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

package/dist/steps/steps-trigger.svelte

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

package/dist/tabs/tabs-trigger.svelte

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

package/dist/tags-input/tags-input-clear-trigger.svelte

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

package/dist/tags-input/tags-input-item-delete-trigger.svelte

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

package/dist/time-picker/index.d.ts

@@ -13,5 +13,5 @@ export type { TimePickerProps } from './time-picker-root.svelte';
 export type { TimePickerSecondCellProps } from './time-picker-second-cell.svelte';
 export type { TimePickerSpacerProps } from './time-picker-spacer.svelte';
 export type { TimePickerTriggerProps } from './time-picker-trigger.svelte';
-export { anatomy as timePickerAnatomy } from '@zag-js/time-picker';
+export { anatomy as timePickerAnatomy, type Time } from '@zag-js/time-picker';
 export { getTimePickerContext } from './time-picker-context.svelte.js';

package/dist/time-picker/time-picker-clear-trigger.svelte

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

package/dist/time-picker/time-picker-trigger.svelte

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

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

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

package/dist/toast/create-toaster.svelte.d.ts

@@ -1,23 +1,9 @@
-import type { Machine, StateMachine } from '@zag-js/core';
 import * as toast from '@zag-js/toast';
-export interface CreateToasterProps {
+export interface CreateToasterProps extends Omit<Partial<toast.GroupMachineContext>, 'id'> {
     id?: string;
-    max?: toast.GroupMachineContext['max'];
-    gap?: toast.GroupMachineContext['gap'];
-    hotkey?: toast.GroupMachineContext['hotkey'];
-    offsets?: toast.GroupMachineContext['offsets'];
-    overlap?: toast.GroupMachineContext['overlap'];
-    duration?: toast.GroupMachineContext['duration'];
-    placement?: toast.GroupMachineContext['placement'];
-    removeDelay?: toast.GroupMachineContext['removeDelay'];
-    pauseOnPageIdle?: toast.GroupMachineContext['pauseOnPageIdle'];
+    placement?: toast.Placement;
 }
-type ToasterMachineState = {
-    value: 'stack' | 'overlap';
-};
-type ToasterMachine = Machine<toast.GroupMachineContext, ToasterMachineState, StateMachine.AnyEventObject>;
 export interface CreateToasterReturn extends toast.GroupApi {
-    machine: ToasterMachine;
+    machine: toast.GroupService;
 }
 export declare function createToaster(props?: CreateToasterProps): CreateToasterReturn;
-export {};

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

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

package/dist/toast/toast-close-trigger.svelte

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

package/dist/toggle-group/toggle-group-item.svelte

@@ -37,7 +37,7 @@
 {#if asChild}
   {@render asChild(mergedProps, itemState)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.(itemState)}
   </button>
 {/if}

package/dist/tooltip/tooltip-trigger.svelte

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

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

@@ -29,7 +29,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {#if children}
       {@render children?.()}
     {:else}

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

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

package/dist/tour/tour-trigger.svelte

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

package/dist/tree-view/index.d.ts

@@ -1,6 +1,7 @@
 export * as TreeView from './tree-view.js';
 export type { TreeViewBranchContentProps } from './tree-view-branch-content.svelte';
 export type { TreeViewBranchControlProps } from './tree-view-branch-control.svelte';
+export type { TreeViewBranchIndentGuideProps } from './tree-view-branch-indent-guide.svelte';
 export type { TreeViewBranchIndicatorProps } from './tree-view-branch-indicator.svelte';
 export type { TreeViewBranchTextProps } from './tree-view-branch-text.svelte';
 export type { TreeViewBranchTriggerProps } from './tree-view-branch-trigger.svelte';
@@ -13,3 +14,4 @@ export type { TreeViewProps } from './tree-view-root.svelte';
 export type { TreeViewTreeProps } from './tree-view-tree.svelte';
 export { anatomy as treeViewAnatomy } from '@zag-js/tree-view';
 export { getTreeViewContext } from './tree-view-context.svelte.js';
+export type { NodeProps } from './types.js';