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

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 (67) hide show
  1. package/dist/components/progress/anatomy/circle-range.svelte +35 -0
  2. package/dist/components/progress/anatomy/circle-range.svelte.d.ts +8 -0
  3. package/dist/components/progress/anatomy/circle-range.svelte.d.ts.map +1 -0
  4. package/dist/components/progress/anatomy/circle-track.svelte +34 -0
  5. package/dist/components/progress/anatomy/circle-track.svelte.d.ts +8 -0
  6. package/dist/components/progress/anatomy/circle-track.svelte.d.ts.map +1 -0
  7. package/dist/components/progress/anatomy/circle.svelte +37 -0
  8. package/dist/components/progress/anatomy/circle.svelte.d.ts +8 -0
  9. package/dist/components/progress/anatomy/circle.svelte.d.ts.map +1 -0
  10. package/dist/components/{progress-linear → progress}/anatomy/label.svelte +6 -6
  11. package/dist/components/progress/anatomy/label.svelte.d.ts +8 -0
  12. package/dist/components/progress/anatomy/label.svelte.d.ts.map +1 -0
  13. package/dist/components/{progress-linear → progress}/anatomy/range.svelte +6 -6
  14. package/dist/components/progress/anatomy/range.svelte.d.ts +8 -0
  15. package/dist/components/progress/anatomy/range.svelte.d.ts.map +1 -0
  16. package/dist/components/progress/anatomy/root-context.svelte +20 -0
  17. package/dist/components/progress/anatomy/root-context.svelte.d.ts +10 -0
  18. package/dist/components/progress/anatomy/root-context.svelte.d.ts.map +1 -0
  19. package/dist/components/progress/anatomy/root-provider.svelte +39 -0
  20. package/dist/components/progress/anatomy/root-provider.svelte.d.ts +10 -0
  21. package/dist/components/progress/anatomy/root-provider.svelte.d.ts.map +1 -0
  22. package/dist/components/{progress-linear → progress}/anatomy/root.svelte +8 -8
  23. package/dist/components/{progress-linear → progress}/anatomy/root.svelte.d.ts +2 -2
  24. package/dist/components/progress/anatomy/root.svelte.d.ts.map +1 -0
  25. package/dist/components/{progress-linear → progress}/anatomy/track.svelte +6 -6
  26. package/dist/components/progress/anatomy/track.svelte.d.ts +8 -0
  27. package/dist/components/progress/anatomy/track.svelte.d.ts.map +1 -0
  28. package/dist/components/progress/anatomy/value-text.svelte +40 -0
  29. package/dist/components/progress/anatomy/value-text.svelte.d.ts +8 -0
  30. package/dist/components/progress/anatomy/value-text.svelte.d.ts.map +1 -0
  31. package/dist/components/progress/index.d.ts +13 -0
  32. package/dist/components/progress/index.d.ts.map +1 -0
  33. package/dist/components/progress/index.js +2 -0
  34. package/dist/components/progress/modules/anatomy.d.ts +12 -0
  35. package/dist/components/progress/modules/anatomy.d.ts.map +1 -0
  36. package/dist/components/{progress-linear → progress}/modules/anatomy.js +9 -1
  37. package/dist/components/progress/modules/provider.svelte.d.ts +4 -0
  38. package/dist/components/progress/modules/provider.svelte.d.ts.map +1 -0
  39. package/dist/components/{progress-linear → progress}/modules/provider.svelte.js +3 -3
  40. package/dist/components/progress/modules/root-context.d.ts.map +1 -0
  41. package/dist/index.d.ts +1 -1
  42. package/dist/index.d.ts.map +1 -1
  43. package/dist/index.js +1 -1
  44. package/package.json +11 -11
  45. package/dist/components/progress-linear/anatomy/label.svelte.d.ts +0 -8
  46. package/dist/components/progress-linear/anatomy/label.svelte.d.ts.map +0 -1
  47. package/dist/components/progress-linear/anatomy/range.svelte.d.ts +0 -8
  48. package/dist/components/progress-linear/anatomy/range.svelte.d.ts.map +0 -1
  49. package/dist/components/progress-linear/anatomy/root-context.svelte +0 -20
  50. package/dist/components/progress-linear/anatomy/root-context.svelte.d.ts +0 -10
  51. package/dist/components/progress-linear/anatomy/root-context.svelte.d.ts.map +0 -1
  52. package/dist/components/progress-linear/anatomy/root-provider.svelte +0 -39
  53. package/dist/components/progress-linear/anatomy/root-provider.svelte.d.ts +0 -10
  54. package/dist/components/progress-linear/anatomy/root-provider.svelte.d.ts.map +0 -1
  55. package/dist/components/progress-linear/anatomy/root.svelte.d.ts.map +0 -1
  56. package/dist/components/progress-linear/anatomy/track.svelte.d.ts +0 -8
  57. package/dist/components/progress-linear/anatomy/track.svelte.d.ts.map +0 -1
  58. package/dist/components/progress-linear/index.d.ts +0 -9
  59. package/dist/components/progress-linear/index.d.ts.map +0 -1
  60. package/dist/components/progress-linear/index.js +0 -2
  61. package/dist/components/progress-linear/modules/anatomy.d.ts +0 -8
  62. package/dist/components/progress-linear/modules/anatomy.d.ts.map +0 -1
  63. package/dist/components/progress-linear/modules/provider.svelte.d.ts +0 -4
  64. package/dist/components/progress-linear/modules/provider.svelte.d.ts.map +0 -1
  65. package/dist/components/progress-linear/modules/root-context.d.ts.map +0 -1
  66. /package/dist/components/{progress-linear → progress}/modules/root-context.d.ts +0 -0
  67. /package/dist/components/{progress-linear → progress}/modules/root-context.js +0 -0
@@ -0,0 +1,35 @@
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 ProgressCircleRangeProps extends PropsWithElement<'circle'>, HTMLAttributes<'circle', 'children'> {}
6
+ </script>
7
+
8
+ <script lang="ts">
9
+ import { RootContext } from '../modules/root-context';
10
+ import { classesProgress } from '@skeletonlabs/skeleton-common';
11
+ import { mergeProps } from '@zag-js/svelte';
12
+
13
+ const props: ProgressCircleRangeProps = $props();
14
+
15
+ const progress = RootContext.consume();
16
+
17
+ const { element, ...rest } = $derived(props);
18
+
19
+ const attributes = $derived(
20
+ mergeProps(
21
+ progress().getCircleRangeProps(),
22
+ {
23
+ class: classesProgress.circleRange,
24
+ 'stroke-linecap': 'round',
25
+ },
26
+ rest,
27
+ ),
28
+ );
29
+ </script>
30
+
31
+ {#if element}
32
+ {@render element(attributes)}
33
+ {:else}
34
+ <circle {...attributes} />
35
+ {/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 ProgressCircleRangeProps extends PropsWithElement<'circle'>, HTMLAttributes<'circle', 'children'> {
4
+ }
5
+ declare const CircleRange: import("svelte").Component<ProgressCircleRangeProps, {}, "">;
6
+ type CircleRange = ReturnType<typeof CircleRange>;
7
+ export default CircleRange;
8
+ //# sourceMappingURL=circle-range.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"circle-range.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/progress/anatomy/circle-range.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,wBAAyB,SAAQ,gBAAgB,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC,QAAQ,EAAE,UAAU,CAAC;CAAG;AAwCtH,QAAA,MAAM,WAAW,8DAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,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 ProgressCircleTrackProps extends PropsWithElement<'circle'>, HTMLAttributes<'circle', 'children'> {}
6
+ </script>
7
+
8
+ <script lang="ts">
9
+ import { RootContext } from '../modules/root-context';
10
+ import { classesProgress } from '@skeletonlabs/skeleton-common';
11
+ import { mergeProps } from '@zag-js/svelte';
12
+
13
+ const props: ProgressCircleTrackProps = $props();
14
+
15
+ const progress = RootContext.consume();
16
+
17
+ const { element, ...rest } = $derived(props);
18
+
19
+ const attributes = $derived(
20
+ mergeProps(
21
+ progress().getCircleTrackProps(),
22
+ {
23
+ class: classesProgress.circleTrack,
24
+ },
25
+ rest,
26
+ ),
27
+ );
28
+ </script>
29
+
30
+ {#if element}
31
+ {@render element(attributes)}
32
+ {:else}
33
+ <circle {...attributes} />
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 ProgressCircleTrackProps extends PropsWithElement<'circle'>, HTMLAttributes<'circle', 'children'> {
4
+ }
5
+ declare const CircleTrack: import("svelte").Component<ProgressCircleTrackProps, {}, "">;
6
+ type CircleTrack = ReturnType<typeof CircleTrack>;
7
+ export default CircleTrack;
8
+ //# sourceMappingURL=circle-track.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"circle-track.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/progress/anatomy/circle-track.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,wBAAyB,SAAQ,gBAAgB,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC,QAAQ,EAAE,UAAU,CAAC;CAAG;AAuCtH,QAAA,MAAM,WAAW,8DAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
@@ -0,0 +1,37 @@
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 ProgressCircleProps extends PropsWithElement<'svg'>, HTMLAttributes<'svg'> {}
6
+ </script>
7
+
8
+ <script lang="ts">
9
+ import { RootContext } from '../modules/root-context';
10
+ import { classesProgress } from '@skeletonlabs/skeleton-common';
11
+ import { mergeProps } from '@zag-js/svelte';
12
+
13
+ const props: ProgressCircleProps = $props();
14
+
15
+ const progress = RootContext.consume();
16
+
17
+ const { element, children, ...rest } = $derived(props);
18
+
19
+ const attributes = $derived(
20
+ mergeProps(
21
+ progress().getCircleProps(),
22
+ {
23
+ class: classesProgress.circle,
24
+ style: '--size: 100px; --thickness: 10px;',
25
+ },
26
+ rest,
27
+ ),
28
+ );
29
+ </script>
30
+
31
+ {#if element}
32
+ {@render element(attributes)}
33
+ {:else}
34
+ <svg {...attributes}>
35
+ {@render children?.()}
36
+ </svg>
37
+ {/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 ProgressCircleProps extends PropsWithElement<'svg'>, HTMLAttributes<'svg'> {
4
+ }
5
+ declare const Circle: import("svelte").Component<ProgressCircleProps, {}, "">;
6
+ type Circle = ReturnType<typeof Circle>;
7
+ export default Circle;
8
+ //# sourceMappingURL=circle.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"circle.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/progress/anatomy/circle.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,mBAAoB,SAAQ,gBAAgB,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC;CAAG;AA0C/F,QAAA,MAAM,MAAM,yDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}
@@ -2,25 +2,25 @@
2
2
  import type { HTMLAttributes } from '../../../internal/html-attributes';
3
3
  import type { PropsWithElement } from '../../../internal/props-with-element';
4
4
 
5
- export interface ProgressLinearLabelProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
5
+ export interface ProgressLabelProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
6
6
  </script>
7
7
 
8
8
  <script lang="ts">
9
9
  import { RootContext } from '../modules/root-context';
10
- import { classesProgressLinear } from '@skeletonlabs/skeleton-common';
10
+ import { classesProgress } from '@skeletonlabs/skeleton-common';
11
11
  import { mergeProps } from '@zag-js/svelte';
12
12
 
13
- const props: ProgressLinearLabelProps = $props();
13
+ const props: ProgressLabelProps = $props();
14
14
 
15
- const progressLinear = RootContext.consume();
15
+ const progress = RootContext.consume();
16
16
 
17
17
  const { element, children, ...rest } = $derived(props);
18
18
 
19
19
  const attributes = $derived(
20
20
  mergeProps(
21
- progressLinear().getLabelProps(),
21
+ progress().getLabelProps(),
22
22
  {
23
- class: classesProgressLinear.label,
23
+ class: classesProgress.label,
24
24
  },
25
25
  rest,
26
26
  ),
@@ -0,0 +1,8 @@
1
+ import type { HTMLAttributes } from '../../../internal/html-attributes';
2
+ import type { PropsWithElement } from '../../../internal/props-with-element';
3
+ export interface ProgressLabelProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {
4
+ }
5
+ declare const Label: import("svelte").Component<ProgressLabelProps, {}, "">;
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/progress/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,kBAAmB,SAAQ,gBAAgB,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC;CAAG;AAyC9F,QAAA,MAAM,KAAK,wDAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
@@ -2,25 +2,25 @@
2
2
  import type { HTMLAttributes } from '../../../internal/html-attributes';
3
3
  import type { PropsWithElement } from '../../../internal/props-with-element';
4
4
 
5
- export interface ProgressLinearRangeProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
5
+ export interface ProgressRangeProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
6
6
  </script>
7
7
 
8
8
  <script lang="ts">
9
9
  import { RootContext } from '../modules/root-context';
10
- import { classesProgressLinear } from '@skeletonlabs/skeleton-common';
10
+ import { classesProgress } from '@skeletonlabs/skeleton-common';
11
11
  import { mergeProps } from '@zag-js/svelte';
12
12
 
13
- const props: ProgressLinearRangeProps = $props();
13
+ const props: ProgressRangeProps = $props();
14
14
 
15
- const progressLinear = RootContext.consume();
15
+ const progress = RootContext.consume();
16
16
 
17
17
  const { element, children, ...rest } = $derived(props);
18
18
 
19
19
  const attributes = $derived(
20
20
  mergeProps(
21
- progressLinear().getRangeProps(),
21
+ progress().getRangeProps(),
22
22
  {
23
- class: classesProgressLinear.range,
23
+ class: classesProgress.range,
24
24
  },
25
25
  rest,
26
26
  ),
@@ -0,0 +1,8 @@
1
+ import type { HTMLAttributes } from '../../../internal/html-attributes';
2
+ import type { PropsWithElement } from '../../../internal/props-with-element';
3
+ export interface ProgressRangeProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {
4
+ }
5
+ declare const Range: import("svelte").Component<ProgressRangeProps, {}, "">;
6
+ type Range = ReturnType<typeof Range>;
7
+ export default Range;
8
+ //# sourceMappingURL=range.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"range.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/progress/anatomy/range.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,kBAAmB,SAAQ,gBAAgB,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC;CAAG;AAyC9F,QAAA,MAAM,KAAK,wDAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
@@ -0,0 +1,20 @@
1
+ <script lang="ts" module>
2
+ import type { useProgress } from '../modules/provider.svelte';
3
+ import type { Snippet } from 'svelte';
4
+
5
+ export interface ProgressRootContextProps {
6
+ children: Snippet<[ReturnType<typeof useProgress>]>;
7
+ }
8
+ </script>
9
+
10
+ <script lang="ts">
11
+ import { RootContext } from '../modules/root-context';
12
+
13
+ const props: ProgressRootContextProps = $props();
14
+
15
+ const progress = RootContext.consume();
16
+
17
+ const { children } = $derived(props);
18
+ </script>
19
+
20
+ {@render children(progress)}
@@ -0,0 +1,10 @@
1
+ import type { useProgress } from '../modules/provider.svelte';
2
+ import type { Snippet } from 'svelte';
3
+ export interface ProgressRootContextProps {
4
+ children: Snippet<[ReturnType<typeof useProgress>]>;
5
+ }
6
+ import { RootContext } from '../modules/root-context';
7
+ declare const RootContext: import("svelte").Component<ProgressRootContextProps, {}, "">;
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/progress/anatomy/root-context.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,WAAW,wBAAwB;IACxC,QAAQ,EAAE,OAAO,CAAC,CAAC,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC;CACpD;AAGF,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAkBtD,QAAA,MAAM,WAAW,8DAAwC,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 { useProgress } 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 ProgressRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
7
+ value: ReturnType<typeof useProgress>;
8
+ }
9
+ </script>
10
+
11
+ <script lang="ts">
12
+ import { RootContext } from '../modules/root-context';
13
+ import { classesProgress } from '@skeletonlabs/skeleton-common';
14
+ import { mergeProps } from '@zag-js/svelte';
15
+
16
+ const props: ProgressRootProviderProps = $props();
17
+
18
+ const { element, children, value: avatar, ...rest } = $derived(props);
19
+
20
+ const attributes = $derived(
21
+ mergeProps(
22
+ avatar().getRootProps(),
23
+ {
24
+ class: classesProgress.root,
25
+ },
26
+ rest,
27
+ ),
28
+ );
29
+
30
+ RootContext.provide(() => avatar());
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 { useProgress } from '../modules/provider.svelte';
2
+ import type { HTMLAttributes } from '../../../internal/html-attributes';
3
+ import type { PropsWithElement } from '../../../internal/props-with-element';
4
+ export interface ProgressRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
5
+ value: ReturnType<typeof useProgress>;
6
+ }
7
+ declare const RootProvider: import("svelte").Component<ProgressRootProviderProps, {}, "">;
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/progress/anatomy/root-provider.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,MAAM,WAAW,yBAA0B,SAAQ,gBAAgB,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC;IAC9G,KAAK,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;CACtC;AAyCF,QAAA,MAAM,YAAY,+DAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
@@ -3,32 +3,32 @@
3
3
  import type { PropsWithElement } from '../../../internal/props-with-element';
4
4
  import type { Props } from '@zag-js/progress';
5
5
 
6
- export interface ProgressLinearRootProps extends Omit<Props, 'id'>, PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {}
6
+ export interface ProgressRootProps extends Omit<Props, 'id'>, PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {}
7
7
  </script>
8
8
 
9
9
  <script lang="ts">
10
- import { useProgressLinear } from '../modules/provider.svelte';
10
+ import { useProgress } from '../modules/provider.svelte';
11
11
  import { RootContext } from '../modules/root-context';
12
- import { classesProgressLinear } from '@skeletonlabs/skeleton-common';
12
+ import { classesProgress } from '@skeletonlabs/skeleton-common';
13
13
  import { splitProps } from '@zag-js/progress';
14
14
  import { mergeProps } from '@zag-js/svelte';
15
15
 
16
- const props: ProgressLinearRootProps = $props();
16
+ const props: ProgressRootProps = $props();
17
17
 
18
- const [progressLinearProps, componentProps] = $derived(splitProps(props));
18
+ const [progressProps, componentProps] = $derived(splitProps(props));
19
19
  const { element, children, ...rest } = $derived(componentProps);
20
20
 
21
21
  const id = $props.id();
22
- const avatar = useProgressLinear(() => ({
22
+ const avatar = useProgress(() => ({
23
23
  id,
24
- ...progressLinearProps,
24
+ ...progressProps,
25
25
  }));
26
26
 
27
27
  const attributes = $derived(
28
28
  mergeProps(
29
29
  avatar().getRootProps(),
30
30
  {
31
- class: classesProgressLinear.root,
31
+ class: classesProgress.root,
32
32
  },
33
33
  rest,
34
34
  ),
@@ -1,9 +1,9 @@
1
1
  import type { HTMLAttributes } from '../../../internal/html-attributes';
2
2
  import type { PropsWithElement } from '../../../internal/props-with-element';
3
3
  import type { Props } from '@zag-js/progress';
4
- export interface ProgressLinearRootProps extends Omit<Props, 'id'>, PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
4
+ export interface ProgressRootProps extends Omit<Props, 'id'>, PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
5
5
  }
6
- declare const Root: import("svelte").Component<ProgressLinearRootProps, {}, "">;
6
+ declare const Root: import("svelte").Component<ProgressRootProps, {}, "">;
7
7
  type Root = ReturnType<typeof Root>;
8
8
  export default Root;
9
9
  //# sourceMappingURL=root.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"root.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/progress/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,kBAAkB,CAAC;AAE9C,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC;CAAG;AAoD9H,QAAA,MAAM,IAAI,uDAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}
@@ -2,25 +2,25 @@
2
2
  import type { HTMLAttributes } from '../../../internal/html-attributes';
3
3
  import type { PropsWithElement } from '../../../internal/props-with-element';
4
4
 
5
- export interface ProgressLinearTrackProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
5
+ export interface ProgressTrackProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
6
6
  </script>
7
7
 
8
8
  <script lang="ts">
9
9
  import { RootContext } from '../modules/root-context';
10
- import { classesProgressLinear } from '@skeletonlabs/skeleton-common';
10
+ import { classesProgress } from '@skeletonlabs/skeleton-common';
11
11
  import { mergeProps } from '@zag-js/svelte';
12
12
 
13
- const props: ProgressLinearTrackProps = $props();
13
+ const props: ProgressTrackProps = $props();
14
14
 
15
- const progressLinear = RootContext.consume();
15
+ const progress = RootContext.consume();
16
16
 
17
17
  const { element, children, ...rest } = $derived(props);
18
18
 
19
19
  const attributes = $derived(
20
20
  mergeProps(
21
- progressLinear().getTrackProps(),
21
+ progress().getTrackProps(),
22
22
  {
23
- class: classesProgressLinear.track,
23
+ class: classesProgress.track,
24
24
  },
25
25
  rest,
26
26
  ),
@@ -0,0 +1,8 @@
1
+ import type { HTMLAttributes } from '../../../internal/html-attributes';
2
+ import type { PropsWithElement } from '../../../internal/props-with-element';
3
+ export interface ProgressTrackProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {
4
+ }
5
+ declare const Track: import("svelte").Component<ProgressTrackProps, {}, "">;
6
+ type Track = ReturnType<typeof Track>;
7
+ export default Track;
8
+ //# sourceMappingURL=track.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"track.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/progress/anatomy/track.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,kBAAmB,SAAQ,gBAAgB,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC;CAAG;AAyC9F,QAAA,MAAM,KAAK,wDAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
@@ -0,0 +1,40 @@
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 ProgressValueTextProps extends PropsWithElement<'span'>, HTMLAttributes<'span'> {}
6
+ </script>
7
+
8
+ <script lang="ts">
9
+ import { RootContext } from '../modules/root-context';
10
+ import { classesProgress } from '@skeletonlabs/skeleton-common';
11
+ import { mergeProps } from '@zag-js/svelte';
12
+
13
+ const props: ProgressValueTextProps = $props();
14
+
15
+ const progress = RootContext.consume();
16
+
17
+ const { element, children, ...rest } = $derived(props);
18
+
19
+ const attributes = $derived(
20
+ mergeProps(
21
+ progress().getValueTextProps(),
22
+ {
23
+ class: classesProgress.valueText,
24
+ },
25
+ rest,
26
+ ),
27
+ );
28
+ </script>
29
+
30
+ {#if element}
31
+ {@render element(attributes)}
32
+ {:else}
33
+ <span {...attributes}>
34
+ {#if children}
35
+ {@render children?.()}
36
+ {:else}
37
+ {progress().percentAsString}
38
+ {/if}
39
+ </span>
40
+ {/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 ProgressValueTextProps extends PropsWithElement<'span'>, HTMLAttributes<'span'> {
4
+ }
5
+ declare const ValueText: import("svelte").Component<ProgressValueTextProps, {}, "">;
6
+ type ValueText = ReturnType<typeof ValueText>;
7
+ export default ValueText;
8
+ //# sourceMappingURL=value-text.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"value-text.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/progress/anatomy/value-text.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,sBAAuB,SAAQ,gBAAgB,CAAC,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC;CAAG;AA6CpG,QAAA,MAAM,SAAS,4DAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
@@ -0,0 +1,13 @@
1
+ export type { ProgressLabelProps } from './anatomy/label.svelte';
2
+ export type { ProgressValueTextProps } from './anatomy/value-text.svelte';
3
+ export type { ProgressTrackProps } from './anatomy/track.svelte';
4
+ export type { ProgressRangeProps } from './anatomy/range.svelte';
5
+ export type { ProgressCircleProps } from './anatomy/circle.svelte';
6
+ export type { ProgressCircleRangeProps } from './anatomy/circle-range.svelte';
7
+ export type { ProgressRootProps } from './anatomy/root.svelte';
8
+ export type { ProgressRootContextProps } from './anatomy/root-context.svelte';
9
+ export type { ProgressRootProviderProps } from './anatomy/root-provider.svelte';
10
+ export type { ProgressCircleTrackProps } from './anatomy/circle-track.svelte';
11
+ export { Progress } from './modules/anatomy';
12
+ export { useProgress } from './modules/provider.svelte';
13
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/progress/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACjE,YAAY,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,YAAY,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACjE,YAAY,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACjE,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,YAAY,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,YAAY,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,YAAY,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,YAAY,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAChF,YAAY,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { Progress } from './modules/anatomy';
2
+ export { useProgress } from './modules/provider.svelte';
@@ -0,0 +1,12 @@
1
+ export declare const Progress: import("svelte").Component<import("..").ProgressRootProps, {}, ""> & {
2
+ Provider: import("svelte").Component<import("..").ProgressRootProviderProps, {}, "">;
3
+ Context: import("svelte").Component<import("..").ProgressRootContextProps, {}, "">;
4
+ Label: import("svelte").Component<import("..").ProgressLabelProps, {}, "">;
5
+ ValueText: import("svelte").Component<import("..").ProgressValueTextProps, {}, "">;
6
+ Track: import("svelte").Component<import("..").ProgressTrackProps, {}, "">;
7
+ Range: import("svelte").Component<import("..").ProgressRangeProps, {}, "">;
8
+ Circle: import("svelte").Component<import("..").ProgressCircleProps, {}, "">;
9
+ CircleTrack: import("svelte").Component<import("..").ProgressCircleTrackProps, {}, "">;
10
+ CircleRange: import("svelte").Component<import("..").ProgressCircleRangeProps, {}, "">;
11
+ };
12
+ //# sourceMappingURL=anatomy.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"anatomy.d.ts","sourceRoot":"","sources":["../../../../src/components/progress/modules/anatomy.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,QAAQ;;;;;;;;;;CAUnB,CAAC"}
@@ -1,13 +1,21 @@
1
+ import CircleRange from '../anatomy/circle-range.svelte';
2
+ import CircleTrack from '../anatomy/circle-track.svelte';
3
+ import Circle from '../anatomy/circle.svelte';
1
4
  import Label from '../anatomy/label.svelte';
2
5
  import Range from '../anatomy/range.svelte';
3
6
  import RootContext from '../anatomy/root-context.svelte';
4
7
  import RootProvider from '../anatomy/root-provider.svelte';
5
8
  import Root from '../anatomy/root.svelte';
6
9
  import Track from '../anatomy/track.svelte';
7
- export const ProgressLinear = Object.assign(Root, {
10
+ import ValueText from '../anatomy/value-text.svelte';
11
+ export const Progress = Object.assign(Root, {
8
12
  Provider: RootProvider,
9
13
  Context: RootContext,
10
14
  Label: Label,
15
+ ValueText: ValueText,
11
16
  Track: Track,
12
17
  Range: Range,
18
+ Circle: Circle,
19
+ CircleTrack: CircleTrack,
20
+ CircleRange: CircleRange,
13
21
  });
@@ -0,0 +1,4 @@
1
+ import type { Api, Props } from '@zag-js/progress';
2
+ import { type PropTypes } from '@zag-js/svelte';
3
+ export declare function useProgress(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/progress/modules/provider.svelte.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE5E,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,MAAM,KAAK,CAAC,GAAG,MAAM,GAAG,CAAC,SAAS,CAAC,CAI9E"}
@@ -1,7 +1,7 @@
1
1
  import { connect, machine } from '@zag-js/progress';
2
2
  import { normalizeProps, useMachine } from '@zag-js/svelte';
3
- export function useProgressLinear(props) {
3
+ export function useProgress(props) {
4
4
  const service = useMachine(machine, props);
5
- const progressLinear = $derived(connect(service, normalizeProps));
6
- return () => progressLinear;
5
+ const progress = $derived(connect(service, normalizeProps));
6
+ return () => progress;
7
7
  }
@@ -0,0 +1 @@
1
+ {"version":3,"file":"root-context.d.ts","sourceRoot":"","sources":["../../../../src/components/progress/modules/root-context.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW;;;;CAAkD,CAAC"}
package/dist/index.d.ts CHANGED
@@ -8,7 +8,7 @@ export * from './components/navigation/index';
8
8
  export * from './components/pagination/index';
9
9
  export * from './components/popover/index';
10
10
  export * from './components/portal/index';
11
- export * from './components/progress-linear/index';
11
+ export * from './components/progress/index';
12
12
  export * from './components/rating-group/index';
13
13
  export * from './components/segmented-control/index';
14
14
  export * from './components/slider/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,+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,6BAA6B,CAAC;AAC5C,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
@@ -8,7 +8,7 @@ export * from './components/navigation/index';
8
8
  export * from './components/pagination/index';
9
9
  export * from './components/popover/index';
10
10
  export * from './components/portal/index';
11
- export * from './components/progress-linear/index';
11
+ export * from './components/progress/index';
12
12
  export * from './components/rating-group/index';
13
13
  export * from './components/segmented-control/index';
14
14
  export * from './components/slider/index';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skeletonlabs/skeleton-svelte",
3
- "version": "2.0.0-next.18",
3
+ "version": "2.0.0-next.19",
4
4
  "description": "The Svelte package for Skeleton.",
5
5
  "author": "endigo9740 <chris@skeletonlabs.dev>",
6
6
  "repository": {
@@ -39,26 +39,26 @@
39
39
  "@zag-js/tags-input": "1.24.2",
40
40
  "@zag-js/toast": "1.24.2",
41
41
  "@zag-js/tooltip": "1.24.2",
42
- "@skeletonlabs/skeleton-common": "1.0.0-next.14"
42
+ "@skeletonlabs/skeleton-common": "1.0.0-next.15"
43
43
  },
44
44
  "peerDependencies": {
45
45
  "svelte": "^5.29.0"
46
46
  },
47
47
  "devDependencies": {
48
- "@sveltejs/kit": "2.37.0",
49
- "@sveltejs/package": "2.5.0",
50
- "@sveltejs/vite-plugin-svelte": "6.1.3",
48
+ "@sveltejs/kit": "2.43.5",
49
+ "@sveltejs/package": "2.5.4",
50
+ "@sveltejs/vite-plugin-svelte": "6.2.1",
51
51
  "@testing-library/jest-dom": "6.8.0",
52
52
  "@testing-library/svelte": "5.2.8",
53
- "jsdom": "26.1.0",
54
- "publint": "0.3.12",
55
- "svelte": "5.38.6",
56
- "svelte-check": "4.3.1",
53
+ "jsdom": "27.0.0",
54
+ "publint": "0.3.13",
55
+ "svelte": "5.39.6",
56
+ "svelte-check": "4.3.2",
57
57
  "tslib": "2.8.1",
58
58
  "typescript": "5.9.2",
59
- "vite": "7.1.3",
59
+ "vite": "7.1.7",
60
60
  "vitest": "3.2.4",
61
- "@skeletonlabs/skeleton": "4.0.0-next.6"
61
+ "@skeletonlabs/skeleton": "4.0.0-next.7"
62
62
  },
63
63
  "license": "MIT",
64
64
  "type": "module",
@@ -1,8 +0,0 @@
1
- import type { HTMLAttributes } from '../../../internal/html-attributes';
2
- import type { PropsWithElement } from '../../../internal/props-with-element';
3
- export interface ProgressLinearLabelProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {
4
- }
5
- declare const Label: import("svelte").Component<ProgressLinearLabelProps, {}, "">;
6
- type Label = ReturnType<typeof Label>;
7
- export default Label;
8
- //# sourceMappingURL=label.svelte.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"label.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-linear/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,wBAAyB,SAAQ,gBAAgB,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC;CAAG;AAyCpG,QAAA,MAAM,KAAK,8DAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
@@ -1,8 +0,0 @@
1
- import type { HTMLAttributes } from '../../../internal/html-attributes';
2
- import type { PropsWithElement } from '../../../internal/props-with-element';
3
- export interface ProgressLinearRangeProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {
4
- }
5
- declare const Range: import("svelte").Component<ProgressLinearRangeProps, {}, "">;
6
- type Range = ReturnType<typeof Range>;
7
- export default Range;
8
- //# sourceMappingURL=range.svelte.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"range.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-linear/anatomy/range.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,wBAAyB,SAAQ,gBAAgB,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC;CAAG;AAyCpG,QAAA,MAAM,KAAK,8DAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
@@ -1,20 +0,0 @@
1
- <script lang="ts" module>
2
- import type { useProgressLinear } from '../modules/provider.svelte';
3
- import type { Snippet } from 'svelte';
4
-
5
- export interface ProgressLinearRootContextProps {
6
- children: Snippet<[ReturnType<typeof useProgressLinear>]>;
7
- }
8
- </script>
9
-
10
- <script lang="ts">
11
- import { RootContext } from '../modules/root-context';
12
-
13
- const props: ProgressLinearRootContextProps = $props();
14
-
15
- const progressLinear = RootContext.consume();
16
-
17
- const { children } = $derived(props);
18
- </script>
19
-
20
- {@render children(progressLinear)}
@@ -1,10 +0,0 @@
1
- import type { useProgressLinear } from '../modules/provider.svelte';
2
- import type { Snippet } from 'svelte';
3
- export interface ProgressLinearRootContextProps {
4
- children: Snippet<[ReturnType<typeof useProgressLinear>]>;
5
- }
6
- import { RootContext } from '../modules/root-context';
7
- declare const RootContext: import("svelte").Component<ProgressLinearRootContextProps, {}, "">;
8
- type RootContext = ReturnType<typeof RootContext>;
9
- export default RootContext;
10
- //# sourceMappingURL=root-context.svelte.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"root-context.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-linear/anatomy/root-context.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,WAAW,8BAA8B;IAC9C,QAAQ,EAAE,OAAO,CAAC,CAAC,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC;CAC1D;AAGF,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAkBtD,QAAA,MAAM,WAAW,oEAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
@@ -1,39 +0,0 @@
1
- <script lang="ts" module>
2
- import type { useProgressLinear } 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 ProgressLinearRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
7
- value: ReturnType<typeof useProgressLinear>;
8
- }
9
- </script>
10
-
11
- <script lang="ts">
12
- import { RootContext } from '../modules/root-context';
13
- import { classesProgressLinear } from '@skeletonlabs/skeleton-common';
14
- import { mergeProps } from '@zag-js/svelte';
15
-
16
- const props: ProgressLinearRootProviderProps = $props();
17
-
18
- const { element, children, value: progressLinear, ...rest } = $derived(props);
19
-
20
- const attributes = $derived(
21
- mergeProps(
22
- progressLinear().getRootProps(),
23
- {
24
- class: classesProgressLinear.root,
25
- },
26
- rest,
27
- ),
28
- );
29
-
30
- RootContext.provide(() => progressLinear());
31
- </script>
32
-
33
- {#if element}
34
- {@render element(attributes)}
35
- {:else}
36
- <div {...attributes}>
37
- {@render children?.()}
38
- </div>
39
- {/if}
@@ -1,10 +0,0 @@
1
- import type { useProgressLinear } from '../modules/provider.svelte';
2
- import type { HTMLAttributes } from '../../../internal/html-attributes';
3
- import type { PropsWithElement } from '../../../internal/props-with-element';
4
- export interface ProgressLinearRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
5
- value: ReturnType<typeof useProgressLinear>;
6
- }
7
- declare const RootProvider: import("svelte").Component<ProgressLinearRootProviderProps, {}, "">;
8
- type RootProvider = ReturnType<typeof RootProvider>;
9
- export default RootProvider;
10
- //# sourceMappingURL=root-provider.svelte.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"root-provider.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-linear/anatomy/root-provider.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,MAAM,WAAW,+BAAgC,SAAQ,gBAAgB,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC;IACpH,KAAK,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;CAC5C;AAyCF,QAAA,MAAM,YAAY,qEAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"root.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-linear/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,kBAAkB,CAAC;AAE9C,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC;CAAG;AAoDpI,QAAA,MAAM,IAAI,6DAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}
@@ -1,8 +0,0 @@
1
- import type { HTMLAttributes } from '../../../internal/html-attributes';
2
- import type { PropsWithElement } from '../../../internal/props-with-element';
3
- export interface ProgressLinearTrackProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {
4
- }
5
- declare const Track: import("svelte").Component<ProgressLinearTrackProps, {}, "">;
6
- type Track = ReturnType<typeof Track>;
7
- export default Track;
8
- //# sourceMappingURL=track.svelte.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"track.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-linear/anatomy/track.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,wBAAyB,SAAQ,gBAAgB,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC;CAAG;AAyCpG,QAAA,MAAM,KAAK,8DAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
@@ -1,9 +0,0 @@
1
- export type { ProgressLinearLabelProps } from './anatomy/label.svelte';
2
- export type { ProgressLinearRangeProps } from './anatomy/range.svelte';
3
- export type { ProgressLinearRootProps } from './anatomy/root.svelte';
4
- export type { ProgressLinearRootContextProps } from './anatomy/root-context.svelte';
5
- export type { ProgressLinearRootProviderProps } from './anatomy/root-provider.svelte';
6
- export type { ProgressLinearTrackProps } from './anatomy/track.svelte';
7
- export { ProgressLinear } from './modules/anatomy';
8
- export { useProgressLinear } from './modules/provider.svelte';
9
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/progress-linear/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AACvE,YAAY,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AACvE,YAAY,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AACrE,YAAY,EAAE,8BAA8B,EAAE,MAAM,+BAA+B,CAAC;AACpF,YAAY,EAAE,+BAA+B,EAAE,MAAM,gCAAgC,CAAC;AACtF,YAAY,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC"}
@@ -1,2 +0,0 @@
1
- export { ProgressLinear } from './modules/anatomy';
2
- export { useProgressLinear } from './modules/provider.svelte';
@@ -1,8 +0,0 @@
1
- export declare const ProgressLinear: import("svelte").Component<import("..").ProgressLinearRootProps, {}, ""> & {
2
- Provider: import("svelte").Component<import("..").ProgressLinearRootProviderProps, {}, "">;
3
- Context: import("svelte").Component<import("..").ProgressLinearRootContextProps, {}, "">;
4
- Label: import("svelte").Component<import("..").ProgressLinearLabelProps, {}, "">;
5
- Track: import("svelte").Component<import("..").ProgressLinearTrackProps, {}, "">;
6
- Range: import("svelte").Component<import("..").ProgressLinearRangeProps, {}, "">;
7
- };
8
- //# sourceMappingURL=anatomy.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"anatomy.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-linear/modules/anatomy.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,cAAc;;;;;;CAMzB,CAAC"}
@@ -1,4 +0,0 @@
1
- import type { Api, Props } from '@zag-js/progress';
2
- import { type PropTypes } from '@zag-js/svelte';
3
- export declare function useProgressLinear(props: Props | (() => Props)): () => Api<PropTypes>;
4
- //# sourceMappingURL=provider.svelte.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"provider.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-linear/modules/provider.svelte.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE5E,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,MAAM,KAAK,CAAC,GAAG,MAAM,GAAG,CAAC,SAAS,CAAC,CAIpF"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"root-context.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-linear/modules/root-context.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW;;;;CAAwD,CAAC"}