@ark-ui/svelte 0.4.0 → 5.0.0-0

package/dist/components/combobox/combobox-item.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types';
+export interface ComboboxItemBaseProps extends PolymorphicProps<'div'> {
+    item: unknown;
+    persistFocus?: boolean;
+}
+export interface ComboboxItemProps extends Assign<HTMLProps<'div'>, ComboboxItemBaseProps> {
+}
+declare const ComboboxItem: import("svelte").Component<ComboboxItemProps, {}, "">;
+type ComboboxItem = ReturnType<typeof ComboboxItem>;
+export default ComboboxItem;

package/dist/components/combobox/combobox-label.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types'
+
+  export interface ComboboxLabelBaseProps extends PolymorphicProps<'label'> {}
+  export interface ComboboxLabelProps extends Assign<HTMLProps<'label'>, ComboboxLabelBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useComboboxContext } from './use-combobox-context'
+
+  const props: ComboboxLabelProps = $props()
+
+  const combobox = useComboboxContext()
+  const mergedProps = $derived(mergeProps(combobox().getLabelProps(), props))
+</script>
+
+<Ark as="label" {...mergedProps} />

package/dist/components/combobox/combobox-label.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types';
+export interface ComboboxLabelBaseProps extends PolymorphicProps<'label'> {
+}
+export interface ComboboxLabelProps extends Assign<HTMLProps<'label'>, ComboboxLabelBaseProps> {
+}
+declare const ComboboxLabel: import("svelte").Component<ComboboxLabelProps, {}, "">;
+type ComboboxLabel = ReturnType<typeof ComboboxLabel>;
+export default ComboboxLabel;

package/dist/components/combobox/combobox-list.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types'
+
+  export interface ComboboxListBaseProps extends PolymorphicProps<'div'> {}
+  export interface ComboboxListProps extends Assign<HTMLProps<'div'>, ComboboxListBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useComboboxContext } from './use-combobox-context'
+
+  const props: ComboboxListProps = $props()
+
+  const combobox = useComboboxContext()
+  const mergedProps = $derived(mergeProps(combobox().getListProps(), props))
+</script>
+
+<Ark as="div" {...mergedProps} />

package/dist/components/combobox/combobox-list.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types';
+export interface ComboboxListBaseProps extends PolymorphicProps<'div'> {
+}
+export interface ComboboxListProps extends Assign<HTMLProps<'div'>, ComboboxListBaseProps> {
+}
+declare const ComboboxList: import("svelte").Component<ComboboxListProps, {}, "">;
+type ComboboxList = ReturnType<typeof ComboboxList>;
+export default ComboboxList;

package/dist/components/combobox/combobox-positioner.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types'
+
+  export interface ComboboxPositionerBaseProps extends PolymorphicProps<'div'> {}
+  export interface ComboboxPositionerProps extends Assign<HTMLProps<'div'>, ComboboxPositionerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useComboboxContext } from './use-combobox-context'
+
+  const props: ComboboxPositionerProps = $props()
+
+  const combobox = useComboboxContext()
+  const mergedProps = $derived(mergeProps(combobox().getPositionerProps(), props))
+</script>
+
+<Ark as="div" {...mergedProps} />

package/dist/components/combobox/combobox-positioner.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types';
+export interface ComboboxPositionerBaseProps extends PolymorphicProps<'div'> {
+}
+export interface ComboboxPositionerProps extends Assign<HTMLProps<'div'>, ComboboxPositionerBaseProps> {
+}
+declare const ComboboxPositioner: import("svelte").Component<ComboboxPositionerProps, {}, "">;
+type ComboboxPositioner = ReturnType<typeof ComboboxPositioner>;
+export default ComboboxPositioner;

package/dist/components/combobox/combobox-root-provider.svelte

@@ -0,0 +1,40 @@
+<script lang="ts" module>
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types.js'
+  import type { Snippet } from 'svelte'
+  import type { CollectionItem } from '../collection/index.js'
+  import type { UsePresenceProps } from '../presence/use-presence.svelte.js'
+  import type { UseComboboxReturn } from './use-combobox.svelte.js'
+
+  interface RootProviderProps<T extends CollectionItem> {
+    value: UseComboboxReturn<T>
+  }
+
+  export interface ComboboxRootProviderBaseProps<T extends CollectionItem>
+    extends RootProviderProps<T>,
+      UsePresenceProps,
+      PolymorphicProps<'div'> {
+    children?: Snippet
+  }
+  export interface ComboboxRootProviderProps<T extends CollectionItem>
+    extends Assign<HTMLProps<'div'>, ComboboxRootProviderBaseProps<T>> {}
+</script>
+
+<script lang="ts" generics="T extends CollectionItem">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory/index.js'
+  import { PresenceProvider, splitPresenceProps, usePresence } from '../presence/index.js'
+  import { ComboboxProvider } from './use-combobox-context.js'
+
+  let { value, children, ...props }: ComboboxRootProviderProps<T> = $props()
+
+  const [presenceProps, otherProps] = splitPresenceProps(props)
+  const presence = usePresence(() => mergeProps({ present: value().open }, presenceProps))
+  const mergedProps = $derived(mergeProps(value().getRootProps(), otherProps))
+
+  ComboboxProvider(value)
+  PresenceProvider(presence)
+</script>
+
+<Ark as="div" {...mergedProps}>
+  {@render children?.()}
+</Ark>

package/dist/components/combobox/combobox-root-provider.svelte.d.ts

@@ -0,0 +1,30 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types.js';
+import type { Snippet } from 'svelte';
+import type { CollectionItem } from '../collection/index.js';
+import type { UsePresenceProps } from '../presence/use-presence.svelte.js';
+import type { UseComboboxReturn } from './use-combobox.svelte.js';
+interface RootProviderProps<T extends CollectionItem> {
+    value: UseComboboxReturn<T>;
+}
+export interface ComboboxRootProviderBaseProps<T extends CollectionItem> extends RootProviderProps<T>, UsePresenceProps, PolymorphicProps<'div'> {
+    children?: Snippet;
+}
+export interface ComboboxRootProviderProps<T extends CollectionItem> extends Assign<HTMLProps<'div'>, ComboboxRootProviderBaseProps<T>> {
+}
+declare class __sveltets_Render<T extends CollectionItem> {
+    props(): ComboboxRootProviderProps<T>;
+    events(): {};
+    slots(): {};
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends CollectionItem>(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 extends CollectionItem>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const ComboboxRootProvider: $$IsomorphicComponent;
+type ComboboxRootProvider<T extends CollectionItem> = InstanceType<typeof ComboboxRootProvider<T>>;
+export default ComboboxRootProvider;

package/dist/components/combobox/combobox-root.svelte

@@ -0,0 +1,108 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types'
+  import type { CollectionItem } from '../collection'
+  import type { UsePresenceProps } from '../presence'
+  import type { UseComboboxProps } from './use-combobox.svelte'
+
+  export interface ComboboxRootBaseProps<T extends CollectionItem>
+    extends UseComboboxProps<T>,
+      UsePresenceProps,
+      PolymorphicProps<'div'> {}
+  export interface ComboboxRootProps<T extends CollectionItem>
+    extends Assign<HTMLProps<'div'>, ComboboxRootBaseProps<T>> {}
+</script>
+
+<script lang="ts" generics="T extends CollectionItem">
+  import { createSplitProps } from '../../utils/create-split-props'
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { PresenceProvider, splitPresenceProps, usePresence } from '../presence'
+  import { ComboboxProvider } from './use-combobox-context'
+  import { useCombobox } from './use-combobox.svelte'
+
+  let {
+    open = $bindable<boolean>(),
+    value = $bindable<string[]>(),
+    inputValue = $bindable<string>(),
+    ...props
+  }: ComboboxRootProps<T> = $props()
+
+  const [presenceProps, comboboxProps] = $derived(splitPresenceProps(props))
+  const [useComboboxProps, localProps] = $derived(
+    createSplitProps<UseComboboxProps<T>>()(comboboxProps, [
+      'allowCustomValue',
+      'autoFocus',
+      'closeOnSelect',
+      'collection',
+      'composite',
+      'defaultHighlightedValue',
+      'defaultInputValue',
+      'defaultOpen',
+      'defaultValue',
+      'disabled',
+      'disableLayer',
+      'form',
+      'highlightedValue',
+      'id',
+      'ids',
+      'inputBehavior',
+      'inputValue',
+      'invalid',
+      'loopFocus',
+      'multiple',
+      'name',
+      'navigate',
+      'onFocusOutside',
+      'onHighlightChange',
+      'onInputValueChange',
+      'onInteractOutside',
+      'onOpenChange',
+      'onPointerDownOutside',
+      'onSelect',
+      'onValueChange',
+      'open',
+      'openOnChange',
+      'openOnClick',
+      'openOnKeyPress',
+      'placeholder',
+      'positioning',
+      'readOnly',
+      'required',
+      'scrollToIndexFn',
+      'selectionBehavior',
+      'translations',
+      'value',
+    ]),
+  )
+
+  const id = $props.id()
+
+  const machineProps = $derived.by<UseComboboxProps<T>>(() => ({
+    ...useComboboxProps,
+    id: useComboboxProps.id ?? id,
+    open,
+    value,
+    inputValue,
+    onOpenChange(details) {
+      useComboboxProps.onOpenChange?.(details)
+      if (open != null) open = details.open
+    },
+    onValueChange(details) {
+      useComboboxProps.onValueChange?.(details)
+      if (value != null) value = details.value
+    },
+    onInputValueChange(details) {
+      useComboboxProps.onInputValueChange?.(details)
+      if (inputValue != null) inputValue = details.inputValue
+    },
+  }))
+
+  const combobox = useCombobox(() => machineProps)
+  const presence = usePresence(() => ({ present: combobox().open, ...presenceProps }))
+  const mergedProps = $derived(mergeProps(combobox().getRootProps(), localProps))
+
+  ComboboxProvider(combobox)
+  PresenceProvider(presence)
+</script>
+
+<Ark as="div" {...mergedProps} />

package/dist/components/combobox/combobox-root.svelte.d.ts

@@ -0,0 +1,25 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types';
+import type { CollectionItem } from '../collection';
+import type { UsePresenceProps } from '../presence';
+import type { UseComboboxProps } from './use-combobox.svelte';
+export interface ComboboxRootBaseProps<T extends CollectionItem> extends UseComboboxProps<T>, UsePresenceProps, PolymorphicProps<'div'> {
+}
+export interface ComboboxRootProps<T extends CollectionItem> extends Assign<HTMLProps<'div'>, ComboboxRootBaseProps<T>> {
+}
+declare class __sveltets_Render<T extends CollectionItem> {
+    props(): ComboboxRootProps<T>;
+    events(): {};
+    slots(): {};
+    bindings(): "value" | "open" | "inputValue";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends CollectionItem>(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 extends CollectionItem>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const ComboboxRoot: $$IsomorphicComponent;
+type ComboboxRoot<T extends CollectionItem> = InstanceType<typeof ComboboxRoot<T>>;
+export default ComboboxRoot;

package/dist/components/combobox/combobox-trigger.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types'
+
+  export interface ComboboxTriggerBaseProps extends PolymorphicProps<'button'> {}
+  export interface ComboboxTriggerProps extends Assign<HTMLProps<'button'>, ComboboxTriggerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useComboboxContext } from './use-combobox-context'
+
+  const props: ComboboxTriggerProps = $props()
+
+  const combobox = useComboboxContext()
+  const mergedProps = $derived(mergeProps(combobox().getTriggerProps(), props))
+</script>
+
+<Ark as="button" {...mergedProps} />

package/dist/components/combobox/combobox-trigger.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types';
+export interface ComboboxTriggerBaseProps extends PolymorphicProps<'button'> {
+}
+export interface ComboboxTriggerProps extends Assign<HTMLProps<'button'>, ComboboxTriggerBaseProps> {
+}
+declare const ComboboxTrigger: import("svelte").Component<ComboboxTriggerProps, {}, "">;
+type ComboboxTrigger = ReturnType<typeof ComboboxTrigger>;
+export default ComboboxTrigger;

package/dist/components/combobox/combobox.anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as comboboxAnatomy } from '@zag-js/combobox';

package/dist/components/combobox/combobox.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as comboboxAnatomy } from '@zag-js/combobox';

package/dist/components/combobox/combobox.d.ts

@@ -0,0 +1,18 @@
+export type { HighlightChangeDetails, InputValueChangeDetails, OpenChangeDetails, SelectionDetails, ValueChangeDetails, } from '@zag-js/combobox';
+export { default as ClearTrigger, type ComboboxClearTriggerProps as ClearTriggerProps, type ComboboxClearTriggerBaseProps as ClearTriggerBaseProps, } from './combobox-clear-trigger.svelte';
+export { default as Content, type ComboboxContentProps as ContentProps, type ComboboxContentBaseProps as ContentBaseProps, } from './combobox-content.svelte';
+export { default as Context, type ComboboxContextProps as ContextProps } from './combobox-context.svelte';
+export { default as Control, type ComboboxControlProps as ControlProps, type ComboboxControlBaseProps as ControlBaseProps, } from './combobox-control.svelte';
+export { default as Input, type ComboboxInputProps as InputProps, type ComboboxInputBaseProps as InputBaseProps, } from './combobox-input.svelte';
+export { default as Item, type ComboboxItemProps as ItemProps, type ComboboxItemBaseProps as ItemBaseProps, } from './combobox-item.svelte';
+export { default as ItemContext, type ComboboxItemContextProps as ItemContextProps, } from './combobox-item-context.svelte';
+export { default as ItemGroup, type ComboboxItemGroupProps as ItemGroupProps, type ComboboxItemGroupBaseProps as ItemGroupBaseProps, } from './combobox-item-group.svelte';
+export { default as ItemGroupLabel, type ComboboxItemGroupLabelProps as ItemGroupLabelProps, type ComboboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, } from './combobox-item-group-label.svelte';
+export { default as ItemIndicator, type ComboboxItemIndicatorProps as ItemIndicatorProps, type ComboboxItemIndicatorBaseProps as ItemIndicatorBaseProps, } from './combobox-item-indicator.svelte';
+export { default as ItemText, type ComboboxItemTextProps as ItemTextProps, type ComboboxItemTextBaseProps as ItemTextBaseProps, } from './combobox-item-text.svelte';
+export { default as Label, type ComboboxLabelProps as LabelProps, type ComboboxLabelBaseProps as LabelBaseProps, } from './combobox-label.svelte';
+export { default as List, type ComboboxListProps as ListProps, type ComboboxListBaseProps as ListBaseProps, } from './combobox-list.svelte';
+export { default as Positioner, type ComboboxPositionerProps, type ComboboxPositionerBaseProps, } from './combobox-positioner.svelte';
+export { default as Root, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootProps as RootProps, } from './combobox-root.svelte';
+export { default as RootProvider, type ComboboxRootProviderBaseProps as RootProviderBaseProps, type ComboboxRootProviderProps as RootProviderProps, } from './combobox-root-provider.svelte';
+export { default as Trigger, type ComboboxTriggerProps as TriggerProps, type ComboboxTriggerBaseProps as TriggerBaseProps, } from './combobox-trigger.svelte';

package/dist/components/combobox/combobox.js

@@ -0,0 +1,17 @@
+export { default as ClearTrigger, } from './combobox-clear-trigger.svelte';
+export { default as Content, } from './combobox-content.svelte';
+export { default as Context } from './combobox-context.svelte';
+export { default as Control, } from './combobox-control.svelte';
+export { default as Input, } from './combobox-input.svelte';
+export { default as Item, } from './combobox-item.svelte';
+export { default as ItemContext, } from './combobox-item-context.svelte';
+export { default as ItemGroup, } from './combobox-item-group.svelte';
+export { default as ItemGroupLabel, } from './combobox-item-group-label.svelte';
+export { default as ItemIndicator, } from './combobox-item-indicator.svelte';
+export { default as ItemText, } from './combobox-item-text.svelte';
+export { default as Label, } from './combobox-label.svelte';
+export { default as List, } from './combobox-list.svelte';
+export { default as Positioner, } from './combobox-positioner.svelte';
+export { default as Root, } from './combobox-root.svelte';
+export { default as RootProvider, } from './combobox-root-provider.svelte';
+export { default as Trigger, } from './combobox-trigger.svelte';

package/dist/components/combobox/index.d.ts

@@ -0,0 +1,24 @@
+export type { HighlightChangeDetails as ComboboxHighlightChangeDetails, InputValueChangeDetails as ComboboxInputValueChangeDetails, OpenChangeDetails as ComboboxOpenChangeDetails, SelectionDetails as ComboboxSelectionDetails, ValueChangeDetails as ComboboxValueChangeDetails, } from '@zag-js/combobox';
+export { createListCollection, useListCollection, type CollectionItem, type ListCollection, type UseListCollectionProps, } from '../collection';
+export { default as ComboboxClearTrigger, type ComboboxClearTriggerProps, type ComboboxClearTriggerBaseProps, } from './combobox-clear-trigger.svelte';
+export { default as ComboboxContent, type ComboboxContentProps, type ComboboxContentBaseProps, } from './combobox-content.svelte';
+export { default as ComboboxContext, type ComboboxContextProps } from './combobox-context.svelte';
+export { default as ComboboxControl, type ComboboxControlProps, type ComboboxControlBaseProps, } from './combobox-control.svelte';
+export { default as ComboboxInput, type ComboboxInputProps, type ComboboxInputBaseProps } from './combobox-input.svelte';
+export { default as ComboboxItem, type ComboboxItemBaseProps, type ComboboxItemProps } from './combobox-item.svelte';
+export { default as ComboboxItemContext, type ComboboxItemContextProps } from './combobox-item-context.svelte';
+export { default as ComboboxItemGroup, type ComboboxItemGroupProps, type ComboboxItemGroupBaseProps, } from './combobox-item-group.svelte';
+export { default as ComboboxItemGroupLabel, type ComboboxItemGroupLabelProps, type ComboboxItemGroupLabelBaseProps, } from './combobox-item-group-label.svelte';
+export { default as ComboboxItemIndicator, type ComboboxItemIndicatorProps, type ComboboxItemIndicatorBaseProps, } from './combobox-item-indicator.svelte';
+export { default as ComboboxItemText, type ComboboxItemTextProps, type ComboboxItemTextBaseProps, } from './combobox-item-text.svelte';
+export { default as ComboboxLabel, type ComboboxLabelProps, type ComboboxLabelBaseProps } from './combobox-label.svelte';
+export { default as ComboboxList, type ComboboxListProps, type ComboboxListBaseProps } from './combobox-list.svelte';
+export { default as ComboboxPositioner, type ComboboxPositionerProps, type ComboboxPositionerBaseProps, } from './combobox-positioner.svelte';
+export { default as ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootProps } from './combobox-root.svelte';
+export { default as ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, } from './combobox-root-provider.svelte';
+export { default as ComboboxTrigger, type ComboboxTriggerProps, type ComboboxTriggerBaseProps, } from './combobox-trigger.svelte';
+export { comboboxAnatomy } from './combobox.anatomy';
+export { useCombobox, type UseComboboxProps, type UseComboboxReturn } from './use-combobox.svelte';
+export { useComboboxContext, type UseComboboxContext } from './use-combobox-context';
+export { useComboboxItemContext, type UseComboboxItemContext } from './use-combobox-item-context';
+export * as Combobox from './combobox';

package/dist/components/combobox/index.js

@@ -0,0 +1,23 @@
+export { createListCollection, useListCollection, } from '../collection';
+export { default as ComboboxClearTrigger, } from './combobox-clear-trigger.svelte';
+export { default as ComboboxContent, } from './combobox-content.svelte';
+export { default as ComboboxContext } from './combobox-context.svelte';
+export { default as ComboboxControl, } from './combobox-control.svelte';
+export { default as ComboboxInput } from './combobox-input.svelte';
+export { default as ComboboxItem } from './combobox-item.svelte';
+export { default as ComboboxItemContext } from './combobox-item-context.svelte';
+export { default as ComboboxItemGroup, } from './combobox-item-group.svelte';
+export { default as ComboboxItemGroupLabel, } from './combobox-item-group-label.svelte';
+export { default as ComboboxItemIndicator, } from './combobox-item-indicator.svelte';
+export { default as ComboboxItemText, } from './combobox-item-text.svelte';
+export { default as ComboboxLabel } from './combobox-label.svelte';
+export { default as ComboboxList } from './combobox-list.svelte';
+export { default as ComboboxPositioner, } from './combobox-positioner.svelte';
+export { default as ComboboxRoot } from './combobox-root.svelte';
+export { default as ComboboxRootProvider, } from './combobox-root-provider.svelte';
+export { default as ComboboxTrigger, } from './combobox-trigger.svelte';
+export { comboboxAnatomy } from './combobox.anatomy';
+export { useCombobox } from './use-combobox.svelte';
+export { useComboboxContext } from './use-combobox-context';
+export { useComboboxItemContext } from './use-combobox-item-context';
+export * as Combobox from './combobox';

package/dist/components/combobox/use-combobox-context.d.ts

@@ -0,0 +1,5 @@
+import type { CollectionItem } from '../collection';
+import type { UseComboboxReturn } from './use-combobox.svelte';
+export interface UseComboboxContext<T extends CollectionItem> extends UseComboboxReturn<T> {
+}
+export declare const ComboboxProvider: (opts: UseComboboxContext<any>) => void, useComboboxContext: (fallback?: UseComboboxContext<any> | undefined) => UseComboboxContext<any>;

package/dist/components/combobox/use-combobox-context.js

@@ -0,0 +1,6 @@
+import { createContext } from '../../utils/create-context';
+export const [ComboboxProvider, useComboboxContext] = createContext({
+    name: 'ComboboxContext',
+    hookName: 'useComboboxContext',
+    providerName: '<ComboboxProvider />',
+});

package/dist/components/combobox/use-combobox-item-context.d.ts

@@ -0,0 +1,5 @@
+import type { Accessor } from '../../types';
+import type { ItemState } from '@zag-js/combobox';
+export interface UseComboboxItemContext extends Accessor<ItemState> {
+}
+export declare const ComboboxItemProvider: (opts: UseComboboxItemContext) => void, useComboboxItemContext: (fallback?: UseComboboxItemContext | undefined) => UseComboboxItemContext;

package/dist/components/combobox/use-combobox-item-context.js

@@ -0,0 +1,6 @@
+import { createContext } from '../../utils/create-context';
+export const [ComboboxItemProvider, useComboboxItemContext] = createContext({
+    name: 'ComboboxItemContext',
+    hookName: 'useComboboxItemContext',
+    providerName: '<ComboboxItemProvider />',
+});

package/dist/components/combobox/use-combobox-item-group-props-context.d.ts

@@ -0,0 +1,5 @@
+import type { Accessor } from '../../types';
+import type { ItemGroupProps } from '@zag-js/combobox';
+export interface UseComboboxItemGroupPropsContext extends Accessor<ItemGroupProps> {
+}
+export declare const ComboboxItemGroupPropsProvider: (opts: UseComboboxItemGroupPropsContext) => void, useComboboxItemGroupPropsContext: (fallback?: UseComboboxItemGroupPropsContext | undefined) => UseComboboxItemGroupPropsContext;

package/dist/components/combobox/use-combobox-item-group-props-context.js

@@ -0,0 +1,4 @@
+import { createContext } from '../../utils/create-context';
+export const [ComboboxItemGroupPropsProvider, useComboboxItemGroupPropsContext] = createContext({
+    name: 'ComboboxItemGroupPropsContext',
+});

package/dist/components/combobox/use-combobox-item-props-context.d.ts

@@ -0,0 +1,5 @@
+import type { Accessor } from '../../types';
+import type { ItemProps } from '@zag-js/combobox';
+export interface UseComboboxItemPropsContext extends Accessor<ItemProps> {
+}
+export declare const ComboboxItemPropsProvider: (opts: UseComboboxItemPropsContext) => void, useComboboxItemPropsContext: (fallback?: UseComboboxItemPropsContext | undefined) => UseComboboxItemPropsContext;

package/dist/components/combobox/use-combobox-item-props-context.js

@@ -0,0 +1,6 @@
+import { createContext } from '../../utils/create-context';
+export const [ComboboxItemPropsProvider, useComboboxItemPropsContext] = createContext({
+    name: 'ComboboxItemPropsContext',
+    hookName: 'useComboboxItemPropsContext',
+    providerName: '<ComboboxItemPropsProvider />',
+});

package/dist/components/combobox/use-combobox.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { Accessor, Optional } from '../../types';
+import * as combobox from '@zag-js/combobox';
+import { type PropTypes } from '@zag-js/svelte';
+import { type MaybeFunction } from '@zag-js/utils';
+import type { CollectionItem, ListCollection } from '../collection';
+export interface UseComboboxProps<T extends CollectionItem> extends Optional<Omit<combobox.Props<T>, 'dir' | 'getRootNode' | 'collection'>, 'id'> {
+    /**
+     * The collection of items
+     */
+    collection: MaybeFunction<ListCollection<T>>;
+}
+export interface UseComboboxReturn<T extends CollectionItem> extends Accessor<combobox.Api<PropTypes, T>> {
+}
+export declare const useCombobox: <T extends CollectionItem>(props: MaybeFunction<UseComboboxProps<T>>) => UseComboboxReturn<T>;

package/dist/components/combobox/use-combobox.svelte.js

@@ -0,0 +1,32 @@
+import { useEnvironmentContext } from '../../providers/environment';
+import { useLocaleContext } from '../../providers/locale';
+import * as combobox from '@zag-js/combobox';
+import { normalizeProps, useMachine } from '@zag-js/svelte';
+import { runIfFn } from '@zag-js/utils';
+import { useFieldContext } from '../field';
+export const useCombobox = (props) => {
+    const env = useEnvironmentContext();
+    const locale = useLocaleContext();
+    const field = useFieldContext();
+    const machineProps = $derived.by(() => {
+        const resolvedProps = runIfFn(props);
+        const collection = runIfFn(resolvedProps.collection);
+        return {
+            ids: {
+                label: field?.()?.ids.label,
+                input: field?.()?.ids.control,
+            },
+            disabled: field?.()?.disabled,
+            readOnly: field?.()?.readOnly,
+            required: field?.()?.required,
+            invalid: field?.()?.invalid,
+            dir: locale().dir,
+            getRootNode: env().getRootNode,
+            ...resolvedProps,
+            collection,
+        };
+    });
+    const service = useMachine(combobox.machine, () => machineProps);
+    const api = $derived(combobox.connect(service, normalizeProps));
+    return () => api;
+};

package/dist/components/date-picker/date-picker-clear-trigger.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types.js'
+
+  export interface DatePickerClearTriggerBaseProps extends PolymorphicProps<'button'> {}
+  export interface DatePickerClearTriggerProps extends Assign<HTMLProps<'button'>, DatePickerClearTriggerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory/index.js'
+  import { useDatePickerContext } from './use-date-picker-context.js'
+
+  const props: DatePickerClearTriggerProps = $props()
+
+  const datePicker = useDatePickerContext()
+  const mergedProps = $derived(mergeProps(datePicker().getClearTriggerProps(), props))
+</script>
+
+<Ark as="button" {...mergedProps} />

package/dist/components/date-picker/date-picker-clear-trigger.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types.js';
+export interface DatePickerClearTriggerBaseProps extends PolymorphicProps<'button'> {
+}
+export interface DatePickerClearTriggerProps extends Assign<HTMLProps<'button'>, DatePickerClearTriggerBaseProps> {
+}
+declare const DatePickerClearTrigger: import("svelte").Component<DatePickerClearTriggerProps, {}, "">;
+type DatePickerClearTrigger = ReturnType<typeof DatePickerClearTrigger>;
+export default DatePickerClearTrigger;

package/dist/components/date-picker/date-picker-content.svelte

@@ -0,0 +1,28 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types.js'
+
+  export interface DatePickerContentBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface DatePickerContentProps extends Assign<HTMLProps<'div'>, DatePickerContentBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory/index.js'
+  import { useDatePickerContext } from './use-date-picker-context.js'
+  import { usePresenceContext } from '../presence/index.js'
+
+  let { ref, ...props }: DatePickerContentProps = $props()
+
+  const datePicker = useDatePickerContext()
+  const presence = usePresenceContext()
+  const mergedProps = $derived(mergeProps(datePicker().getContentProps(), presence().getPresenceProps(), props))
+
+  function setNode(node: HTMLElement) {
+    presence().setNode(node)
+    ref = node
+  }
+</script>
+
+{#if !presence().unmounted}
+  <Ark as="div" {...mergedProps} {@attach setNode} />
+{/if}

package/dist/components/date-picker/date-picker-content.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types.js';
+export interface DatePickerContentBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+}
+export interface DatePickerContentProps extends Assign<HTMLProps<'div'>, DatePickerContentBaseProps> {
+}
+declare const DatePickerContent: import("svelte").Component<DatePickerContentProps, {}, "">;
+type DatePickerContent = ReturnType<typeof DatePickerContent>;
+export default DatePickerContent;