ui-ingredients 2.0.0-3 → 2.0.0-4

package/dist/Accordion/AccordionRoot.svelte

@@ -1,5 +1,6 @@
 <script lang="ts" module>
-import {defineKeyset} from '../defineKeySet.js';import {mergeProps} from '@zag-js/svelte';
+import {defineKeyset} from '../defineKeySet.js';
+import {mergeProps} from '@zag-js/svelte';
 import type {Merge, SetOptional} from 'type-fest';
 import type {PresenceStrategyProps} from '../Presence/createPresence.svelte.js';
 import {setPresenceStrategyPropsContext} from '../Presence/PresenceContext.svelte.js';
@@ -28,7 +29,7 @@ let {
 	...props
 }: AccordionProps = $props();
 
-let presentStrategyPropKeys = defineKeyset<PresenceStrategyProps>()([
+let presenceStrategyPropKeys = defineKeyset<PresenceStrategyProps>()([
 	'lazyMount',
 	'keepMounted',
 	'animateOnMount',
@@ -36,7 +37,7 @@ let presentStrategyPropKeys = defineKeyset<PresenceStrategyProps>()([
 ]);
 
 let [presenceStrategyProps, accordionProps] = $derived(
-	splitProps(props, presentStrategyPropKeys),
+	splitProps(props, presenceStrategyPropKeys),
 );
 
 let createAccordionPropKeys = defineKeyset<CreateAccordionProps>()([
@@ -69,5 +70,3 @@ setPresenceStrategyPropsContext(() => presenceStrategyProps);
 {:else}
 	<div bind:this={ref} {...mergedProps}>{@render children?.(accordion)}</div>
 {/if}
-
-

package/dist/Accordion/index.d.ts

@@ -4,6 +4,6 @@ export type { AccordionItemContentProps } from './AccordionItemContent.svelte';
 export type { AccordionIndicatorProps } from './AccordionItemIndicator.svelte';
 export type { AccordionItemTriggerProps } from './AccordionItemTrigger.svelte';
 export type { AccordionProps } from './AccordionRoot.svelte';
-export { getAccordionContext, setAccordionContext, } from './AccordionContext.svelte.js';
-export { createAccordion, type CreateAccordionProps, type CreateAccordionReturn, } from './createAccordion.svelte.js';
+export * from './AccordionContext.svelte.js';
+export * from './createAccordion.svelte.js';
 export { anatomy as accordionAnatomy } from '@zag-js/accordion';

package/dist/Accordion/index.js

@@ -1,4 +1,4 @@
 export * as Accordion from './Accordion.js';
-export { getAccordionContext, setAccordionContext, } from './AccordionContext.svelte.js';
-export { createAccordion, } from './createAccordion.svelte.js';
+export * from './AccordionContext.svelte.js';
+export * from './createAccordion.svelte.js';
 export { anatomy as accordionAnatomy } from '@zag-js/accordion';

package/dist/AlertDialog/index.d.ts

@@ -7,6 +7,6 @@ export type { AlertDialogPositionerProps } from './AlertDialogPositioner.svelte'
 export type { AlertDialogProps } from './AlertDialogRoot.svelte';
 export type { AlertDialogTitleProps } from './AlertDialogTitle.svelte';
 export type { AlertDialogTriggerProps } from './AlertDialogTrigger.svelte';
-export { getAlertDialogContext, setAlertDialogContext, } from './AlertDialogContext.svelte.js';
-export { createAlertDialog, type CreateAlertDialogProps, type CreateAlertDialogReturn, } from './createAlertDialog.svelte.js';
+export * from './AlertDialogContext.svelte.js';
+export * from './createAlertDialog.svelte.js';
 export { anatomy as alertDialogAnatomy } from './AlertDialog.anatomy.js';

package/dist/AlertDialog/index.js

@@ -1,4 +1,4 @@
 export * as AlertDialog from './AlertDialog.js';
-export { getAlertDialogContext, setAlertDialogContext, } from './AlertDialogContext.svelte.js';
-export { createAlertDialog, } from './createAlertDialog.svelte.js';
+export * from './AlertDialogContext.svelte.js';
+export * from './createAlertDialog.svelte.js';
 export { anatomy as alertDialogAnatomy } from './AlertDialog.anatomy.js';

package/dist/AngleSlider/index.d.ts

@@ -7,6 +7,6 @@ export type { AngleSliderMarkerGroupProps } from './AngleSliderMarkerGroup.svelt
 export type { AngleSliderProps } from './AngleSliderRoot.svelte';
 export type { AngleSliderThumbProps } from './AngleSliderThumb.svelte';
 export type { AngleSliderValueTextProps } from './AngleSliderValueText.svelte';
-export { getAngleSliderContext, setAngleSliderContext, } from './AngleSliderContext.svelte.js';
-export { createAngleSlider, type CreateAngleSliderProps, type CreateAngleSliderReturn, } from './createAngleSlider.svelte.js';
+export * from './AngleSliderContext.svelte.js';
+export * from './createAngleSlider.svelte.js';
 export { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider';

package/dist/AngleSlider/index.js

@@ -1,4 +1,4 @@
 export * as AngleSlider from './AngleSlider.js';
-export { getAngleSliderContext, setAngleSliderContext, } from './AngleSliderContext.svelte.js';
-export { createAngleSlider, } from './createAngleSlider.svelte.js';
+export * from './AngleSliderContext.svelte.js';
+export * from './createAngleSlider.svelte.js';
 export { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider';

package/dist/Avatar/index.d.ts

@@ -2,6 +2,6 @@ export * as Avatar from './Avatar.js';
 export type { AvatarFallbackProps } from './AvatarFallback.svelte';
 export type { AvatarImageProps } from './AvatarImage.svelte';
 export type { AvatarProps } from './AvatarRoot.svelte';
-export { getAvatarContext, setAvatarContext } from './AvatarContext.svelte.js';
-export { createAvatar, type CreateAvatarProps, type CreateAvatarReturn, } from './createAvatar.svelte.js';
+export * from './AvatarContext.svelte.js';
+export * from './createAvatar.svelte.js';
 export { anatomy as avatarAnatomy } from '@zag-js/avatar';

package/dist/Avatar/index.js

@@ -1,4 +1,4 @@
 export * as Avatar from './Avatar.js';
-export { getAvatarContext, setAvatarContext } from './AvatarContext.svelte.js';
-export { createAvatar, } from './createAvatar.svelte.js';
+export * from './AvatarContext.svelte.js';
+export * from './createAvatar.svelte.js';
 export { anatomy as avatarAnatomy } from '@zag-js/avatar';

package/dist/Carousel/index.d.ts

@@ -9,6 +9,6 @@ export type { CarouselNextTriggerProps } from './CarouselNextTrigger.svelte';
 export type { CarouselPrevTriggerProps } from './CarouselPrevTrigger.svelte';
 export type { CarouselProgressTextProps } from './CarouselProgressText.svelte';
 export type { CarouselProps } from './CarouselRoot.svelte';
-export { getCarouselContext, setCarouselContext, } from './CarouselContext.svelte.js';
-export { createCarousel, type CreateCarouselProps, type CreateCarouselReturn, } from './createCarousel.svelte.js';
+export * from './CarouselContext.svelte.js';
+export * from './createCarousel.svelte.js';
 export { anatomy as carouselAnatomy } from '@zag-js/carousel';

package/dist/Carousel/index.js

@@ -1,4 +1,4 @@
 export * as Carousel from './Carousel.js';
-export { getCarouselContext, setCarouselContext, } from './CarouselContext.svelte.js';
-export { createCarousel, } from './createCarousel.svelte.js';
+export * from './CarouselContext.svelte.js';
+export * from './createCarousel.svelte.js';
 export { anatomy as carouselAnatomy } from '@zag-js/carousel';

package/dist/Checkbox/index.d.ts

@@ -4,6 +4,6 @@ export type { CheckboxHiddenInputProps } from './CheckboxHiddenInput.svelte';
 export type { CheckboxIndicatorProps } from './CheckboxIndicator.svelte';
 export type { CheckboxLabelProps } from './CheckboxLabel.svelte';
 export type { CheckboxProps } from './CheckboxRoot.svelte';
-export { getCheckboxContext, setCheckboxContext, } from './CheckboxContext.svelte.js';
-export { createCheckbox, type CreateCheckboxProps, type CreateCheckboxReturn, } from './createCheckbox.svelte.js';
+export * from './CheckboxContext.svelte.js';
+export * from './createCheckbox.svelte.js';
 export { anatomy as checkboxAnatomy } from '@zag-js/checkbox';

package/dist/Checkbox/index.js

@@ -1,4 +1,4 @@
 export * as Checkbox from './Checkbox.js';
-export { getCheckboxContext, setCheckboxContext, } from './CheckboxContext.svelte.js';
-export { createCheckbox, } from './createCheckbox.svelte.js';
+export * from './CheckboxContext.svelte.js';
+export * from './createCheckbox.svelte.js';
 export { anatomy as checkboxAnatomy } from '@zag-js/checkbox';

package/dist/Clipboard/index.d.ts

@@ -5,6 +5,6 @@ export type { ClipboardInputProps } from './ClipboardInput.svelte';
 export type { ClipboardLabelProps } from './ClipboardLabel.svelte';
 export type { ClipboardProps } from './ClipboardRoot.svelte';
 export type { ClipboardTriggerProps } from './ClipboardTrigger.svelte';
-export { getClipboardContext, setClipboardContext, } from './ClipboardContext.svelte.js';
-export { createClipboard, type CreateClipboardProps, type CreateClipboardReturn, } from './createClipboard.svelte.js';
+export * from './ClipboardContext.svelte.js';
+export * from './createClipboard.svelte.js';
 export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';

package/dist/Clipboard/index.js

@@ -1,4 +1,4 @@
 export * as Clipboard from './Clipboard.js';
-export { getClipboardContext, setClipboardContext, } from './ClipboardContext.svelte.js';
-export { createClipboard, } from './createClipboard.svelte.js';
+export * from './ClipboardContext.svelte.js';
+export * from './createClipboard.svelte.js';
 export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';

package/dist/Collapsible/index.d.ts

@@ -2,6 +2,6 @@ export * as Collapsible from './Collapsible.js';
 export type { CollapsibleContentProps } from './CollapsibleContent.svelte';
 export type { CollapsibleProps } from './CollapsibleRoot.svelte';
 export type { CollapsibleTriggerProps } from './CollapsibleTrigger.svelte';
-export { getCollapsibleContext, setCollapsibleContext, } from './CollapsibleContext.svelte.js';
-export { createCollapsible, type CreateCollapsibleProps, type CreateCollapsibleReturn, } from './createCollapsible.svelte.js';
+export * from './CollapsibleContext.svelte.js';
+export * from './createCollapsible.svelte.js';
 export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';

package/dist/Collapsible/index.js

@@ -1,4 +1,4 @@
 export * as Collapsible from './Collapsible.js';
-export { getCollapsibleContext, setCollapsibleContext, } from './CollapsibleContext.svelte.js';
-export { createCollapsible, } from './createCollapsible.svelte.js';
+export * from './CollapsibleContext.svelte.js';
+export * from './createCollapsible.svelte.js';
 export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';

package/dist/ColorPicker/createColorPicker.svelte.d.ts

@@ -1,6 +1,7 @@
 import type { Accessor } from '../types.js';
 import * as colorPicker from '@zag-js/color-picker';
-export interface ElementIds extends colorPicker.ElementIds {
+import type { HTMLAttributes } from 'svelte/elements';
+interface ElementIds extends colorPicker.ElementIds {
     view?: string;
 }
 export interface CreateColorPickerProps extends Omit<colorPicker.Props, 'ids' | 'dir' | 'getRootNode'> {
@@ -9,10 +10,11 @@ export interface CreateColorPickerProps extends Omit<colorPicker.Props, 'ids' |
 export interface CreateColorPickerReturn extends colorPicker.Api {
     getViewProps(props: {
         format: colorPicker.ColorFormat;
-    }): Record<string, any>;
+    }): HTMLAttributes<HTMLElement>;
     getFormats(): {
         label: string;
         value: colorPicker.ColorFormat;
     }[];
 }
 export declare function createColorPicker(props: Accessor<CreateColorPickerProps>): Accessor<CreateColorPickerReturn>;
+export {};

package/dist/ColorPicker/index.d.ts

@@ -26,7 +26,7 @@ export type { ColorPickerTriggerProps } from './ColorPickerTrigger.svelte';
 export type { ColorPickerValueSwatchProps } from './ColorPickerValueSwatch.svelte';
 export type { ColorPickerValueTextProps } from './ColorPickerValueText.svelte';
 export type { ColorPickerViewProps } from './ColorPickerView.svelte';
-export { getColorPickerContext, setColorPickerContext, } from './ColorPickerContext.svelte.js';
-export { createColorPicker, type CreateColorPickerProps, type CreateColorPickerReturn, } from './createColorPicker.svelte.js';
+export * from './ColorPickerContext.svelte.js';
+export * from './createColorPicker.svelte.js';
 export type { Color } from '@zag-js/color-picker';
 export { anatomy as colorPickerAnatomy } from './ColorPicker.anatomy.js';

package/dist/ColorPicker/index.js

@@ -1,4 +1,4 @@
 export * as ColorPicker from './ColorPicker.js';
-export { getColorPickerContext, setColorPickerContext, } from './ColorPickerContext.svelte.js';
-export { createColorPicker, } from './createColorPicker.svelte.js';
+export * from './ColorPickerContext.svelte.js';
+export * from './createColorPicker.svelte.js';
 export { anatomy as colorPickerAnatomy } from './ColorPicker.anatomy.js';

package/dist/Combobox/index.d.ts

@@ -13,6 +13,6 @@ export type { ComboboxListProps } from './ComboboxList.svelte';
 export type { ComboboxPositionerProps } from './ComboboxPositioner.svelte';
 export type { ComboboxProps } from './ComboboxRoot.svelte';
 export type { ComboboxTriggerProps } from './ComboboxTrigger.svelte';
-export { getComboboxContext, setComboboxContext, } from './ComboboxContext.svelte.js';
-export { createCombobox, type CreateComboboxProps, type CreateComboboxReturn, } from './createCombobox.svelte.js';
+export * from './ComboboxContext.svelte.js';
+export * from './createCombobox.svelte.js';
 export { anatomy as comboboxAnatomy } from '@zag-js/combobox';

package/dist/Combobox/index.js

@@ -1,4 +1,4 @@
 export * as Combobox from './Combobox.js';
-export { getComboboxContext, setComboboxContext, } from './ComboboxContext.svelte.js';
-export { createCombobox, } from './createCombobox.svelte.js';
+export * from './ComboboxContext.svelte.js';
+export * from './createCombobox.svelte.js';
 export { anatomy as comboboxAnatomy } from '@zag-js/combobox';

package/dist/DatePicker/DatePickerPresetTrigger.svelte

@@ -1,5 +1,6 @@
 <script lang="ts" module>
-import {defineKeyset} from '../defineKeySet.js';import {splitProps} from '../splitProps.js';
+import {defineKeyset} from '../defineKeySet.js';
+import {splitProps} from '../splitProps.js';
 import type {PresetTriggerProps} from '@zag-js/date-picker';
 import {mergeProps} from '@zag-js/svelte';
 import type {Merge} from 'type-fest';
@@ -21,18 +22,15 @@ let {
 	...props
 }: DatePickerPresetTriggerProps = $props();
 
-let datePickerPresetTriggerPropKeys = defineKeyset<PresetTriggerProps>()([
-	'value',
-]);
-
-let [datePickerPresetTriggerProps, localProps] = $derived(
-	splitProps(props, datePickerPresetTriggerPropKeys),
+let presetTriggerPropKeys = defineKeyset<PresetTriggerProps>()(['value']);
+let [presetTriggerProps, localProps] = $derived(
+	splitProps(props, presetTriggerPropKeys),
 );
 
 let datePicker = getDatePickerContext();
 let mergedProps = $derived(
 	mergeProps(
-		datePicker().getPresetTriggerProps(datePickerPresetTriggerProps),
+		datePicker().getPresetTriggerProps(presetTriggerProps),
 		localProps,
 	),
 );
@@ -45,5 +43,3 @@ let mergedProps = $derived(
 		{@render children?.()}
 	</button>
 {/if}
-
-

package/dist/DatePicker/index.d.ts

@@ -27,6 +27,6 @@ export type { DatePickerViewTriggerProps } from './DatePickerViewTrigger.svelte'
 export type { DatePickerYearSelectProps } from './DatePickerYearSelect.svelte';
 export type { DatePickerYearTableCellProps } from './DatePickerYearTableCell.svelte';
 export type { DatePickerYearTableCellTriggerProps } from './DatePickerYearTableCellTrigger.svelte';
-export { createDatePicker, type CreateDatePickerProps, type CreateDatePickerReturn, } from './createDatePicker.svelte.js';
-export { getDatePickerContext, setDatePickerContext, } from './DatePickerContext.svelte.js';
+export * from './createDatePicker.svelte.js';
+export * from './DatePickerContext.svelte.js';
 export { anatomy as datePickerAnatomy, type DateValue } from '@zag-js/date-picker';

package/dist/DatePicker/index.js

@@ -1,4 +1,4 @@
 export * as DatePicker from './DatePicker.js';
-export { createDatePicker, } from './createDatePicker.svelte.js';
-export { getDatePickerContext, setDatePickerContext, } from './DatePickerContext.svelte.js';
+export * from './createDatePicker.svelte.js';
+export * from './DatePickerContext.svelte.js';
 export { anatomy as datePickerAnatomy } from '@zag-js/date-picker';

package/dist/Dialog/index.d.ts

@@ -7,6 +7,6 @@ export type { DialogPositionerProps } from './DialogPositioner.svelte';
 export type { DialogProps } from './DialogRoot.svelte';
 export type { DialogTitleProps } from './DialogTitle.svelte';
 export type { DialogTriggerProps } from './DialogTrigger.svelte';
-export { createDialog, type CreateDialogProps, type CreateDialogReturn, } from './createDialog.svelte.js';
-export { getDialogContext, setDialogContext, } from './DialogContext.svelte.js';
+export * from './createDialog.svelte.js';
+export * from './DialogContext.svelte.js';
 export { anatomy as dialogAnatomy } from '@zag-js/dialog';

package/dist/Dialog/index.js

@@ -1,4 +1,4 @@
 export * as Dialog from './Dialog.js';
-export { createDialog, } from './createDialog.svelte.js';
-export { getDialogContext, setDialogContext, } from './DialogContext.svelte.js';
+export * from './createDialog.svelte.js';
+export * from './DialogContext.svelte.js';
 export { anatomy as dialogAnatomy } from '@zag-js/dialog';

package/dist/Drawer/index.d.ts

@@ -10,6 +10,6 @@ export type { DrawerPositionerProps } from './DrawerPositioner.svelte';
 export type { DrawerProps } from './DrawerRoot.svelte';
 export type { DrawerTitleProps } from './DrawerTitle.svelte';
 export type { DrawerTriggerProps } from './DrawerTrigger.svelte';
-export { createDrawer, type CreateDrawerProps, type CreateDrawerReturn, } from './createDrawer.svelte.js';
+export * from './createDrawer.svelte.js';
+export * from './DrawerContext.svelte.js';
 export { anatomy as drawerAnatomy } from './Drawer.anatomy.js';
-export { getDrawerContext, setDrawerContext } from './DrawerContext.svelte.js';

package/dist/Drawer/index.js

@@ -1,4 +1,4 @@
 export * as Drawer from './Drawer.js';
-export { createDrawer, } from './createDrawer.svelte.js';
+export * from './createDrawer.svelte.js';
+export * from './DrawerContext.svelte.js';
 export { anatomy as drawerAnatomy } from './Drawer.anatomy.js';
-export { getDrawerContext, setDrawerContext } from './DrawerContext.svelte.js';

package/dist/Editable/index.d.ts

@@ -8,6 +8,6 @@ export type { EditableLabelProps } from './EditableLabel.svelte';
 export type { EditablePreviewProps } from './EditablePreview.svelte';
 export type { EditableProps } from './EditableRoot.svelte';
 export type { EditableSubmitTriggerProps } from './EditableSubmitTrigger.svelte';
+export * from './createEditable.svelte.js';
+export * from './EditableContext.svelte.js';
 export { anatomy as editableAnatomy } from '@zag-js/editable';
-export { createEditable, type CreateEditableProps, type CreateEditableReturn, } from './createEditable.svelte.js';
-export { getEditableContext, setEditableContext, } from './EditableContext.svelte.js';

package/dist/Editable/index.js

@@ -1,4 +1,4 @@
 export * as Editable from './Editable.js';
+export * from './createEditable.svelte.js';
+export * from './EditableContext.svelte.js';
 export { anatomy as editableAnatomy } from '@zag-js/editable';
-export { createEditable, } from './createEditable.svelte.js';
-export { getEditableContext, setEditableContext, } from './EditableContext.svelte.js';

package/dist/EnvironmentProvider/index.d.ts

@@ -1,2 +1,2 @@
 export { default as EnvironmentProvider, type EnvironmentProviderProps, } from './EnvironmentProvider.svelte';
-export { getEnvironmentContext, setEnvironmentContext, type Environment, } from './EnvironmentProviderContext.svelte.js';
+export * from './EnvironmentProviderContext.svelte.js';

package/dist/EnvironmentProvider/index.js

@@ -1,2 +1,2 @@
 export { default as EnvironmentProvider, } from './EnvironmentProvider.svelte';
-export { getEnvironmentContext, setEnvironmentContext, } from './EnvironmentProviderContext.svelte.js';
+export * from './EnvironmentProviderContext.svelte.js';

package/dist/Field/index.d.ts

@@ -7,6 +7,6 @@ export type { FieldRequiredIndicatorProps } from './FieldRequiredIndicator.svelt
 export type { FieldProps } from './FieldRoot.svelte';
 export type { FieldSelectProps } from './FieldSelect.svelte';
 export type { FieldTextareaProps } from './FieldTextarea.svelte';
-export { createField, type CreateFieldProps, type CreateFieldReturn, } from './createField.svelte.js';
+export * from './createField.svelte.js';
+export * from './FieldContext.svelte.js';
 export { anatomy as fieldAnatomy } from './Field.anatomy.js';
-export { getFieldContext, setFieldContext } from './FieldContext.svelte.js';

package/dist/Field/index.js

@@ -1,4 +1,4 @@
 export * as Field from './Field.js';
-export { createField, } from './createField.svelte.js';
+export * from './createField.svelte.js';
+export * from './FieldContext.svelte.js';
 export { anatomy as fieldAnatomy } from './Field.anatomy.js';
-export { getFieldContext, setFieldContext } from './FieldContext.svelte.js';

package/dist/FileUpload/index.d.ts

@@ -12,6 +12,6 @@ export type { FileUploadItemSizeTextProps } from './FileUploadItemSizeText.svelt
 export type { FileUploadLabelProps } from './FileUploadLabel.svelte';
 export type { FileUploadProps } from './FileUploadRoot.svelte';
 export type { FileUploadTriggerProps } from './FileUploadTrigger.svelte';
-export { createFileUpload, type CreateFileUploadProps, type CreateFileUploadReturn, } from './createFileUpload.svelte.js';
-export { getFileUploadContext, setFileUploadContext, } from './FileUploadContext.svelte.js';
+export * from './createFileUpload.svelte.js';
+export * from './FileUploadContext.svelte.js';
 export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';

package/dist/FileUpload/index.js

@@ -1,4 +1,4 @@
 export * as FileUpload from './FileUpload.js';
-export { createFileUpload, } from './createFileUpload.svelte.js';
-export { getFileUploadContext, setFileUploadContext, } from './FileUploadContext.svelte.js';
+export * from './createFileUpload.svelte.js';
+export * from './FileUploadContext.svelte.js';
 export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';

package/dist/FloatingPanel/FloatingPanelRoot.svelte

@@ -1,5 +1,6 @@
 <script lang="ts" module>
-import {defineKeyset} from '../defineKeySet.js';import {setPresenceContext} from '../Presence/PresenceContext.svelte.js';
+import {defineKeyset} from '../defineKeySet.js';
+import {setPresenceContext} from '../Presence/PresenceContext.svelte.js';
 import {splitProps} from '../splitProps.js';
 import type {Snippet} from 'svelte';
 import type {SetOptional} from 'type-fest';
@@ -52,5 +53,3 @@ setPresenceContext(presence);
 </script>
 
 {@render children?.(floatingPanel)}
-
-

package/dist/FloatingPanel/index.d.ts

@@ -11,6 +11,6 @@ export type { FloatingPanelProps } from './FloatingPanelRoot.svelte';
 export type { FloatingPanelStageTriggerProps } from './FloatingPanelStageTrigger.svelte';
 export type { FloatingPanelTitleProps } from './FloatingPanelTitle.svelte';
 export type { FloatingPanelTriggerProps } from './FloatingPanelTrigger.svelte';
-export { createFloatingPanel, type CreateFloatingPanelProps, type CreateFloatingPanelReturn, } from './createFloatingPanel.svelte.js';
-export { getFloatingPanelContext, setFloatingPanelContext, } from './FloatingPanelContext.svelte.js';
+export * from './createFloatingPanel.svelte.js';
+export * from './FloatingPanelContext.svelte.js';
 export { anatomy as floatingPanelAnatomy } from '@zag-js/floating-panel';

package/dist/FloatingPanel/index.js

@@ -1,4 +1,4 @@
 export * as FloatingPanel from './FloatingPanel.js';
-export { createFloatingPanel, } from './createFloatingPanel.svelte.js';
-export { getFloatingPanelContext, setFloatingPanelContext, } from './FloatingPanelContext.svelte.js';
+export * from './createFloatingPanel.svelte.js';
+export * from './FloatingPanelContext.svelte.js';
 export { anatomy as floatingPanelAnatomy } from '@zag-js/floating-panel';

package/dist/HoverCard/index.d.ts

@@ -5,6 +5,6 @@ export type { HoverCardContentProps } from './HoverCardContent.svelte';
 export type { HoverCardPositionerProps } from './HoverCardPositioner.svelte';
 export type { HoverCardProps } from './HoverCardRoot.svelte';
 export type { HoverCardTriggerProps } from './HoverCardTrigger.svelte';
-export { createHoverCard, type CreateHoverCardProps, type CreateHoverCardReturn, } from './createHoverCard.svelte.js';
-export { getHoverCardContext, setHoverCardContext, } from './HoverCardContext.svelte.js';
+export * from './createHoverCard.svelte.js';
+export * from './HoverCardContext.svelte.js';
 export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';

package/dist/HoverCard/index.js

@@ -1,4 +1,4 @@
 export * as HoverCard from './HoverCard.js';
-export { createHoverCard, } from './createHoverCard.svelte.js';
-export { getHoverCardContext, setHoverCardContext, } from './HoverCardContext.svelte.js';
+export * from './createHoverCard.svelte.js';
+export * from './HoverCardContext.svelte.js';
 export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';

package/dist/Listbox/ListboxItem.svelte

@@ -1,5 +1,6 @@
 <script lang="ts" module>
-import {defineKeyset} from '../defineKeySet.js';import {splitProps} from '../splitProps.js';
+import {defineKeyset} from '../defineKeySet.js';
+import {splitProps} from '../splitProps.js';
 import type {ItemProps, ItemState} from '@zag-js/listbox';
 import {mergeProps} from '@zag-js/svelte';
 import type {Merge} from 'type-fest';
@@ -25,7 +26,6 @@ let {
 }: ListboxItemProps = $props();
 
 let itemPropKeys = defineKeyset<ItemProps>()(['item', 'highlightOnHover']);
-
 let [itemProps, localProps] = $derived(splitProps(props, itemPropKeys));
 
 let listbox = getListboxContext();
@@ -42,5 +42,3 @@ setListboxItemPropsContext(() => itemProps);
 {:else}
 	<div bind:this={ref} {...mergedProps}>{@render children?.(itemState)}</div>
 {/if}
-
-

package/dist/Listbox/index.d.ts

@@ -9,6 +9,6 @@ export type { ListboxItemTextProps } from './ListboxItemText.svelte';
 export type { ListboxLabelProps } from './ListboxLabel.svelte';
 export type { ListboxProps } from './ListboxRoot.svelte';
 export type { ListboxValueTextProps } from './ListboxValueText.svelte';
+export * from './createListbox.svelte.js';
+export * from './ListboxContext.svelte.js';
 export { anatomy as listboxAnatomy } from '@zag-js/listbox';
-export { createListbox, type CreateListboxProps, type CreateListboxReturn, } from './createListbox.svelte.js';
-export { getListboxContext, setListboxContext, } from './ListboxContext.svelte.js';

package/dist/Listbox/index.js

@@ -1,4 +1,4 @@
 export * as Listbox from './Listbox.js';
+export * from './createListbox.svelte.js';
+export * from './ListboxContext.svelte.js';
 export { anatomy as listboxAnatomy } from '@zag-js/listbox';
-export { createListbox, } from './createListbox.svelte.js';
-export { getListboxContext, setListboxContext, } from './ListboxContext.svelte.js';

package/dist/LocaleProvider/index.d.ts

@@ -1,3 +1,3 @@
 export type { Locale } from '@zag-js/i18n-utils';
 export { default as LocaleProvider, type LocaleProviderProps, } from './LocaleProvider.svelte';
-export { getLocaleContext, setLocaleContext, } from './LocaleProviderContext.svelte.js';
+export * from './LocaleProviderContext.svelte.js';

package/dist/LocaleProvider/index.js

@@ -1,2 +1,2 @@
 export { default as LocaleProvider, } from './LocaleProvider.svelte';
-export { getLocaleContext, setLocaleContext, } from './LocaleProviderContext.svelte.js';
+export * from './LocaleProviderContext.svelte.js';

package/dist/Marquee/Marquee.d.ts

@@ -0,0 +1,5 @@
+export { default as Content } from './MarqueeContent.svelte';
+export { default as Edge } from './MarqueeEdge.svelte';
+export { default as Item } from './MarqueeItem.svelte';
+export { default as Root } from './MarqueeRoot.svelte';
+export { default as Viewport } from './MarqueeViewport.svelte';

package/dist/Marquee/Marquee.js

@@ -0,0 +1,5 @@
+export { default as Content } from './MarqueeContent.svelte';
+export { default as Edge } from './MarqueeEdge.svelte';
+export { default as Item } from './MarqueeItem.svelte';
+export { default as Root } from './MarqueeRoot.svelte';
+export { default as Viewport } from './MarqueeViewport.svelte';

package/dist/Marquee/MarqueeContent.svelte

@@ -0,0 +1,33 @@
+<script lang="ts" module>
+import type {HtmlIngredientProps} from '../types.js';
+import {mergeProps} from '@zag-js/svelte';
+import {getMarqueeContext} from './MarqueeContext.svelte.js';
+
+export interface MarqueeContentProps
+	extends HtmlIngredientProps<'div', HTMLDivElement> {}
+</script>
+
+<script lang="ts">
+let {
+	ref = $bindable(null),
+	children,
+	asChild,
+	...props
+}: MarqueeContentProps = $props();
+
+let marquee = getMarqueeContext();
+</script>
+
+{#each Array.from({length: marquee().contentCount}) as _, index (index)}
+	{@const mergedProps = mergeProps(marquee().getContentProps({index}), props)}
+
+	{#if asChild}
+		{@render asChild(() => mergedProps)}
+	{:else}
+		{#if index === 0}
+			<div bind:this={ref} {...mergedProps}>{@render children?.()}</div>
+		{:else}
+			<div {...mergedProps}>{@render children?.()}</div>
+		{/if}
+	{/if}
+{/each}

package/dist/Marquee/MarqueeContent.svelte.d.ts

@@ -0,0 +1,6 @@
+import type { HtmlIngredientProps } from '../types.js';
+export interface MarqueeContentProps extends HtmlIngredientProps<'div', HTMLDivElement> {
+}
+declare const MarqueeContent: import("svelte").Component<MarqueeContentProps, {}, "ref">;
+type MarqueeContent = ReturnType<typeof MarqueeContent>;
+export default MarqueeContent;

package/dist/Marquee/MarqueeContext.svelte.d.ts

@@ -0,0 +1,3 @@
+import type { Accessor } from '../types.js';
+import type { CreateMarqueeReturn } from './createMarquee.svelte.js';
+export declare const getMarqueeContext: () => Accessor<CreateMarqueeReturn>, setMarqueeContext: (context: Accessor<CreateMarqueeReturn>) => Accessor<CreateMarqueeReturn>;

package/dist/Marquee/MarqueeContext.svelte.js

@@ -0,0 +1,2 @@
+import { createContext } from 'svelte';
+export const [getMarqueeContext, setMarqueeContext] = createContext();

package/dist/Marquee/MarqueeEdge.svelte

@@ -0,0 +1,35 @@
+<script lang="ts" module>
+import {defineKeyset} from '../defineKeySet.js';
+import {splitProps} from '../splitProps.js';
+import type {HtmlIngredientProps} from '../types.js';
+import type {EdgeProps} from '@zag-js/marquee';
+import {mergeProps} from '@zag-js/svelte';
+import type {Merge} from 'type-fest';
+import {getMarqueeContext} from './MarqueeContext.svelte.js';
+
+export interface MarqueeEdgeProps
+	extends Merge<HtmlIngredientProps<'div', HTMLDivElement>, EdgeProps> {}
+</script>
+
+<script lang="ts">
+let {
+	ref = $bindable(null),
+	children,
+	asChild,
+	...props
+}: MarqueeEdgeProps = $props();
+
+let edgePropKeys = defineKeyset<EdgeProps>()(['side']);
+let [edgeProps, localProps] = $derived(splitProps(props, edgePropKeys));
+
+let marquee = getMarqueeContext();
+let mergedProps = $derived(
+	mergeProps(marquee().getEdgeProps(edgeProps), localProps),
+);
+</script>
+
+{#if asChild}
+	{@render asChild(() => mergedProps)}
+{:else}
+	<div bind:this={ref} {...mergedProps}>{@render children?.()}</div>
+{/if}