@skeletonlabs/skeleton-svelte 2.0.0-next.16 → 2.0.0-next.18

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 (56) hide show
  1. package/dist/components/file-upload/anatomy/label.svelte +36 -0
  2. package/dist/components/file-upload/anatomy/label.svelte.d.ts +8 -0
  3. package/dist/components/file-upload/anatomy/label.svelte.d.ts.map +1 -0
  4. package/dist/components/file-upload/index.d.ts +2 -0
  5. package/dist/components/file-upload/index.d.ts.map +1 -1
  6. package/dist/components/file-upload/modules/anatomy.d.ts +2 -1
  7. package/dist/components/file-upload/modules/anatomy.d.ts.map +1 -1
  8. package/dist/components/file-upload/modules/anatomy.js +2 -0
  9. package/dist/components/pagination/anatomy/ellipsis.svelte +38 -0
  10. package/dist/components/pagination/anatomy/ellipsis.svelte.d.ts +9 -0
  11. package/dist/components/pagination/anatomy/ellipsis.svelte.d.ts.map +1 -0
  12. package/dist/components/pagination/anatomy/item.svelte +38 -0
  13. package/dist/components/pagination/anatomy/item.svelte.d.ts +9 -0
  14. package/dist/components/pagination/anatomy/item.svelte.d.ts.map +1 -0
  15. package/dist/components/pagination/anatomy/next-trigger.svelte +36 -0
  16. package/dist/components/pagination/anatomy/next-trigger.svelte.d.ts +8 -0
  17. package/dist/components/pagination/anatomy/next-trigger.svelte.d.ts.map +1 -0
  18. package/dist/components/pagination/anatomy/prev-trigger.svelte +36 -0
  19. package/dist/components/pagination/anatomy/prev-trigger.svelte.d.ts +8 -0
  20. package/dist/components/pagination/anatomy/prev-trigger.svelte.d.ts.map +1 -0
  21. package/dist/components/pagination/anatomy/root-context.svelte +20 -0
  22. package/dist/components/pagination/anatomy/root-context.svelte.d.ts +10 -0
  23. package/dist/components/pagination/anatomy/root-context.svelte.d.ts.map +1 -0
  24. package/dist/components/pagination/anatomy/root-provider.svelte +39 -0
  25. package/dist/components/pagination/anatomy/root-provider.svelte.d.ts +10 -0
  26. package/dist/components/pagination/anatomy/root-provider.svelte.d.ts.map +1 -0
  27. package/dist/components/pagination/anatomy/root.svelte +46 -0
  28. package/dist/components/pagination/anatomy/root.svelte.d.ts +9 -0
  29. package/dist/components/pagination/anatomy/root.svelte.d.ts.map +1 -0
  30. package/dist/components/pagination/index.d.ts +10 -0
  31. package/dist/components/pagination/index.d.ts.map +1 -0
  32. package/dist/components/pagination/index.js +2 -0
  33. package/dist/components/pagination/modules/anatomy.d.ts +9 -0
  34. package/dist/components/pagination/modules/anatomy.d.ts.map +1 -0
  35. package/dist/components/pagination/modules/anatomy.js +15 -0
  36. package/dist/components/pagination/modules/provider.svelte.d.ts +4 -0
  37. package/dist/components/pagination/modules/provider.svelte.d.ts.map +1 -0
  38. package/dist/components/pagination/modules/provider.svelte.js +7 -0
  39. package/dist/components/pagination/modules/root-context.d.ts +6 -0
  40. package/dist/components/pagination/modules/root-context.d.ts.map +1 -0
  41. package/dist/components/pagination/modules/root-context.js +2 -0
  42. package/dist/components/segmented-control/anatomy/control.svelte +30 -0
  43. package/dist/components/segmented-control/anatomy/control.svelte.d.ts +8 -0
  44. package/dist/components/segmented-control/anatomy/control.svelte.d.ts.map +1 -0
  45. package/dist/components/segmented-control/anatomy/label.svelte +34 -0
  46. package/dist/components/segmented-control/anatomy/label.svelte.d.ts +8 -0
  47. package/dist/components/segmented-control/anatomy/label.svelte.d.ts.map +1 -0
  48. package/dist/components/segmented-control/index.d.ts +2 -0
  49. package/dist/components/segmented-control/index.d.ts.map +1 -1
  50. package/dist/components/segmented-control/modules/anatomy.d.ts +2 -0
  51. package/dist/components/segmented-control/modules/anatomy.d.ts.map +1 -1
  52. package/dist/components/segmented-control/modules/anatomy.js +4 -0
  53. package/dist/index.d.ts +1 -0
  54. package/dist/index.d.ts.map +1 -1
  55. package/dist/index.js +1 -0
  56. package/package.json +4 -3
@@ -0,0 +1,36 @@
1
+ <script lang="ts" module>
2
+ import type { HTMLAttributes } from '../../../internal/html-attributes';
3
+ import type { PropsWithElement } from '../../../internal/props-with-element';
4
+
5
+ export interface FileUploadLabelProps extends PropsWithElement<'label'>, HTMLAttributes<'label'> {}
6
+ </script>
7
+
8
+ <script lang="ts">
9
+ import { RootContext } from '../modules/root-context';
10
+ import { classesFileUpload } from '@skeletonlabs/skeleton-common';
11
+ import { mergeProps } from '@zag-js/svelte';
12
+
13
+ const props: FileUploadLabelProps = $props();
14
+
15
+ const fileUpload = RootContext.consume();
16
+
17
+ const { element, children, ...rest } = $derived(props);
18
+
19
+ const attributes = $derived(
20
+ mergeProps(
21
+ fileUpload().getLabelProps(),
22
+ {
23
+ class: classesFileUpload.label,
24
+ },
25
+ rest,
26
+ ),
27
+ );
28
+ </script>
29
+
30
+ {#if element}
31
+ {@render element(attributes)}
32
+ {:else}
33
+ <label {...attributes}>
34
+ {@render children?.()}
35
+ </label>
36
+ {/if}
@@ -0,0 +1,8 @@
1
+ import type { HTMLAttributes } from '../../../internal/html-attributes';
2
+ import type { PropsWithElement } from '../../../internal/props-with-element';
3
+ export interface FileUploadLabelProps extends PropsWithElement<'label'>, HTMLAttributes<'label'> {
4
+ }
5
+ declare const Label: import("svelte").Component<FileUploadLabelProps, {}, "">;
6
+ type Label = ReturnType<typeof Label>;
7
+ export default Label;
8
+ //# sourceMappingURL=label.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"label.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/file-upload/anatomy/label.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB,CAAC,OAAO,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC;CAAG;AAyCpG,QAAA,MAAM,KAAK,0DAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
@@ -1,8 +1,10 @@
1
1
  export type { FileUploadDropzoneProps } from './anatomy/dropzone.svelte';
2
+ export type { FileUploadHiddenInputProps } from './anatomy/hidden-input.svelte';
2
3
  export type { FileUploadItemProps } from './anatomy/item.svelte';
3
4
  export type { FileUploadItemDeleteTriggerProps } from './anatomy/item-delete-trigger.svelte';
4
5
  export type { FileUploadItemGroupProps } from './anatomy/item-group.svelte';
5
6
  export type { FileUploadItemNameProps } from './anatomy/item-name.svelte';
7
+ export type { FileUploadLabelProps } from './anatomy/label.svelte';
6
8
  export type { FileUploadRootProps } from './anatomy/root.svelte';
7
9
  export type { FileUploadRootContextProps } from './anatomy/root-context.svelte';
8
10
  export type { FileUploadRootProviderProps } from './anatomy/root-provider.svelte';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/file-upload/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACzE,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,YAAY,EAAE,gCAAgC,EAAE,MAAM,sCAAsC,CAAC;AAC7F,YAAY,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,YAAY,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,YAAY,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAChF,YAAY,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAClF,YAAY,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/file-upload/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACzE,YAAY,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAChF,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,YAAY,EAAE,gCAAgC,EAAE,MAAM,sCAAsC,CAAC;AAC7F,YAAY,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,YAAY,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,YAAY,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACnE,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,YAAY,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAChF,YAAY,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAClF,YAAY,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC"}
@@ -1,9 +1,10 @@
1
1
  export declare const FileUpload: import("svelte").Component<import("..").FileUploadRootProps, {}, ""> & {
2
2
  Provider: import("svelte").Component<import("..").FileUploadRootProviderProps, {}, "">;
3
3
  Context: import("svelte").Component<import("..").FileUploadRootContextProps, {}, "">;
4
+ Label: import("svelte").Component<import("..").FileUploadLabelProps, {}, "">;
4
5
  Dropzone: import("svelte").Component<import("..").FileUploadDropzoneProps, {}, "">;
5
6
  Trigger: import("svelte").Component<import("..").FileUploadTriggerProps, {}, "">;
6
- HiddenInput: import("svelte").Component<import("../anatomy/hidden-input.svelte").FileUploadHiddenInputProps, {}, "">;
7
+ HiddenInput: import("svelte").Component<import("..").FileUploadHiddenInputProps, {}, "">;
7
8
  ItemGroup: import("svelte").Component<import("..").FileUploadItemGroupProps, {}, "">;
8
9
  Item: import("svelte").Component<import("..").FileUploadItemProps, {}, "">;
9
10
  ItemName: import("svelte").Component<import("..").FileUploadItemNameProps, {}, "">;
@@ -1 +1 @@
1
- {"version":3,"file":"anatomy.d.ts","sourceRoot":"","sources":["../../../../src/components/file-upload/modules/anatomy.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,UAAU;;;;;;;;;;;CAWrB,CAAC"}
1
+ {"version":3,"file":"anatomy.d.ts","sourceRoot":"","sources":["../../../../src/components/file-upload/modules/anatomy.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,UAAU;;;;;;;;;;;;CAYrB,CAAC"}
@@ -5,6 +5,7 @@ import ItemGroup from '../anatomy/item-group.svelte';
5
5
  import ItemName from '../anatomy/item-name.svelte';
6
6
  import ItemSizeText from '../anatomy/item-size-text.svelte';
7
7
  import Item from '../anatomy/item.svelte';
8
+ import Label from '../anatomy/label.svelte';
8
9
  import RootContext from '../anatomy/root-context.svelte';
9
10
  import RootProvider from '../anatomy/root-provider.svelte';
10
11
  import Root from '../anatomy/root.svelte';
@@ -12,6 +13,7 @@ import Trigger from '../anatomy/trigger.svelte';
12
13
  export const FileUpload = Object.assign(Root, {
13
14
  Provider: RootProvider,
14
15
  Context: RootContext,
16
+ Label: Label,
15
17
  Dropzone: Dropzone,
16
18
  Trigger: Trigger,
17
19
  HiddenInput: HiddenInput,
@@ -0,0 +1,38 @@
1
+ <script lang="ts" module>
2
+ import type { HTMLAttributes } from '../../../internal/html-attributes';
3
+ import type { PropsWithElement } from '../../../internal/props-with-element';
4
+ import { splitEllipsisProps, type EllipsisProps } from '@zag-js/pagination';
5
+
6
+ export interface PaginationEllipsisProps extends EllipsisProps, PropsWithElement<'span'>, HTMLAttributes<'span'> {}
7
+ </script>
8
+
9
+ <script lang="ts">
10
+ import { RootContext } from '../modules/root-context';
11
+ import { classesPagination } from '@skeletonlabs/skeleton-common';
12
+ import { mergeProps } from '@zag-js/svelte';
13
+
14
+ const props: PaginationEllipsisProps = $props();
15
+
16
+ const pagination = RootContext.consume();
17
+
18
+ const [ellipsisProps, componentProps] = $derived(splitEllipsisProps(props));
19
+ const { element, children, ...rest } = $derived(componentProps);
20
+
21
+ const attributes = $derived(
22
+ mergeProps(
23
+ pagination().getEllipsisProps(ellipsisProps),
24
+ {
25
+ class: classesPagination.ellipsis,
26
+ },
27
+ rest,
28
+ ),
29
+ );
30
+ </script>
31
+
32
+ {#if element}
33
+ {@render element(attributes)}
34
+ {:else}
35
+ <span {...attributes}>
36
+ {@render children?.()}
37
+ </span>
38
+ {/if}
@@ -0,0 +1,9 @@
1
+ import type { HTMLAttributes } from '../../../internal/html-attributes';
2
+ import type { PropsWithElement } from '../../../internal/props-with-element';
3
+ import { type EllipsisProps } from '@zag-js/pagination';
4
+ export interface PaginationEllipsisProps extends EllipsisProps, PropsWithElement<'span'>, HTMLAttributes<'span'> {
5
+ }
6
+ declare const Ellipsis: import("svelte").Component<PaginationEllipsisProps, {}, "">;
7
+ type Ellipsis = ReturnType<typeof Ellipsis>;
8
+ export default Ellipsis;
9
+ //# sourceMappingURL=ellipsis.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ellipsis.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/anatomy/ellipsis.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAsB,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAE5E,MAAM,WAAW,uBAAwB,SAAQ,aAAa,EAAE,gBAAgB,CAAC,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC;CAAG;AA0CpH,QAAA,MAAM,QAAQ,6DAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
@@ -0,0 +1,38 @@
1
+ <script lang="ts" module>
2
+ import type { HTMLAttributes } from '../../../internal/html-attributes';
3
+ import type { PropsWithElement } from '../../../internal/props-with-element';
4
+ import { splitItemProps, type ItemProps } from '@zag-js/pagination';
5
+
6
+ export interface PaginationItemProps extends ItemProps, PropsWithElement<'a'>, HTMLAttributes<'a', 'type'> {}
7
+ </script>
8
+
9
+ <script lang="ts">
10
+ import { RootContext } from '../modules/root-context';
11
+ import { classesPagination } from '@skeletonlabs/skeleton-common';
12
+ import { mergeProps } from '@zag-js/svelte';
13
+
14
+ const props: PaginationItemProps = $props();
15
+
16
+ const pagination = RootContext.consume();
17
+
18
+ const [itemProps, componentProps] = $derived(splitItemProps(props));
19
+ const { element, children, ...rest } = $derived(componentProps);
20
+
21
+ const attributes = $derived(
22
+ mergeProps(
23
+ pagination().getItemProps(itemProps),
24
+ {
25
+ class: classesPagination.item,
26
+ },
27
+ rest,
28
+ ),
29
+ );
30
+ </script>
31
+
32
+ {#if element}
33
+ {@render element(attributes)}
34
+ {:else}
35
+ <a {...attributes}>
36
+ {@render children?.()}
37
+ </a>
38
+ {/if}
@@ -0,0 +1,9 @@
1
+ import type { HTMLAttributes } from '../../../internal/html-attributes';
2
+ import type { PropsWithElement } from '../../../internal/props-with-element';
3
+ import { type ItemProps } from '@zag-js/pagination';
4
+ export interface PaginationItemProps extends ItemProps, PropsWithElement<'a'>, HTMLAttributes<'a', 'type'> {
5
+ }
6
+ declare const Item: import("svelte").Component<PaginationItemProps, {}, "">;
7
+ type Item = ReturnType<typeof Item>;
8
+ export default Item;
9
+ //# sourceMappingURL=item.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"item.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/anatomy/item.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpE,MAAM,WAAW,mBAAoB,SAAQ,SAAS,EAAE,gBAAgB,CAAC,GAAG,CAAC,EAAE,cAAc,CAAC,GAAG,EAAE,MAAM,CAAC;CAAG;AA0C9G,QAAA,MAAM,IAAI,yDAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}
@@ -0,0 +1,36 @@
1
+ <script lang="ts" module>
2
+ import type { HTMLAttributes } from '../../../internal/html-attributes';
3
+ import type { PropsWithElement } from '../../../internal/props-with-element';
4
+
5
+ export interface PaginationNextTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button'> {}
6
+ </script>
7
+
8
+ <script lang="ts">
9
+ import { RootContext } from '../modules/root-context';
10
+ import { classesPagination } from '@skeletonlabs/skeleton-common';
11
+ import { mergeProps } from '@zag-js/svelte';
12
+
13
+ const props: PaginationNextTriggerProps = $props();
14
+
15
+ const pagination = RootContext.consume();
16
+
17
+ const { element, children, ...rest } = $derived(props);
18
+
19
+ const attributes = $derived(
20
+ mergeProps(
21
+ pagination().getNextTriggerProps(),
22
+ {
23
+ class: classesPagination.nextTrigger,
24
+ },
25
+ rest,
26
+ ),
27
+ );
28
+ </script>
29
+
30
+ {#if element}
31
+ {@render element(attributes)}
32
+ {:else}
33
+ <button {...attributes}>
34
+ {@render children?.()}
35
+ </button>
36
+ {/if}
@@ -0,0 +1,8 @@
1
+ import type { HTMLAttributes } from '../../../internal/html-attributes';
2
+ import type { PropsWithElement } from '../../../internal/props-with-element';
3
+ export interface PaginationNextTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button'> {
4
+ }
5
+ declare const NextTrigger: import("svelte").Component<PaginationNextTriggerProps, {}, "">;
6
+ type NextTrigger = ReturnType<typeof NextTrigger>;
7
+ export default NextTrigger;
8
+ //# sourceMappingURL=next-trigger.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"next-trigger.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/anatomy/next-trigger.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,MAAM,WAAW,0BAA2B,SAAQ,gBAAgB,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC;CAAG;AAyC5G,QAAA,MAAM,WAAW,gEAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
@@ -0,0 +1,36 @@
1
+ <script lang="ts" module>
2
+ import type { HTMLAttributes } from '../../../internal/html-attributes';
3
+ import type { PropsWithElement } from '../../../internal/props-with-element';
4
+
5
+ export interface PaginationPrevTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button'> {}
6
+ </script>
7
+
8
+ <script lang="ts">
9
+ import { RootContext } from '../modules/root-context';
10
+ import { classesPagination } from '@skeletonlabs/skeleton-common';
11
+ import { mergeProps } from '@zag-js/svelte';
12
+
13
+ const props: PaginationPrevTriggerProps = $props();
14
+
15
+ const pagination = RootContext.consume();
16
+
17
+ const { element, children, ...rest } = $derived(props);
18
+
19
+ const attributes = $derived(
20
+ mergeProps(
21
+ pagination().getPrevTriggerProps(),
22
+ {
23
+ class: classesPagination.prevTrigger,
24
+ },
25
+ rest,
26
+ ),
27
+ );
28
+ </script>
29
+
30
+ {#if element}
31
+ {@render element(attributes)}
32
+ {:else}
33
+ <button {...attributes}>
34
+ {@render children?.()}
35
+ </button>
36
+ {/if}
@@ -0,0 +1,8 @@
1
+ import type { HTMLAttributes } from '../../../internal/html-attributes';
2
+ import type { PropsWithElement } from '../../../internal/props-with-element';
3
+ export interface PaginationPrevTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button'> {
4
+ }
5
+ declare const PrevTrigger: import("svelte").Component<PaginationPrevTriggerProps, {}, "">;
6
+ type PrevTrigger = ReturnType<typeof PrevTrigger>;
7
+ export default PrevTrigger;
8
+ //# sourceMappingURL=prev-trigger.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"prev-trigger.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/anatomy/prev-trigger.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,MAAM,WAAW,0BAA2B,SAAQ,gBAAgB,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC;CAAG;AAyC5G,QAAA,MAAM,WAAW,gEAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
@@ -0,0 +1,20 @@
1
+ <script lang="ts" module>
2
+ import type { usePagination } from '../modules/provider.svelte';
3
+ import type { Snippet } from 'svelte';
4
+
5
+ export interface PaginationRootContextProps {
6
+ children: Snippet<[ReturnType<typeof usePagination>]>;
7
+ }
8
+ </script>
9
+
10
+ <script lang="ts">
11
+ import { RootContext } from '../modules/root-context';
12
+
13
+ const props: PaginationRootContextProps = $props();
14
+
15
+ const pagination = RootContext.consume();
16
+
17
+ const { children } = $derived(props);
18
+ </script>
19
+
20
+ {@render children(pagination)}
@@ -0,0 +1,10 @@
1
+ import type { usePagination } from '../modules/provider.svelte';
2
+ import type { Snippet } from 'svelte';
3
+ export interface PaginationRootContextProps {
4
+ children: Snippet<[ReturnType<typeof usePagination>]>;
5
+ }
6
+ import { RootContext } from '../modules/root-context';
7
+ declare const RootContext: import("svelte").Component<PaginationRootContextProps, {}, "">;
8
+ type RootContext = ReturnType<typeof RootContext>;
9
+ export default RootContext;
10
+ //# sourceMappingURL=root-context.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"root-context.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/anatomy/root-context.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,WAAW,0BAA0B;IAC1C,QAAQ,EAAE,OAAO,CAAC,CAAC,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC;CACtD;AAGF,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAkBtD,QAAA,MAAM,WAAW,gEAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
@@ -0,0 +1,39 @@
1
+ <script lang="ts" module>
2
+ import type { usePagination } from '../modules/provider.svelte';
3
+ import type { HTMLAttributes } from '../../../internal/html-attributes';
4
+ import type { PropsWithElement } from '../../../internal/props-with-element';
5
+
6
+ export interface PaginationRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
7
+ value: ReturnType<typeof usePagination>;
8
+ }
9
+ </script>
10
+
11
+ <script lang="ts">
12
+ import { RootContext } from '../modules/root-context';
13
+ import { classesPagination } from '@skeletonlabs/skeleton-common';
14
+ import { mergeProps } from '@zag-js/svelte';
15
+
16
+ const props: PaginationRootProviderProps = $props();
17
+
18
+ const { element, children, value: pagination, ...rest } = $derived(props);
19
+
20
+ const attributes = $derived(
21
+ mergeProps(
22
+ pagination().getRootProps(),
23
+ {
24
+ class: classesPagination.root,
25
+ },
26
+ rest,
27
+ ),
28
+ );
29
+
30
+ RootContext.provide(() => pagination());
31
+ </script>
32
+
33
+ {#if element}
34
+ {@render element(attributes)}
35
+ {:else}
36
+ <div {...attributes}>
37
+ {@render children?.()}
38
+ </div>
39
+ {/if}
@@ -0,0 +1,10 @@
1
+ import type { usePagination } from '../modules/provider.svelte';
2
+ import type { HTMLAttributes } from '../../../internal/html-attributes';
3
+ import type { PropsWithElement } from '../../../internal/props-with-element';
4
+ export interface PaginationRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
5
+ value: ReturnType<typeof usePagination>;
6
+ }
7
+ declare const RootProvider: import("svelte").Component<PaginationRootProviderProps, {}, "">;
8
+ type RootProvider = ReturnType<typeof RootProvider>;
9
+ export default RootProvider;
10
+ //# sourceMappingURL=root-provider.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"root-provider.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/anatomy/root-provider.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,MAAM,WAAW,2BAA4B,SAAQ,gBAAgB,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC;IAChH,KAAK,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;CACxC;AAyCF,QAAA,MAAM,YAAY,iEAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
@@ -0,0 +1,46 @@
1
+ <script lang="ts" module>
2
+ import type { HTMLAttributes } from '../../../internal/html-attributes';
3
+ import type { PropsWithElement } from '../../../internal/props-with-element';
4
+ import type { Props } from '@zag-js/pagination';
5
+
6
+ export interface PaginationRootProps extends Omit<Props, 'id'>, PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {}
7
+ </script>
8
+
9
+ <script lang="ts">
10
+ import { usePagination } from '../modules/provider.svelte';
11
+ import { RootContext } from '../modules/root-context';
12
+ import { classesPagination } from '@skeletonlabs/skeleton-common';
13
+ import { splitProps } from '@zag-js/pagination';
14
+ import { mergeProps } from '@zag-js/svelte';
15
+
16
+ const props: PaginationRootProps = $props();
17
+
18
+ const [paginationProps, componentProps] = $derived(splitProps(props));
19
+ const { element, children, ...rest } = $derived(componentProps);
20
+
21
+ const id = $props.id();
22
+ const pagination = usePagination(() => ({
23
+ id: id,
24
+ ...paginationProps,
25
+ }));
26
+
27
+ const attributes = $derived(
28
+ mergeProps(
29
+ pagination().getRootProps(),
30
+ {
31
+ class: classesPagination.root,
32
+ },
33
+ rest,
34
+ ),
35
+ );
36
+
37
+ RootContext.provide(() => pagination());
38
+ </script>
39
+
40
+ {#if element}
41
+ {@render element(attributes)}
42
+ {:else}
43
+ <div {...attributes}>
44
+ {@render children?.()}
45
+ </div>
46
+ {/if}
@@ -0,0 +1,9 @@
1
+ import type { HTMLAttributes } from '../../../internal/html-attributes';
2
+ import type { PropsWithElement } from '../../../internal/props-with-element';
3
+ import type { Props } from '@zag-js/pagination';
4
+ export interface PaginationRootProps extends Omit<Props, 'id'>, PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
5
+ }
6
+ declare const Root: import("svelte").Component<PaginationRootProps, {}, "">;
7
+ type Root = ReturnType<typeof Root>;
8
+ export default Root;
9
+ //# sourceMappingURL=root.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"root.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/anatomy/root.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAEhD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC;CAAG;AAoDhI,QAAA,MAAM,IAAI,yDAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}
@@ -0,0 +1,10 @@
1
+ export { Pagination } from './modules/anatomy';
2
+ export { usePagination } from './modules/provider.svelte';
3
+ export type { PaginationRootProviderProps } from './anatomy/root-provider.svelte';
4
+ export type { PaginationPrevTriggerProps } from './anatomy/prev-trigger.svelte';
5
+ export type { PaginationNextTriggerProps } from './anatomy/next-trigger.svelte';
6
+ export type { PaginationItemProps } from './anatomy/item.svelte';
7
+ export type { PaginationRootContextProps } from './anatomy/root-context.svelte';
8
+ export type { PaginationRootProps } from './anatomy/root.svelte';
9
+ export type { PaginationEllipsisProps } from './anatomy/ellipsis.svelte';
10
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,YAAY,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAClF,YAAY,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAChF,YAAY,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAChF,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,YAAY,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAChF,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,YAAY,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { Pagination } from './modules/anatomy';
2
+ export { usePagination } from './modules/provider.svelte';
@@ -0,0 +1,9 @@
1
+ export declare const Pagination: import("svelte").Component<import("..").PaginationRootProps, {}, ""> & {
2
+ Provider: import("svelte").Component<import("..").PaginationRootProviderProps, {}, "">;
3
+ Context: import("svelte").Component<import("..").PaginationRootContextProps, {}, "">;
4
+ PrevTrigger: import("svelte").Component<import("..").PaginationPrevTriggerProps, {}, "">;
5
+ Item: import("svelte").Component<import("..").PaginationItemProps, {}, "">;
6
+ Ellipsis: import("svelte").Component<import("..").PaginationEllipsisProps, {}, "">;
7
+ NextTrigger: import("svelte").Component<import("..").PaginationNextTriggerProps, {}, "">;
8
+ };
9
+ //# sourceMappingURL=anatomy.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"anatomy.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/modules/anatomy.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,UAAU;;;;;;;CAOrB,CAAC"}
@@ -0,0 +1,15 @@
1
+ import Ellipsis from '../anatomy/ellipsis.svelte';
2
+ import Item from '../anatomy/item.svelte';
3
+ import NextTrigger from '../anatomy/next-trigger.svelte';
4
+ import PrevTrigger from '../anatomy/prev-trigger.svelte';
5
+ import RootContext from '../anatomy/root-context.svelte';
6
+ import RootProvider from '../anatomy/root-provider.svelte';
7
+ import Root from '../anatomy/root.svelte';
8
+ export const Pagination = Object.assign(Root, {
9
+ Provider: RootProvider,
10
+ Context: RootContext,
11
+ PrevTrigger: PrevTrigger,
12
+ Item: Item,
13
+ Ellipsis: Ellipsis,
14
+ NextTrigger: NextTrigger,
15
+ });
@@ -0,0 +1,4 @@
1
+ import type { Api, Props } from '@zag-js/pagination';
2
+ import { type PropTypes } from '@zag-js/svelte';
3
+ export declare function usePagination(props: Props | (() => Props)): () => Api<PropTypes>;
4
+ //# sourceMappingURL=provider.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"provider.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/modules/provider.svelte.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE5E,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,MAAM,KAAK,CAAC,GAAG,MAAM,GAAG,CAAC,SAAS,CAAC,CAIhF"}
@@ -0,0 +1,7 @@
1
+ import { connect, machine } from '@zag-js/pagination';
2
+ import { normalizeProps, useMachine } from '@zag-js/svelte';
3
+ export function usePagination(props) {
4
+ const service = useMachine(machine, props);
5
+ const pagination = $derived(connect(service, normalizeProps));
6
+ return () => pagination;
7
+ }
@@ -0,0 +1,6 @@
1
+ export declare const RootContext: {
2
+ key: symbol;
3
+ consume(): () => import("@zag-js/pagination").Api<import("@zag-js/svelte").PropTypes>;
4
+ provide(value: () => import("@zag-js/pagination").Api<import("@zag-js/svelte").PropTypes>): () => import("@zag-js/pagination").Api<import("@zag-js/svelte").PropTypes>;
5
+ };
6
+ //# sourceMappingURL=root-context.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"root-context.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/modules/root-context.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW;;;;CAAoD,CAAC"}
@@ -0,0 +1,2 @@
1
+ import { createContext } from '../../../internal/create-context';
2
+ export const RootContext = createContext();
@@ -0,0 +1,30 @@
1
+ <script lang="ts" module>
2
+ import type { HTMLAttributes } from '../../../internal/html-attributes';
3
+ import type { PropsWithElement } from '../../../internal/props-with-element';
4
+
5
+ export interface SegmentedControlControlProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
6
+ </script>
7
+
8
+ <script lang="ts">
9
+ import { classesSegmentedControl } from '@skeletonlabs/skeleton-common';
10
+ import { mergeProps } from '@zag-js/svelte';
11
+
12
+ const props: SegmentedControlControlProps = $props();
13
+
14
+ const { element, children, ...rest } = $derived(props);
15
+
16
+ const attributes = $derived(
17
+ mergeProps(
18
+ {
19
+ class: classesSegmentedControl.control,
20
+ },
21
+ rest,
22
+ ),
23
+ );
24
+ </script>
25
+
26
+ {#if element}
27
+ {@render element(attributes)}
28
+ {:else}
29
+ <div {...attributes}>{@render children?.()}</div>
30
+ {/if}
@@ -0,0 +1,8 @@
1
+ import type { HTMLAttributes } from '../../../internal/html-attributes';
2
+ import type { PropsWithElement } from '../../../internal/props-with-element';
3
+ export interface SegmentedControlControlProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {
4
+ }
5
+ declare const Control: import("svelte").Component<SegmentedControlControlProps, {}, "">;
6
+ type Control = ReturnType<typeof Control>;
7
+ export default Control;
8
+ //# sourceMappingURL=control.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"control.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/segmented-control/anatomy/control.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,MAAM,WAAW,4BAA6B,SAAQ,gBAAgB,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC;CAAG;AAkCxG,QAAA,MAAM,OAAO,kEAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
@@ -0,0 +1,34 @@
1
+ <script lang="ts" module>
2
+ import type { HTMLAttributes } from '../../../internal/html-attributes';
3
+ import type { PropsWithElement } from '../../../internal/props-with-element';
4
+
5
+ export interface SegmentedControlLabelProps extends PropsWithElement<'span'>, HTMLAttributes<'span'> {}
6
+ </script>
7
+
8
+ <script lang="ts">
9
+ import { RootContext } from '../modules/root-context';
10
+ import { classesSegmentedControl } from '@skeletonlabs/skeleton-common';
11
+ import { mergeProps } from '@zag-js/svelte';
12
+
13
+ const props: SegmentedControlLabelProps = $props();
14
+
15
+ const segmentedControl = RootContext.consume();
16
+
17
+ const { element, children, ...rest } = $derived(props);
18
+
19
+ const attributes = $derived(
20
+ mergeProps(
21
+ segmentedControl().getLabelProps(),
22
+ {
23
+ class: classesSegmentedControl.label,
24
+ },
25
+ rest,
26
+ ),
27
+ );
28
+ </script>
29
+
30
+ {#if element}
31
+ {@render element(attributes)}
32
+ {:else}
33
+ <span {...attributes}>{@render children?.()}</span>
34
+ {/if}
@@ -0,0 +1,8 @@
1
+ import type { HTMLAttributes } from '../../../internal/html-attributes';
2
+ import type { PropsWithElement } from '../../../internal/props-with-element';
3
+ export interface SegmentedControlLabelProps extends PropsWithElement<'span'>, HTMLAttributes<'span'> {
4
+ }
5
+ declare const Label: import("svelte").Component<SegmentedControlLabelProps, {}, "">;
6
+ type Label = ReturnType<typeof Label>;
7
+ export default Label;
8
+ //# sourceMappingURL=label.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"label.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/segmented-control/anatomy/label.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,MAAM,WAAW,0BAA2B,SAAQ,gBAAgB,CAAC,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC;CAAG;AAuCxG,QAAA,MAAM,KAAK,gEAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
@@ -3,6 +3,8 @@ export { useSegmentedControl } from './modules/provider.svelte';
3
3
  export type { SegmentedControlRootProps } from './anatomy/root.svelte';
4
4
  export type { SegmentedControlRootContextProps } from './anatomy/root-context.svelte';
5
5
  export type { SegmentedControlRootProviderProps } from './anatomy/root-provider.svelte';
6
+ export type { SegmentedControlLabelProps } from './anatomy/label.svelte';
7
+ export type { SegmentedControlControlProps } from './anatomy/control.svelte';
6
8
  export type { SegmentedControlIndicatorProps } from './anatomy/indicator.svelte';
7
9
  export type { SegmentedControlItemProps } from './anatomy/item.svelte';
8
10
  export type { SegmentedControlItemTextProps } from './anatomy/item-text.svelte';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,YAAY,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AACvE,YAAY,EAAE,gCAAgC,EAAE,MAAM,+BAA+B,CAAC;AACtF,YAAY,EAAE,iCAAiC,EAAE,MAAM,gCAAgC,CAAC;AACxF,YAAY,EAAE,8BAA8B,EAAE,MAAM,4BAA4B,CAAC;AACjF,YAAY,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AACvE,YAAY,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC;AAChF,YAAY,EAAE,oCAAoC,EAAE,MAAM,oCAAoC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,YAAY,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AACvE,YAAY,EAAE,gCAAgC,EAAE,MAAM,+BAA+B,CAAC;AACtF,YAAY,EAAE,iCAAiC,EAAE,MAAM,gCAAgC,CAAC;AACxF,YAAY,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AACzE,YAAY,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AAC7E,YAAY,EAAE,8BAA8B,EAAE,MAAM,4BAA4B,CAAC;AACjF,YAAY,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AACvE,YAAY,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC;AAChF,YAAY,EAAE,oCAAoC,EAAE,MAAM,oCAAoC,CAAC"}
@@ -1,6 +1,8 @@
1
1
  export declare const SegmentedControl: import("svelte").Component<import("..").SegmentedControlRootProps, {}, ""> & {
2
2
  Provider: import("svelte").Component<import("..").SegmentedControlRootProviderProps, {}, "">;
3
3
  Context: import("svelte").Component<import("..").SegmentedControlRootContextProps, {}, "">;
4
+ Label: import("svelte").Component<import("..").SegmentedControlLabelProps, {}, "">;
5
+ Control: import("svelte").Component<import("..").SegmentedControlControlProps, {}, "">;
4
6
  Indicator: import("svelte").Component<import("..").SegmentedControlIndicatorProps, {}, "">;
5
7
  Item: import("svelte").Component<import("..").SegmentedControlItemProps, {}, "">;
6
8
  ItemText: import("svelte").Component<import("..").SegmentedControlItemTextProps, {}, "">;
@@ -1 +1 @@
1
- {"version":3,"file":"anatomy.d.ts","sourceRoot":"","sources":["../../../../src/components/segmented-control/modules/anatomy.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,gBAAgB;;;;;;;CAO3B,CAAC"}
1
+ {"version":3,"file":"anatomy.d.ts","sourceRoot":"","sources":["../../../../src/components/segmented-control/modules/anatomy.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,gBAAgB;;;;;;;;;CAS3B,CAAC"}
@@ -1,13 +1,17 @@
1
+ import Control from '../anatomy/control.svelte';
1
2
  import Indicator from '../anatomy/indicator.svelte';
2
3
  import ItemHiddenInput from '../anatomy/item-hidden-input.svelte';
3
4
  import ItemText from '../anatomy/item-text.svelte';
4
5
  import Item from '../anatomy/item.svelte';
6
+ import Label from '../anatomy/label.svelte';
5
7
  import RootContext from '../anatomy/root-context.svelte';
6
8
  import RootProvider from '../anatomy/root-provider.svelte';
7
9
  import Root from '../anatomy/root.svelte';
8
10
  export const SegmentedControl = Object.assign(Root, {
9
11
  Provider: RootProvider,
10
12
  Context: RootContext,
13
+ Label: Label,
14
+ Control: Control,
11
15
  Indicator: Indicator,
12
16
  Item: Item,
13
17
  ItemText: ItemText,
package/dist/index.d.ts CHANGED
@@ -5,6 +5,7 @@ export * from './components/combobox/index';
5
5
  export * from './components/dialog/index';
6
6
  export * from './components/file-upload/index';
7
7
  export * from './components/navigation/index';
8
+ export * from './components/pagination/index';
8
9
  export * from './components/popover/index';
9
10
  export * from './components/portal/index';
10
11
  export * from './components/progress-linear/index';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oCAAoC,CAAC;AACnD,cAAc,iCAAiC,CAAC;AAChD,cAAc,sCAAsC,CAAC;AACrD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAE3C,cAAc,6BAA6B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oCAAoC,CAAC;AACnD,cAAc,iCAAiC,CAAC;AAChD,cAAc,sCAAsC,CAAC;AACrD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAE3C,cAAc,6BAA6B,CAAC"}
package/dist/index.js CHANGED
@@ -5,6 +5,7 @@ export * from './components/combobox/index';
5
5
  export * from './components/dialog/index';
6
6
  export * from './components/file-upload/index';
7
7
  export * from './components/navigation/index';
8
+ export * from './components/pagination/index';
8
9
  export * from './components/popover/index';
9
10
  export * from './components/portal/index';
10
11
  export * from './components/progress-linear/index';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skeletonlabs/skeleton-svelte",
3
- "version": "2.0.0-next.16",
3
+ "version": "2.0.0-next.18",
4
4
  "description": "The Svelte package for Skeleton.",
5
5
  "author": "endigo9740 <chris@skeletonlabs.dev>",
6
6
  "repository": {
@@ -27,18 +27,19 @@
27
27
  "@zag-js/combobox": "1.24.2",
28
28
  "@zag-js/dialog": "1.24.2",
29
29
  "@zag-js/file-upload": "1.24.2",
30
+ "@zag-js/pagination": "1.24.2",
30
31
  "@zag-js/popover": "1.24.2",
31
32
  "@zag-js/progress": "1.24.2",
33
+ "@zag-js/radio-group": "1.24.2",
32
34
  "@zag-js/rating-group": "1.24.2",
33
35
  "@zag-js/slider": "1.24.2",
34
- "@zag-js/radio-group": "1.24.2",
35
36
  "@zag-js/svelte": "1.24.2",
36
37
  "@zag-js/switch": "1.24.2",
37
38
  "@zag-js/tabs": "1.24.2",
38
39
  "@zag-js/tags-input": "1.24.2",
39
40
  "@zag-js/toast": "1.24.2",
40
41
  "@zag-js/tooltip": "1.24.2",
41
- "@skeletonlabs/skeleton-common": "1.0.0-next.12"
42
+ "@skeletonlabs/skeleton-common": "1.0.0-next.14"
42
43
  },
43
44
  "peerDependencies": {
44
45
  "svelte": "^5.29.0"