sv5ui 1.6.0 → 1.8.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 (71) hide show
  1. package/dist/Banner/Banner.svelte +162 -0
  2. package/dist/Banner/Banner.svelte.d.ts +5 -0
  3. package/dist/Banner/banner.types.d.ts +148 -0
  4. package/dist/Banner/banner.types.js +1 -0
  5. package/dist/Banner/banner.variants.d.ts +293 -0
  6. package/dist/Banner/banner.variants.js +86 -0
  7. package/dist/Banner/index.d.ts +2 -0
  8. package/dist/Banner/index.js +1 -0
  9. package/dist/Calendar/Calendar.svelte +48 -6
  10. package/dist/Calendar/calendar.types.d.ts +19 -0
  11. package/dist/Calendar/calendar.variants.js +2 -1
  12. package/dist/Carousel/Carousel.svelte +279 -0
  13. package/dist/Carousel/Carousel.svelte.d.ts +26 -0
  14. package/dist/Carousel/carousel.types.d.ts +242 -0
  15. package/dist/Carousel/carousel.types.js +1 -0
  16. package/dist/Carousel/carousel.variants.d.ts +408 -0
  17. package/dist/Carousel/carousel.variants.js +88 -0
  18. package/dist/Carousel/index.d.ts +2 -0
  19. package/dist/Carousel/index.js +1 -0
  20. package/dist/Editor/Editor.svelte +738 -0
  21. package/dist/Editor/Editor.svelte.d.ts +6 -0
  22. package/dist/Editor/EditorUrlPrompt.svelte +111 -0
  23. package/dist/Editor/EditorUrlPrompt.svelte.d.ts +15 -0
  24. package/dist/Editor/SlashPopup.svelte +67 -0
  25. package/dist/Editor/SlashPopup.svelte.d.ts +9 -0
  26. package/dist/Editor/editor.extensions.d.ts +23 -0
  27. package/dist/Editor/editor.extensions.js +123 -0
  28. package/dist/Editor/editor.schemas.d.ts +4 -0
  29. package/dist/Editor/editor.schemas.js +3 -0
  30. package/dist/Editor/editor.slash.svelte.d.ts +34 -0
  31. package/dist/Editor/editor.slash.svelte.js +273 -0
  32. package/dist/Editor/editor.suggestion.d.ts +7 -0
  33. package/dist/Editor/editor.suggestion.js +142 -0
  34. package/dist/Editor/editor.toolbar.d.ts +11 -0
  35. package/dist/Editor/editor.toolbar.js +212 -0
  36. package/dist/Editor/editor.types.d.ts +347 -0
  37. package/dist/Editor/editor.types.js +1 -0
  38. package/dist/Editor/editor.variants.d.ts +308 -0
  39. package/dist/Editor/editor.variants.js +150 -0
  40. package/dist/Editor/index.d.ts +53 -0
  41. package/dist/Editor/index.js +52 -0
  42. package/dist/FileUpload/FileUpload.svelte +81 -10
  43. package/dist/FileUpload/file-upload.types.d.ts +39 -0
  44. package/dist/FileUpload/index.d.ts +1 -1
  45. package/dist/Modal/Modal.svelte +14 -3
  46. package/dist/Modal/modal.types.d.ts +15 -4
  47. package/dist/Modal/modal.variants.d.ts +110 -20
  48. package/dist/Modal/modal.variants.js +27 -9
  49. package/dist/PinInput/PinInput.svelte +18 -4
  50. package/dist/PinInput/pin-input.types.d.ts +11 -0
  51. package/dist/Select/Select.svelte +98 -28
  52. package/dist/Select/select.types.d.ts +44 -2
  53. package/dist/SelectMenu/SelectMenu.svelte +210 -25
  54. package/dist/SelectMenu/select-menu.types.d.ts +62 -1
  55. package/dist/SelectMenu/select-menu.variants.d.ts +26 -0
  56. package/dist/SelectMenu/select-menu.variants.js +34 -6
  57. package/dist/Slideover/Slideover.svelte +13 -2
  58. package/dist/Slideover/slideover.types.d.ts +14 -3
  59. package/dist/Slideover/slideover.variants.d.ts +85 -5
  60. package/dist/Slideover/slideover.variants.js +42 -12
  61. package/dist/Stepper/Stepper.svelte +292 -0
  62. package/dist/Stepper/Stepper.svelte.d.ts +5 -0
  63. package/dist/Stepper/index.d.ts +2 -0
  64. package/dist/Stepper/index.js +1 -0
  65. package/dist/Stepper/stepper.types.d.ts +223 -0
  66. package/dist/Stepper/stepper.types.js +1 -0
  67. package/dist/Stepper/stepper.variants.d.ts +428 -0
  68. package/dist/Stepper/stepper.variants.js +204 -0
  69. package/dist/index.d.ts +3 -0
  70. package/dist/index.js +3 -0
  71. package/package.json +102 -1
package/dist/Carousel/carousel.variants.js ADDED
@@ -0,0 +1,88 @@
1
+ import { tv } from 'tailwind-variants';
2
+ export const carouselVariants = tv({
3
+ slots: {
4
+ root: 'relative',
5
+ viewport: 'overflow-hidden',
6
+ container: 'flex',
7
+ slide: 'shrink-0 grow-0 basis-[calc(100%/var(--sv-slides))]',
8
+ arrow: 'absolute z-10 shadow-md',
9
+ arrowPrev: '',
10
+ arrowNext: '',
11
+ dots: 'flex items-center justify-center gap-2',
12
+ dot: [
13
+ 'rounded-full bg-on-surface/30 transition-all',
14
+ 'hover:bg-on-surface/50',
15
+ 'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2',
16
+ 'data-[selected]:bg-primary'
17
+ ]
18
+ },
19
+ variants: {
20
+ orientation: {
21
+ horizontal: {
22
+ viewport: 'w-full',
23
+ container: 'flex-row touch-pan-y',
24
+ slide: 'min-w-0 h-auto',
25
+ dots: 'flex-row mt-4',
26
+ arrowPrev: 'left-2 top-1/2 -translate-y-1/2',
27
+ arrowNext: 'right-2 top-1/2 -translate-y-1/2'
28
+ },
29
+ vertical: {
30
+ root: 'h-full',
31
+ viewport: 'h-full w-full',
32
+ container: 'flex-col h-full touch-pan-x',
33
+ slide: 'min-h-0 w-auto',
34
+ dots: 'flex-col absolute right-2 top-1/2 -translate-y-1/2',
35
+ arrowPrev: 'top-2 left-1/2 -translate-x-1/2',
36
+ arrowNext: 'bottom-2 left-1/2 -translate-x-1/2'
37
+ }
38
+ },
39
+ size: {
40
+ xs: { dot: 'size-1.5' },
41
+ sm: { dot: 'size-2' },
42
+ md: { dot: 'size-2.5' },
43
+ lg: { dot: 'size-3' },
44
+ xl: { dot: 'size-3.5' }
45
+ },
46
+ color: {
47
+ primary: { dot: 'data-[selected]:bg-primary focus-visible:outline-primary' },
48
+ secondary: { dot: 'data-[selected]:bg-secondary focus-visible:outline-secondary' },
49
+ tertiary: { dot: 'data-[selected]:bg-tertiary focus-visible:outline-tertiary' },
50
+ success: { dot: 'data-[selected]:bg-success focus-visible:outline-success' },
51
+ warning: { dot: 'data-[selected]:bg-warning focus-visible:outline-warning' },
52
+ error: { dot: 'data-[selected]:bg-error focus-visible:outline-error' },
53
+ info: { dot: 'data-[selected]:bg-info focus-visible:outline-info' },
54
+ surface: {
55
+ dot: 'data-[selected]:bg-on-surface focus-visible:outline-on-surface'
56
+ }
57
+ },
58
+ variant: {
59
+ solid: '',
60
+ outline: '',
61
+ soft: '',
62
+ subtle: '',
63
+ ghost: ''
64
+ }
65
+ },
66
+ compoundVariants: [
67
+ { orientation: 'horizontal', size: 'xs', class: { dot: 'data-[selected]:w-4' } },
68
+ { orientation: 'horizontal', size: 'sm', class: { dot: 'data-[selected]:w-5' } },
69
+ { orientation: 'horizontal', size: 'md', class: { dot: 'data-[selected]:w-6' } },
70
+ { orientation: 'horizontal', size: 'lg', class: { dot: 'data-[selected]:w-7' } },
71
+ { orientation: 'horizontal', size: 'xl', class: { dot: 'data-[selected]:w-8' } },
72
+ { orientation: 'vertical', size: 'xs', class: { dot: 'data-[selected]:h-4' } },
73
+ { orientation: 'vertical', size: 'sm', class: { dot: 'data-[selected]:h-5' } },
74
+ { orientation: 'vertical', size: 'md', class: { dot: 'data-[selected]:h-6' } },
75
+ { orientation: 'vertical', size: 'lg', class: { dot: 'data-[selected]:h-7' } },
76
+ { orientation: 'vertical', size: 'xl', class: { dot: 'data-[selected]:h-8' } }
77
+ ],
78
+ defaultVariants: {
79
+ orientation: 'horizontal',
80
+ size: 'md',
81
+ color: 'primary',
82
+ variant: 'soft'
83
+ }
84
+ });
85
+ export const carouselDefaults = {
86
+ defaultVariants: carouselVariants.defaultVariants,
87
+ slots: {}
88
+ };
package/dist/Carousel/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export { default as Carousel } from './Carousel.svelte';
2
+ export type { CarouselProps, CarouselApi, CarouselAutoplayOptions, CarouselSlideSlotProps, CarouselDotSlotProps, CarouselArrowSlotProps } from './carousel.types.js';
package/dist/Carousel/index.js ADDED
@@ -0,0 +1 @@
1
+ export { default as Carousel } from './Carousel.svelte';