ui-ingredients 0.0.10 → 0.0.12

package/dist/hover-card/positioner.svelte

@@ -1,20 +1,21 @@
-<script lang="ts" context="module">
-  import type {SvelteHtmlProps} from '../types.js';
-
-  export interface HoverCardPositionerProps extends SvelteHtmlProps<'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/positioner.svelte.d.ts

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

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 {SvelteHtmlProps} from '../types.js';
-
-  export interface HoverCardTriggerProps extends SvelteHtmlProps<'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/hover-card/trigger.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface HoverCardTriggerProps extends SvelteHtmlProps<'a'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface HoverCardTriggerProps extends HtmlIngredientProps<'a'> {
 }
 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> & {

package/dist/index.d.ts

@@ -1,92 +1,34 @@
-export * as Accordion from './accordion/index.js';
-export type { AccordionIndicatorProps, AccordionItemContentProps, AccordionItemProps, AccordionItemTriggerProps, AccordionProps, } from './accordion/index.js';
-export * as Avatar from './avatar/index.js';
-export type { AvatarFallbackProps, AvatarImageProps, AvatarProps, } from './avatar/index.js';
-export * as Carousel from './carousel/index.js';
-export type { CarouselIndicatorGroupProps, CarouselIndicatorProps, CarouselItemGroupProps, CarouselItemProps, CarouselNextTriggerProps, CarouselPrevTriggerProps, CarouselProps, CarouselViewportProps, } from './carousel/index.js';
-export * as Checkbox from './checkbox/index.js';
-export type { CheckboxControlProps, CheckboxHiddenInputProps, CheckboxIndicatorProps, CheckboxLabelProps, CheckboxProps, } from './checkbox/index.js';
-export * as Clipboard from './clipboard/index.js';
-export type { ClipboardControlProps, ClipboardIndicatorProps, ClipboardInputProps, ClipboardLabelProps, ClipboardProps, ClipboardTriggerProps, } from './clipboard/index.js';
-export * as Collapsible from './collapsible/index.js';
-export type { CollapsibleContentProps, CollapsibleProps, CollapsibleTriggerProps, } from './collapsible/index.js';
-export * as Combobox from './combobox/index.js';
-export type { ComboboxClearTriggerProps, ComboboxContentProps, ComboboxControlProps, ComboboxInputProps, ComboboxItemGroupLabelProps, ComboboxItemGroupProps, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxItemTextProps, ComboboxLabelProps, ComboboxListProps, ComboboxPositionerProps, ComboboxProps, ComboboxTriggerProps, } from './combobox/index.js';
-export * as Dialog from './dialog/index.js';
-export type { DialogBackdropProps, DialogCloseTriggerProps, DialogContentProps, DialogDescriptionProps, DialogPositionerProps, DialogProps, DialogTitleProps, DialogTriggerProps, } from './dialog/index.js';
-export * as Editable from './editable/index.js';
-export type { EditableAreaProps, EditableCancelTriggerProps, EditableControlProps, EditableEditTriggerProps, EditableInputProps, EditableLabelProps, EditablePreviewProps, EditableProps, EditableSubmitTriggerProps, } from './editable/index.js';
-export * as HoverCard from './hover-card/index.js';
-export type { HoverCardArrowProps, HoverCardArrowTipProps, HoverCardContentProps, HoverCardPositionerProps, HoverCardProps, HoverCardTriggerProps, } from './hover-card/index.js';
-export * as NumberInput from './number-input/index.js';
-export type { NumberInputControlTriggerProps, NumberInputDecrementTriggerProps, NumberInputIncrementTriggerProps, NumberInputInputProps, NumberInputLabelProps, NumberInputProps, NumberInputScrubberProps, } from './number-input/index.js';
-export * as Pagination from './pagination/index.js';
-export type { PaginationEllipsisProps, PaginationItemProps, PaginationNextTriggerProps, PaginationPrevTriggerProps, PaginationProps, } from './pagination/index.js';
-export * as PinInput from './pin-input/index.js';
-export type { PinInputClearTriggerProps, PinInputHiddenInputProps, PinInputInputProps, PinInputLabelProps, PinInputProps, } from './pin-input/index.js';
-export * as Popover from './popover/index.js';
-export type { PopoverArrowProps, PopoverArrowTipProps, PopoverCloseTriggerProps, PopoverContentProps, PopoverDescriptionProps, PopoverPositionerProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps, } from './popover/index.js';
-export * as Progress from './progress/index.js';
-export type { ProgressCircleProps, ProgressCircleRangeProps, ProgressCircleTrackProps, ProgressLabelProps, ProgressProps, ProgressRangeProps, ProgressTrackProps, ProgressValueTextProps, } from './progress/index.js';
-export * as QRCode from './qr-code/index.js';
-export type { QRCodeFrameProps, QRCodeOverlayProps, QRCodePatternProps, QRCodeProps, } from './qr-code/index.js';
-export * as RadioGroup from './radio-group/index.js';
-export type { RadioGroupIndicatorProps, RadioGroupItemControlProps, RadioGroupItemHiddenInputProps, RadioGroupItemProps, RadioGroupItemTextProps, RadioGroupLabelProps, RadioGroupProps, } from './radio-group/index.js';
-export * as RatingGroup from './rating-group/index.js';
-export type { RatingGroupControlProps, RatingGroupHiddenInputProps, RatingGroupItemProps, RatingGroupLabelProps, RatingGroupProps, } from './rating-group/index.js';
-export * as SegmentGroup from './segment-group/index.js';
-export type { SegmentGroupIndicatorProps, SegmentGroupItemControlProps, SegmentGroupItemHiddenInputProps, SegmentGroupItemProps, SegmentGroupItemTextProps, SegmentGroupProps, } from './segment-group/index.js';
-export * as Select from './select/index.js';
-export type { SelectClearTriggerProps, SelectContentProps, SelectControlProps, SelectHiddenSelectProps, SelectIndicatorProps, SelectItemGroupLabelProps, SelectItemGroupProps, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectLabelProps, SelectListProps, SelectPositionerProps, SelectProps, SelectTriggerProps, SelectValueTextProps, } from './select/index.js';
-export * as Slider from './slider/index.js';
-export type { SliderControlProps, SliderHiddenInputProps, SliderLabelProps, SliderMarkerGroupProps, SliderMarkerProps, SliderProps, SliderRangeProps, SliderThumbProps, SliderTrackProps, SliderValueTextProps, } from './slider/index.js';
-export * as Steps from './steps/index.js';
-export type { StepsContentProps, StepsIndicatorProps, StepsItemProps, StepsListProps, StepsNextTriggerProps, StepsPrevTriggerProps, StepsProgressProps, StepsProps, StepsSeparatorProps, StepsTriggerProps, } from './steps/index.js';
-export * as Switch from './switch/index.js';
-export type { SwitchControlProps, SwitchHiddenInputProps, SwitchLabelProps, SwitchProps, SwitchThumbProps, } from './switch/index.js';
-export * as Tabs from './tabs/index.js';
-export type { TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, } from './tabs/index.js';
-export * as TagsInput from './tags-input/index.js';
-export type { TagsInputClearTriggerProps, TagsInputControlProps, TagsInputHiddenInputProps, TagsInputInputProps, TagsInputItemDeleteTriggerProps, TagsInputItemInputProps, TagsInputItemPreviewProps, TagsInputItemProps, TagsInputItemTextProps, TagsInputLabelProps, TagsInputProps, } from './tags-input/index.js';
-export * as Timer from './timer/index.js';
-export type { TimerActionTriggerProps, TimerItemLabelProps, TimerItemProps, TimerItemValueProps, TimerProps, TimerSeparatorProps, } from './timer/index.js';
-export * as ToggleGroup from './toggle-group/index.js';
-export type { ToggleGroupItemProps, ToggleGroupProps, } from './toggle-group/index.js';
-export * as Tooltip from './tooltip/index.js';
-export type { TooltipArrowProps, TooltipArrowTipProps, TooltipContentProps, TooltipPositionerProps, TooltipProps, TooltipTriggerProps, } from './tooltip/index.js';
+export * from './accordion/index.js';
+export * from './avatar/index.js';
+export * from './carousel/index.js';
+export * from './checkbox/index.js';
+export * from './clipboard/index.js';
+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';
+export * from './popover/index.js';
 export * from './portal/index.js';
 export * from './presence/index.js';
+export * from './progress/index.js';
+export * from './qr-code/index.js';
+export * from './radio-group/index.js';
+export * from './rating-group/index.js';
+export * from './segment-group/index.js';
+export * from './select/index.js';
+export * from './slider/index.js';
+export * from './steps/index.js';
+export * from './switch/index.js';
+export * from './tabs/index.js';
+export * from './tags-input/index.js';
+export * from './timer/index.js';
 export * from './toast/index.js';
-export { anatomy as accordionAnatomy } from '@zag-js/accordion';
-export { anatomy as avatarAnatomy } from '@zag-js/avatar';
-export { anatomy as carouselAnatomy } from '@zag-js/carousel';
-export { anatomy as checkboxAnatomy } from '@zag-js/checkbox';
-export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
-export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';
-export { anatomy as colorPickerAnatomy } from '@zag-js/color-picker';
-export { anatomy as comboboxAnatomy } from '@zag-js/combobox';
-export { anatomy as datePickerAnatomy } from '@zag-js/date-picker';
-export { anatomy as dialogAnatomy } from '@zag-js/dialog';
-export { anatomy as editableAnatomy } from '@zag-js/editable';
-export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';
-export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
-export { anatomy as menuAnatomy } from '@zag-js/menu';
-export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
-export { anatomy as paginationAnatomy } from '@zag-js/pagination';
-export { anatomy as pinInputAnatomy } from '@zag-js/pin-input';
-export { anatomy as popoverAnatomy } from '@zag-js/popover';
-export { anatomy as progressAnatomy } from '@zag-js/progress';
-export { anatomy as qrCodeAnatomy } from '@zag-js/qr-code';
-export { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';
-export { anatomy as ratingGroupAnatomy } from '@zag-js/rating-group';
-export { anatomy as selectAnatomy } from '@zag-js/select';
-export { anatomy as signaturePadAnatomy } from '@zag-js/signature-pad';
-export { anatomy as sliderAnatomy } from '@zag-js/slider';
-export { anatomy as stepsAnatomy } from '@zag-js/steps';
-export { anatomy as switchAnatomy } from '@zag-js/switch';
-export { anatomy as tabsAnatomy } from '@zag-js/tabs';
-export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';
-export { anatomy as timerAnatomy } from '@zag-js/timer';
-export { anatomy as toastAnatomy } from '@zag-js/toast';
-export { anatomy as toggleGroupAnatomy } from '@zag-js/toggle-group';
-export { anatomy as tooltipAnatomy } from '@zag-js/tooltip';
+export * from './toggle-group/index.js';
+export * from './tooltip/index.js';
+export type { HtmlIngredientProps } from './types.js';

package/dist/index.js

@@ -1,64 +1,33 @@
-export * as Accordion from './accordion/index.js';
-export * as Avatar from './avatar/index.js';
-export * as Carousel from './carousel/index.js';
-export * as Checkbox from './checkbox/index.js';
-export * as Clipboard from './clipboard/index.js';
-export * as Collapsible from './collapsible/index.js';
-export * as Combobox from './combobox/index.js';
-export * as Dialog from './dialog/index.js';
-export * as Editable from './editable/index.js';
-export * as HoverCard from './hover-card/index.js';
-export * as NumberInput from './number-input/index.js';
-export * as Pagination from './pagination/index.js';
-export * as PinInput from './pin-input/index.js';
-export * as Popover from './popover/index.js';
-export * as Progress from './progress/index.js';
-export * as QRCode from './qr-code/index.js';
-export * as RadioGroup from './radio-group/index.js';
-export * as RatingGroup from './rating-group/index.js';
-export * as SegmentGroup from './segment-group/index.js';
-export * as Select from './select/index.js';
-export * as Slider from './slider/index.js';
-export * as Steps from './steps/index.js';
-export * as Switch from './switch/index.js';
-export * as Tabs from './tabs/index.js';
-export * as TagsInput from './tags-input/index.js';
-export * as Timer from './timer/index.js';
-export * as ToggleGroup from './toggle-group/index.js';
-export * as Tooltip from './tooltip/index.js';
+export * from './accordion/index.js';
+export * from './avatar/index.js';
+export * from './carousel/index.js';
+export * from './checkbox/index.js';
+export * from './clipboard/index.js';
+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';
+export * from './popover/index.js';
 export * from './portal/index.js';
 export * from './presence/index.js';
+export * from './progress/index.js';
+export * from './qr-code/index.js';
+export * from './radio-group/index.js';
+export * from './rating-group/index.js';
+export * from './segment-group/index.js';
+export * from './select/index.js';
+export * from './slider/index.js';
+export * from './steps/index.js';
+export * from './switch/index.js';
+export * from './tabs/index.js';
+export * from './tags-input/index.js';
+export * from './timer/index.js';
 export * from './toast/index.js';
-export { anatomy as accordionAnatomy } from '@zag-js/accordion';
-export { anatomy as avatarAnatomy } from '@zag-js/avatar';
-export { anatomy as carouselAnatomy } from '@zag-js/carousel';
-export { anatomy as checkboxAnatomy } from '@zag-js/checkbox';
-export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
-export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';
-export { anatomy as colorPickerAnatomy } from '@zag-js/color-picker';
-export { anatomy as comboboxAnatomy } from '@zag-js/combobox';
-export { anatomy as datePickerAnatomy } from '@zag-js/date-picker';
-export { anatomy as dialogAnatomy } from '@zag-js/dialog';
-export { anatomy as editableAnatomy } from '@zag-js/editable';
-export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';
-export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
-export { anatomy as menuAnatomy } from '@zag-js/menu';
-export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
-export { anatomy as paginationAnatomy } from '@zag-js/pagination';
-export { anatomy as pinInputAnatomy } from '@zag-js/pin-input';
-export { anatomy as popoverAnatomy } from '@zag-js/popover';
-export { anatomy as progressAnatomy } from '@zag-js/progress';
-export { anatomy as qrCodeAnatomy } from '@zag-js/qr-code';
-export { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';
-export { anatomy as ratingGroupAnatomy } from '@zag-js/rating-group';
-export { anatomy as selectAnatomy } from '@zag-js/select';
-export { anatomy as signaturePadAnatomy } from '@zag-js/signature-pad';
-export { anatomy as sliderAnatomy } from '@zag-js/slider';
-export { anatomy as stepsAnatomy } from '@zag-js/steps';
-export { anatomy as switchAnatomy } from '@zag-js/switch';
-export { anatomy as tabsAnatomy } from '@zag-js/tabs';
-export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';
-export { anatomy as timerAnatomy } from '@zag-js/timer';
-export { anatomy as toastAnatomy } from '@zag-js/toast';
-export { anatomy as toggleGroupAnatomy } from '@zag-js/toggle-group';
-export { anatomy as tooltipAnatomy } from '@zag-js/tooltip';
+export * from './toggle-group/index.js';
+export * from './tooltip/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');
+}