ui-ingredients 0.0.11 → 0.0.13

package/dist/hover-card/content.svelte

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

package/dist/hover-card/positioner.svelte

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

package/dist/hover-card/root.svelte

@@ -1,32 +1,39 @@
-<script lang="ts" context="module">
-  import type {Snippet} from 'svelte';
-  import type {
-    CreateHoverCardContextProps,
-    CreateHoverCardContextReturn,
-  } from './context.svelte.js';
-
-  export interface HoverCardProps
-    extends Omit<CreateHoverCardContextProps, 'id'> {
-    id?: string | null;
-    children?: Snippet<[CreateHoverCardContextReturn]>;
-  }
-</script>
-
-<script lang="ts">
-  import {uuid} from '../utils.svelte.js';
-  import {
-    createHoverCardContext,
-    setHoverCardContext,
-  } from './context.svelte.js';
-
-  let {id, children, ...props}: HoverCardProps = $props();
-
-  let context = createHoverCardContext({
-    id: id ?? uuid(),
-    ...props,
-  });
-
-  setHoverCardContext(context);
-</script>
-
-{@render children?.(context)}
+<script lang="ts" context="module">
+  import type {Snippet} from 'svelte';
+  import type {
+    CreateHoverCardContextProps,
+    CreateHoverCardContextReturn,
+  } from './context.svelte.js';
+
+  export interface HoverCardProps
+    extends Omit<CreateHoverCardContextProps, 'id'> {
+    id?: string | null;
+    children?: Snippet<[CreateHoverCardContextReturn]>;
+  }
+</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 {
+    createHoverCardContext,
+    setHoverCardContext,
+  } from './context.svelte.js';
+
+  let {id, dir, getRootNode, children, ...props}: HoverCardProps = $props();
+
+  let localeContext = useLocaleContext();
+  let environmentContext = useEnvironmentContext();
+
+  let context = createHoverCardContext({
+    id: id ?? uuid(),
+    dir: dir ?? localeContext?.dir,
+    getRootNode: getRootNode ?? environmentContext?.getRootNode,
+    ...props,
+  });
+
+  setHoverCardContext(context);
+</script>
+
+{@render children?.(context)}

package/dist/hover-card/trigger.svelte

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

package/dist/index.d.ts

@@ -7,7 +7,9 @@ export * from './collapsible/index.js';
 export * from './combobox/index.js';
 export * from './dialog/index.js';
 export * from './editable/index.js';
+export * from './environment-provider/index.js';
 export * from './hover-card/index.js';
+export * from './locale-provider/index.js';
 export * from './number-input/index.js';
 export * from './pagination/index.js';
 export * from './pin-input/index.js';

package/dist/index.js

@@ -7,7 +7,9 @@ export * from './collapsible/index.js';
 export * from './combobox/index.js';
 export * from './dialog/index.js';
 export * from './editable/index.js';
+export * from './environment-provider/index.js';
 export * from './hover-card/index.js';
+export * from './locale-provider/index.js';
 export * from './number-input/index.js';
 export * from './pagination/index.js';
 export * from './pin-input/index.js';

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

@@ -0,0 +1,11 @@
+export interface CreateLocaleContextProps {
+    locale: string;
+}
+export interface CreateLocaleContextReturn extends ReturnType<typeof createLocaleContext> {
+}
+export declare function createLocaleContext(props: CreateLocaleContextProps): {
+    readonly locale: string;
+    readonly dir: "rtl" | "ltr";
+};
+export declare function setLocaleContext(value: CreateLocaleContextReturn): void;
+export declare function useLocaleContext(): CreateLocaleContextReturn | null;

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

@@ -0,0 +1,23 @@
+import { isRTL } from '@zag-js/i18n-utils';
+import { getContext, hasContext, setContext } from 'svelte';
+export function createLocaleContext(props) {
+    return {
+        get locale() {
+            return props.locale;
+        },
+        get dir() {
+            return isRTL(props.locale) ? 'rtl' : 'ltr';
+        },
+    };
+}
+export function setLocaleContext(value) {
+    setContext('LocaleProvider', value);
+}
+export function useLocaleContext() {
+    if (!hasContext('LocaleProvider')) {
+        return null;
+    }
+    else {
+        return getContext('LocaleProvider');
+    }
+}

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

@@ -0,0 +1,2 @@
+export { useLocaleContext } from './context.svelte.js';
+export { default as LocaleProvider, type LocaleProviderProps, } from './root.svelte';

package/dist/locale-provider/index.js

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

package/dist/locale-provider/root.svelte

@@ -0,0 +1,20 @@
+<script lang="ts" context="module">
+  import type {Snippet} from 'svelte';
+  import type {CreateLocaleContextProps} from './context.svelte.js';
+
+  export interface LocaleProviderProps extends CreateLocaleContextProps {
+    children: Snippet;
+  }
+</script>
+
+<script lang="ts">
+  import {createLocaleContext, setLocaleContext} from './context.svelte.js';
+
+  let {children, ...props}: LocaleProviderProps = $props();
+
+  let context = createLocaleContext(props);
+
+  setLocaleContext(context);
+</script>
+
+{@render children()}

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

@@ -0,0 +1,23 @@
+import type { Snippet } from 'svelte';
+import type { CreateLocaleContextProps } from './context.svelte.js';
+export interface LocaleProviderProps extends CreateLocaleContextProps {
+    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<LocaleProviderProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Root = InstanceType<typeof Root>;
+export default Root;

package/dist/menu/arrow-tip.svelte.d.ts

@@ -0,0 +1,26 @@
+export default ArrowTip;
+type ArrowTip = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const ArrowTip: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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;
+}

package/dist/menu/arrow.svelte.d.ts

@@ -0,0 +1,26 @@
+export default Arrow;
+type Arrow = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Arrow: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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;
+}

package/dist/menu/content.svelte.d.ts

@@ -0,0 +1,26 @@
+export default Content;
+type Content = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Content: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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;
+}

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

@@ -0,0 +1,26 @@
+export default ContextTrigger;
+type ContextTrigger = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const ContextTrigger: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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;
+}

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

@@ -0,0 +1,10 @@
+import * as menu from '@zag-js/menu';
+export interface CreateMenuContextProps extends menu.Context {
+}
+export interface CreateMenuContextReturn extends ReturnType<typeof createMenuContext> {
+}
+export declare function createMenuContext(props: CreateMenuContextProps): any;
+export declare function setMenuContext(value: CreateMenuContextReturn): void;
+export declare function useMenuContext(): CreateMenuContextReturn;
+export declare function setMenuItemPropsContext(value: CreateMenuContextReturn): void;
+export declare function useMenuItemPropsContext(): CreateMenuContextReturn;

package/dist/menu/context.svelte.js

@@ -0,0 +1,20 @@
+import * as menu from '@zag-js/menu';
+import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import { getContext, setContext } from 'svelte';
+export function createMenuContext(props) {
+    const [state, send] = useMachine(menu.machine(props));
+    const api = $derived(reflect(() => menu.connect(state, send, normalizeProps)));
+    return api;
+}
+export function setMenuContext(value) {
+    setContext('Menu', value);
+}
+export function useMenuContext() {
+    return getContext('Menu');
+}
+export function setMenuItemPropsContext(value) {
+    setContext('MenuItem', value);
+}
+export function useMenuItemPropsContext() {
+    return getContext('MenuItem');
+}

package/dist/menu/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/menu/index.js

@@ -0,0 +1 @@
+"use strict";

package/dist/menu/indicator.svelte.d.ts

@@ -0,0 +1,26 @@
+export default Indicator;
+type Indicator = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Indicator: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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;
+}

package/dist/menu/item-group-label.svelte.d.ts

@@ -0,0 +1,26 @@
+export default ItemGroupLabel;
+type ItemGroupLabel = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const ItemGroupLabel: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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;
+}

package/dist/menu/item-group.svelte.d.ts

@@ -0,0 +1,26 @@
+export default ItemGroup;
+type ItemGroup = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const ItemGroup: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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;
+}

package/dist/menu/item-indicator.svelte.d.ts

@@ -0,0 +1,26 @@
+export default ItemIndicator;
+type ItemIndicator = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const ItemIndicator: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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;
+}

package/dist/menu/item-text.svelte.d.ts

@@ -0,0 +1,26 @@
+export default ItemText;
+type ItemText = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const ItemText: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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;
+}

package/dist/menu/item.svelte.d.ts

@@ -0,0 +1,26 @@
+export default Item;
+type Item = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Item: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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;
+}

package/dist/menu/menu.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/menu/menu.js

@@ -0,0 +1 @@
+"use strict";