@skeletonlabs/skeleton-svelte 1.0.0-next.8 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (117) hide show
  1. package/README.md +1 -1
  2. package/dist/components/Accordion/Accordion.svelte +49 -52
  3. package/dist/components/Accordion/Accordion.svelte.d.ts +2 -14
  4. package/dist/components/Accordion/AccordionItem.svelte +43 -37
  5. package/dist/components/Accordion/AccordionItem.svelte.d.ts +2 -14
  6. package/dist/components/Accordion/context.js +2 -1
  7. package/dist/components/Accordion/index.d.ts +4 -0
  8. package/dist/components/Accordion/index.js +1 -1
  9. package/dist/components/Accordion/types.d.ts +7 -9
  10. package/dist/components/AppBar/AppBar.svelte +43 -40
  11. package/dist/components/AppBar/AppBar.svelte.d.ts +2 -14
  12. package/dist/components/Avatar/Avatar.svelte +56 -44
  13. package/dist/components/Avatar/Avatar.svelte.d.ts +2 -14
  14. package/dist/components/Avatar/types.d.ts +3 -3
  15. package/dist/components/Combobox/Combobox.svelte +144 -0
  16. package/dist/components/Combobox/Combobox.svelte.d.ts +18 -0
  17. package/dist/components/Combobox/types.d.ts +64 -0
  18. package/dist/components/Combobox/types.js +1 -0
  19. package/dist/components/FileUpload/FileUpload.svelte +70 -63
  20. package/dist/components/FileUpload/FileUpload.svelte.d.ts +2 -14
  21. package/dist/components/FileUpload/types.d.ts +3 -4
  22. package/dist/components/Modal/Modal.svelte +87 -0
  23. package/dist/components/Modal/Modal.svelte.d.ts +4 -0
  24. package/dist/components/Modal/types.d.ts +57 -0
  25. package/dist/components/Modal/types.js +1 -0
  26. package/dist/components/Navigation/NavBar.svelte +48 -0
  27. package/dist/components/Navigation/NavBar.svelte.d.ts +5 -0
  28. package/dist/components/Navigation/NavRail.svelte +90 -0
  29. package/dist/components/Navigation/NavRail.svelte.d.ts +5 -0
  30. package/dist/components/Navigation/NavTile.svelte +87 -0
  31. package/dist/components/Navigation/NavTile.svelte.d.ts +5 -0
  32. package/dist/components/Navigation/context.js +7 -0
  33. package/dist/components/Navigation/index.d.ts +6 -0
  34. package/dist/components/{Nav → Navigation}/index.js +1 -1
  35. package/dist/components/{Nav → Navigation}/types.d.ts +5 -3
  36. package/dist/components/Pagination/Pagination.svelte +58 -67
  37. package/dist/components/Pagination/Pagination.svelte.d.ts +2 -14
  38. package/dist/components/Pagination/types.d.ts +15 -15
  39. package/dist/components/Popover/Popover.svelte +78 -0
  40. package/dist/components/Popover/Popover.svelte.d.ts +4 -0
  41. package/dist/components/Popover/types.d.ts +42 -0
  42. package/dist/components/Popover/types.js +1 -0
  43. package/dist/components/Progress/Progress.svelte +44 -38
  44. package/dist/components/Progress/Progress.svelte.d.ts +2 -14
  45. package/dist/components/Progress/types.d.ts +1 -1
  46. package/dist/components/ProgressRing/ProgressRing.svelte +58 -46
  47. package/dist/components/ProgressRing/ProgressRing.svelte.d.ts +2 -14
  48. package/dist/components/ProgressRing/types.d.ts +3 -1
  49. package/dist/components/Rating/Rating.svelte +101 -57
  50. package/dist/components/Rating/Rating.svelte.d.ts +2 -14
  51. package/dist/components/Rating/types.d.ts +1 -5
  52. package/dist/components/Segment/Segment.svelte +59 -67
  53. package/dist/components/Segment/Segment.svelte.d.ts +3 -15
  54. package/dist/components/Segment/SegmentItem.svelte +28 -21
  55. package/dist/components/Segment/SegmentItem.svelte.d.ts +2 -14
  56. package/dist/components/Segment/context.js +3 -2
  57. package/dist/components/Segment/index.d.ts +4 -0
  58. package/dist/components/Segment/index.js +1 -1
  59. package/dist/components/Segment/types.d.ts +8 -10
  60. package/dist/components/Slider/Slider.svelte +67 -72
  61. package/dist/components/Slider/Slider.svelte.d.ts +2 -14
  62. package/dist/components/Slider/types.d.ts +5 -9
  63. package/dist/components/Switch/Switch.svelte +75 -90
  64. package/dist/components/Switch/Switch.svelte.d.ts +2 -14
  65. package/dist/components/Switch/types.d.ts +2 -8
  66. package/dist/components/Tabs/Tabs.svelte +59 -0
  67. package/dist/components/Tabs/Tabs.svelte.d.ts +5 -0
  68. package/dist/components/Tabs/TabsControl.svelte +51 -0
  69. package/dist/components/Tabs/TabsControl.svelte.d.ts +5 -0
  70. package/dist/components/Tabs/TabsPanel.svelte +23 -0
  71. package/dist/components/Tabs/TabsPanel.svelte.d.ts +5 -0
  72. package/dist/components/{Tab → Tabs}/context.js +3 -2
  73. package/dist/components/Tabs/index.d.ts +5 -0
  74. package/dist/components/{Tab → Tabs}/index.js +1 -1
  75. package/dist/components/{Tab → Tabs}/types.d.ts +1 -3
  76. package/dist/components/TagsInput/TagsInput.svelte +48 -54
  77. package/dist/components/TagsInput/TagsInput.svelte.d.ts +2 -14
  78. package/dist/components/TagsInput/types.d.ts +3 -7
  79. package/dist/components/Toast/ToastProvider.svelte +133 -0
  80. package/dist/components/Toast/ToastProvider.svelte.d.ts +4 -0
  81. package/dist/components/Toast/types.d.ts +87 -0
  82. package/dist/components/Tooltip/Tooltip.svelte +79 -0
  83. package/dist/components/Tooltip/Tooltip.svelte.d.ts +4 -0
  84. package/dist/components/Tooltip/types.d.ts +44 -0
  85. package/dist/components/Tooltip/types.js +1 -0
  86. package/dist/index.d.ts +8 -2
  87. package/dist/index.js +11 -2
  88. package/dist/internal/create-context.d.ts +6 -0
  89. package/dist/internal/create-context.js +3 -3
  90. package/dist/internal/test-utils.d.ts +3 -0
  91. package/dist/internal/test-utils.js +9 -0
  92. package/package.json +43 -54
  93. package/dist/components/Accordion/Accordion.svelte.spec.js +0 -4
  94. package/dist/components/Nav/NavBar.svelte +0 -45
  95. package/dist/components/Nav/NavBar.svelte.d.ts +0 -17
  96. package/dist/components/Nav/NavRail.svelte +0 -79
  97. package/dist/components/Nav/NavRail.svelte.d.ts +0 -17
  98. package/dist/components/Nav/NavTile.svelte +0 -76
  99. package/dist/components/Nav/NavTile.svelte.d.ts +0 -17
  100. package/dist/components/Nav/context.js +0 -7
  101. package/dist/components/Tab/Tabs.svelte +0 -65
  102. package/dist/components/Tab/Tabs.svelte.d.ts +0 -17
  103. package/dist/components/Tab/TabsControl.svelte +0 -42
  104. package/dist/components/Tab/TabsControl.svelte.d.ts +0 -17
  105. package/dist/components/Tab/TabsPanel.svelte +0 -18
  106. package/dist/components/Tab/TabsPanel.svelte.d.ts +0 -17
  107. package/dist/internal/noop.d.ts +0 -1
  108. package/dist/internal/noop.js +0 -2
  109. package/dist/internal/snippets.d.ts +0 -3
  110. package/dist/internal/snippets.js +0 -45
  111. package/dist/internal/use-id.d.ts +0 -2
  112. package/dist/internal/use-id.js +0 -5
  113. /package/dist/components/{Nav → Navigation}/context.d.ts +0 -0
  114. /package/dist/components/{Nav → Navigation}/types.js +0 -0
  115. /package/dist/components/{Tab → Tabs}/context.d.ts +0 -0
  116. /package/dist/components/{Tab → Tabs}/types.js +0 -0
  117. /package/dist/components/{Accordion/Accordion.svelte.spec.d.ts → Toast/types.js} +0 -0
@@ -1,17 +0,0 @@
1
- import type { TabsControlProps } from './types.js';
2
- interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
3
- new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
4
- $$bindings?: Bindings;
5
- } & Exports;
6
- (internal: unknown, props: Props & {
7
- $$events?: Events;
8
- $$slots?: Slots;
9
- }): Exports;
10
- z_$$bindings?: Bindings;
11
- }
12
- /** A individual tab trigger element. */
13
- declare const TabsControl: $$__sveltets_2_IsomorphicComponent<TabsControlProps, {
14
- [evt: string]: CustomEvent<any>;
15
- }, {}, {}, "">;
16
- type TabsControl = InstanceType<typeof TabsControl>;
17
- export default TabsControl;
@@ -1,18 +0,0 @@
1
- <script lang="ts">import { getTabContext } from "./context.js";
2
- let {
3
- // Root
4
- base = "",
5
- classes = "",
6
- // Children
7
- children,
8
- // Zag
9
- ...zagProps
10
- } = $props();
11
- const ctx = getTabContext();
12
- </script>
13
-
14
- <!-- @component A individual tab panel of content. -->
15
-
16
- <div {...ctx.api.getContentProps(zagProps)} class="{base} {classes}" data-testid="tabs-panel">
17
- {@render children?.()}
18
- </div>
@@ -1,17 +0,0 @@
1
- import type { TabsPanelProps } from './types.js';
2
- interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
3
- new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
4
- $$bindings?: Bindings;
5
- } & Exports;
6
- (internal: unknown, props: Props & {
7
- $$events?: Events;
8
- $$slots?: Slots;
9
- }): Exports;
10
- z_$$bindings?: Bindings;
11
- }
12
- /** A individual tab panel of content. */
13
- declare const TabsPanel: $$__sveltets_2_IsomorphicComponent<TabsPanelProps, {
14
- [evt: string]: CustomEvent<any>;
15
- }, {}, {}, "">;
16
- type TabsPanel = InstanceType<typeof TabsPanel>;
17
- export default TabsPanel;
@@ -1 +0,0 @@
1
- export declare function noop(): void;
@@ -1,2 +0,0 @@
1
- // eslint-disable-next-line @typescript-eslint/no-empty-function
2
- export function noop() { }
@@ -1,3 +0,0 @@
1
- export declare const starEmpty: import("svelte").Snippet<[]>;
2
- export declare const starHalf: import("svelte").Snippet<[]>;
3
- export declare const starFull: import("svelte").Snippet<[]>;
@@ -1,45 +0,0 @@
1
- import { createRawSnippet } from 'svelte';
2
- export const starEmpty = createRawSnippet(() => {
3
- return {
4
- render: () => /*html*/ `
5
- <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" height="24" width="24">
6
- <path
7
- stroke-linecap="round"
8
- stroke-linejoin="round"
9
- d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"
10
- />
11
- </svg>
12
- `
13
- };
14
- });
15
- export const starHalf = createRawSnippet(() => {
16
- return {
17
- render: () => /*html*/ `
18
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" height="24" width="24">
19
- <defs>
20
- <linearGradient id="half-fill">
21
- <stop offset="50%" stop-color="currentColor" />
22
- <stop offset="50%" stop-color="transparent" />
23
- </linearGradient>
24
- </defs>
25
- <path
26
- fill="url(#half-fill)"
27
- d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z"
28
- />
29
- </svg>
30
- `
31
- };
32
- });
33
- export const starFull = createRawSnippet(() => {
34
- return {
35
- render: () => /*html*/ `
36
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" height="24" width="24">
37
- <path
38
- fill-rule="evenodd"
39
- d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z"
40
- clip-rule="evenodd"
41
- />
42
- </svg>
43
- `
44
- };
45
- });
@@ -1,2 +0,0 @@
1
- /** Implements a non-secure but unique ID value. */
2
- export declare const useId: () => string;
@@ -1,5 +0,0 @@
1
- /** Implements a non-secure but unique ID value. */
2
- export const useId = (() => {
3
- let id = 0;
4
- return () => Math.random().toString(36).substring(2) + id++;
5
- })();
File without changes
File without changes
File without changes