ui-ingredients 0.0.15 → 0.0.17

package/dist/dialog/root.svelte

@@ -1,35 +1,35 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Snippet} from 'svelte';
-  import type {
-    CreateDialogContextProps,
-    CreateDialogContextReturn,
-  } from './context.svelte.js';
+  import type {CreateDialogProps, CreateDialogReturn} from './create-dialog.svelte.js';
 
-  export interface DialogProps extends Omit<CreateDialogContextProps, 'id'> {
+  export interface DialogProps extends Omit<CreateDialogProps, 'id'> {
     id?: string | null;
-    children?: Snippet<[CreateDialogContextReturn]>;
+    children?: Snippet<[api: CreateDialogReturn]>;
   }
 </script>
 
 <script lang="ts">
-  import {useEnvironmentContext} from '../environment-provider/index.js';
-  import {useLocaleContext} from '../locale-provider/index.js';
+  import {getEnvironmentContext} from '../environment-provider/index.js';
+  import {getLocaleContext} from '../locale-provider/index.js';
   import {createUniqueId} from '../utils.svelte.js';
-  import {createDialogContext, setDialogContext} from './context.svelte.js';
+  import {dialogContext} from './context.svelte.js';
+  import {createDialog} from './create-dialog.svelte.js';
 
   let {id, dir, getRootNode, children, ...props}: DialogProps = $props();
 
-  let localeContext = useLocaleContext();
-  let environmentContext = useEnvironmentContext();
+  let localeContext = getLocaleContext();
+  let environmentContext = getEnvironmentContext();
 
-  let context = createDialogContext({
-    id: id ?? createUniqueId(),
+  let uid = createUniqueId();
+
+  let context = createDialog({
+    id: id ?? uid,
     dir: dir ?? localeContext?.dir,
     getRootNode: getRootNode ?? environmentContext?.getRootNode,
     ...props,
   });
 
-  setDialogContext(context);
+  dialogContext.set(context);
 </script>
 
 {@render children?.(context)}

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

@@ -1,9 +1,3 @@
-import type { Snippet } from 'svelte';
-import type { CreateDialogContextProps, CreateDialogContextReturn } from './context.svelte.js';
-export interface DialogProps extends Omit<CreateDialogContextProps, 'id'> {
-    id?: string | null;
-    children?: Snippet<[CreateDialogContextReturn]>;
-}
 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;

package/dist/dialog/title.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface DialogTitleProps extends HtmlIngredientProps<'div'> {}
@@ -6,11 +6,11 @@
 
 <script lang="ts">
   import {mergeProps} from '@zag-js/svelte';
-  import {useDialogContext} from './context.svelte.js';
+  import {dialogContext} from './context.svelte.js';
 
   let {children, ...props}: DialogTitleProps = $props();
 
-  let context = useDialogContext();
+  let context = dialogContext.get();
 
   let attrs = $derived(mergeProps(props, context.getTitleProps()));
 </script>

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

@@ -1,6 +1,3 @@
-import type { HtmlIngredientProps } from '../types.js';
-export interface DialogTitleProps extends HtmlIngredientProps<'div'> {
-}
 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;

package/dist/dialog/trigger.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface DialogTriggerProps extends HtmlIngredientProps<'button'> {}
@@ -6,11 +6,11 @@
 
 <script lang="ts">
   import {mergeProps} from '@zag-js/svelte';
-  import {useDialogContext} from './context.svelte.js';
+  import {dialogContext} from './context.svelte.js';
 
   let {children, ...props}: DialogTriggerProps = $props();
 
-  let context = useDialogContext();
+  let context = dialogContext.get();
 
   let attrs = $derived(mergeProps(props, context.getTriggerProps()));
 </script>

package/dist/dialog/trigger.svelte.d.ts

@@ -1,6 +1,3 @@
-import type { HtmlIngredientProps } from '../types.js';
-export interface DialogTriggerProps extends HtmlIngredientProps<'button'> {
-}
 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;

package/dist/editable/area.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface EditableAreaProps extends HtmlIngredientProps<'div'> {}
@@ -6,11 +6,11 @@
 
 <script lang="ts">
   import {mergeProps} from '@zag-js/svelte';
-  import {useEditableContext} from './context.svelte.js';
+  import {editableContext} from './context.svelte.js';
 
   let {children, ...props}: EditableAreaProps = $props();
 
-  let context = useEditableContext();
+  let context = editableContext.get();
 
   let attrs = $derived(mergeProps(props, context.getAreaProps()));
 </script>

package/dist/editable/area.svelte.d.ts

@@ -1,6 +1,3 @@
-import type { HtmlIngredientProps } from '../types.js';
-export interface EditableAreaProps extends HtmlIngredientProps<'div'> {
-}
 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;

package/dist/editable/cancel-trigger.svelte

@@ -1,17 +1,16 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
-  export interface EditableCancelTriggerProps
-    extends HtmlIngredientProps<'button'> {}
+  export interface EditableCancelTriggerProps extends HtmlIngredientProps<'button'> {}
 </script>
 
 <script lang="ts">
   import {mergeProps} from '@zag-js/svelte';
-  import {useEditableContext} from './context.svelte.js';
+  import {editableContext} from './context.svelte.js';
 
   let {children, ...props}: EditableCancelTriggerProps = $props();
 
-  let context = useEditableContext();
+  let context = editableContext.get();
 
   let attrs = $derived(mergeProps(props, context.getCancelTriggerProps()));
 </script>

package/dist/editable/cancel-trigger.svelte.d.ts

@@ -1,6 +1,3 @@
-import type { HtmlIngredientProps } from '../types.js';
-export interface EditableCancelTriggerProps extends HtmlIngredientProps<'button'> {
-}
 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;

package/dist/editable/context.svelte.d.ts

@@ -1,8 +1,3 @@
-import * as editable from '@zag-js/editable';
-export interface CreateEditableContextProps extends editable.Context {
-}
-export interface CreateEditableContextReturn extends ReturnType<typeof createEditableContext> {
-}
-export declare function createEditableContext(props: CreateEditableContextProps): any;
-export declare function setEditableContext(value: CreateEditableContextReturn): void;
-export declare function useEditableContext(): CreateEditableContextReturn;
+import { Context } from '../utils.svelte.js';
+import type { CreateEditableReturn } from './create-editable.svelte.js';
+export declare const editableContext: Context<CreateEditableReturn>;

package/dist/editable/context.svelte.js

@@ -1,14 +1,2 @@
-import * as editable from '@zag-js/editable';
-import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
-import { getContext, setContext } from 'svelte';
-export function createEditableContext(props) {
-    const [state, send] = useMachine(editable.machine(props));
-    const api = $derived(reflect(() => editable.connect(state, send, normalizeProps)));
-    return api;
-}
-export function setEditableContext(value) {
-    setContext('Editable', value);
-}
-export function useEditableContext() {
-    return getContext('Editable');
-}
+import { Context } from '../utils.svelte.js';
+export const editableContext = new Context('Editable');

package/dist/editable/control.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface EditableControlProps extends HtmlIngredientProps<'div'> {}
@@ -6,11 +6,11 @@
 
 <script lang="ts">
   import {mergeProps} from '@zag-js/svelte';
-  import {useEditableContext} from './context.svelte.js';
+  import {editableContext} from './context.svelte.js';
 
   let {children, ...props}: EditableControlProps = $props();
 
-  let context = useEditableContext();
+  let context = editableContext.get();
 
   let attrs = $derived(mergeProps(props, context.getControlProps()));
 </script>

package/dist/editable/control.svelte.d.ts

@@ -1,6 +1,3 @@
-import type { HtmlIngredientProps } from '../types.js';
-export interface EditableControlProps extends HtmlIngredientProps<'div'> {
-}
 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;

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

@@ -0,0 +1,6 @@
+import * as editable from '@zag-js/editable';
+export interface CreateEditableProps extends editable.Context {
+}
+export interface CreateEditableReturn extends editable.Api {
+}
+export declare function createEditable(props: CreateEditableProps): CreateEditableReturn;

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

@@ -0,0 +1,7 @@
+import * as editable from '@zag-js/editable';
+import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+export function createEditable(props) {
+    const [state, send] = useMachine(editable.machine(props));
+    const api = $derived(reflect(() => editable.connect(state, send, normalizeProps)));
+    return api;
+}

package/dist/editable/edit-trigger.svelte

@@ -1,17 +1,16 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
-  export interface EditableEditTriggerProps
-    extends HtmlIngredientProps<'button'> {}
+  export interface EditableEditTriggerProps extends HtmlIngredientProps<'button'> {}
 </script>
 
 <script lang="ts">
   import {mergeProps} from '@zag-js/svelte';
-  import {useEditableContext} from './context.svelte.js';
+  import {editableContext} from './context.svelte.js';
 
   let {children, ...props}: EditableEditTriggerProps = $props();
 
-  let context = useEditableContext();
+  let context = editableContext.get();
 
   let attrs = $derived(mergeProps(props, context.getEditTriggerProps()));
 </script>

package/dist/editable/edit-trigger.svelte.d.ts

@@ -1,6 +1,3 @@
-import type { HtmlIngredientProps } from '../types.js';
-export interface EditableEditTriggerProps extends HtmlIngredientProps<'button'> {
-}
 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;

package/dist/editable/input.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface EditableInputProps extends HtmlIngredientProps<'input'> {}
@@ -6,11 +6,11 @@
 
 <script lang="ts">
   import {mergeProps} from '@zag-js/svelte';
-  import {useEditableContext} from './context.svelte.js';
+  import {editableContext} from './context.svelte.js';
 
   let {...props}: EditableInputProps = $props();
 
-  let context = useEditableContext();
+  let context = editableContext.get();
 
   let attrs = $derived(mergeProps(props, context.getInputProps()));
 </script>

package/dist/editable/input.svelte.d.ts

@@ -1,6 +1,3 @@
-import type { HtmlIngredientProps } from '../types.js';
-export interface EditableInputProps extends HtmlIngredientProps<'input'> {
-}
 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;

package/dist/editable/label.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface EditableLabelProps extends HtmlIngredientProps<'label'> {}
@@ -6,11 +6,11 @@
 
 <script lang="ts">
   import {mergeProps} from '@zag-js/svelte';
-  import {useEditableContext} from './context.svelte.js';
+  import {editableContext} from './context.svelte.js';
 
   let {children, ...props}: EditableLabelProps = $props();
 
-  let context = useEditableContext();
+  let context = editableContext.get();
 
   let attrs = $derived(mergeProps(props, context.getLabelProps()));
 </script>

package/dist/editable/label.svelte.d.ts

@@ -1,6 +1,3 @@
-import type { HtmlIngredientProps } from '../types.js';
-export interface EditableLabelProps extends HtmlIngredientProps<'label'> {
-}
 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;

package/dist/editable/preview.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface EditablePreviewProps extends HtmlIngredientProps<'div'> {}
@@ -6,11 +6,11 @@
 
 <script lang="ts">
   import {mergeProps} from '@zag-js/svelte';
-  import {useEditableContext} from './context.svelte.js';
+  import {editableContext} from './context.svelte.js';
 
   let {children, ...props}: EditablePreviewProps = $props();
 
-  let context = useEditableContext();
+  let context = editableContext.get();
 
   let attrs = $derived(mergeProps(props, context.getPreviewProps()));
 </script>

package/dist/editable/preview.svelte.d.ts

@@ -1,6 +1,3 @@
-import type { HtmlIngredientProps } from '../types.js';
-export interface EditablePreviewProps extends HtmlIngredientProps<'div'> {
-}
 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;

package/dist/editable/root.svelte

@@ -1,36 +1,35 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Snippet} from 'svelte';
-  import type {
-    CreateEditableContextProps,
-    CreateEditableContextReturn,
-  } from './context.svelte.js';
+  import type {CreateEditableProps, CreateEditableReturn} from './create-editable.svelte.js';
 
-  export interface EditableProps
-    extends Omit<CreateEditableContextProps, 'id'> {
+  export interface EditableProps extends Omit<CreateEditableProps, 'id'> {
     id?: string | null;
-    children?: Snippet<[CreateEditableContextReturn]>;
+    children?: Snippet<[api: CreateEditableReturn]>;
   }
 </script>
 
 <script lang="ts">
-  import {useEnvironmentContext} from '../environment-provider/index.js';
-  import {useLocaleContext} from '../locale-provider/index.js';
+  import {getEnvironmentContext} from '../environment-provider/index.js';
+  import {getLocaleContext} from '../locale-provider/index.js';
   import {createUniqueId} from '../utils.svelte.js';
-  import {createEditableContext, setEditableContext} from './context.svelte.js';
+  import {editableContext} from './context.svelte.js';
+  import {createEditable} from './create-editable.svelte.js';
 
   let {id, dir, getRootNode, children, ...props}: EditableProps = $props();
 
-  let localeContext = useLocaleContext();
-  let environmentContext = useEnvironmentContext();
+  let localeContext = getLocaleContext();
+  let environmentContext = getEnvironmentContext();
 
-  let context = createEditableContext({
-    id: id ?? createUniqueId(),
+  let uid = createUniqueId();
+
+  let context = createEditable({
+    id: id ?? uid,
     dir: dir ?? localeContext?.dir,
     getRootNode: getRootNode ?? environmentContext?.getRootNode,
     ...props,
   });
 
-  setEditableContext(context);
+  editableContext.set(context);
 </script>
 
 {@render children?.(context)}

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

@@ -1,9 +1,3 @@
-import type { Snippet } from 'svelte';
-import type { CreateEditableContextProps, CreateEditableContextReturn } from './context.svelte.js';
-export interface EditableProps extends Omit<CreateEditableContextProps, 'id'> {
-    id?: string | null;
-    children?: Snippet<[CreateEditableContextReturn]>;
-}
 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;

package/dist/editable/submit-trigger.svelte

@@ -1,17 +1,16 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
-  export interface EditableSubmitTriggerProps
-    extends HtmlIngredientProps<'button'> {}
+  export interface EditableSubmitTriggerProps extends HtmlIngredientProps<'button'> {}
 </script>
 
 <script lang="ts">
   import {mergeProps} from '@zag-js/svelte';
-  import {useEditableContext} from './context.svelte.js';
+  import {editableContext} from './context.svelte.js';
 
   let {children, ...props}: EditableSubmitTriggerProps = $props();
 
-  let context = useEditableContext();
+  let context = editableContext.get();
 
   let attrs = $derived(mergeProps(props, context.getSubmitTriggerProps()));
 </script>

package/dist/editable/submit-trigger.svelte.d.ts

@@ -1,6 +1,3 @@
-import type { HtmlIngredientProps } from '../types.js';
-export interface EditableSubmitTriggerProps extends HtmlIngredientProps<'button'> {
-}
 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;

package/dist/environment-provider/context.svelte.d.ts

@@ -1,14 +1,8 @@
-export interface CreateEnvironmentContextProps {
-    getRootNode?: () => ShadowRoot | Document | Node;
-    getDocument?: () => Document;
-    getWindow?: () => Window & typeof globalThis;
+import { Context } from '../utils.svelte.js';
+export interface Environment {
+    getRootNode: () => ShadowRoot | Document | Node;
+    getDocument: () => Document;
+    getWindow: () => Window & typeof globalThis;
 }
-export interface CreateEnvironmentContextReturn extends ReturnType<typeof createEnvironmentContext> {
-}
-export declare function createEnvironmentContext(props: CreateEnvironmentContextProps): {
-    getRootNode(): Node;
-    getDocument(): Document;
-    getWindow(): Window & typeof globalThis;
-};
-export declare function setEnvironmentContext(value: CreateEnvironmentContextReturn): void;
-export declare function useEnvironmentContext(): CreateEnvironmentContextReturn | null;
+export declare const environmentContext: Context<Environment>;
+export declare const getEnvironmentContext: () => Environment | null;

package/dist/environment-provider/context.svelte.js

@@ -1,25 +1,3 @@
-import { getContext, hasContext, setContext } from 'svelte';
-export function createEnvironmentContext(props) {
-    return {
-        getRootNode() {
-            return props.getRootNode ? props.getRootNode() : document;
-        },
-        getDocument() {
-            return props.getDocument ? props.getDocument() : document;
-        },
-        getWindow() {
-            return props.getWindow ? props.getWindow() : window;
-        },
-    };
-}
-export function setEnvironmentContext(value) {
-    setContext('EnvironmentProvider', value);
-}
-export function useEnvironmentContext() {
-    if (!hasContext('EnvironmentProvider')) {
-        return null;
-    }
-    else {
-        return getContext('EnvironmentProvider');
-    }
-}
+import { Context } from '../utils.svelte.js';
+export const environmentContext = new Context('EnvironmentProvider', false);
+export const getEnvironmentContext = () => environmentContext.get();

package/dist/environment-provider/index.d.ts

@@ -1,2 +1,2 @@
-export { useEnvironmentContext } from './context.svelte.js';
-export { default as EnvironmentProvider, type EnvironmentProviderProps, } from './root.svelte';
+export { getEnvironmentContext, type Environment } from './context.svelte.js';
+export { default as EnvironmentProvider, type EnvironmentProviderProps } from './root.svelte';

package/dist/environment-provider/index.js

@@ -1,2 +1,2 @@
-export { useEnvironmentContext } from './context.svelte.js';
-export { default as EnvironmentProvider, } from './root.svelte';
+export { getEnvironmentContext } from './context.svelte.js';
+export { default as EnvironmentProvider } from './root.svelte';

package/dist/environment-provider/root.svelte

@@ -1,21 +1,24 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Snippet} from 'svelte';
-  import {
-    createEnvironmentContext,
-    setEnvironmentContext,
-    type CreateEnvironmentContextProps,
-  } from './context.svelte.js';
+  import {type Environment} from './context.svelte.js';
 
-  export interface EnvironmentProviderProps
-    extends CreateEnvironmentContextProps {
+  export interface EnvironmentProviderProps extends Partial<Environment> {
     children: Snippet;
   }
 </script>
 
 <script lang="ts">
+  import {environmentContext} from './context.svelte.js';
+
   let {children, ...props}: EnvironmentProviderProps = $props();
-  let context = createEnvironmentContext(props);
-  setEnvironmentContext(context);
+
+  let context: Environment = $derived({
+    getRootNode: props.getRootNode ?? (() => document),
+    getDocument: props.getDocument ?? (() => document),
+    getWindow: props.getWindow ?? (() => window),
+  });
+
+  environmentContext.set(() => context);
 </script>
 
 {@render children()}

package/dist/environment-provider/root.svelte.d.ts

@@ -1,8 +1,3 @@
-import type { Snippet } from 'svelte';
-import { type CreateEnvironmentContextProps } from './context.svelte.js';
-export interface EnvironmentProviderProps extends CreateEnvironmentContextProps {
-    children: Snippet;
-}
 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;

package/dist/file-upload/context.svelte.d.ts

@@ -0,0 +1,8 @@
+import * as fileUpload from '@zag-js/file-upload';
+export interface CreateFileUploadContextProps extends fileUpload.Context {
+}
+export interface CreateFileUploadContextReturn extends ReturnType<typeof createFileUploadContext> {
+}
+export declare function createFileUploadContext(props: CreateFileUploadContextProps): fileUpload.Api<any>;
+export declare function setFileUploadContext(value: CreateFileUploadContextReturn): CreateFileUploadContextReturn;
+export declare function useFileUploadContext(): CreateFileUploadContextReturn;

package/dist/file-upload/context.svelte.js

@@ -0,0 +1,14 @@
+import * as fileUpload from '@zag-js/file-upload';
+import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import { getContext, setContext } from 'svelte';
+export function createFileUploadContext(props) {
+    const [state, send] = useMachine(fileUpload.machine(props));
+    const api = $derived(reflect(() => fileUpload.connect(state, send, normalizeProps)));
+    return api;
+}
+export function setFileUploadContext(value) {
+    return setContext('FileUpload', value);
+}
+export function useFileUploadContext() {
+    return getContext('FileUpload');
+}

package/dist/file-upload/dropzone.svelte

@@ -0,0 +1,3 @@
+<script lang="ts" module></script>
+
+<script lang="ts"></script>

package/dist/file-upload/dropzone.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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Dropzone: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Dropzone = InstanceType<typeof Dropzone>;
+export default Dropzone;