@skeletonlabs/skeleton-svelte 2.0.0-next.2 → 2.0.0-next.4

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 (216) hide show
  1. package/dist/components/accordion/anatomy/content.svelte +34 -0
  2. package/dist/components/accordion/anatomy/content.svelte.d.ts +7 -0
  3. package/dist/components/accordion/anatomy/{accordion-heading.svelte → heading.svelte} +12 -13
  4. package/dist/components/accordion/anatomy/heading.svelte.d.ts +13 -0
  5. package/dist/components/accordion/anatomy/indicator.svelte +30 -0
  6. package/dist/components/accordion/anatomy/indicator.svelte.d.ts +7 -0
  7. package/dist/components/accordion/anatomy/item.svelte +38 -0
  8. package/dist/components/accordion/anatomy/item.svelte.d.ts +8 -0
  9. package/dist/components/accordion/anatomy/root-context.svelte +20 -0
  10. package/dist/components/accordion/anatomy/root-context.svelte.d.ts +8 -0
  11. package/dist/components/accordion/anatomy/root-provider.svelte +31 -0
  12. package/dist/components/accordion/anatomy/root-provider.svelte.d.ts +9 -0
  13. package/dist/components/accordion/anatomy/root.svelte +42 -0
  14. package/dist/components/accordion/anatomy/root.svelte.d.ts +8 -0
  15. package/dist/components/accordion/anatomy/trigger.svelte +34 -0
  16. package/dist/components/accordion/anatomy/trigger.svelte.d.ts +7 -0
  17. package/dist/components/accordion/index.d.ts +10 -11
  18. package/dist/components/accordion/index.js +2 -1
  19. package/dist/components/accordion/modules/anatomy.d.ts +9 -0
  20. package/dist/components/accordion/modules/anatomy.js +17 -0
  21. package/dist/components/accordion/modules/item-context.d.ts +6 -0
  22. package/dist/components/accordion/modules/item-context.js +2 -0
  23. package/dist/components/accordion/modules/root-context.js +2 -0
  24. package/dist/components/accordion/modules/use-accordion.svelte.js +7 -0
  25. package/dist/components/avatar/anatomy/fallback.svelte +32 -0
  26. package/dist/components/avatar/anatomy/fallback.svelte.d.ts +7 -0
  27. package/dist/components/avatar/anatomy/image.svelte +30 -0
  28. package/dist/components/avatar/anatomy/image.svelte.d.ts +7 -0
  29. package/dist/components/avatar/anatomy/root-context.svelte +20 -0
  30. package/dist/components/avatar/anatomy/root-context.svelte.d.ts +8 -0
  31. package/dist/components/avatar/anatomy/root-provider.svelte +35 -0
  32. package/dist/components/avatar/anatomy/root-provider.svelte.d.ts +9 -0
  33. package/dist/components/avatar/anatomy/root.svelte +42 -0
  34. package/dist/components/avatar/anatomy/root.svelte.d.ts +8 -0
  35. package/dist/components/avatar/index.d.ts +7 -6
  36. package/dist/components/avatar/index.js +2 -1
  37. package/dist/components/avatar/modules/anatomy.d.ts +6 -0
  38. package/dist/components/avatar/modules/anatomy.js +11 -0
  39. package/dist/components/avatar/modules/root-context.js +2 -0
  40. package/dist/components/avatar/modules/use-avatar.svelte.js +7 -0
  41. package/dist/components/progress-linear/anatomy/label.svelte +32 -0
  42. package/dist/components/progress-linear/anatomy/label.svelte.d.ts +7 -0
  43. package/dist/components/progress-linear/anatomy/range.svelte +32 -0
  44. package/dist/components/progress-linear/anatomy/range.svelte.d.ts +7 -0
  45. package/dist/components/progress-linear/anatomy/root-context.svelte +20 -0
  46. package/dist/components/progress-linear/anatomy/root-context.svelte.d.ts +8 -0
  47. package/dist/components/progress-linear/anatomy/root-provider.svelte +35 -0
  48. package/dist/components/progress-linear/anatomy/root-provider.svelte.d.ts +9 -0
  49. package/dist/components/progress-linear/anatomy/root.svelte +42 -0
  50. package/dist/components/progress-linear/anatomy/root.svelte.d.ts +8 -0
  51. package/dist/components/progress-linear/anatomy/track.svelte +32 -0
  52. package/dist/components/progress-linear/anatomy/track.svelte.d.ts +7 -0
  53. package/dist/components/progress-linear/index.d.ts +8 -0
  54. package/dist/components/progress-linear/index.js +2 -0
  55. package/dist/components/progress-linear/modules/anatomy.d.ts +6 -0
  56. package/dist/components/progress-linear/modules/anatomy.js +11 -0
  57. package/dist/components/{accordion/modules/accordion-item-context.js → progress-linear/modules/root-context.js} +1 -1
  58. package/dist/components/progress-linear/modules/use-progress-linear.svelte.js +7 -0
  59. package/dist/components/rating-group/anatomy/control.svelte +32 -0
  60. package/dist/components/rating-group/anatomy/control.svelte.d.ts +7 -0
  61. package/dist/components/rating-group/anatomy/hidden-input.svelte +30 -0
  62. package/dist/components/rating-group/anatomy/hidden-input.svelte.d.ts +7 -0
  63. package/dist/components/rating-group/anatomy/{rating-group-item.svelte → item.svelte} +15 -24
  64. package/dist/components/rating-group/anatomy/{rating-group-item.svelte.d.ts → item.svelte.d.ts} +6 -6
  65. package/dist/components/rating-group/anatomy/label.svelte +32 -0
  66. package/dist/components/rating-group/anatomy/label.svelte.d.ts +7 -0
  67. package/dist/components/rating-group/anatomy/root-context.svelte +20 -0
  68. package/dist/components/rating-group/anatomy/root-context.svelte.d.ts +8 -0
  69. package/dist/components/rating-group/anatomy/root-provider.svelte +35 -0
  70. package/dist/components/rating-group/anatomy/root-provider.svelte.d.ts +9 -0
  71. package/dist/components/rating-group/anatomy/root.svelte +42 -0
  72. package/dist/components/rating-group/anatomy/root.svelte.d.ts +8 -0
  73. package/dist/components/rating-group/index.d.ts +9 -10
  74. package/dist/components/rating-group/index.js +2 -1
  75. package/dist/components/rating-group/modules/anatomy.d.ts +8 -0
  76. package/dist/components/rating-group/modules/anatomy.js +15 -0
  77. package/dist/components/rating-group/modules/root-context.js +2 -0
  78. package/dist/components/rating-group/modules/use-rating-group.svelte.js +7 -0
  79. package/dist/components/switch/anatomy/control.svelte +32 -0
  80. package/dist/components/switch/anatomy/control.svelte.d.ts +7 -0
  81. package/dist/components/switch/anatomy/hidden-input.svelte +30 -0
  82. package/dist/components/switch/anatomy/hidden-input.svelte.d.ts +7 -0
  83. package/dist/components/switch/anatomy/label.svelte +32 -0
  84. package/dist/components/switch/anatomy/label.svelte.d.ts +7 -0
  85. package/dist/components/switch/anatomy/root-context.svelte +20 -0
  86. package/dist/components/switch/anatomy/root-context.svelte.d.ts +8 -0
  87. package/dist/components/switch/anatomy/root-provider.svelte +35 -0
  88. package/dist/components/switch/anatomy/root-provider.svelte.d.ts +9 -0
  89. package/dist/components/switch/anatomy/root.svelte +42 -0
  90. package/dist/components/switch/anatomy/root.svelte.d.ts +8 -0
  91. package/dist/components/switch/anatomy/thumb.svelte +32 -0
  92. package/dist/components/switch/anatomy/thumb.svelte.d.ts +7 -0
  93. package/dist/components/switch/index.d.ts +9 -0
  94. package/dist/components/switch/index.js +2 -0
  95. package/dist/components/switch/modules/anatomy.d.ts +8 -0
  96. package/dist/components/switch/modules/anatomy.js +15 -0
  97. package/dist/components/switch/modules/root-context.js +2 -0
  98. package/dist/components/switch/modules/use-switch.svelte.js +7 -0
  99. package/dist/components/tabs/anatomy/{tabs-content.svelte → content.svelte} +13 -14
  100. package/dist/components/tabs/anatomy/content.svelte.d.ts +8 -0
  101. package/dist/components/tabs/anatomy/indicator.svelte +30 -0
  102. package/dist/components/tabs/anatomy/indicator.svelte.d.ts +7 -0
  103. package/dist/components/tabs/anatomy/list.svelte +32 -0
  104. package/dist/components/tabs/anatomy/list.svelte.d.ts +7 -0
  105. package/dist/components/tabs/anatomy/root-context.svelte +20 -0
  106. package/dist/components/tabs/anatomy/root-context.svelte.d.ts +8 -0
  107. package/dist/components/tabs/anatomy/root-provider.svelte +34 -0
  108. package/dist/components/tabs/anatomy/root-provider.svelte.d.ts +9 -0
  109. package/dist/components/tabs/anatomy/root.svelte +41 -0
  110. package/dist/components/tabs/anatomy/root.svelte.d.ts +8 -0
  111. package/dist/components/tabs/anatomy/{tabs-trigger.svelte → trigger.svelte} +13 -14
  112. package/dist/components/tabs/anatomy/trigger.svelte.d.ts +8 -0
  113. package/dist/components/tabs/index.d.ts +9 -1
  114. package/dist/components/tabs/index.js +2 -1
  115. package/dist/components/tabs/modules/anatomy.d.ts +8 -0
  116. package/dist/components/tabs/modules/anatomy.js +15 -0
  117. package/dist/components/tabs/modules/root-context.js +2 -0
  118. package/dist/components/tabs/modules/use-tabs.svelte.js +7 -0
  119. package/dist/components/toast/anatomy/action-trigger.svelte +32 -0
  120. package/dist/components/toast/anatomy/action-trigger.svelte.d.ts +7 -0
  121. package/dist/components/toast/anatomy/close-trigger.svelte +37 -0
  122. package/dist/components/toast/anatomy/close-trigger.svelte.d.ts +7 -0
  123. package/dist/components/toast/anatomy/description.svelte +32 -0
  124. package/dist/components/toast/anatomy/description.svelte.d.ts +7 -0
  125. package/dist/components/toast/anatomy/group.svelte +47 -0
  126. package/dist/components/toast/anatomy/group.svelte.d.ts +11 -0
  127. package/dist/components/toast/anatomy/message.svelte +29 -0
  128. package/dist/components/toast/anatomy/message.svelte.d.ts +7 -0
  129. package/dist/components/toast/anatomy/root-context.svelte +20 -0
  130. package/dist/components/toast/anatomy/root-context.svelte.d.ts +8 -0
  131. package/dist/components/toast/anatomy/root.svelte +74 -0
  132. package/dist/components/toast/anatomy/root.svelte.d.ts +9 -0
  133. package/dist/components/toast/anatomy/title.svelte +32 -0
  134. package/dist/components/toast/anatomy/title.svelte.d.ts +7 -0
  135. package/dist/components/toast/index.d.ts +9 -0
  136. package/dist/components/toast/index.js +2 -0
  137. package/dist/components/toast/modules/anatomy.d.ts +9 -0
  138. package/dist/components/toast/modules/anatomy.js +17 -0
  139. package/dist/components/toast/modules/group-context.d.ts +6 -0
  140. package/dist/components/toast/modules/group-context.js +2 -0
  141. package/dist/components/toast/modules/root-context.d.ts +6 -0
  142. package/dist/components/toast/modules/root-context.js +2 -0
  143. package/dist/index.d.ts +7 -4
  144. package/dist/index.js +7 -4
  145. package/dist/internal/components/x.svelte +14 -0
  146. package/dist/internal/components/x.svelte.d.ts +26 -0
  147. package/dist/internal/html-attributes.d.ts +2 -0
  148. package/dist/internal/html-attributes.js +1 -0
  149. package/dist/internal/props-with-element.d.ts +4 -4
  150. package/package.json +20 -20
  151. package/dist/components/accordion/anatomy/accordion-content.svelte +0 -35
  152. package/dist/components/accordion/anatomy/accordion-content.svelte.d.ts +0 -7
  153. package/dist/components/accordion/anatomy/accordion-heading.svelte.d.ts +0 -13
  154. package/dist/components/accordion/anatomy/accordion-indicator.svelte +0 -35
  155. package/dist/components/accordion/anatomy/accordion-indicator.svelte.d.ts +0 -7
  156. package/dist/components/accordion/anatomy/accordion-item-context.svelte +0 -17
  157. package/dist/components/accordion/anatomy/accordion-item-context.svelte.d.ts +0 -9
  158. package/dist/components/accordion/anatomy/accordion-item.svelte +0 -45
  159. package/dist/components/accordion/anatomy/accordion-item.svelte.d.ts +0 -8
  160. package/dist/components/accordion/anatomy/accordion-root-context.svelte +0 -17
  161. package/dist/components/accordion/anatomy/accordion-root-context.svelte.d.ts +0 -9
  162. package/dist/components/accordion/anatomy/accordion-root.svelte +0 -49
  163. package/dist/components/accordion/anatomy/accordion-root.svelte.d.ts +0 -8
  164. package/dist/components/accordion/anatomy/accordion-trigger.svelte +0 -35
  165. package/dist/components/accordion/anatomy/accordion-trigger.svelte.d.ts +0 -7
  166. package/dist/components/accordion/modules/accordion-anatomy.d.ts +0 -9
  167. package/dist/components/accordion/modules/accordion-anatomy.js +0 -17
  168. package/dist/components/accordion/modules/accordion-item-context.d.ts +0 -10
  169. package/dist/components/accordion/modules/accordion-root-context.d.ts +0 -9
  170. package/dist/components/accordion/modules/accordion-root-context.js +0 -2
  171. package/dist/components/avatar/anatomy/avatar-fallback.svelte +0 -33
  172. package/dist/components/avatar/anatomy/avatar-fallback.svelte.d.ts +0 -7
  173. package/dist/components/avatar/anatomy/avatar-image.svelte +0 -31
  174. package/dist/components/avatar/anatomy/avatar-image.svelte.d.ts +0 -7
  175. package/dist/components/avatar/anatomy/avatar-root-context.svelte +0 -17
  176. package/dist/components/avatar/anatomy/avatar-root-context.svelte.d.ts +0 -9
  177. package/dist/components/avatar/anatomy/avatar-root.svelte +0 -46
  178. package/dist/components/avatar/anatomy/avatar-root.svelte.d.ts +0 -8
  179. package/dist/components/avatar/modules/avatar-anatomy.d.ts +0 -5
  180. package/dist/components/avatar/modules/avatar-anatomy.js +0 -9
  181. package/dist/components/avatar/modules/avatar-root-context.d.ts +0 -9
  182. package/dist/components/avatar/modules/avatar-root-context.js +0 -2
  183. package/dist/components/rating-group/anatomy/rating-group-control.svelte +0 -31
  184. package/dist/components/rating-group/anatomy/rating-group-control.svelte.d.ts +0 -7
  185. package/dist/components/rating-group/anatomy/rating-group-hidden-input.svelte +0 -33
  186. package/dist/components/rating-group/anatomy/rating-group-hidden-input.svelte.d.ts +0 -7
  187. package/dist/components/rating-group/anatomy/rating-group-item-context.svelte +0 -17
  188. package/dist/components/rating-group/anatomy/rating-group-item-context.svelte.d.ts +0 -9
  189. package/dist/components/rating-group/anatomy/rating-group-label.svelte +0 -31
  190. package/dist/components/rating-group/anatomy/rating-group-label.svelte.d.ts +0 -7
  191. package/dist/components/rating-group/anatomy/rating-group-root-context.svelte +0 -17
  192. package/dist/components/rating-group/anatomy/rating-group-root-context.svelte.d.ts +0 -9
  193. package/dist/components/rating-group/anatomy/rating-group-root.svelte +0 -52
  194. package/dist/components/rating-group/anatomy/rating-group-root.svelte.d.ts +0 -8
  195. package/dist/components/rating-group/modules/rating-group-anatomy.d.ts +0 -8
  196. package/dist/components/rating-group/modules/rating-group-anatomy.js +0 -15
  197. package/dist/components/rating-group/modules/rating-group-item-context.d.ts +0 -9
  198. package/dist/components/rating-group/modules/rating-group-item-context.js +0 -2
  199. package/dist/components/rating-group/modules/rating-group-root-context.d.ts +0 -9
  200. package/dist/components/rating-group/modules/rating-group-root-context.js +0 -2
  201. package/dist/components/tabs/anatomy/tabs-content.svelte.d.ts +0 -8
  202. package/dist/components/tabs/anatomy/tabs-indicator.svelte +0 -31
  203. package/dist/components/tabs/anatomy/tabs-indicator.svelte.d.ts +0 -7
  204. package/dist/components/tabs/anatomy/tabs-list.svelte +0 -33
  205. package/dist/components/tabs/anatomy/tabs-list.svelte.d.ts +0 -7
  206. package/dist/components/tabs/anatomy/tabs-root-context.svelte +0 -17
  207. package/dist/components/tabs/anatomy/tabs-root-context.svelte.d.ts +0 -9
  208. package/dist/components/tabs/anatomy/tabs-root.svelte +0 -49
  209. package/dist/components/tabs/anatomy/tabs-root.svelte.d.ts +0 -8
  210. package/dist/components/tabs/anatomy/tabs-trigger.svelte.d.ts +0 -8
  211. package/dist/components/tabs/modules/tabs-anatomy.d.ts +0 -7
  212. package/dist/components/tabs/modules/tabs-anatomy.js +0 -13
  213. package/dist/components/tabs/modules/tabs-root-context.d.ts +0 -9
  214. package/dist/components/tabs/modules/tabs-root-context.js +0 -2
  215. package/dist/internal/test-utils.d.ts +0 -3
  216. package/dist/internal/test-utils.js +0 -9
@@ -1,2 +0,0 @@
1
- import { createContext } from '../../../internal/create-context.js';
2
- export const AccordionRootContext = createContext();
@@ -1,33 +0,0 @@
1
- <script lang="ts" module>
2
- import type { PropsWithElement } from '../../../internal/props-with-element.js';
3
- import type { HTMLAttributes } from 'svelte/elements';
4
-
5
- export interface AvatarFallbackProps extends PropsWithElement, HTMLAttributes<HTMLSpanElement> {}
6
- </script>
7
-
8
- <script lang="ts">
9
- import { mergeProps } from '@zag-js/svelte';
10
- import { classesAvatar } from '@skeletonlabs/skeleton-common';
11
- import { AvatarRootContext } from '../modules/avatar-root-context.js';
12
-
13
- const rootContext = AvatarRootContext.consume();
14
- const props: AvatarFallbackProps = $props();
15
- const { element, children, ...restAttributes } = $derived(props);
16
- const attributes = $derived(
17
- mergeProps(
18
- rootContext.api.getFallbackProps(),
19
- {
20
- class: classesAvatar.fallback
21
- },
22
- restAttributes
23
- )
24
- );
25
- </script>
26
-
27
- {#if element}
28
- {@render element({ attributes })}
29
- {:else}
30
- <span {...attributes}>
31
- {@render children?.()}
32
- </span>
33
- {/if}
@@ -1,7 +0,0 @@
1
- import type { PropsWithElement } from '../../../internal/props-with-element.js';
2
- import type { HTMLAttributes } from 'svelte/elements';
3
- export interface AvatarFallbackProps extends PropsWithElement, HTMLAttributes<HTMLSpanElement> {
4
- }
5
- declare const AvatarFallback: import("svelte").Component<AvatarFallbackProps, {}, "">;
6
- type AvatarFallback = ReturnType<typeof AvatarFallback>;
7
- export default AvatarFallback;
@@ -1,31 +0,0 @@
1
- <script lang="ts" module>
2
- import type { PropsWithElement } from '../../../internal/props-with-element.js';
3
- import type { HTMLImgAttributes } from 'svelte/elements';
4
-
5
- export interface AvatarImageProps extends PropsWithElement, HTMLImgAttributes {}
6
- </script>
7
-
8
- <script lang="ts">
9
- import { mergeProps } from '@zag-js/svelte';
10
- import { classesAvatar } from '@skeletonlabs/skeleton-common';
11
- import { AvatarRootContext } from '../modules/avatar-root-context.js';
12
-
13
- const rootContext = AvatarRootContext.consume();
14
- const props: AvatarImageProps = $props();
15
- const { element, ...restAttributes } = $derived(props);
16
- const attributes = $derived(
17
- mergeProps(
18
- rootContext.api.getImageProps(),
19
- {
20
- class: classesAvatar.image
21
- },
22
- restAttributes
23
- )
24
- );
25
- </script>
26
-
27
- {#if element}
28
- {@render element({ attributes })}
29
- {:else}
30
- <img {...attributes} />
31
- {/if}
@@ -1,7 +0,0 @@
1
- import type { PropsWithElement } from '../../../internal/props-with-element.js';
2
- import type { HTMLImgAttributes } from 'svelte/elements';
3
- export interface AvatarImageProps extends PropsWithElement, HTMLImgAttributes {
4
- }
5
- declare const AvatarImage: import("svelte").Component<AvatarImageProps, {}, "">;
6
- type AvatarImage = ReturnType<typeof AvatarImage>;
7
- export default AvatarImage;
@@ -1,17 +0,0 @@
1
- <script lang="ts" module>
2
- import type { Snippet } from 'svelte';
3
- import type { AvatarRootContextType } from '../modules/avatar-root-context.js';
4
-
5
- export interface AvatarRootContextProps {
6
- children: Snippet<[AvatarRootContextType]>;
7
- }
8
- </script>
9
-
10
- <script lang="ts">
11
- import { AvatarRootContext } from '../modules/avatar-root-context.js';
12
-
13
- const props: AvatarRootContextProps = $props();
14
- const rootContext = AvatarRootContext.consume();
15
- </script>
16
-
17
- {@render props.children(rootContext)}
@@ -1,9 +0,0 @@
1
- import type { Snippet } from 'svelte';
2
- import type { AvatarRootContextType } from '../modules/avatar-root-context.js';
3
- export interface AvatarRootContextProps {
4
- children: Snippet<[AvatarRootContextType]>;
5
- }
6
- import { AvatarRootContext } from '../modules/avatar-root-context.js';
7
- declare const AvatarRootContext: import("svelte").Component<AvatarRootContextProps, {}, "">;
8
- type AvatarRootContext = ReturnType<typeof AvatarRootContext>;
9
- export default AvatarRootContext;
@@ -1,46 +0,0 @@
1
- <script lang="ts" module>
2
- import type { HTMLAttributes } from 'svelte/elements';
3
- import type { PropsWithElement } from '../../../internal/props-with-element.js';
4
- import type { Props } from '@zag-js/avatar';
5
-
6
- export interface AvatarRootProps extends PropsWithElement, Omit<Props, 'id'>, Omit<HTMLAttributes<HTMLDivElement>, 'id' | 'dir'> {}
7
- </script>
8
-
9
- <script lang="ts">
10
- import { useMachine, normalizeProps, mergeProps } from '@zag-js/svelte';
11
- import { classesAvatar } from '@skeletonlabs/skeleton-common';
12
- import { AvatarRootContext } from '../modules/avatar-root-context.js';
13
- import { connect, machine, splitProps } from '@zag-js/avatar';
14
-
15
- const props: AvatarRootProps = $props();
16
- const [machineProps, componentProps] = $derived(splitProps(props));
17
- const { element, children, ...restAttributes } = $derived(componentProps);
18
- const id = $props.id();
19
- const service = useMachine(machine, () => ({
20
- id: id,
21
- ...machineProps
22
- }));
23
- const api = $derived(connect(service, normalizeProps));
24
- const attributes = $derived(
25
- mergeProps(
26
- api.getRootProps(),
27
- {
28
- class: classesAvatar.root
29
- },
30
- restAttributes
31
- )
32
- );
33
- AvatarRootContext.provide({
34
- get api() {
35
- return api;
36
- }
37
- });
38
- </script>
39
-
40
- {#if element}
41
- {@render element({ attributes: restAttributes })}
42
- {:else}
43
- <div {...attributes}>
44
- {@render children?.()}
45
- </div>
46
- {/if}
@@ -1,8 +0,0 @@
1
- import type { HTMLAttributes } from 'svelte/elements';
2
- import type { PropsWithElement } from '../../../internal/props-with-element.js';
3
- import type { Props } from '@zag-js/avatar';
4
- export interface AvatarRootProps extends PropsWithElement, Omit<Props, 'id'>, Omit<HTMLAttributes<HTMLDivElement>, 'id' | 'dir'> {
5
- }
6
- declare const AvatarRoot: import("svelte").Component<AvatarRootProps, {}, "">;
7
- type AvatarRoot = ReturnType<typeof AvatarRoot>;
8
- export default AvatarRoot;
@@ -1,5 +0,0 @@
1
- export declare const Avatar: import("svelte").Component<import("../anatomy/avatar-root.svelte").AvatarRootProps, {}, ""> & {
2
- Context: import("svelte").Component<import("../anatomy/avatar-root-context.svelte").AvatarRootContextProps, {}, "">;
3
- Image: import("svelte").Component<import("../anatomy/avatar-image.svelte").AvatarImageProps, {}, "">;
4
- Fallback: import("svelte").Component<import("../anatomy/avatar-fallback.svelte").AvatarFallbackProps, {}, "">;
5
- };
@@ -1,9 +0,0 @@
1
- import AvatarRoot from '../anatomy/avatar-root.svelte';
2
- import AvatarImage from '../anatomy/avatar-image.svelte';
3
- import AvatarFallback from '../anatomy/avatar-fallback.svelte';
4
- import AvatarRootContext from '../anatomy/avatar-root-context.svelte';
5
- export const Avatar = Object.assign(AvatarRoot, {
6
- Context: AvatarRootContext,
7
- Image: AvatarImage,
8
- Fallback: AvatarFallback
9
- });
@@ -1,9 +0,0 @@
1
- import type { Api } from '@zag-js/avatar';
2
- export interface AvatarRootContextType {
3
- api: Api;
4
- }
5
- export declare const AvatarRootContext: {
6
- key: symbol;
7
- consume(): AvatarRootContextType;
8
- provide(value: AvatarRootContextType): AvatarRootContextType;
9
- };
@@ -1,2 +0,0 @@
1
- import { createContext } from '../../../internal/create-context.js';
2
- export const AvatarRootContext = createContext();
@@ -1,31 +0,0 @@
1
- <script lang="ts" module>
2
- import type { HTMLAttributes } from 'svelte/elements';
3
- import type { PropsWithElement } from '../../../internal/props-with-element.js';
4
-
5
- export interface RatingGroupControlProps extends PropsWithElement, Omit<HTMLAttributes<HTMLDivElement>, 'id' | 'defaultValue' | 'dir'> {}
6
- </script>
7
-
8
- <script lang="ts">
9
- import { mergeProps } from '@zag-js/svelte';
10
- import { classesRatingGroup } from '@skeletonlabs/skeleton-common';
11
- import { RatingGroupRootContext } from '../modules/rating-group-root-context.js';
12
-
13
- const rootContext = RatingGroupRootContext.consume();
14
- const props: RatingGroupControlProps = $props();
15
- const { element, children, ...restAttributes } = $derived(props);
16
- const attributes = $derived(
17
- mergeProps(
18
- rootContext.api.getControlProps(),
19
- {
20
- class: classesRatingGroup.control
21
- },
22
- restAttributes
23
- )
24
- );
25
- </script>
26
-
27
- {#if element}
28
- {@render element({ attributes })}
29
- {:else}
30
- <div {...attributes}>{@render children?.()}</div>
31
- {/if}
@@ -1,7 +0,0 @@
1
- import type { HTMLAttributes } from 'svelte/elements';
2
- import type { PropsWithElement } from '../../../internal/props-with-element.js';
3
- export interface RatingGroupControlProps extends PropsWithElement, Omit<HTMLAttributes<HTMLDivElement>, 'id' | 'defaultValue' | 'dir'> {
4
- }
5
- declare const RatingGroupControl: import("svelte").Component<RatingGroupControlProps, {}, "">;
6
- type RatingGroupControl = ReturnType<typeof RatingGroupControl>;
7
- export default RatingGroupControl;
@@ -1,33 +0,0 @@
1
- <script lang="ts" module>
2
- import type { HTMLInputAttributes } from 'svelte/elements';
3
- import type { PropsWithElement } from '../../../internal/props-with-element.js';
4
-
5
- export interface RatingGroupHiddenInputProps
6
- extends PropsWithElement,
7
- Omit<HTMLInputAttributes, 'id' | 'defaultValue' | 'dir' | 'children'> {}
8
- </script>
9
-
10
- <script lang="ts">
11
- import { mergeProps } from '@zag-js/svelte';
12
- import { classesRatingGroup } from '@skeletonlabs/skeleton-common';
13
- import { RatingGroupRootContext } from '../modules/rating-group-root-context.js';
14
-
15
- const rootContext = RatingGroupRootContext.consume();
16
- const props: RatingGroupHiddenInputProps = $props();
17
- const { element, ...restAttributes } = $derived(props);
18
- const attributes = $derived(
19
- mergeProps(
20
- rootContext.api.getHiddenInputProps(),
21
- {
22
- class: classesRatingGroup.hiddenInput
23
- },
24
- restAttributes
25
- )
26
- );
27
- </script>
28
-
29
- {#if element}
30
- {@render element({ attributes })}
31
- {:else}
32
- <input {...attributes} />
33
- {/if}
@@ -1,7 +0,0 @@
1
- import type { HTMLInputAttributes } from 'svelte/elements';
2
- import type { PropsWithElement } from '../../../internal/props-with-element.js';
3
- export interface RatingGroupHiddenInputProps extends PropsWithElement, Omit<HTMLInputAttributes, 'id' | 'defaultValue' | 'dir' | 'children'> {
4
- }
5
- declare const RatingGroupHiddenInput: import("svelte").Component<RatingGroupHiddenInputProps, {}, "">;
6
- type RatingGroupHiddenInput = ReturnType<typeof RatingGroupHiddenInput>;
7
- export default RatingGroupHiddenInput;
@@ -1,17 +0,0 @@
1
- <script lang="ts" module>
2
- import type { Snippet } from 'svelte';
3
- import type { RatingGroupItemContextType } from '../modules/rating-group-item-context.js';
4
-
5
- export interface RatingGroupItemContextProps {
6
- children: Snippet<[RatingGroupItemContextType]>;
7
- }
8
- </script>
9
-
10
- <script lang="ts">
11
- import { RatingGroupItemContext } from '../modules/rating-group-item-context.js';
12
-
13
- const props: RatingGroupItemContextProps = $props();
14
- const itemContext = RatingGroupItemContext.consume();
15
- </script>
16
-
17
- {@render props.children(itemContext)}
@@ -1,9 +0,0 @@
1
- import type { Snippet } from 'svelte';
2
- import type { RatingGroupItemContextType } from '../modules/rating-group-item-context.js';
3
- export interface RatingGroupItemContextProps {
4
- children: Snippet<[RatingGroupItemContextType]>;
5
- }
6
- import { RatingGroupItemContext } from '../modules/rating-group-item-context.js';
7
- declare const RatingGroupItemContext: import("svelte").Component<RatingGroupItemContextProps, {}, "">;
8
- type RatingGroupItemContext = ReturnType<typeof RatingGroupItemContext>;
9
- export default RatingGroupItemContext;
@@ -1,31 +0,0 @@
1
- <script lang="ts" module>
2
- import type { HTMLAttributes } from 'svelte/elements';
3
- import type { PropsWithElement } from '../../../internal/props-with-element.js';
4
-
5
- export interface RatingGroupLabelProps extends PropsWithElement, Omit<HTMLAttributes<HTMLLabelElement>, 'id' | 'defaultValue' | 'dir'> {}
6
- </script>
7
-
8
- <script lang="ts">
9
- import { mergeProps } from '@zag-js/svelte';
10
- import { classesRatingGroup } from '@skeletonlabs/skeleton-common';
11
- import { RatingGroupRootContext } from '../modules/rating-group-root-context.js';
12
-
13
- const rootContext = RatingGroupRootContext.consume();
14
- const props: RatingGroupLabelProps = $props();
15
- const { element, children, ...restAttributes } = $derived(props);
16
- const attributes = $derived(
17
- mergeProps(
18
- rootContext.api.getControlProps(),
19
- {
20
- class: classesRatingGroup.label
21
- },
22
- restAttributes
23
- )
24
- );
25
- </script>
26
-
27
- {#if element}
28
- {@render element({ attributes })}
29
- {:else}
30
- <label {...attributes}>{@render children?.()}</label>
31
- {/if}
@@ -1,7 +0,0 @@
1
- import type { HTMLAttributes } from 'svelte/elements';
2
- import type { PropsWithElement } from '../../../internal/props-with-element.js';
3
- export interface RatingGroupLabelProps extends PropsWithElement, Omit<HTMLAttributes<HTMLLabelElement>, 'id' | 'defaultValue' | 'dir'> {
4
- }
5
- declare const RatingGroupLabel: import("svelte").Component<RatingGroupLabelProps, {}, "">;
6
- type RatingGroupLabel = ReturnType<typeof RatingGroupLabel>;
7
- export default RatingGroupLabel;
@@ -1,17 +0,0 @@
1
- <script lang="ts" module>
2
- import type { Snippet } from 'svelte';
3
- import type { RatingGroupRootContextType } from '../modules/rating-group-root-context.js';
4
-
5
- export interface RatingGroupRootContextProps {
6
- children: Snippet<[RatingGroupRootContextType]>;
7
- }
8
- </script>
9
-
10
- <script lang="ts">
11
- import { RatingGroupRootContext } from '../modules/rating-group-root-context.js';
12
-
13
- const props: RatingGroupRootContextProps = $props();
14
- const rootContext = RatingGroupRootContext.consume();
15
- </script>
16
-
17
- {@render props.children(rootContext)}
@@ -1,9 +0,0 @@
1
- import type { Snippet } from 'svelte';
2
- import type { RatingGroupRootContextType } from '../modules/rating-group-root-context.js';
3
- export interface RatingGroupRootContextProps {
4
- children: Snippet<[RatingGroupRootContextType]>;
5
- }
6
- import { RatingGroupRootContext } from '../modules/rating-group-root-context.js';
7
- declare const RatingGroupRootContext: import("svelte").Component<RatingGroupRootContextProps, {}, "">;
8
- type RatingGroupRootContext = ReturnType<typeof RatingGroupRootContext>;
9
- export default RatingGroupRootContext;
@@ -1,52 +0,0 @@
1
- <script lang="ts" module>
2
- import type { HTMLAttributes } from 'svelte/elements';
3
- import type { PropsWithElement } from '../../../internal/props-with-element.js';
4
- import type { Props } from '@zag-js/rating-group';
5
-
6
- export interface RatingGroupRootProps
7
- extends PropsWithElement,
8
- Omit<Props, 'id'>,
9
- Omit<HTMLAttributes<HTMLDivElement>, 'id' | 'defaultValue' | 'dir'> {}
10
- </script>
11
-
12
- <script lang="ts">
13
- import { mergeProps, normalizeProps, useMachine } from '@zag-js/svelte';
14
- import { splitProps, machine, connect } from '@zag-js/rating-group';
15
- import { classesRatingGroup } from '@skeletonlabs/skeleton-common';
16
- import { RatingGroupRootContext } from '../modules/rating-group-root-context.js';
17
-
18
- const props: RatingGroupRootProps = $props();
19
- // @ts-expect-error - https://github.com/chakra-ui/zag/issues/2672
20
- const [machineProps, componentProps] = $derived(splitProps(props));
21
- // @ts-expect-error - https://github.com/chakra-ui/zag/issues/2672
22
- const { element, children, ...restAttributes } = $derived(componentProps);
23
- const id = $props.id();
24
- const service = useMachine(machine, () => ({
25
- // @ts-expect-error - https://github.com/chakra-ui/zag/issues/2672
26
- id: id,
27
- ...machineProps
28
- }));
29
- const api = $derived(connect(service, normalizeProps));
30
- const attributes = $derived(
31
- mergeProps(
32
- api.getRootProps(),
33
- {
34
- class: classesRatingGroup.root
35
- },
36
- restAttributes
37
- )
38
- );
39
- RatingGroupRootContext.provide({
40
- get api() {
41
- return api;
42
- }
43
- });
44
- </script>
45
-
46
- {#if element}
47
- {@render element({ attributes })}
48
- {:else}
49
- <div {...attributes}>
50
- {@render children?.()}
51
- </div>
52
- {/if}
@@ -1,8 +0,0 @@
1
- import type { HTMLAttributes } from 'svelte/elements';
2
- import type { PropsWithElement } from '../../../internal/props-with-element.js';
3
- import type { Props } from '@zag-js/rating-group';
4
- export interface RatingGroupRootProps extends PropsWithElement, Omit<Props, 'id'>, Omit<HTMLAttributes<HTMLDivElement>, 'id' | 'defaultValue' | 'dir'> {
5
- }
6
- declare const RatingGroupRoot: import("svelte").Component<RatingGroupRootProps, {}, "">;
7
- type RatingGroupRoot = ReturnType<typeof RatingGroupRoot>;
8
- export default RatingGroupRoot;
@@ -1,8 +0,0 @@
1
- export declare const RatingGroup: import("svelte").Component<import("../anatomy/rating-group-root.svelte").RatingGroupRootProps, {}, ""> & {
2
- Context: import("svelte").Component<import("../anatomy/rating-group-root-context.svelte").RatingGroupRootContextProps, {}, "">;
3
- Label: import("svelte").Component<import("../anatomy/rating-group-label.svelte").RatingGroupLabelProps, {}, "">;
4
- Control: import("svelte").Component<import("../anatomy/rating-group-control.svelte").RatingGroupControlProps, {}, "">;
5
- Item: import("svelte").Component<import("../anatomy/rating-group-item.svelte").RatingGroupItemProps, {}, "">;
6
- ItemContext: import("svelte").Component<import("../anatomy/rating-group-item-context.svelte").RatingGroupItemContextProps, {}, "">;
7
- HiddenInput: import("svelte").Component<import("../anatomy/rating-group-hidden-input.svelte").RatingGroupHiddenInputProps, {}, "">;
8
- };
@@ -1,15 +0,0 @@
1
- import RatingGroupRoot from '../anatomy/rating-group-root.svelte';
2
- import RatingGroupLabel from '../anatomy/rating-group-label.svelte';
3
- import RatingGroupControl from '../anatomy/rating-group-control.svelte';
4
- import RatingGroupItem from '../anatomy/rating-group-item.svelte';
5
- import RatingGroupHiddenInput from '../anatomy/rating-group-hidden-input.svelte';
6
- import RatingGroupRootContext from '../anatomy/rating-group-root-context.svelte';
7
- import RatingGroupItemContext from '../anatomy/rating-group-item-context.svelte';
8
- export const RatingGroup = Object.assign(RatingGroupRoot, {
9
- Context: RatingGroupRootContext,
10
- Label: RatingGroupLabel,
11
- Control: RatingGroupControl,
12
- Item: RatingGroupItem,
13
- ItemContext: RatingGroupItemContext,
14
- HiddenInput: RatingGroupHiddenInput
15
- });
@@ -1,9 +0,0 @@
1
- import type { ItemState } from '@zag-js/rating-group';
2
- export interface RatingGroupItemContextType {
3
- itemState: ItemState;
4
- }
5
- export declare const RatingGroupItemContext: {
6
- key: symbol;
7
- consume(): RatingGroupItemContextType;
8
- provide(value: RatingGroupItemContextType): RatingGroupItemContextType;
9
- };
@@ -1,2 +0,0 @@
1
- import { createContext } from '../../../internal/create-context.js';
2
- export const RatingGroupItemContext = createContext();
@@ -1,9 +0,0 @@
1
- import type { Api } from '@zag-js/rating-group';
2
- export interface RatingGroupRootContextType {
3
- api: Api;
4
- }
5
- export declare const RatingGroupRootContext: {
6
- key: symbol;
7
- consume(): RatingGroupRootContextType;
8
- provide(value: RatingGroupRootContextType): RatingGroupRootContextType;
9
- };
@@ -1,2 +0,0 @@
1
- import { createContext } from '../../../internal/create-context.js';
2
- export const RatingGroupRootContext = createContext();
@@ -1,8 +0,0 @@
1
- import type { ContentProps } from '@zag-js/tabs';
2
- import type { HTMLAttributes } from 'svelte/elements';
3
- import type { PropsWithElement } from '../../../internal/props-with-element.js';
4
- export interface TabsContentProps extends ContentProps, PropsWithElement, HTMLAttributes<HTMLDivElement> {
5
- }
6
- declare const TabsContent: import("svelte").Component<TabsContentProps, {}, "">;
7
- type TabsContent = ReturnType<typeof TabsContent>;
8
- export default TabsContent;
@@ -1,31 +0,0 @@
1
- <script lang="ts" module>
2
- import type { HTMLAttributes } from 'svelte/elements';
3
- import type { PropsWithElement } from '../../../internal/props-with-element.js';
4
-
5
- export interface TabsIndicatorProps extends PropsWithElement, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {}
6
- </script>
7
-
8
- <script lang="ts">
9
- import { TabsRootContext } from '../modules/tabs-root-context.js';
10
- import { mergeProps } from '@zag-js/svelte';
11
- import { classesTabs } from '@skeletonlabs/skeleton-common';
12
-
13
- const props: TabsIndicatorProps = $props();
14
- const rootContext = TabsRootContext.consume();
15
- const { element, ...restAttributes } = $derived(props);
16
- const attributes = $derived(
17
- mergeProps(
18
- rootContext.api.getIndicatorProps(),
19
- {
20
- class: classesTabs.indicator
21
- },
22
- restAttributes
23
- )
24
- );
25
- </script>
26
-
27
- {#if element}
28
- {@render element({ attributes })}
29
- {:else}
30
- <div {...attributes}></div>
31
- {/if}
@@ -1,7 +0,0 @@
1
- import type { HTMLAttributes } from 'svelte/elements';
2
- import type { PropsWithElement } from '../../../internal/props-with-element.js';
3
- export interface TabsIndicatorProps extends PropsWithElement, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
4
- }
5
- declare const TabsIndicator: import("svelte").Component<TabsIndicatorProps, {}, "">;
6
- type TabsIndicator = ReturnType<typeof TabsIndicator>;
7
- export default TabsIndicator;
@@ -1,33 +0,0 @@
1
- <script lang="ts" module>
2
- import type { HTMLAttributes } from 'svelte/elements';
3
- import type { PropsWithElement } from '../../../internal/props-with-element.js';
4
-
5
- export interface TabsListProps extends PropsWithElement, HTMLAttributes<HTMLDivElement> {}
6
- </script>
7
-
8
- <script lang="ts">
9
- import { TabsRootContext } from '../modules/tabs-root-context';
10
- import { mergeProps } from '@zag-js/svelte';
11
- import { classesTabs } from '@skeletonlabs/skeleton-common';
12
-
13
- const props: TabsListProps = $props();
14
- const rootContext = TabsRootContext.consume();
15
- const { element, children, ...restAttributes } = $derived(props);
16
- const attributes = $derived(
17
- mergeProps(
18
- rootContext.api.getListProps(),
19
- {
20
- class: classesTabs.list
21
- },
22
- restAttributes
23
- )
24
- );
25
- </script>
26
-
27
- {#if element}
28
- {@render element({ attributes })}
29
- {:else}
30
- <div {...attributes}>
31
- {@render children?.()}
32
- </div>
33
- {/if}
@@ -1,7 +0,0 @@
1
- import type { HTMLAttributes } from 'svelte/elements';
2
- import type { PropsWithElement } from '../../../internal/props-with-element.js';
3
- export interface TabsListProps extends PropsWithElement, HTMLAttributes<HTMLDivElement> {
4
- }
5
- declare const TabsList: import("svelte").Component<TabsListProps, {}, "">;
6
- type TabsList = ReturnType<typeof TabsList>;
7
- export default TabsList;
@@ -1,17 +0,0 @@
1
- <script lang="ts" module>
2
- import type { Snippet } from 'svelte';
3
- import type { TabsRootContextType } from '../modules/tabs-root-context.js';
4
-
5
- export interface TabsRootContextProps {
6
- children: Snippet<[TabsRootContextType]>;
7
- }
8
- </script>
9
-
10
- <script lang="ts">
11
- import { TabsRootContext } from '../modules/tabs-root-context.js';
12
-
13
- const props: TabsRootContextProps = $props();
14
- const rootContext = TabsRootContext.consume();
15
- </script>
16
-
17
- {@render props.children(rootContext)}
@@ -1,9 +0,0 @@
1
- import type { Snippet } from 'svelte';
2
- import type { TabsRootContextType } from '../modules/tabs-root-context.js';
3
- export interface TabsRootContextProps {
4
- children: Snippet<[TabsRootContextType]>;
5
- }
6
- import { TabsRootContext } from '../modules/tabs-root-context.js';
7
- declare const TabsRootContext: import("svelte").Component<TabsRootContextProps, {}, "">;
8
- type TabsRootContext = ReturnType<typeof TabsRootContext>;
9
- export default TabsRootContext;