@pzerelles/headlessui-svelte 2.1.1-next.1 → 2.1.2-next.3

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 (178) hide show
  1. package/dist/button/Button.svelte +6 -10
  2. package/dist/button/Button.svelte.d.ts +34 -26
  3. package/dist/checkbox/Checkbox.svelte +40 -22
  4. package/dist/checkbox/Checkbox.svelte.d.ts +44 -28
  5. package/dist/close-button/CloseButton.svelte +5 -4
  6. package/dist/close-button/CloseButton.svelte.d.ts +36 -13
  7. package/dist/combobox/Combobox.svelte +2 -2
  8. package/dist/combobox/Combobox.svelte.d.ts +9 -9
  9. package/dist/data-interactive/DataInteractive.svelte +41 -0
  10. package/dist/data-interactive/DataInteractive.svelte.d.ts +39 -0
  11. package/dist/data-interactive/index.d.ts +1 -0
  12. package/dist/data-interactive/index.js +1 -0
  13. package/dist/description/Description.svelte +10 -53
  14. package/dist/description/Description.svelte.d.ts +15 -32
  15. package/dist/description/context.svelte.d.ts +17 -0
  16. package/dist/description/context.svelte.js +51 -0
  17. package/dist/dialog/Dialog.svelte +51 -0
  18. package/dist/dialog/Dialog.svelte.d.ts +60 -0
  19. package/dist/dialog/DialogBackdrop.svelte +39 -0
  20. package/dist/dialog/DialogBackdrop.svelte.d.ts +38 -0
  21. package/dist/dialog/DialogPanel.svelte +46 -0
  22. package/dist/dialog/DialogPanel.svelte.d.ts +40 -0
  23. package/dist/dialog/DialogTitle.svelte +29 -0
  24. package/dist/dialog/DialogTitle.svelte.d.ts +34 -0
  25. package/dist/dialog/InternalDialog.svelte +233 -0
  26. package/dist/dialog/InternalDialog.svelte.d.ts +42 -0
  27. package/dist/dialog/context.svelte.d.ts +15 -0
  28. package/dist/dialog/context.svelte.js +16 -0
  29. package/dist/dialog/index.d.ts +4 -0
  30. package/dist/dialog/index.js +4 -0
  31. package/dist/field/Field.svelte +8 -10
  32. package/dist/field/Field.svelte.d.ts +21 -17
  33. package/dist/fieldset/Fieldset.svelte +11 -9
  34. package/dist/fieldset/Fieldset.svelte.d.ts +21 -17
  35. package/dist/focus-trap/FocusTrap.svelte +332 -0
  36. package/dist/focus-trap/FocusTrap.svelte.d.ts +58 -0
  37. package/dist/hooks/use-controllable.svelte.d.ts +1 -1
  38. package/dist/hooks/use-controllable.svelte.js +3 -3
  39. package/dist/hooks/use-escape.svelte.d.ts +5 -0
  40. package/dist/hooks/use-escape.svelte.js +26 -0
  41. package/dist/hooks/use-event-listener.svelte.d.ts +6 -0
  42. package/dist/hooks/use-event-listener.svelte.js +12 -0
  43. package/dist/hooks/use-inert-others.svelte.d.ts +2 -2
  44. package/dist/hooks/use-inert-others.svelte.js +3 -3
  45. package/dist/hooks/use-is-mounted.svelte.d.ts +3 -0
  46. package/dist/hooks/use-is-mounted.svelte.js +14 -0
  47. package/dist/hooks/use-is-touch-device.svelte.d.ts +3 -0
  48. package/dist/hooks/use-is-touch-device.svelte.js +20 -0
  49. package/dist/hooks/use-root-containers.svelte.d.ts +9 -0
  50. package/dist/hooks/use-root-containers.svelte.js +50 -0
  51. package/dist/hooks/use-tab-direction.svelte.d.ts +7 -0
  52. package/dist/hooks/use-tab-direction.svelte.js +25 -0
  53. package/dist/hooks/use-transition.svelte.js +14 -13
  54. package/dist/hooks/use-tree-walker.svelte.d.ts +8 -0
  55. package/dist/hooks/use-tree-walker.svelte.js +19 -0
  56. package/dist/hooks/use-watch.svelte.d.ts +4 -0
  57. package/dist/hooks/use-watch.svelte.js +16 -0
  58. package/dist/hooks/use-window-event.svelte.d.ts +6 -0
  59. package/dist/hooks/use-window-event.svelte.js +12 -0
  60. package/dist/index.d.ts +10 -0
  61. package/dist/index.js +10 -0
  62. package/dist/input/Input.svelte +59 -0
  63. package/dist/input/Input.svelte.d.ts +52 -0
  64. package/dist/input/index.d.ts +1 -0
  65. package/dist/input/index.js +1 -0
  66. package/dist/internal/FocusSentinel.svelte.d.ts +4 -1
  67. package/dist/internal/ForcePortalRoot.svelte +6 -0
  68. package/dist/internal/ForcePortalRoot.svelte.d.ts +22 -0
  69. package/dist/internal/FormFields.svelte.d.ts +4 -1
  70. package/dist/internal/FormResolver.svelte.d.ts +4 -1
  71. package/dist/internal/Hidden.svelte +5 -9
  72. package/dist/internal/Hidden.svelte.d.ts +17 -10
  73. package/dist/internal/HoistFormFields.svelte.d.ts +4 -1
  74. package/dist/internal/MainTreeProvider.svelte +45 -0
  75. package/dist/internal/MainTreeProvider.svelte.d.ts +31 -0
  76. package/dist/internal/Portal.svelte.d.ts +4 -1
  77. package/dist/internal/close-provider.d.ts +7 -0
  78. package/dist/internal/close-provider.js +7 -0
  79. package/dist/internal/floating.svelte.d.ts +13 -8
  80. package/dist/internal/floating.svelte.js +197 -186
  81. package/dist/internal/id.d.ts +1 -1
  82. package/dist/internal/open-closed.d.ts +1 -1
  83. package/dist/internal/open-closed.js +1 -1
  84. package/dist/label/Label.svelte +12 -61
  85. package/dist/label/Label.svelte.d.ts +19 -32
  86. package/dist/label/context.svelte.d.ts +17 -0
  87. package/dist/label/context.svelte.js +56 -0
  88. package/dist/legend/Legend.svelte +4 -3
  89. package/dist/legend/Legend.svelte.d.ts +33 -15
  90. package/dist/listbox/Listbox.svelte +6 -9
  91. package/dist/listbox/Listbox.svelte.d.ts +29 -10
  92. package/dist/listbox/ListboxButton.svelte +6 -8
  93. package/dist/listbox/ListboxButton.svelte.d.ts +18 -7
  94. package/dist/listbox/ListboxOption.svelte +4 -6
  95. package/dist/listbox/ListboxOption.svelte.d.ts +22 -11
  96. package/dist/listbox/ListboxOptions.svelte +21 -19
  97. package/dist/listbox/ListboxOptions.svelte.d.ts +23 -7
  98. package/dist/listbox/ListboxSelectedOption.svelte +17 -7
  99. package/dist/listbox/ListboxSelectedOption.svelte.d.ts +23 -13
  100. package/dist/menu/Menu.svelte +235 -0
  101. package/dist/menu/Menu.svelte.d.ts +42 -0
  102. package/dist/menu/MenuButton.svelte +127 -0
  103. package/dist/menu/MenuButton.svelte.d.ts +52 -0
  104. package/dist/menu/MenuHeading.svelte +19 -0
  105. package/dist/menu/MenuHeading.svelte.d.ts +39 -0
  106. package/dist/menu/MenuItem.svelte +114 -0
  107. package/dist/menu/MenuItem.svelte.d.ts +49 -0
  108. package/dist/menu/MenuItems.svelte +244 -0
  109. package/dist/menu/MenuItems.svelte.d.ts +55 -0
  110. package/dist/menu/MenuSection.svelte +14 -0
  111. package/dist/menu/MenuSection.svelte.d.ts +35 -0
  112. package/dist/menu/MenuSeparator.svelte +9 -0
  113. package/dist/menu/MenuSeparator.svelte.d.ts +35 -0
  114. package/dist/menu/context.svelte.d.ts +47 -0
  115. package/dist/menu/context.svelte.js +21 -0
  116. package/dist/menu/index.d.ts +7 -0
  117. package/dist/menu/index.js +7 -0
  118. package/dist/portal/InternalPortal.svelte +22 -33
  119. package/dist/portal/InternalPortal.svelte.d.ts +16 -7
  120. package/dist/portal/Portal.svelte +4 -8
  121. package/dist/portal/Portal.svelte.d.ts +6 -6
  122. package/dist/portal/PortalGroup.svelte +5 -6
  123. package/dist/portal/PortalGroup.svelte.d.ts +16 -7
  124. package/dist/switch/Switch.svelte +11 -17
  125. package/dist/switch/Switch.svelte.d.ts +23 -6
  126. package/dist/switch/SwitchGroup.svelte +7 -8
  127. package/dist/switch/SwitchGroup.svelte.d.ts +14 -7
  128. package/dist/tabs/Tab.svelte +9 -14
  129. package/dist/tabs/Tab.svelte.d.ts +18 -6
  130. package/dist/tabs/TabGroup.svelte +20 -23
  131. package/dist/tabs/TabGroup.svelte.d.ts +19 -6
  132. package/dist/tabs/TabList.svelte +5 -7
  133. package/dist/tabs/TabList.svelte.d.ts +13 -6
  134. package/dist/tabs/TabPanel.svelte +30 -32
  135. package/dist/tabs/TabPanel.svelte.d.ts +19 -6
  136. package/dist/tabs/TabPanels.svelte +5 -6
  137. package/dist/tabs/TabPanels.svelte.d.ts +13 -6
  138. package/dist/textarea/Textarea.svelte +67 -0
  139. package/dist/textarea/Textarea.svelte.d.ts +47 -0
  140. package/dist/textarea/index.d.ts +1 -0
  141. package/dist/textarea/index.js +1 -0
  142. package/dist/transition/InternalTransitionChild.svelte +178 -0
  143. package/dist/transition/InternalTransitionChild.svelte.d.ts +55 -0
  144. package/dist/transition/Transition.svelte +89 -0
  145. package/dist/transition/Transition.svelte.d.ts +42 -0
  146. package/dist/transition/TransitionChild.svelte +16 -0
  147. package/dist/transition/TransitionChild.svelte.d.ts +44 -0
  148. package/dist/transition/context.svelte.d.ts +64 -0
  149. package/dist/transition/context.svelte.js +120 -0
  150. package/dist/transition/index.d.ts +2 -0
  151. package/dist/transition/index.js +2 -0
  152. package/dist/utils/ElementOrComponent.svelte +26 -0
  153. package/dist/utils/ElementOrComponent.svelte.d.ts +56 -0
  154. package/dist/utils/Generic.svelte +44 -0
  155. package/dist/utils/Generic.svelte.d.ts +35 -0
  156. package/dist/utils/StableCollection.svelte +1 -1
  157. package/dist/utils/StableCollection.svelte.d.ts +4 -1
  158. package/dist/utils/active-element-history.d.ts +1 -0
  159. package/dist/utils/active-element-history.js +35 -0
  160. package/dist/utils/alternative-types.d.ts +21 -0
  161. package/dist/utils/alternative-types.js +1 -0
  162. package/dist/utils/class-names.d.ts +1 -0
  163. package/dist/utils/class-names.js +10 -0
  164. package/dist/utils/focus-management.d.ts +2 -1
  165. package/dist/utils/focus-management.js +13 -13
  166. package/dist/utils/on-document-ready.d.ts +1 -0
  167. package/dist/utils/on-document-ready.js +12 -0
  168. package/dist/utils/render.d.ts +3 -0
  169. package/dist/utils/render.js +63 -0
  170. package/dist/utils/state.d.ts +7 -1
  171. package/dist/utils/state.js +10 -6
  172. package/dist/utils/types.d.ts +14 -17
  173. package/dist/utils/types.js +0 -5
  174. package/package.json +26 -25
  175. package/dist/tabs/Button.svelte +0 -65
  176. package/dist/tabs/Button.svelte.d.ts +0 -39
  177. package/dist/utils/close.d.ts +0 -2
  178. package/dist/utils/close.js +0 -3
@@ -1,65 +0,0 @@
1
- <script lang="ts" context="module">const DEFAULT_BUTTON_TAG = "button";
2
- </script>
3
-
4
- <script lang="ts" generics="TTag extends keyof SvelteHTMLElements, TType">import { useActivePress } from "../hooks/use-active-press.svelte.js";
5
- import { useFocusRing } from "../hooks/use-focus-ring.svelte.js";
6
- import { useDisabled } from "../hooks/use-disabled.js";
7
- import { stateFromSlot } from "../utils/state.js";
8
- import { useHover } from "../hooks/use-hover.svelte.js";
9
- import { mergeProps } from "../utils/render.js";
10
- const providedDisabled = useDisabled();
11
- let {
12
- as,
13
- disabled: ownDisabled = false,
14
- autofocus = false,
15
- type = "button",
16
- children,
17
- ...theirProps
18
- } = $props();
19
- const disabled = $derived(providedDisabled.value || ownDisabled);
20
- const { isHovered: hover, hoverProps } = $derived(
21
- useHover({
22
- get disabled() {
23
- return disabled;
24
- }
25
- })
26
- );
27
- const { pressed: active, pressProps } = $derived(
28
- useActivePress({
29
- get disabled() {
30
- return disabled;
31
- }
32
- })
33
- );
34
- const { isFocusVisible: focus, focusProps } = $derived(
35
- useFocusRing({
36
- get autofocus() {
37
- return autofocus;
38
- }
39
- })
40
- );
41
- const slot = $derived({
42
- disabled,
43
- hover,
44
- focus,
45
- active,
46
- autofocus
47
- });
48
- const ownProps = $derived(
49
- mergeProps(
50
- {
51
- type,
52
- disabled: disabled || void 0,
53
- autofocus
54
- },
55
- focusProps,
56
- hoverProps,
57
- pressProps,
58
- stateFromSlot(slot)
59
- )
60
- );
61
- </script>
62
-
63
- <svelte:element this={as ?? DEFAULT_BUTTON_TAG} {...ownProps} {...theirProps}>
64
- {#if children}{@render children(slot)}{/if}
65
- </svelte:element>
@@ -1,39 +0,0 @@
1
- import type { SvelteHTMLElements } from "svelte/elements";
2
- export type ButtonProps<TTag extends keyof SvelteHTMLElements = typeof DEFAULT_BUTTON_TAG> = SvelteHTMLElements[TTag] & {
3
- as?: TTag;
4
- disabled?: boolean;
5
- autofocus?: boolean;
6
- type?: "button" | "submit" | "reset";
7
- children?: Snippet<[
8
- {
9
- disabled: boolean;
10
- hover: boolean;
11
- focus: boolean;
12
- active: boolean;
13
- autofocus: boolean;
14
- }
15
- ]>;
16
- };
17
- declare const DEFAULT_BUTTON_TAG: "button";
18
- import type { Snippet } from "svelte";
19
- declare class __sveltets_Render<TTag extends keyof SvelteHTMLElements, TType> {
20
- props(): ButtonProps<TTag>;
21
- events(): {} & {
22
- [evt: string]: CustomEvent<any>;
23
- };
24
- slots(): {};
25
- bindings(): "";
26
- exports(): {};
27
- }
28
- interface $$IsomorphicComponent {
29
- new <TTag extends keyof SvelteHTMLElements, TType>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TTag, TType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TTag, TType>['props']>, ReturnType<__sveltets_Render<TTag, TType>['events']>, ReturnType<__sveltets_Render<TTag, TType>['slots']>> & {
30
- $$bindings?: ReturnType<__sveltets_Render<TTag, TType>['bindings']>;
31
- } & ReturnType<__sveltets_Render<TTag, TType>['exports']>;
32
- <TTag extends keyof SvelteHTMLElements, TType>(internal: unknown, props: ReturnType<__sveltets_Render<TTag, TType>['props']> & {
33
- $$events?: ReturnType<__sveltets_Render<TTag, TType>['events']>;
34
- }): ReturnType<__sveltets_Render<TTag, TType>['exports']>;
35
- z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
36
- }
37
- declare const Button: $$IsomorphicComponent;
38
- type Button<TTag extends keyof SvelteHTMLElements, TType> = InstanceType<typeof Button<TTag, TType>>;
39
- export default Button;
@@ -1,2 +0,0 @@
1
- export declare const createCloseContext: (close: () => void) => () => void;
2
- export declare const getCloseContext: () => (() => void) | undefined;
@@ -1,3 +0,0 @@
1
- import { getContext, setContext } from "svelte";
2
- export const createCloseContext = (close) => setContext("Close", close);
3
- export const getCloseContext = () => getContext("Close");