ui-ingredients 0.16.0 → 0.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (129) hide show
  1. package/README.md +2 -2
  2. package/dist/accordion/index.d.ts +2 -1
  3. package/dist/accordion/index.js +2 -1
  4. package/dist/alert/index.d.ts +2 -1
  5. package/dist/alert/index.js +2 -1
  6. package/dist/alert-dialog/index.d.ts +2 -1
  7. package/dist/alert-dialog/index.js +2 -1
  8. package/dist/anatomy.d.ts +1 -0
  9. package/dist/anatomy.js +1 -0
  10. package/dist/angle-slider/angle-slider-anatomy.d.ts +1 -0
  11. package/dist/angle-slider/angle-slider-anatomy.js +1 -0
  12. package/dist/angle-slider/angle-slider-context.svelte.d.ts +2 -0
  13. package/dist/angle-slider/angle-slider-context.svelte.js +2 -0
  14. package/dist/angle-slider/angle-slider-control.svelte +29 -0
  15. package/dist/angle-slider/angle-slider-control.svelte.d.ts +21 -0
  16. package/dist/angle-slider/angle-slider-hidden-input.svelte +28 -0
  17. package/dist/angle-slider/angle-slider-hidden-input.svelte.d.ts +21 -0
  18. package/dist/angle-slider/angle-slider-label.svelte +29 -0
  19. package/dist/angle-slider/angle-slider-label.svelte.d.ts +21 -0
  20. package/dist/angle-slider/angle-slider-marker-group.svelte +31 -0
  21. package/dist/angle-slider/angle-slider-marker-group.svelte.d.ts +21 -0
  22. package/dist/angle-slider/angle-slider-marker.svelte +38 -0
  23. package/dist/angle-slider/angle-slider-marker.svelte.d.ts +22 -0
  24. package/dist/angle-slider/angle-slider-root.svelte +59 -0
  25. package/dist/angle-slider/angle-slider-root.svelte.d.ts +22 -0
  26. package/dist/angle-slider/angle-slider-thumb.svelte +29 -0
  27. package/dist/angle-slider/angle-slider-thumb.svelte.d.ts +21 -0
  28. package/dist/angle-slider/angle-slider-value-text.svelte +35 -0
  29. package/dist/angle-slider/angle-slider-value-text.svelte.d.ts +21 -0
  30. package/dist/angle-slider/angle-slider.d.ts +8 -0
  31. package/dist/angle-slider/angle-slider.js +8 -0
  32. package/dist/angle-slider/create-angle-slider.svelte.d.ts +7 -0
  33. package/dist/angle-slider/create-angle-slider.svelte.js +18 -0
  34. package/dist/angle-slider/index.d.ts +12 -0
  35. package/dist/angle-slider/index.js +4 -0
  36. package/dist/avatar/index.d.ts +2 -2
  37. package/dist/avatar/index.js +2 -2
  38. package/dist/breadcrumbs/index.d.ts +2 -1
  39. package/dist/breadcrumbs/index.js +2 -1
  40. package/dist/carousel/index.d.ts +2 -1
  41. package/dist/carousel/index.js +2 -1
  42. package/dist/checkbox/index.d.ts +2 -1
  43. package/dist/checkbox/index.js +2 -1
  44. package/dist/clipboard/clipboard-indicator.svelte +40 -40
  45. package/dist/clipboard/index.d.ts +2 -1
  46. package/dist/clipboard/index.js +2 -1
  47. package/dist/collapsible/index.d.ts +2 -1
  48. package/dist/collapsible/index.js +2 -1
  49. package/dist/color-picker/index.d.ts +2 -1
  50. package/dist/color-picker/index.js +2 -1
  51. package/dist/combobox/index.d.ts +2 -1
  52. package/dist/combobox/index.js +2 -1
  53. package/dist/date-picker/index.d.ts +2 -1
  54. package/dist/date-picker/index.js +2 -1
  55. package/dist/dialog/index.d.ts +2 -1
  56. package/dist/dialog/index.js +2 -1
  57. package/dist/drawer/index.d.ts +3 -2
  58. package/dist/drawer/index.js +2 -1
  59. package/dist/editable/index.d.ts +2 -1
  60. package/dist/editable/index.js +2 -1
  61. package/dist/environment-provider/index.d.ts +1 -1
  62. package/dist/environment-provider/index.js +1 -1
  63. package/dist/field/index.d.ts +2 -1
  64. package/dist/field/index.js +2 -1
  65. package/dist/file-upload/index.d.ts +2 -1
  66. package/dist/file-upload/index.js +2 -1
  67. package/dist/floating-panel/index.d.ts +2 -1
  68. package/dist/floating-panel/index.js +2 -1
  69. package/dist/hover-card/index.d.ts +2 -1
  70. package/dist/hover-card/index.js +2 -1
  71. package/dist/index.d.ts +1 -0
  72. package/dist/index.js +1 -0
  73. package/dist/locale-provider/index.d.ts +1 -1
  74. package/dist/locale-provider/index.js +1 -1
  75. package/dist/menu/index.d.ts +2 -1
  76. package/dist/menu/index.js +2 -1
  77. package/dist/number-input/index.d.ts +2 -1
  78. package/dist/number-input/index.js +2 -1
  79. package/dist/pagination/index.d.ts +2 -1
  80. package/dist/pagination/index.js +2 -1
  81. package/dist/pin-input/index.d.ts +2 -1
  82. package/dist/pin-input/index.js +2 -1
  83. package/dist/popover/index.d.ts +2 -1
  84. package/dist/popover/index.js +2 -1
  85. package/dist/presence/index.d.ts +1 -1
  86. package/dist/presence/index.js +1 -1
  87. package/dist/progress/index.d.ts +2 -1
  88. package/dist/progress/index.js +2 -1
  89. package/dist/qr-code/index.d.ts +2 -1
  90. package/dist/qr-code/index.js +2 -1
  91. package/dist/radio-group/index.d.ts +2 -1
  92. package/dist/radio-group/index.js +2 -1
  93. package/dist/rating-group/index.d.ts +2 -1
  94. package/dist/rating-group/index.js +2 -1
  95. package/dist/segment-group/index.d.ts +2 -1
  96. package/dist/segment-group/index.js +2 -1
  97. package/dist/select/index.d.ts +2 -1
  98. package/dist/select/index.js +2 -1
  99. package/dist/signature-pad/index.d.ts +2 -1
  100. package/dist/signature-pad/index.js +2 -1
  101. package/dist/slider/index.d.ts +2 -1
  102. package/dist/slider/index.js +2 -1
  103. package/dist/splitter/index.d.ts +2 -1
  104. package/dist/splitter/index.js +2 -1
  105. package/dist/steps/index.d.ts +2 -1
  106. package/dist/steps/index.js +2 -1
  107. package/dist/switch/index.d.ts +2 -1
  108. package/dist/switch/index.js +2 -1
  109. package/dist/tabs/index.d.ts +2 -1
  110. package/dist/tabs/index.js +2 -1
  111. package/dist/tags-input/index.d.ts +2 -1
  112. package/dist/tags-input/index.js +2 -1
  113. package/dist/time-picker/index.d.ts +2 -1
  114. package/dist/time-picker/index.js +2 -1
  115. package/dist/timer/index.d.ts +2 -1
  116. package/dist/timer/index.js +2 -1
  117. package/dist/toast/index.d.ts +2 -1
  118. package/dist/toast/index.js +2 -1
  119. package/dist/toggle/index.d.ts +2 -0
  120. package/dist/toggle/index.js +2 -0
  121. package/dist/toggle-group/index.d.ts +2 -1
  122. package/dist/toggle-group/index.js +2 -1
  123. package/dist/tooltip/index.d.ts +2 -1
  124. package/dist/tooltip/index.js +2 -1
  125. package/dist/tour/index.d.ts +2 -2
  126. package/dist/tour/index.js +2 -1
  127. package/dist/tree-view/index.d.ts +2 -1
  128. package/dist/tree-view/index.js +2 -1
  129. package/package.json +404 -403
@@ -1,4 +1,4 @@
1
- export * from './avatar-anatomy.js';
2
1
  export * as Avatar from './avatar.js';
3
2
  export { anatomy as avatarAnatomy } from './avatar-anatomy.js';
4
- export { getAvatarContext } from './avatar-context.svelte.js';
3
+ export { getAvatarContext, setAvatarContext } from './avatar-context.svelte.js';
4
+ export { createAvatar, } from './create-avatar.svelte.js';
@@ -5,4 +5,5 @@ export type { BreadcrumbsListProps } from './breadcrumbs-list.svelte';
5
5
  export type { BreadcrumbsProps } from './breadcrumbs-root.svelte';
6
6
  export type { BreadcrumbsSeparatorProps } from './breadcrumbs-separator.svelte';
7
7
  export { anatomy as breadcrumbsAnatomy } from './breadcrumbs-anatomy.js';
8
- export { getBreadcrumbsContext as getBreadcrumbContext } from './breadcrumbs-context.svelte.js';
8
+ export { getBreadcrumbsContext, setBreadcrumbsContext, } from './breadcrumbs-context.svelte.js';
9
+ export { createBreadcrumbs, type CreateBreadcrumbsReturn, } from './create-breadcrumbs.js';
@@ -1,3 +1,4 @@
1
1
  export * as Breadcrumbs from './breadcrumbs.js';
2
2
  export { anatomy as breadcrumbsAnatomy } from './breadcrumbs-anatomy.js';
3
- export { getBreadcrumbsContext as getBreadcrumbContext } from './breadcrumbs-context.svelte.js';
3
+ export { getBreadcrumbsContext, setBreadcrumbsContext, } from './breadcrumbs-context.svelte.js';
4
+ export { createBreadcrumbs, } from './create-breadcrumbs.js';
@@ -8,4 +8,5 @@ export type { CarouselPrevTriggerProps } from './carousel-prev-trigger.svelte';
8
8
  export type { CarouselProps } from './carousel-root.svelte';
9
9
  export type { CarouselViewportProps } from './carousel-viewport.svelte';
10
10
  export { anatomy as carouselAnatomy } from './carousel-anatomy.js';
11
- export { getCarouselContext } from './carousel-context.svelte.js';
11
+ export { getCarouselContext, setCarouselContext, } from './carousel-context.svelte.js';
12
+ export { createCarousel, type CreateCarouselProps, type CreateCarouselReturn, } from './create-carousel.svelte.js';
@@ -1,3 +1,4 @@
1
1
  export * as Carousel from './carousel.js';
2
2
  export { anatomy as carouselAnatomy } from './carousel-anatomy.js';
3
- export { getCarouselContext } from './carousel-context.svelte.js';
3
+ export { getCarouselContext, setCarouselContext, } from './carousel-context.svelte.js';
4
+ export { createCarousel, } from './create-carousel.svelte.js';
@@ -5,4 +5,5 @@ export type { CheckboxIndicatorProps } from './checkbox-indicator.svelte';
5
5
  export type { CheckboxLabelProps } from './checkbox-label.svelte';
6
6
  export type { CheckboxProps } from './checkbox-root.svelte';
7
7
  export { anatomy as checkboxAnatomy } from './checkbox-anatomy.js';
8
- export { getCheckboxContext } from './checkbox-context.svelte.js';
8
+ export { getCheckboxContext, setCheckboxContext, } from './checkbox-context.svelte.js';
9
+ export { createCheckbox, type CreateCheckboxProps, type CreateCheckboxReturn, } from './create-checkbox.svelte.js';
@@ -1,3 +1,4 @@
1
1
  export * as Checkbox from './checkbox.js';
2
2
  export { anatomy as checkboxAnatomy } from './checkbox-anatomy.js';
3
- export { getCheckboxContext } from './checkbox-context.svelte.js';
3
+ export { getCheckboxContext, setCheckboxContext, } from './checkbox-context.svelte.js';
4
+ export { createCheckbox, } from './create-checkbox.svelte.js';
@@ -1,40 +1,40 @@
1
- <script lang="ts" module>
2
- import type {HtmlIngredientProps} from '../types.js';
3
-
4
- interface IndicatorState {
5
- copied: boolean;
6
- }
7
-
8
- export interface ClipboardIndicatorProps
9
- extends HtmlIngredientProps<'span', HTMLSpanElement, IndicatorState> {}
10
- </script>
11
-
12
- <script lang="ts">
13
- import {mergeProps} from '../merge-props.js';
14
- import {getClipboardContext} from './clipboard-context.svelte.js';
15
-
16
- let {
17
- ref = $bindable(null),
18
- asChild,
19
- children,
20
- ...props
21
- }: ClipboardIndicatorProps = $props();
22
-
23
- let clipboard = getClipboardContext();
24
-
25
- let state = $derived({
26
- copied: clipboard.copied,
27
- });
28
-
29
- let mergedProps = $derived(
30
- mergeProps(clipboard.getIndicatorProps(state), props),
31
- );
32
- </script>
33
-
34
- {#if asChild}
35
- {@render asChild(mergedProps, state)}
36
- {:else}
37
- <span bind:this={ref} {...mergedProps}>
38
- {@render children?.(state)}
39
- </span>
40
- {/if}
1
+ <script lang="ts" module>
2
+ import type {HtmlIngredientProps} from '../types.js';
3
+
4
+ interface IndicatorState {
5
+ copied: boolean;
6
+ }
7
+
8
+ export interface ClipboardIndicatorProps
9
+ extends HtmlIngredientProps<'span', HTMLSpanElement, IndicatorState> {}
10
+ </script>
11
+
12
+ <script lang="ts">
13
+ import {mergeProps} from '../merge-props.js';
14
+ import {getClipboardContext} from './clipboard-context.svelte.js';
15
+
16
+ let {
17
+ ref = $bindable(null),
18
+ asChild,
19
+ children,
20
+ ...props
21
+ }: ClipboardIndicatorProps = $props();
22
+
23
+ let clipboard = getClipboardContext();
24
+
25
+ let state = $derived({
26
+ copied: clipboard.copied,
27
+ });
28
+
29
+ let mergedProps = $derived(
30
+ mergeProps(clipboard.getIndicatorProps(state), props),
31
+ );
32
+ </script>
33
+
34
+ {#if asChild}
35
+ {@render asChild(mergedProps, state)}
36
+ {:else}
37
+ <span bind:this={ref} {...mergedProps}>
38
+ {@render children?.(state)}
39
+ </span>
40
+ {/if}
@@ -6,4 +6,5 @@ export type { ClipboardLabelProps } from './clipboard-label.svelte';
6
6
  export type { ClipboardProps } from './clipboard-root.svelte';
7
7
  export type { ClipboardTriggerProps } from './clipboard-trigger.svelte';
8
8
  export { anatomy as clipboardAnatomy } from './clipboard-anatomy.js';
9
- export { getClipboardContext } from './clipboard-context.svelte.js';
9
+ export { getClipboardContext, setClipboardContext, } from './clipboard-context.svelte.js';
10
+ export { createClipboard, type CreateClipboardProps, type CreateClipboardReturn, } from './create-clipboard.svelte.js';
@@ -1,3 +1,4 @@
1
1
  export * as Clipboard from './clipboard.js';
2
2
  export { anatomy as clipboardAnatomy } from './clipboard-anatomy.js';
3
- export { getClipboardContext } from './clipboard-context.svelte.js';
3
+ export { getClipboardContext, setClipboardContext, } from './clipboard-context.svelte.js';
4
+ export { createClipboard, } from './create-clipboard.svelte.js';
@@ -3,4 +3,5 @@ export type { CollapsibleContentProps } from './collapsible-content.svelte';
3
3
  export type { CollapsibleProps } from './collapsible-root.svelte';
4
4
  export type { CollapsibleTriggerProps } from './collapsible-trigger.svelte';
5
5
  export { anatomy as collapsibleAnatomy } from './collapsible-anatomy.js';
6
- export { getCollapsibleContext } from './collapsible-context.svelte.js';
6
+ export { getCollapsibleContext, setCollapsibleContext, } from './collapsible-context.svelte.js';
7
+ export { createCollapsible, type CreateCollapsibleProps, type CreateCollapsibleReturn, } from './create-collapsible.svelte.js';
@@ -1,3 +1,4 @@
1
1
  export * as Collapsible from './collapsible.js';
2
2
  export { anatomy as collapsibleAnatomy } from './collapsible-anatomy.js';
3
- export { getCollapsibleContext } from './collapsible-context.svelte.js';
3
+ export { getCollapsibleContext, setCollapsibleContext, } from './collapsible-context.svelte.js';
4
+ export { createCollapsible, } from './create-collapsible.svelte.js';
@@ -28,4 +28,5 @@ export type { ColorPickerValueTextProps } from './color-picker-value-text.svelte
28
28
  export type { ColorPickerViewTextProps } from './color-picker-view.svelte';
29
29
  export type { Color } from '@zag-js/color-picker';
30
30
  export { anatomy as colorPickerAnatomy } from './color-picker-anatomy.js';
31
- export { getColorPickerContext } from './color-picker-context.svelte.js';
31
+ export { getColorPickerContext, setColorPickerContext, } from './color-picker-context.svelte.js';
32
+ export { createColorPicker, type CreateColorPickerProps, type CreateColorPickerReturn, } from './create-color-picker.svelte.js';
@@ -1,3 +1,4 @@
1
1
  export * as ColorPicker from './color-picker.js';
2
2
  export { anatomy as colorPickerAnatomy } from './color-picker-anatomy.js';
3
- export { getColorPickerContext } from './color-picker-context.svelte.js';
3
+ export { getColorPickerContext, setColorPickerContext, } from './color-picker-context.svelte.js';
4
+ export { createColorPicker, } from './create-color-picker.svelte.js';
@@ -14,4 +14,5 @@ export type { ComboboxPositionerProps } from './combobox-positioner.svelte';
14
14
  export type { ComboboxProps } from './combobox-root.svelte';
15
15
  export type { ComboboxTriggerProps } from './combobox-trigger.svelte';
16
16
  export { anatomy as comboboxAnatomy } from './combobox-anatomy.js';
17
- export { getComboboxContext } from './combobox-context.svelte.js';
17
+ export { getComboboxContext, setComboboxContext, } from './combobox-context.svelte.js';
18
+ export { createCombobox, type CreateComboboxProps, type CreateComboboxReturn, } from './create-combobox.svelte.js';
@@ -1,3 +1,4 @@
1
1
  export * as Combobox from './combobox.js';
2
2
  export { anatomy as comboboxAnatomy } from './combobox-anatomy.js';
3
- export { getComboboxContext } from './combobox-context.svelte.js';
3
+ export { getComboboxContext, setComboboxContext, } from './combobox-context.svelte.js';
4
+ export { createCombobox, } from './create-combobox.svelte.js';
@@ -28,5 +28,6 @@ export type { DatePickerYearSelectProps } from './date-picker-year-select.svelte
28
28
  export type { DatePickerYearTableCellTriggerProps } from './date-picker-year-table-cell-trigger.svelte';
29
29
  export type { DatePickerYearTableCellProps } from './date-picker-year-table-cell.svelte';
30
30
  export type { DateValue } from '@zag-js/date-picker';
31
+ export { createDatePicker, type CreateDatePickerProps, type CreateDatePickerReturn, } from './create-date-picker.svelte.js';
31
32
  export { anatomy as datePickerAnatomy } from './date-picker-anatomy.js';
32
- export { getDatePickerContext } from './date-picker-context.svelte.js';
33
+ export { getDatePickerContext, setDatePickerContext, } from './date-picker-context.svelte.js';
@@ -1,3 +1,4 @@
1
1
  export * as DatePicker from './date-picker.js';
2
+ export { createDatePicker, } from './create-date-picker.svelte.js';
2
3
  export { anatomy as datePickerAnatomy } from './date-picker-anatomy.js';
3
- export { getDatePickerContext } from './date-picker-context.svelte.js';
4
+ export { getDatePickerContext, setDatePickerContext, } from './date-picker-context.svelte.js';
@@ -7,5 +7,6 @@ export type { DialogPositionerProps } from './dialog-positioner.svelte';
7
7
  export type { DialogProps } from './dialog-root.svelte';
8
8
  export type { DialogTitleProps } from './dialog-title.svelte';
9
9
  export type { DialogTriggerProps } from './dialog-trigger.svelte';
10
+ export { createDialog, type CreateDialogProps, type CreateDialogReturn, } from './create-dialog.svelte.js';
10
11
  export { anatomy as dialogAnatomy } from './dialog-anatomy.js';
11
- export { getDialogContext } from './dialog-context.svelte.js';
12
+ export { getDialogContext, setDialogContext } from './dialog-context.svelte.js';
@@ -1,3 +1,4 @@
1
1
  export * as Dialog from './dialog.js';
2
+ export { createDialog, } from './create-dialog.svelte.js';
2
3
  export { anatomy as dialogAnatomy } from './dialog-anatomy.js';
3
- export { getDialogContext } from './dialog-context.svelte.js';
4
+ export { getDialogContext, setDialogContext } from './dialog-context.svelte.js';
@@ -1,4 +1,3 @@
1
- export * as Drawer from './drawer.js';
2
1
  export type { DrawerBackdropProps } from './drawer-backdrop.svelte';
3
2
  export type { DrawerBodyProps } from './drawer-body.svelte';
4
3
  export type { DrawerCloseTriggerProps } from './drawer-close-trigger.svelte';
@@ -10,5 +9,7 @@ export type { DrawerPositionerProps } from './drawer-positioner.svelte';
10
9
  export type { DrawerProps } from './drawer-root.svelte';
11
10
  export type { DrawerTitleProps } from './drawer-title.svelte';
12
11
  export type { DrawerTriggerProps } from './drawer-trigger.svelte';
12
+ export * as Drawer from './drawer.js';
13
+ export { createDrawer, type CreateDrawerProps, type CreateDrawerReturn, } from './create-drawer.svelte.js';
13
14
  export { anatomy as drawerAnatomy } from './drawer-anatomy.js';
14
- export { getDrawerContext } from './drawer-context.svelte.js';
15
+ export { getDrawerContext, setDrawerContext } from './drawer-context.svelte.js';
@@ -1,3 +1,4 @@
1
1
  export * as Drawer from './drawer.js';
2
+ export { createDrawer, } from './create-drawer.svelte.js';
2
3
  export { anatomy as drawerAnatomy } from './drawer-anatomy.js';
3
- export { getDrawerContext } from './drawer-context.svelte.js';
4
+ export { getDrawerContext, setDrawerContext } from './drawer-context.svelte.js';
@@ -8,5 +8,6 @@ export type { EditableLabelProps } from './editable-label.svelte';
8
8
  export type { EditablePreviewProps } from './editable-preview.svelte';
9
9
  export type { EditableProps } from './editable-root.svelte';
10
10
  export type { EditableSubmitTriggerProps } from './editable-submit-trigger.svelte';
11
+ export { createEditable, type CreateEditableProps, type CreateEditableReturn, } from './create-editable.svelte.js';
11
12
  export { anatomy as editableAnatomy } from './editable-anatomy.js';
12
- export { getEditableContext } from './editable-context.svelte.js';
13
+ export { getEditableContext, setEditableContext, } from './editable-context.svelte.js';
@@ -1,3 +1,4 @@
1
1
  export * as Editable from './editable.js';
2
+ export { createEditable, } from './create-editable.svelte.js';
2
3
  export { anatomy as editableAnatomy } from './editable-anatomy.js';
3
- export { getEditableContext } from './editable-context.svelte.js';
4
+ export { getEditableContext, setEditableContext, } from './editable-context.svelte.js';
@@ -1,2 +1,2 @@
1
- export { getEnvironmentContext, type Environment, } from './enviroment-provider-context.svelte.js';
1
+ export { getEnvironmentContext, setEnvironmentContext, type Environment, } from './enviroment-provider-context.svelte.js';
2
2
  export { default as EnvironmentProvider, type EnvironmentProviderProps, } from './environment-provider.svelte';
@@ -1,2 +1,2 @@
1
- export { getEnvironmentContext, } from './enviroment-provider-context.svelte.js';
1
+ export { getEnvironmentContext, setEnvironmentContext, } from './enviroment-provider-context.svelte.js';
2
2
  export { default as EnvironmentProvider, } from './environment-provider.svelte';
@@ -7,5 +7,6 @@ export type { FieldRequiredIndicatorProps } from './field-required-indicator.sve
7
7
  export type { FieldProps } from './field-root.svelte';
8
8
  export type { FieldSelectProps } from './field-select.svelte';
9
9
  export type { FieldTextareaProps } from './field-textarea.svelte';
10
+ export { createField, type CreateFieldProps, type CreateFieldReturn, } from './create-field.svelte.js';
10
11
  export { anatomy as fieldAnatomy } from './field-anatomy.js';
11
- export { getFieldContext } from './field-context.svelte.js';
12
+ export { getFieldContext, setFieldContext } from './field-context.svelte.js';
@@ -1,3 +1,4 @@
1
1
  export * as Field from './field.js';
2
+ export { createField, } from './create-field.svelte.js';
2
3
  export { anatomy as fieldAnatomy } from './field-anatomy.js';
3
- export { getFieldContext } from './field-context.svelte.js';
4
+ export { getFieldContext, setFieldContext } from './field-context.svelte.js';
@@ -12,5 +12,6 @@ export type { FileUploadItemProps } from './file-upload-item.svelte';
12
12
  export type { FileUploadLabelProps } from './file-upload-label.svelte';
13
13
  export type { FileUploadProps } from './file-upload-root.svelte';
14
14
  export type { FileUploadTriggerProps } from './file-upload-trigger.svelte';
15
+ export { createFileUpload, type CreateFileUploadProps, type CreateFileUploadReturn, } from './create-file-upload.svelte.js';
15
16
  export { anatomy as fileUploadAnatomy } from './file-upload-anatomy.js';
16
- export { getFileUploadContext } from './file-upload-context.svelte.js';
17
+ export { getFileUploadContext, setFileUploadContext, } from './file-upload-context.svelte.js';
@@ -1,3 +1,4 @@
1
1
  export * as FileUpload from './file-upload.js';
2
+ export { createFileUpload, } from './create-file-upload.svelte.js';
2
3
  export { anatomy as fileUploadAnatomy } from './file-upload-anatomy.js';
3
- export { getFileUploadContext } from './file-upload-context.svelte.js';
4
+ export { getFileUploadContext, setFileUploadContext, } from './file-upload-context.svelte.js';
@@ -12,5 +12,6 @@ export type { FloatingPanelRestoreTriggerProps } from './floating-panel-restore-
12
12
  export type { FloatingPanelProps } from './floating-panel-root.svelte';
13
13
  export type { FloatingPanelTitleProps } from './floating-panel-title.svelte';
14
14
  export type { FloatingPanelTriggerProps } from './floating-panel-trigger.svelte';
15
+ export { createFloatingPanel, type CreateFloatingPanelProps, type CreateFloatingPanelReturn, } from './create-floating-panel.svelte.js';
15
16
  export { anatomy as floatingPanelAnatomy } from './floating-panel-anatomy.js';
16
- export { getFloatingPanelContext } from './floating-panel-context.svelte.js';
17
+ export { getFloatingPanelContext, setFloatingPanelContext, } from './floating-panel-context.svelte.js';
@@ -1,3 +1,4 @@
1
1
  export * as FloatingPanel from './floating-panel.js';
2
+ export { createFloatingPanel, } from './create-floating-panel.svelte.js';
2
3
  export { anatomy as floatingPanelAnatomy } from './floating-panel-anatomy.js';
3
- export { getFloatingPanelContext } from './floating-panel-context.svelte.js';
4
+ export { getFloatingPanelContext, setFloatingPanelContext, } from './floating-panel-context.svelte.js';
@@ -5,5 +5,6 @@ export type { HoverCardContentProps } from './hover-card-content.svelte';
5
5
  export type { HoverCardPositionerProps } from './hover-card-positioner.svelte';
6
6
  export type { HoverCardProps } from './hover-card-root.svelte';
7
7
  export type { HoverCardTriggerProps } from './hover-card-trigger.svelte';
8
+ export { createHoverCard, type CreateHoverCardProps, type CreateHoverCardReturn, } from './create-hover-card.svelte.js';
8
9
  export { anatomy as hoverCardAnatomy } from './hover-card-anatomy.js';
9
- export { getHoverCardContext } from './hover-card-context.svelte.js';
10
+ export { getHoverCardContext, setHoverCardContext, } from './hover-card-context.svelte.js';
@@ -1,3 +1,4 @@
1
1
  export * as HoverCard from './hover-card.js';
2
+ export { createHoverCard, } from './create-hover-card.svelte.js';
2
3
  export { anatomy as hoverCardAnatomy } from './hover-card-anatomy.js';
3
- export { getHoverCardContext } from './hover-card-context.svelte.js';
4
+ export { getHoverCardContext, setHoverCardContext, } from './hover-card-context.svelte.js';
package/dist/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export * from './accordion/index.js';
2
2
  export * from './alert-dialog/index.js';
3
3
  export * from './alert/index.js';
4
+ export * from './angle-slider/index.js';
4
5
  export * from './avatar/index.js';
5
6
  export * from './breadcrumbs/index.js';
6
7
  export * from './carousel/index.js';
package/dist/index.js CHANGED
@@ -1,6 +1,7 @@
1
1
  export * from './accordion/index.js';
2
2
  export * from './alert-dialog/index.js';
3
3
  export * from './alert/index.js';
4
+ export * from './angle-slider/index.js';
4
5
  export * from './avatar/index.js';
5
6
  export * from './breadcrumbs/index.js';
6
7
  export * from './carousel/index.js';
@@ -1,3 +1,3 @@
1
1
  export type { Locale } from '@zag-js/i18n-utils';
2
- export { getLocaleContext } from './local-provider-context.svelte.js';
2
+ export { getLocaleContext, setLocaleContext, } from './local-provider-context.svelte.js';
3
3
  export { default as LocaleProvider, type LocaleProviderProps, } from './local-provider.svelte';
@@ -1,2 +1,2 @@
1
- export { getLocaleContext } from './local-provider-context.svelte.js';
1
+ export { getLocaleContext, setLocaleContext, } from './local-provider-context.svelte.js';
2
2
  export { default as LocaleProvider, } from './local-provider.svelte';
@@ -15,5 +15,6 @@ export { type MenuRootProps } from './menu-root.svelte';
15
15
  export { type MenuSeparatorProps } from './menu-separator.svelte';
16
16
  export { type MenuTriggerItemIndicatorProps } from './menu-trigger-item.svelte';
17
17
  export { type MenuTriggerProps } from './menu-trigger.svelte';
18
+ export { createMenu, type CreateMenuProps, type CreateMenuReturn, } from './create-menu.svelte.js';
18
19
  export { anatomy as menuAnatomy } from './menu-anatomy.js';
19
- export { getMenuContext } from './menu-context.svelte.js';
20
+ export { getMenuContext, setMenuContext } from './menu-context.svelte.js';
@@ -15,5 +15,6 @@ export {} from './menu-root.svelte';
15
15
  export {} from './menu-separator.svelte';
16
16
  export {} from './menu-trigger-item.svelte';
17
17
  export {} from './menu-trigger.svelte';
18
+ export { createMenu, } from './create-menu.svelte.js';
18
19
  export { anatomy as menuAnatomy } from './menu-anatomy.js';
19
- export { getMenuContext } from './menu-context.svelte.js';
20
+ export { getMenuContext, setMenuContext } from './menu-context.svelte.js';
@@ -7,5 +7,6 @@ export type { NumberInputLabelProps } from './number-input-label.svelte';
7
7
  export type { NumberInputProps } from './number-input-root.svelte';
8
8
  export type { NumberInputScrubberProps } from './number-input-scrubber.svelte';
9
9
  export type { NumberInputValueTextProps } from './number-input-value-text.svelte';
10
+ export { createNumberInput, type CreateNumberInputProps, type CreateNumberInputReturn, } from './create-number-input.svelte.js';
10
11
  export { anatomy as numberInputAnatomy } from './number-input-anatomy.js';
11
- export { getNumberInputContext } from './number-input-context.svelte.js';
12
+ export { getNumberInputContext, setNumberInputContext, } from './number-input-context.svelte.js';
@@ -1,3 +1,4 @@
1
1
  export * as NumberInput from './number-input.js';
2
+ export { createNumberInput, } from './create-number-input.svelte.js';
2
3
  export { anatomy as numberInputAnatomy } from './number-input-anatomy.js';
3
- export { getNumberInputContext } from './number-input-context.svelte.js';
4
+ export { getNumberInputContext, setNumberInputContext, } from './number-input-context.svelte.js';
@@ -4,5 +4,6 @@ export type { PaginationItemProps } from './pagination-item.svelte';
4
4
  export type { PaginationNextTriggerProps } from './pagination-next-trigger.svelte';
5
5
  export type { PaginationPrevTriggerProps } from './pagination-prev-trigger.svelte';
6
6
  export type { PaginationProps } from './pagination-root.svelte';
7
+ export { createPagination, type CreatePaginationProps, type CreatePaginationReturn, } from './create-pagination.svelte.js';
7
8
  export { anatomy as paginationAnatomy } from './pagination-anatomy.js';
8
- export { getPaginationContext } from './pagination-context.svelte.js';
9
+ export { getPaginationContext, setPaginationContext, } from './pagination-context.svelte.js';
@@ -1,3 +1,4 @@
1
1
  export * as Pagination from './pagination.js';
2
+ export { createPagination, } from './create-pagination.svelte.js';
2
3
  export { anatomy as paginationAnatomy } from './pagination-anatomy.js';
3
- export { getPaginationContext } from './pagination-context.svelte.js';
4
+ export { getPaginationContext, setPaginationContext, } from './pagination-context.svelte.js';
@@ -5,5 +5,6 @@ export type { PinInputHiddenInputProps } from './pin-input-hidden-input.svelte';
5
5
  export type { PinInputInputProps } from './pin-input-input.svelte';
6
6
  export type { PinInputLabelProps } from './pin-input-label.svelte';
7
7
  export type { PinInputProps } from './pin-input-root.svelte';
8
+ export { createPinInputContext, type CreatePinInputProps, type CreatePinInputReturn, } from './create-pin-input.svelte.js';
8
9
  export { anatomy as pinInputAnatomy } from './pin-input-anatomy.js';
9
- export { getPinInputContext } from './pin-input-context.svelte.js';
10
+ export { getPinInputContext, setPinInputContext, } from './pin-input-context.svelte.js';
@@ -1,3 +1,4 @@
1
1
  export * as PinInput from './pin-input.js';
2
+ export { createPinInputContext, } from './create-pin-input.svelte.js';
2
3
  export { anatomy as pinInputAnatomy } from './pin-input-anatomy.js';
3
- export { getPinInputContext } from './pin-input-context.svelte.js';
4
+ export { getPinInputContext, setPinInputContext, } from './pin-input-context.svelte.js';
@@ -10,5 +10,6 @@ export type { PopoverPositionerProps } from './popover-positioner.svelte';
10
10
  export type { PopoverProps } from './popover-root.svelte';
11
11
  export type { PopoverTitleProps } from './popover-title.svelte';
12
12
  export type { PopoverTriggerProps } from './popover-trigger.svelte';
13
+ export { createPopover, type CreatePopoverProps, type CreatePopoverReturn, } from './create-popover.svelte.js';
13
14
  export { anatomy as popoverAnatomy } from './popover-anatomy.js';
14
- export { getPopoverContext } from './popover-context.svelte.js';
15
+ export { getPopoverContext, setPopoverContext, } from './popover-context.svelte.js';
@@ -1,3 +1,4 @@
1
1
  export * as Popover from './popover.js';
2
+ export { createPopover, } from './create-popover.svelte.js';
2
3
  export { anatomy as popoverAnatomy } from './popover-anatomy.js';
3
- export { getPopoverContext } from './popover-context.svelte.js';
4
+ export { getPopoverContext, setPopoverContext, } from './popover-context.svelte.js';
@@ -1,2 +1,2 @@
1
- export { getPresenceContext } from './presence-context.svelte.js';
1
+ export { getPresenceContext, setPresenceContext, } from './presence-context.svelte.js';
2
2
  export { default as Presence, type PresenceProps } from './presence.svelte';
@@ -1,2 +1,2 @@
1
- export { getPresenceContext } from './presence-context.svelte.js';
1
+ export { getPresenceContext, setPresenceContext, } from './presence-context.svelte.js';
2
2
  export { default as Presence } from './presence.svelte';
@@ -8,5 +8,6 @@ export type { ProgressProps } from './progress-root.svelte';
8
8
  export type { ProgressTrackProps } from './progress-track.svelte';
9
9
  export type { ProgressValueTextProps } from './progress-value-text.svelte';
10
10
  export type { ProgressViewProps } from './progress-view.svelte';
11
+ export { createProgress, type CreateProgressProps, type CreateProgressReturn, } from './create-progress.svelte.js';
11
12
  export { anatomy as progressAnatomy } from './progress-anatomy.js';
12
- export { getProgressContext } from './progress-context.svelte.js';
13
+ export { getProgressContext, setProgressContext, } from './progress-context.svelte.js';
@@ -1,3 +1,4 @@
1
1
  export * as Progress from './progress.js';
2
+ export { createProgress, } from './create-progress.svelte.js';
2
3
  export { anatomy as progressAnatomy } from './progress-anatomy.js';
3
- export { getProgressContext } from './progress-context.svelte.js';
4
+ export { getProgressContext, setProgressContext, } from './progress-context.svelte.js';
@@ -3,5 +3,6 @@ export type { QrCodeFrameProps } from './qr-code-frame.svelte';
3
3
  export type { QrCodeOverlayProps } from './qr-code-overlay.svelte';
4
4
  export type { QrCodePatternProps } from './qr-code-pattern.svelte';
5
5
  export type { QrCodeProps } from './qr-code-root.svelte';
6
+ export { createQRCode, type CreateQrCodeProps, type CreateQrCodeReturn, } from './create-qr-code.svelte.js';
6
7
  export { anatomy as qrCodeAnatomy } from './qr-code-anatomy.js';
7
- export { getQrCodeContext } from './qr-code-context.svelte.js';
8
+ export { getQrCodeContext, setQrCodeContext } from './qr-code-context.svelte.js';
@@ -1,3 +1,4 @@
1
1
  export * as QrCode from './qr-code.js';
2
+ export { createQRCode, } from './create-qr-code.svelte.js';
2
3
  export { anatomy as qrCodeAnatomy } from './qr-code-anatomy.js';
3
- export { getQrCodeContext } from './qr-code-context.svelte.js';
4
+ export { getQrCodeContext, setQrCodeContext } from './qr-code-context.svelte.js';
@@ -6,5 +6,6 @@ export type { RadioGroupItemTextProps } from './radio-group-item-text.svelte';
6
6
  export type { RadioGroupItemProps } from './radio-group-item.svelte';
7
7
  export type { RadioGroupLabelProps } from './radio-group-label.svelte';
8
8
  export type { RadioGroupProps } from './radio-group-root.svelte';
9
+ export { createRadioGroup, type CreateRadioGroupProps, type CreateRadioGroupReturn, } from './create-radio-group.svelte.js';
9
10
  export { anatomy as radioGroupAnatomy } from './radio-group-anatomy.js';
10
- export { getRadioGroupContext } from './radio-group-context.svelte.js';
11
+ export { getRadioGroupContext, setRadioGroupContext, } from './radio-group-context.svelte.js';
@@ -1,3 +1,4 @@
1
1
  export * as RadioGroup from './radio-group.js';
2
+ export { createRadioGroup, } from './create-radio-group.svelte.js';
2
3
  export { anatomy as radioGroupAnatomy } from './radio-group-anatomy.js';
3
- export { getRadioGroupContext } from './radio-group-context.svelte.js';
4
+ export { getRadioGroupContext, setRadioGroupContext, } from './radio-group-context.svelte.js';
@@ -4,5 +4,6 @@ export type { RatingGroupHiddenInputProps } from './rating-group-hidden-input.sv
4
4
  export type { RatingGroupItemProps } from './rating-group-item.svelte';
5
5
  export type { RatingGroupLabelProps } from './rating-group-label.svelte';
6
6
  export type { RatingGroupProps } from './rating-group-root.svelte';
7
+ export { createRatingGroup, type CreateRatingGroupProps, type CreateRatingGroupReturn, } from './create-rating-group.svelte.js';
7
8
  export { anatomy as ratingGroupAnatomy } from './rating-group-anatomy.js';
8
- export { getRatingGroupContext } from './rating-group-context.svelte.js';
9
+ export { getRatingGroupContext, setRatingGroupContext, } from './rating-group-context.svelte.js';
@@ -1,3 +1,4 @@
1
1
  export * as RatingGroup from './rating-group.js';
2
+ export { createRatingGroup, } from './create-rating-group.svelte.js';
2
3
  export { anatomy as ratingGroupAnatomy } from './rating-group-anatomy.js';
3
- export { getRatingGroupContext } from './rating-group-context.svelte.js';
4
+ export { getRatingGroupContext, setRatingGroupContext, } from './rating-group-context.svelte.js';
@@ -6,5 +6,6 @@ export type { SegmentGroupItemTextProps } from './segment-group-item-text.svelte
6
6
  export type { SegmentGroupItemProps } from './segment-group-item.svelte';
7
7
  export type { SegmentGroupLabelProps } from './segment-group-label.svelte';
8
8
  export type { SegmentGroupProps } from './segment-group-root.svelte';
9
+ export { createSegmentGroup, type CreateSegmentGroupProps, type CreateSegmentGroupReturn, } from './create-segment-group.svelte.js';
9
10
  export { anatomy as segmentGroupAnatomy } from './segment-group-anatomy.js';
10
- export { getSegmentGroupContext } from './segment-group-context.svelte.js';
11
+ export { getSegmentGroupContext, setSegmentGroupContext, } from './segment-group-context.svelte.js';
@@ -1,3 +1,4 @@
1
1
  export * as SegmentGroup from './segment-group.js';
2
+ export { createSegmentGroup, } from './create-segment-group.svelte.js';
2
3
  export { anatomy as segmentGroupAnatomy } from './segment-group-anatomy.js';
3
- export { getSegmentGroupContext } from './segment-group-context.svelte.js';
4
+ export { getSegmentGroupContext, setSegmentGroupContext, } from './segment-group-context.svelte.js';
@@ -15,5 +15,6 @@ export type { SelectPositionerProps } from './select-positioner.svelte';
15
15
  export type { SelectProps } from './select-root.svelte';
16
16
  export type { SelectTriggerProps } from './select-trigger.svelte';
17
17
  export type { SelectValueTextProps } from './select-value-text.svelte';
18
+ export { createSelect, type CreateSelectProps, type CreateSelectReturn, } from './create-select.svelte.js';
18
19
  export { anatomy as selectAnatomy } from './select-anatomy.js';
19
- export { getSelectContext } from './select-context.svelte.js';
20
+ export { getSelectContext, setSelectContext } from './select-context.svelte.js';
@@ -1,3 +1,4 @@
1
1
  export * as Select from './select.js';
2
+ export { createSelect, } from './create-select.svelte.js';
2
3
  export { anatomy as selectAnatomy } from './select-anatomy.js';
3
- export { getSelectContext } from './select-context.svelte.js';
4
+ export { getSelectContext, setSelectContext } from './select-context.svelte.js';
@@ -8,5 +8,6 @@ export type { SignaturePadLabelProps } from './signature-pad-label.svelte';
8
8
  export type { SignaturePadProps } from './signature-pad-root.svelte';
9
9
  export type { SignaturePadSegmentPathProps } from './signature-pad-segment-path.svelte';
10
10
  export type { SignaturePadSegmentProps } from './signature-pad-segment.svelte';
11
+ export { createSignaturePad, type CreateSignaturePadProps, type CreateSignaturePadReturn, } from './create-signature-pad.svelte.js';
11
12
  export { anatomy as signaturePadAnatomy } from './signature-pad-anatomy.js';
12
- export { getSignaturePadContext } from './signature-pad-context.svelte.js';
13
+ export { getSignaturePadContext, setSignaturePadContext, } from './signature-pad-context.svelte.js';