ui-ingredients 0.0.11 → 0.0.12

package/dist/dialog/trigger.svelte

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

package/dist/editable/area.svelte

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

package/dist/editable/cancel-trigger.svelte

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

package/dist/editable/control.svelte

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

package/dist/editable/edit-trigger.svelte

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

package/dist/editable/input.svelte

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

package/dist/editable/label.svelte

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

package/dist/editable/preview.svelte

@@ -1,24 +1,24 @@
-<script lang="ts" context="module">
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface EditablePreviewProps extends HtmlIngredientProps<'div'> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '@zag-js/svelte';
-  import {useEditableContext} from './context.svelte.js';
-
-  let {children, ...props}: EditablePreviewProps = $props();
-
-  let context = useEditableContext();
-
-  let attrs = $derived(mergeProps(props, context.getPreviewProps()));
-</script>
-
-<div {...attrs}>
-  {#if children}
-    {@render children?.()}
-  {:else}
-    {context.value}
-  {/if}
-</div>
+<script lang="ts" context="module">
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface EditablePreviewProps extends HtmlIngredientProps<'div'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {useEditableContext} from './context.svelte.js';
+
+  let {children, ...props}: EditablePreviewProps = $props();
+
+  let context = useEditableContext();
+
+  let attrs = $derived(mergeProps(props, context.getPreviewProps()));
+</script>
+
+<div {...attrs}>
+  {#if children}
+    {@render children?.()}
+  {:else}
+    {context.value}
+  {/if}
+</div>

package/dist/editable/root.svelte

@@ -1,29 +1,36 @@
-<script lang="ts" context="module">
-  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]>;
-  }
-</script>
-
-<script lang="ts">
-  import {uuid} from '../utils.svelte.js';
-  import {createEditableContext, setEditableContext} from './context.svelte.js';
-
-  let {id, children, ...props}: EditableProps = $props();
-
-  let context = createEditableContext({
-    id: id ?? uuid(),
-    ...props,
-  });
-
-  setEditableContext(context);
-</script>
-
-{@render children?.(context)}
+<script lang="ts" context="module">
+  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]>;
+  }
+</script>
+
+<script lang="ts">
+  import {useEnvironmentContext} from '../environment-provider/index.js';
+  import {useLocaleContext} from '../locale-provider/index.js';
+  import {uuid} from '../utils.svelte.js';
+  import {createEditableContext, setEditableContext} from './context.svelte.js';
+
+  let {id, dir, getRootNode, children, ...props}: EditableProps = $props();
+
+  let localeContext = useLocaleContext();
+  let environmentContext = useEnvironmentContext();
+
+  let context = createEditableContext({
+    id: id ?? uuid(),
+    dir: dir ?? localeContext?.dir,
+    getRootNode: getRootNode ?? environmentContext?.getRootNode,
+    ...props,
+  });
+
+  setEditableContext(context);
+</script>
+
+{@render children?.(context)}

package/dist/editable/submit-trigger.svelte

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

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

@@ -0,0 +1,14 @@
+export interface CreateEnvironmentContextProps {
+    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;

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

@@ -0,0 +1,25 @@
+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');
+    }
+}

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

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

package/dist/environment-provider/index.js

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

package/dist/environment-provider/root.svelte

@@ -0,0 +1,21 @@
+<script lang="ts" context="module">
+  import type {Snippet} from 'svelte';
+  import {
+    createEnvironmentContext,
+    setEnvironmentContext,
+    type CreateEnvironmentContextProps,
+  } from './context.svelte.js';
+
+  export interface EnvironmentProviderProps
+    extends CreateEnvironmentContextProps {
+    children: Snippet;
+  }
+</script>
+
+<script lang="ts">
+  let {children, ...props}: EnvironmentProviderProps = $props();
+  let context = createEnvironmentContext(props);
+  setEnvironmentContext(context);
+</script>
+
+{@render children()}

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

@@ -0,0 +1,23 @@
+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;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Root: $$__sveltets_2_IsomorphicComponent<EnvironmentProviderProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Root = InstanceType<typeof Root>;
+export default Root;

package/dist/hover-card/arrow-tip.svelte

@@ -1,20 +1,20 @@
-<script lang="ts" context="module">
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface HoverCardArrowTipProps extends HtmlIngredientProps<'div'> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '@zag-js/svelte';
-  import {useHoverCardContext} from './context.svelte.js';
-
-  let {children, ...props}: HoverCardArrowTipProps = $props();
-
-  let context = useHoverCardContext();
-
-  let attrs = $derived(mergeProps(props, context.getArrowTipProps()));
-</script>
-
-<div {...attrs}>
-  {@render children?.()}
-</div>
+<script lang="ts" context="module">
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface HoverCardArrowTipProps extends HtmlIngredientProps<'div'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {useHoverCardContext} from './context.svelte.js';
+
+  let {children, ...props}: HoverCardArrowTipProps = $props();
+
+  let context = useHoverCardContext();
+
+  let attrs = $derived(mergeProps(props, context.getArrowTipProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/hover-card/arrow.svelte

@@ -1,20 +1,20 @@
-<script lang="ts" context="module">
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface HoverCardArrowProps extends HtmlIngredientProps<'div'> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '@zag-js/svelte';
-  import {useHoverCardContext} from './context.svelte.js';
-
-  let {children, ...props}: HoverCardArrowProps = $props();
-
-  let context = useHoverCardContext();
-
-  let attrs = $derived(mergeProps(props, context.getArrowProps()));
-</script>
-
-<div {...attrs}>
-  {@render children?.()}
-</div>
+<script lang="ts" context="module">
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface HoverCardArrowProps extends HtmlIngredientProps<'div'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {useHoverCardContext} from './context.svelte.js';
+
+  let {children, ...props}: HoverCardArrowProps = $props();
+
+  let context = useHoverCardContext();
+
+  let attrs = $derived(mergeProps(props, context.getArrowProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>