ui-ingredients 0.11.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/segment-group/create-segment-group.svelte.js

@@ -1,8 +1,10 @@
 import { createUniqueId } from '../create-unique-id.js';
 import { getEnvironmentContext } from '../environment-provider/enviroment-provider-context.svelte.js';
 import { getLocaleContext } from '../locale-provider/local-provider-context.svelte.js';
+import { mergeProps } from '../merge-props.js';
 import * as segmentGroup from '@zag-js/radio-group';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import { parts } from './segment-group-anatomy.js';
 export function createSegmentGroup(props) {
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
@@ -14,5 +16,28 @@ export function createSegmentGroup(props) {
         ...props,
     }));
     const [state, send] = useMachine(segmentGroup.machine(context));
-    return reflect(() => segmentGroup.connect(state, send, normalizeProps));
+    return reflect(() => {
+        const o = segmentGroup.connect(state, send, normalizeProps);
+        return {
+            ...o,
+            getIndicatorProps() {
+                return mergeProps(o.getIndicatorProps(), parts.indicator.attrs);
+            },
+            getItemControlProps(props) {
+                return mergeProps(o.getItemControlProps(props), parts.itemControl.attrs);
+            },
+            getItemProps(props) {
+                return mergeProps(o.getItemProps(props), parts.item.attrs);
+            },
+            getItemTextProps(props) {
+                return mergeProps(o.getItemTextProps(props), parts.itemText.attrs);
+            },
+            getLabelProps() {
+                return mergeProps(o.getLabelProps(), parts.label.attrs);
+            },
+            getRootProps() {
+                return mergeProps(o.getRootProps(), parts.root.attrs);
+            },
+        };
+    });
 }

package/dist/segment-group/segment-group-indicator.svelte

@@ -7,7 +7,6 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
-  import {parts} from './segment-group-anatomy.js';
   import {getSegmentGroupContext} from './segment-group-context.svelte.js';
 
   let {
@@ -20,7 +19,7 @@
   let segmentGroup = getSegmentGroupContext();
 
   let mergedProps = $derived(
-    mergeProps(segmentGroup.getIndicatorProps(), parts.indicator.attrs, props),
+    mergeProps(segmentGroup.getIndicatorProps(), props),
   );
 </script>
 

package/dist/segment-group/segment-group-item-control.svelte

@@ -7,7 +7,6 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
-  import {parts} from './segment-group-anatomy.js';
   import {
     getSegmentGroupContext,
     getSegmentGroupItemPropsContext,
@@ -24,11 +23,7 @@
   let itemProps = getSegmentGroupItemPropsContext();
 
   let mergedProps = $derived(
-    mergeProps(
-      segmentGroup.getItemControlProps(itemProps),
-      parts.itemControl.attrs,
-      props,
-    ),
+    mergeProps(segmentGroup.getItemControlProps(itemProps), props),
   );
 </script>
 

package/dist/segment-group/segment-group-item-text.svelte

@@ -7,7 +7,6 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
-  import {parts} from './segment-group-anatomy.js';
   import {
     getSegmentGroupContext,
     getSegmentGroupItemPropsContext,
@@ -24,11 +23,7 @@
   let itemProps = getSegmentGroupItemPropsContext();
 
   let mergedProps = $derived(
-    mergeProps(
-      segmentGroup.getItemTextProps(itemProps),
-      parts.itemText.attrs,
-      props,
-    ),
+    mergeProps(segmentGroup.getItemTextProps(itemProps), props),
   );
 </script>
 

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

@@ -12,7 +12,6 @@
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
   import {createSplitProps} from '@zag-js/utils';
-  import {parts} from './segment-group-anatomy.js';
   import {
     getSegmentGroupContext,
     setSegmentGroupItemPropsContext,
@@ -33,11 +32,7 @@
 
   let itemState = $derived(segmentGroup.getItemState(itemProps));
   let mergedProps = $derived(
-    mergeProps(
-      segmentGroup.getItemProps(itemProps),
-      parts.item.attrs,
-      localProps,
-    ),
+    mergeProps(segmentGroup.getItemProps(itemProps), localProps),
   );
 
   setSegmentGroupItemPropsContext(() => itemProps);

package/dist/segment-group/segment-group-label.svelte

@@ -7,7 +7,6 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
-  import {parts} from './segment-group-anatomy.js';
   import {getSegmentGroupContext} from './segment-group-context.svelte.js';
 
   let {
@@ -19,9 +18,7 @@
 
   let segmentGroup = getSegmentGroupContext();
 
-  let mergedProps = $derived(
-    mergeProps(segmentGroup.getLabelProps(), parts.label.attrs, props),
-  );
+  let mergedProps = $derived(mergeProps(segmentGroup.getLabelProps(), props));
 </script>
 
 {#if asChild}

package/dist/segment-group/segment-group-root.svelte

@@ -17,7 +17,6 @@
   import {reflect} from '@zag-js/svelte';
   import {createSplitProps} from '@zag-js/utils';
   import {createSegmentGroup} from './create-segment-group.svelte.js';
-  import {parts} from './segment-group-anatomy.js';
   import {setSegmentGroupContext} from './segment-group-context.svelte.js';
 
   let {
@@ -44,7 +43,7 @@
   let segmentGroup = createSegmentGroup(reflect(() => createSegmentGroupProps));
 
   let mergedProps = $derived(
-    mergeProps(segmentGroup.getRootProps(), parts.root.attrs, localProps),
+    mergeProps(segmentGroup.getRootProps(), localProps),
   );
 
   setSegmentGroupContext(segmentGroup);

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}