ui-ingredients 2.1.0 → 2.3.0

package/dist/AngleSlider/createAngleSlider.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Accessor } from '../types.js';
 import * as angleSlider from '@zag-js/angle-slider';
+import type { Accessor } from '../types.js';
 export interface CreateAngleSliderProps extends Omit<angleSlider.Props, 'dir' | 'getRootNode'> {
 }
 export interface CreateAngleSliderReturn extends angleSlider.Api {

package/dist/AngleSlider/index.d.ts

@@ -1,4 +1,6 @@
+export { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider';
 export * as AngleSlider from './AngleSlider.js';
+export * from './AngleSliderContext.svelte.js';
 export type { AngleSliderControlProps } from './AngleSliderControl.svelte';
 export type { AngleSliderHiddenInputProps } from './AngleSliderHiddenInput.svelte';
 export type { AngleSliderLabelProps } from './AngleSliderLabel.svelte';
@@ -7,6 +9,4 @@ 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 * 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 { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider';
 export * as AngleSlider from './AngleSlider.js';
 export * from './AngleSliderContext.svelte.js';
 export * from './createAngleSlider.svelte.js';
-export { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider';

package/dist/Avatar/Avatar.d.ts

@@ -1,3 +1,4 @@
 export { default as Fallback } from './AvatarFallback.svelte';
 export { default as Image } from './AvatarImage.svelte';
 export { default as Root } from './AvatarRoot.svelte';
+export { initials } from './utils.js';

package/dist/Avatar/Avatar.js

@@ -1,3 +1,4 @@
 export { default as Fallback } from './AvatarFallback.svelte';
 export { default as Image } from './AvatarImage.svelte';
 export { default as Root } from './AvatarRoot.svelte';
+export { initials } from './utils.js';

package/dist/Avatar/AvatarRoot.svelte

@@ -1,14 +1,14 @@
 <script lang="ts" module>
-import {defineKeyset} from '../defineKeySet.js';
-import {splitProps} from '../splitProps.js';
 import {mergeProps} from '@zag-js/svelte';
 import type {Merge, SetOptional} from 'type-fest';
+import {defineKeyset} from '../defineKeySet.js';
+import {splitProps} from '../splitProps.js';
 import type {HtmlIngredientProps} from '../types.js';
 import {setAvatarContext} from './AvatarContext.svelte.js';
 import {
-	createAvatar,
 	type CreateAvatarProps,
 	type CreateAvatarReturn,
+	createAvatar,
 } from './createAvatar.svelte.js';
 
 export interface AvatarProps

package/dist/Avatar/createAvatar.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Accessor } from '../types.js';
 import * as avatar from '@zag-js/avatar';
+import type { Accessor } from '../types.js';
 export interface CreateAvatarProps extends Omit<avatar.Props, 'dir' | 'getRootNode'> {
 }
 export interface CreateAvatarReturn extends avatar.Api {

package/dist/Avatar/index.d.ts

@@ -1,7 +1,7 @@
+export { anatomy as avatarAnatomy } from '@zag-js/avatar';
 export * as Avatar from './Avatar.js';
+export * from './AvatarContext.svelte.js';
 export type { AvatarFallbackProps } from './AvatarFallback.svelte';
 export type { AvatarImageProps } from './AvatarImage.svelte';
 export type { AvatarProps } from './AvatarRoot.svelte';
-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 { anatomy as avatarAnatomy } from '@zag-js/avatar';
 export * as Avatar from './Avatar.js';
 export * from './AvatarContext.svelte.js';
 export * from './createAvatar.svelte.js';
-export { anatomy as avatarAnatomy } from '@zag-js/avatar';

package/dist/Avatar/utils.d.ts

@@ -0,0 +1 @@
+export declare function initials(name: string, max?: number): string;

package/dist/Avatar/utils.js

@@ -0,0 +1,18 @@
+export function initials(name, max = 2) {
+    const arr = name
+        .trim()
+        .split(' ')
+        .map((n) => n[0]);
+    const len = arr.length;
+    if (len <= 0 || max <= 0)
+        return '';
+    if (max <= 1)
+        return arr[0]?.toUpperCase() || '';
+    if (len <= max)
+        return arr.join('').toUpperCase();
+    return arr
+        .slice(0, max - 1)
+        .concat(arr[len - 1])
+        .join('')
+        .toUpperCase();
+}

package/dist/Carousel/createCarousel.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Accessor } from '../types.js';
 import * as carousel from '@zag-js/carousel';
+import type { Accessor } from '../types.js';
 export interface CreateCarouselProps extends Omit<carousel.Props, 'dir' | 'getRootNode'> {
 }
 export interface CreateCarouselReturn extends carousel.Api {

package/dist/Carousel/createCarousel.svelte.js

@@ -1,7 +1,7 @@
-import { getEnvironmentContext } from '../EnvironmentProvider/EnvironmentProviderContext.svelte.js';
-import { getLocaleContext } from '../LocaleProvider/LocaleProviderContext.svelte.js';
 import * as carousel from '@zag-js/carousel';
 import { normalizeProps, useMachine } from '@zag-js/svelte';
+import { getEnvironmentContext } from '../EnvironmentProvider/EnvironmentProviderContext.svelte.js';
+import { getLocaleContext } from '../LocaleProvider/LocaleProviderContext.svelte.js';
 export function createCarousel(props) {
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();

package/dist/Carousel/index.d.ts

@@ -1,5 +1,7 @@
+export { anatomy as carouselAnatomy } from '@zag-js/carousel';
 export * as Carousel from './Carousel.js';
 export type { CarouselAutoplayTriggerProps } from './CarouselAutoplayTrigger.svelte';
+export * from './CarouselContext.svelte.js';
 export type { CarouselControlProps } from './CarouselControl.svelte';
 export type { CarouselIndicatorProps } from './CarouselIndicator.svelte';
 export type { CarouselIndicatorGroupProps } from './CarouselIndicatorGroup.svelte';
@@ -9,6 +11,4 @@ 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 * 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 { anatomy as carouselAnatomy } from '@zag-js/carousel';
 export * as Carousel from './Carousel.js';
 export * from './CarouselContext.svelte.js';
 export * from './createCarousel.svelte.js';
-export { anatomy as carouselAnatomy } from '@zag-js/carousel';

package/dist/Checkbox/createCheckbox.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Accessor } from '../types.js';
 import * as checkbox from '@zag-js/checkbox';
+import type { Accessor } from '../types.js';
 export interface CreateCheckboxProps extends Omit<checkbox.Props, 'dir' | 'getRootNode'> {
 }
 export interface CreateCheckboxReturn extends checkbox.Api {

package/dist/Checkbox/index.d.ts

@@ -1,9 +1,9 @@
+export { anatomy as checkboxAnatomy } from '@zag-js/checkbox';
 export * as Checkbox from './Checkbox.js';
+export * from './CheckboxContext.svelte.js';
 export type { CheckboxControlProps } from './CheckboxControl.svelte';
 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 * 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 { anatomy as checkboxAnatomy } from '@zag-js/checkbox';
 export * as Checkbox from './Checkbox.js';
 export * from './CheckboxContext.svelte.js';
 export * from './createCheckbox.svelte.js';
-export { anatomy as checkboxAnatomy } from '@zag-js/checkbox';

package/dist/Clipboard/createClipboard.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Accessor } from '../types.js';
 import * as clipboard from '@zag-js/clipboard';
+import type { Accessor } from '../types.js';
 export interface CreateClipboardProps extends Omit<clipboard.Props, 'getRootNode'> {
 }
 export interface CreateClipboardReturn extends clipboard.Api {

package/dist/Clipboard/index.d.ts

@@ -1,10 +1,10 @@
+export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
 export * as Clipboard from './Clipboard.js';
+export * from './ClipboardContext.svelte.js';
 export type { ClipboardControlProps } from './ClipboardControl.svelte';
 export type { ClipboardIndicatorProps } from './ClipboardIndicator.svelte';
 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 * 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 { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
 export * as Clipboard from './Clipboard.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

@@ -1,7 +1,7 @@
+export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';
 export * as Collapsible from './Collapsible.js';
 export type { CollapsibleContentProps } from './CollapsibleContent.svelte';
+export * from './CollapsibleContext.svelte.js';
 export type { CollapsibleProps } from './CollapsibleRoot.svelte';
 export type { CollapsibleTriggerProps } from './CollapsibleTrigger.svelte';
-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 { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';
 export * as Collapsible from './Collapsible.js';
 export * from './CollapsibleContext.svelte.js';
 export * from './createCollapsible.svelte.js';
-export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';

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

@@ -1,5 +1,5 @@
-import type { Accessor } from '../types.js';
 import type { AreaProps, ChannelProps, ColorFormat, SwatchProps } from '@zag-js/color-picker';
+import type { Accessor } from '../types.js';
 import type { CreateColorPickerReturn } from './createColorPicker.svelte.js';
 export declare const getColorPickerContext: () => Accessor<CreateColorPickerReturn>, setColorPickerContext: (context: Accessor<CreateColorPickerReturn>) => Accessor<CreateColorPickerReturn>;
 export declare const getColorPickerAreaPropsContext: () => Accessor<AreaProps>, setColorPickerAreaPropsContext: (context: Accessor<AreaProps>) => Accessor<AreaProps>;

package/dist/ColorPicker/ColorPickerContext.svelte.js

@@ -1,5 +1,5 @@
-import { createSafeContext } from '../createSafeContext.svelte.js';
 import { createContext } from 'svelte';
+import { createSafeContext } from '../createSafeContext.svelte.js';
 export const [getColorPickerContext, setColorPickerContext] = createContext();
 export const [getColorPickerAreaPropsContext, setColorPickerAreaPropsContext] = createContext();
 export const [getColorPickerSwatchPropsContext, setColorPickerSwatchPropsContext] = createContext();

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

@@ -1,6 +1,6 @@
-import type { Accessor } from '../types.js';
 import * as colorPicker from '@zag-js/color-picker';
 import type { HTMLAttributes } from 'svelte/elements';
+import type { Accessor } from '../types.js';
 interface ElementIds extends colorPicker.ElementIds {
     view?: string;
 }

package/dist/ColorPicker/index.d.ts

@@ -1,3 +1,5 @@
+export type { Color } from '@zag-js/color-picker';
+export { anatomy as colorPickerAnatomy } from './ColorPicker.anatomy.js';
 export * as ColorPicker from './ColorPicker.js';
 export type { ColorPickerAreaProps } from './ColorPickerArea.svelte';
 export type { ColorPickerAreaBackgroundProps } from './ColorPickerAreaBackground.svelte';
@@ -9,6 +11,7 @@ export type { ColorPickerChannelSliderThumbProps } from './ColorPickerChannelSli
 export type { ColorPickerChannelSliderTrackProps } from './ColorPickerChannelSliderTrack.svelte';
 export type { ColorPickerChannelSliderValueTextProps } from './ColorPickerChannelSliderValueText.svelte';
 export type { ColorPickerContentProps } from './ColorPickerContent.svelte';
+export * from './ColorPickerContext.svelte.js';
 export type { ColorPickerControlProps } from './ColorPickerControl.svelte';
 export type { ColorPickerEyeDropperTriggerProps } from './ColorPickerEyeDropperTrigger.svelte';
 export type { ColorPickerFormatSelectProps } from './ColorPickerFormatSelect.svelte';
@@ -26,7 +29,4 @@ 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 * 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 { anatomy as colorPickerAnatomy } from './ColorPicker.anatomy.js';
 export * as ColorPicker from './ColorPicker.js';
 export * from './ColorPickerContext.svelte.js';
 export * from './createColorPicker.svelte.js';
-export { anatomy as colorPickerAnatomy } from './ColorPicker.anatomy.js';

package/dist/Combobox/ComboboxContext.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Accessor } from '../types.js';
 import type { ItemGroupProps, ItemProps } from '@zag-js/combobox';
+import type { Accessor } from '../types.js';
 import type { CreateComboboxReturn } from './createCombobox.svelte.js';
 export declare const getComboboxContext: () => Accessor<CreateComboboxReturn>, setComboboxContext: (context: Accessor<CreateComboboxReturn>) => Accessor<CreateComboboxReturn>;
 export declare const getComboboxItemPropsContext: () => Accessor<ItemProps>, setComboboxItemPropsContext: (context: Accessor<ItemProps>) => Accessor<ItemProps>;

package/dist/Combobox/createCombobox.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Accessor } from '../types.js';
 import * as combobox from '@zag-js/combobox';
+import type { Accessor } from '../types.js';
 export interface CreateComboboxProps extends Omit<combobox.Props, 'dir' | 'getRootNode'> {
 }
 export interface CreateComboboxReturn extends combobox.Api {

package/dist/Combobox/createCombobox.svelte.js

@@ -1,6 +1,6 @@
-import { getFieldContext } from '../Field/FieldContext.svelte.js';
 import * as combobox from '@zag-js/combobox';
 import { normalizeProps, useMachine } from '@zag-js/svelte';
+import { getFieldContext } from '../Field/FieldContext.svelte.js';
 import { getEnvironmentContext } from '../EnvironmentProvider/EnvironmentProviderContext.svelte.js';
 import { getLocaleContext } from '../LocaleProvider/LocaleProviderContext.svelte.js';
 export function createCombobox(props) {

package/dist/Combobox/index.d.ts

@@ -1,6 +1,8 @@
+export { anatomy as comboboxAnatomy } from '@zag-js/combobox';
 export * as Combobox from './Combobox.js';
 export type { ComboboxClearTriggerProps } from './ComboboxClearTrigger.svelte';
 export type { ComboboxContentProps } from './ComboboxContent.svelte';
+export * from './ComboboxContext.svelte.js';
 export type { ComboboxControlProps } from './ComboboxControl.svelte';
 export type { ComboboxInputProps } from './ComboboxInput.svelte';
 export type { ComboboxItemProps } from './ComboboxItem.svelte';
@@ -13,6 +15,4 @@ 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 * 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 { anatomy as comboboxAnatomy } from '@zag-js/combobox';
 export * as Combobox from './Combobox.js';
 export * from './ComboboxContext.svelte.js';
 export * from './createCombobox.svelte.js';
-export { anatomy as comboboxAnatomy } from '@zag-js/combobox';

package/dist/DatePicker/DatePickerContext.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Accessor } from '../types.js';
 import type { DayTableCellProps, TableCellProps, TableProps, ViewProps } from '@zag-js/date-picker';
+import type { Accessor } from '../types.js';
 import type { CreateDatePickerReturn } from './createDatePicker.svelte.js';
 export declare const getDatePickerContext: () => Accessor<CreateDatePickerReturn>, setDatePickerContext: (context: Accessor<CreateDatePickerReturn>) => Accessor<CreateDatePickerReturn>;
 export declare const getDatePickerViewPropsContext: () => Accessor<ViewProps>, setDatePickerViewPropsContext: (context: Accessor<ViewProps>) => Accessor<ViewProps>;

package/dist/DatePicker/createDatePicker.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Accessor } from '../types.js';
 import * as datePicker from '@zag-js/date-picker';
+import type { Accessor } from '../types.js';
 export interface CreateDatePickerProps extends Omit<datePicker.Props, 'dir' | 'getRootNode'> {
 }
 export interface CreateDatePickerReturn extends datePicker.Api {

package/dist/DatePicker/createDatePicker.svelte.js

@@ -1,8 +1,8 @@
+import * as datePicker from '@zag-js/date-picker';
+import { normalizeProps, useMachine } from '@zag-js/svelte';
 import { getEnvironmentContext } from '../EnvironmentProvider/EnvironmentProviderContext.svelte.js';
 import { getFieldContext } from '../Field/FieldContext.svelte.js';
 import { getLocaleContext } from '../LocaleProvider/LocaleProviderContext.svelte.js';
-import * as datePicker from '@zag-js/date-picker';
-import { normalizeProps, useMachine } from '@zag-js/svelte';
 export function createDatePicker(props) {
     const field = getFieldContext();
     const locale = getLocaleContext();

package/dist/DatePicker/index.d.ts

@@ -1,6 +1,9 @@
+export { anatomy as datePickerAnatomy, type DateValue } from '@zag-js/date-picker';
+export * from './createDatePicker.svelte.js';
 export * as DatePicker from './DatePicker.js';
 export type { DatePickerClearTriggerProps } from './DatePickerClearTrigger.svelte';
 export type { DatePickerContentProps } from './DatePickerContent.svelte';
+export * from './DatePickerContext.svelte.js';
 export type { DatePickerControlProps } from './DatePickerControl.svelte';
 export type { DatePickerDayTableCellProps } from './DatePickerDayTableCell.svelte';
 export type { DatePickerDayTableCellTriggerProps } from './DatePickerDayTableCellTrigger.svelte';
@@ -27,6 +30,3 @@ 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 * 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 { anatomy as datePickerAnatomy } from '@zag-js/date-picker';
 export * from './createDatePicker.svelte.js';
+export * as DatePicker from './DatePicker.js';
 export * from './DatePickerContext.svelte.js';
-export { anatomy as datePickerAnatomy } from '@zag-js/date-picker';

package/dist/Dialog/createDialog.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Accessor } from '../types.js';
 import * as dialog from '@zag-js/dialog';
+import type { Accessor } from '../types.js';
 export interface CreateDialogProps extends Omit<dialog.Props, 'dir' | 'role' | 'getRootNode'> {
 }
 export interface CreateDialogReturn extends dialog.Api {

package/dist/Dialog/index.d.ts

@@ -1,12 +1,12 @@
+export { anatomy as dialogAnatomy } from '@zag-js/dialog';
+export * from './createDialog.svelte.js';
 export * as Dialog from './Dialog.js';
 export type { DialogBackdropProps } from './DialogBackdrop.svelte';
 export type { DialogCloseTriggerProps } from './DialogCloseTrigger.svelte';
 export type { DialogContentProps } from './DialogContent.svelte';
+export * from './DialogContext.svelte.js';
 export type { DialogDescriptionProps } from './DialogDescription.svelte';
 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 * 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 { anatomy as dialogAnatomy } from '@zag-js/dialog';
 export * from './createDialog.svelte.js';
+export * as Dialog from './Dialog.js';
 export * from './DialogContext.svelte.js';
-export { anatomy as dialogAnatomy } from '@zag-js/dialog';

package/dist/Drawer/createDrawer.svelte.d.ts

@@ -1,6 +1,6 @@
-import type { Accessor } from '../types.js';
 import * as dialog from '@zag-js/dialog';
 import type { HTMLAttributes } from 'svelte/elements';
+import type { Accessor } from '../types.js';
 interface ElementIds extends dialog.ElementIds {
     body?: string;
     footer?: string;

package/dist/Drawer/index.d.ts

@@ -1,8 +1,11 @@
+export * from './createDrawer.svelte.js';
+export { anatomy as drawerAnatomy } from './Drawer.anatomy.js';
 export * as Drawer from './Drawer.js';
 export type { DrawerBackdropProps } from './DrawerBackdrop.svelte';
 export type { DrawerBodyProps } from './DrawerBody.svelte';
 export type { DrawerCloseTriggerProps } from './DrawerCloseTrigger.svelte';
 export type { DrawerContentProps } from './DrawerContent.svelte';
+export * from './DrawerContext.svelte.js';
 export type { DrawerDescriptionProps } from './DrawerDescription.svelte';
 export type { DrawerFooterProps } from './DrawerFooter.svelte';
 export type { DrawerHeaderProps } from './DrawerHeader.svelte';
@@ -10,6 +13,3 @@ 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 * from './createDrawer.svelte.js';
-export * from './DrawerContext.svelte.js';
-export { anatomy as drawerAnatomy } from './Drawer.anatomy.js';

package/dist/Drawer/index.js

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

package/dist/Editable/createEditable.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Accessor } from '../types.js';
 import * as editable from '@zag-js/editable';
+import type { Accessor } from '../types.js';
 export interface CreateEditableProps extends Omit<editable.Props, 'dir' | 'getRootNode'> {
 }
 export interface CreateEditableReturn extends editable.Api {

package/dist/Editable/createEditable.svelte.js

@@ -1,6 +1,6 @@
-import { getFieldContext } from '../Field/FieldContext.svelte.js';
 import * as editable from '@zag-js/editable';
 import { normalizeProps, useMachine } from '@zag-js/svelte';
+import { getFieldContext } from '../Field/FieldContext.svelte.js';
 import { getEnvironmentContext } from '../EnvironmentProvider/EnvironmentProviderContext.svelte.js';
 import { getLocaleContext } from '../LocaleProvider/LocaleProviderContext.svelte.js';
 export function createEditable(props) {

package/dist/Editable/index.d.ts

@@ -1,6 +1,9 @@
+export { anatomy as editableAnatomy } from '@zag-js/editable';
+export * from './createEditable.svelte.js';
 export * as Editable from './Editable.js';
 export type { EditableAreaProps } from './EditableArea.svelte';
 export type { EditableCancelTriggerProps } from './EditableCancelTrigger.svelte';
+export * from './EditableContext.svelte.js';
 export type { EditableControlProps } from './EditableControl.svelte';
 export type { EditableEditTriggerProps } from './EditableEditTrigger.svelte';
 export type { EditableInputProps } from './EditableInput.svelte';
@@ -8,6 +11,3 @@ 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';

package/dist/Editable/index.js

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

package/dist/Field/createField.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Accessor } from '../types.js';
 import type { HTMLAttributes, HTMLInputAttributes, HTMLLabelAttributes, HTMLSelectAttributes, HTMLTextareaAttributes } from 'svelte/elements';
+import type { Accessor } from '../types.js';
 interface ElementIds {
     root?: string;
     label?: string;

package/dist/Field/createField.svelte.js

@@ -1,6 +1,6 @@
+import { ariaAttr, dataAttr, getDocument, getWindow } from '@zag-js/dom-query';
 import { getEnvironmentContext } from '../EnvironmentProvider/EnvironmentProviderContext.svelte.js';
 import { getLocaleContext } from '../LocaleProvider/LocaleProviderContext.svelte.js';
-import { ariaAttr, dataAttr, getDocument, getWindow } from '@zag-js/dom-query';
 import { parts } from './Field.anatomy.js';
 export function createField(props) {
     const locale = getLocaleContext();

package/dist/Field/index.d.ts

@@ -1,4 +1,7 @@
+export * from './createField.svelte.js';
+export { anatomy as fieldAnatomy } from './Field.anatomy.js';
 export * as Field from './Field.js';
+export * from './FieldContext.svelte.js';
 export type { FieldErrorTextProps } from './FieldErrorText.svelte';
 export type { FieldHelperTextProps } from './FieldHelperText.svelte';
 export type { FieldInputProps } from './FieldInput.svelte';
@@ -7,6 +10,3 @@ 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 * from './createField.svelte.js';
-export * from './FieldContext.svelte.js';
-export { anatomy as fieldAnatomy } from './Field.anatomy.js';

package/dist/Field/index.js

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

package/dist/FileUpload/FileUploadContext.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Accessor } from '../types.js';
 import type { ItemProps } from '@zag-js/file-upload';
+import type { Accessor } from '../types.js';
 import type { CreateFileUploadReturn } from './createFileUpload.svelte.js';
 export declare const getFileUploadContext: () => Accessor<CreateFileUploadReturn>, setFileUploadContext: (context: Accessor<CreateFileUploadReturn>) => Accessor<CreateFileUploadReturn>;
 export declare const getFileUploadItemPropsContext: () => Accessor<ItemProps>, setFileUploadItemPropsContext: (context: Accessor<ItemProps>) => Accessor<ItemProps>;

package/dist/FileUpload/createFileUpload.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Accessor } from '../types.js';
 import * as fileUpload from '@zag-js/file-upload';
+import type { Accessor } from '../types.js';
 export interface CreateFileUploadProps extends Omit<fileUpload.Props, 'dir' | 'getRootNode'> {
 }
 export interface CreateFileUploadReturn extends fileUpload.Api {

package/dist/FileUpload/createFileUpload.svelte.js

@@ -1,8 +1,8 @@
+import * as fileUpload from '@zag-js/file-upload';
+import { normalizeProps, useMachine } from '@zag-js/svelte';
 import { getEnvironmentContext } from '../EnvironmentProvider/EnvironmentProviderContext.svelte.js';
 import { getFieldContext } from '../Field/FieldContext.svelte.js';
 import { getLocaleContext } from '../LocaleProvider/LocaleProviderContext.svelte.js';
-import * as fileUpload from '@zag-js/file-upload';
-import { normalizeProps, useMachine } from '@zag-js/svelte';
 export function createFileUpload(props) {
     const field = getFieldContext();
     const locale = getLocaleContext();

package/dist/FileUpload/index.d.ts

@@ -1,5 +1,8 @@
+export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';
+export * from './createFileUpload.svelte.js';
 export * as FileUpload from './FileUpload.js';
 export type { FileUploadClearTriggerProps } from './FileUploadClearTrigger.svelte';
+export * from './FileUploadContext.svelte.js';
 export type { FileUploadDropzoneProps } from './FileUploadDropzone.svelte';
 export type { FileUploadHiddenInputProps } from './FileUploadHiddenInput.svelte';
 export type { FileUploadItemProps } from './FileUploadItem.svelte';
@@ -12,6 +15,3 @@ 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 * 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 { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';
 export * from './createFileUpload.svelte.js';
+export * as FileUpload from './FileUpload.js';
 export * from './FileUploadContext.svelte.js';
-export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';