@max-ts/svelte 1.0.8 → 1.1.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 (182) hide show
  1. package/dist/_virtual/rolldown_runtime.js +18 -0
  2. package/dist/assets/{styles.css.ts.vanilla-BXoNzaj5.css → styles.css.ts.vanilla--2KRqxlh.css} +5 -0
  3. package/dist/assets/styles.css.ts.vanilla-B_0PcDN7.css +60 -0
  4. package/dist/assets/styles.css.ts.vanilla-Bjel8_Kw.css +55 -0
  5. package/dist/assets/styles.css.ts.vanilla-BwE12Ho-.css +48 -0
  6. package/dist/assets/styles.css.ts.vanilla-CAA2wPSI.css +44 -0
  7. package/dist/assets/styles.css.ts.vanilla-Cj0JBm6N.css +25 -0
  8. package/dist/assets/styles.css.ts.vanilla-D2NN324N.css +25 -0
  9. package/dist/assets/styles.css.ts.vanilla-DM_PUW76.css +12 -0
  10. package/dist/assets/styles.css.ts.vanilla-DmTiU6Ua.css +20 -0
  11. package/dist/assets/styles.css.ts.vanilla-Dnh1lH3w.css +85 -0
  12. package/dist/assets/styles.css.ts.vanilla-DqNzx9T_.css +125 -0
  13. package/dist/assets/{styles.css.ts.vanilla-CZGlsAbQ.css → styles.css.ts.vanilla-Dt8KZ_4Z.css} +8 -0
  14. package/dist/assets/styles.css.ts.vanilla-Dy8E8h1L.css +3 -0
  15. package/dist/assets/styles.css.ts.vanilla-EvTZBBDg.css +9 -0
  16. package/dist/assets/styles.css.ts.vanilla-vey50OEc.css +14 -0
  17. package/dist/components/Accordion/Content/Content.svelte.d.ts +1 -1
  18. package/dist/components/Accordion/index.d.ts +1 -1
  19. package/dist/components/Alert/index.js +1 -1
  20. package/dist/components/Badge/Badge.js +43 -0
  21. package/dist/components/Badge/Badge.svelte.d.ts +4 -0
  22. package/dist/components/Badge/index.d.ts +3 -0
  23. package/dist/components/Badge/styles.css.d.ts +8 -0
  24. package/dist/components/Badge/styles.css.js +18 -0
  25. package/dist/components/Badge/types.d.ts +6 -0
  26. package/dist/components/Button/Button.js +1 -0
  27. package/dist/components/Button/styles.css.js +1 -1
  28. package/dist/components/ButtonGroup/ButtonGroup.js +40 -0
  29. package/dist/components/ButtonGroup/ButtonGroup.svelte.d.ts +4 -0
  30. package/dist/components/ButtonGroup/Separator/Separator.js +40 -0
  31. package/dist/components/ButtonGroup/Separator/Separator.svelte.d.ts +4 -0
  32. package/dist/components/ButtonGroup/Separator/index.d.ts +1 -0
  33. package/dist/components/ButtonGroup/Separator/styles.css.d.ts +5 -0
  34. package/dist/components/ButtonGroup/Separator/styles.css.js +9 -0
  35. package/dist/components/ButtonGroup/Text/Text.js +48 -0
  36. package/dist/components/ButtonGroup/Text/Text.svelte.d.ts +11 -0
  37. package/dist/components/ButtonGroup/Text/index.d.ts +1 -0
  38. package/dist/components/ButtonGroup/Text/styles.css.d.ts +5 -0
  39. package/dist/components/ButtonGroup/Text/styles.css.js +9 -0
  40. package/dist/components/ButtonGroup/index.d.ts +12 -0
  41. package/dist/components/ButtonGroup/index.js +13 -0
  42. package/dist/components/ButtonGroup/styles.css.d.ts +8 -0
  43. package/dist/components/ButtonGroup/styles.css.js +16 -0
  44. package/dist/components/ButtonGroup/types.d.ts +6 -0
  45. package/dist/components/Carousel/Carousel.js +91 -0
  46. package/dist/components/Carousel/Carousel.svelte.d.ts +4 -0
  47. package/dist/components/Carousel/Content/Content.js +54 -0
  48. package/dist/components/Carousel/Content/Content.svelte.d.ts +5 -0
  49. package/dist/components/Carousel/Content/index.d.ts +1 -0
  50. package/dist/components/Carousel/Content/styles.css.d.ts +9 -0
  51. package/dist/components/Carousel/Content/styles.css.js +17 -0
  52. package/dist/components/Carousel/Item/Item.js +41 -0
  53. package/dist/components/Carousel/Item/Item.svelte.d.ts +5 -0
  54. package/dist/components/Carousel/Item/index.d.ts +1 -0
  55. package/dist/components/Carousel/Item/styles.css.d.ts +7 -0
  56. package/dist/components/Carousel/Item/styles.css.js +16 -0
  57. package/dist/components/Carousel/Next/Next.js +69 -0
  58. package/dist/components/Carousel/Next/Next.svelte.d.ts +4 -0
  59. package/dist/components/Carousel/Next/index.d.ts +1 -0
  60. package/dist/components/Carousel/Next/styles.css.d.ts +7 -0
  61. package/dist/components/Carousel/Next/styles.css.js +16 -0
  62. package/dist/components/Carousel/Previous/Previous.js +69 -0
  63. package/dist/components/Carousel/Previous/Previous.svelte.d.ts +4 -0
  64. package/dist/components/Carousel/Previous/index.d.ts +1 -0
  65. package/dist/components/Carousel/Previous/styles.css.d.ts +7 -0
  66. package/dist/components/Carousel/Previous/styles.css.js +16 -0
  67. package/dist/components/Carousel/context.d.ts +3 -0
  68. package/dist/components/Carousel/context.js +15 -0
  69. package/dist/components/Carousel/index.d.ts +8 -0
  70. package/dist/components/Carousel/index.js +17 -0
  71. package/dist/components/Carousel/styles.css.d.ts +5 -0
  72. package/dist/components/Carousel/styles.css.js +8 -0
  73. package/dist/components/Carousel/types.d.ts +29 -0
  74. package/dist/components/ContentState/ContentState.js +2 -2
  75. package/dist/components/DataGrid/State/State.js +1 -1
  76. package/dist/components/DropdownMenu/SubTrigger/styles.css.js +1 -1
  77. package/dist/components/DropdownMenu/index.d.ts +2 -3
  78. package/dist/components/DropdownMenu/index.js +24 -1
  79. package/dist/components/DropdownMenu/types.d.ts +1 -2
  80. package/dist/components/Item/Actions/Actions.js +32 -0
  81. package/dist/components/Item/Actions/Actions.svelte.d.ts +5 -0
  82. package/dist/components/Item/Actions/index.d.ts +1 -0
  83. package/dist/components/Item/Content/Content.js +32 -0
  84. package/dist/components/Item/Content/Content.svelte.d.ts +5 -0
  85. package/dist/components/Item/Content/index.d.ts +1 -0
  86. package/dist/components/Item/Description/Description.js +32 -0
  87. package/dist/components/Item/Description/Description.svelte.d.ts +5 -0
  88. package/dist/components/Item/Description/index.d.ts +1 -0
  89. package/dist/components/Item/Footer/Footer.js +32 -0
  90. package/dist/components/Item/Footer/Footer.svelte.d.ts +5 -0
  91. package/dist/components/Item/Footer/index.d.ts +1 -0
  92. package/dist/components/Item/Group/Group.js +33 -0
  93. package/dist/components/Item/Group/Group.svelte.d.ts +5 -0
  94. package/dist/components/Item/Group/index.d.ts +1 -0
  95. package/dist/components/Item/Header/Header.js +32 -0
  96. package/dist/components/Item/Header/Header.svelte.d.ts +5 -0
  97. package/dist/components/Item/Header/index.d.ts +1 -0
  98. package/dist/components/Item/Item.js +58 -0
  99. package/dist/components/Item/Item.svelte.d.ts +4 -0
  100. package/dist/components/Item/Media/Media.js +38 -0
  101. package/dist/components/Item/Media/Media.svelte.d.ts +4 -0
  102. package/dist/components/Item/Media/index.d.ts +1 -0
  103. package/dist/components/Item/Separator/Separator.js +33 -0
  104. package/dist/components/Item/Separator/Separator.svelte.d.ts +4 -0
  105. package/dist/components/Item/Separator/index.d.ts +1 -0
  106. package/dist/components/Item/Title/Title.js +32 -0
  107. package/dist/components/Item/Title/Title.svelte.d.ts +5 -0
  108. package/dist/components/Item/Title/index.d.ts +1 -0
  109. package/dist/components/Item/index.d.ts +13 -0
  110. package/dist/components/Item/index.js +27 -0
  111. package/dist/components/Item/styles.css.d.ts +28 -0
  112. package/dist/components/Item/styles.css.js +36 -0
  113. package/dist/components/Item/types.d.ts +16 -0
  114. package/dist/components/Popover/Close/PopoverClose.js +49 -0
  115. package/dist/components/Popover/Close/PopoverClose.svelte.d.ts +4 -0
  116. package/dist/components/Popover/Close/index.d.ts +1 -0
  117. package/dist/components/Popover/Content/PopoverContent.js +64 -0
  118. package/dist/components/Popover/Content/PopoverContent.svelte.d.ts +4 -0
  119. package/dist/components/Popover/Content/index.d.ts +1 -0
  120. package/dist/components/Popover/Popover.js +39 -0
  121. package/dist/components/Popover/Popover.svelte.d.ts +3 -0
  122. package/dist/components/Popover/Portal/PopoverPortal.js +30 -0
  123. package/dist/components/Popover/Portal/PopoverPortal.svelte.d.ts +3 -0
  124. package/dist/components/Popover/Portal/index.d.ts +1 -0
  125. package/dist/components/Popover/Trigger/PopoverTrigger.js +49 -0
  126. package/dist/components/Popover/Trigger/PopoverTrigger.svelte.d.ts +4 -0
  127. package/dist/components/Popover/Trigger/index.d.ts +1 -0
  128. package/dist/components/Popover/index.d.ts +8 -0
  129. package/dist/components/Popover/index.js +17 -0
  130. package/dist/components/Popover/styles.css.d.ts +9 -0
  131. package/dist/components/Popover/styles.css.js +13 -0
  132. package/dist/components/Popover/types.d.ts +9 -0
  133. package/dist/components/RangeInput/RangeInput.js +174 -0
  134. package/dist/components/RangeInput/RangeInput.svelte.d.ts +4 -0
  135. package/dist/components/RangeInput/index.d.ts +2 -0
  136. package/dist/components/RangeInput/styles.css.d.ts +15 -0
  137. package/dist/components/RangeInput/styles.css.js +21 -0
  138. package/dist/components/RangeInput/types.d.ts +16 -0
  139. package/dist/components/Slider/Slider.js +96 -0
  140. package/dist/components/Slider/Slider.svelte.d.ts +4 -0
  141. package/dist/components/Slider/index.d.ts +2 -0
  142. package/dist/components/Slider/styles.css.d.ts +16 -0
  143. package/dist/components/Slider/styles.css.js +26 -0
  144. package/dist/components/Slider/types.d.ts +6 -0
  145. package/dist/components/Spinner/styles.css.js +1 -1
  146. package/dist/components/index.d.ts +9 -1
  147. package/dist/components/index.js +26 -34
  148. package/dist/stories/Accordion.stories.svelte.d.ts +7 -14
  149. package/dist/stories/Alert.stories.svelte.d.ts +1 -1
  150. package/dist/stories/Badge.stories.svelte.d.ts +19 -0
  151. package/dist/stories/ButtonGroup.stories.svelte.d.ts +19 -0
  152. package/dist/stories/Calendar.stories.svelte.d.ts +1 -1
  153. package/dist/stories/Card.stories.svelte.d.ts +1 -1
  154. package/dist/stories/Carousel.stories.svelte.d.ts +19 -0
  155. package/dist/stories/CircularProgress.stories.svelte.d.ts +1 -0
  156. package/dist/stories/DataGrid.stories.svelte.d.ts +1 -1
  157. package/dist/stories/DropdownMenu.stories.svelte.d.ts +1 -1
  158. package/dist/stories/Field.stories.svelte.d.ts +1 -1
  159. package/dist/stories/Input.stories.svelte.d.ts +7 -14
  160. package/dist/stories/Item.stories.svelte.d.ts +19 -0
  161. package/dist/stories/Label.stories.svelte.d.ts +1 -1
  162. package/dist/stories/Popover.stories.svelte.d.ts +19 -0
  163. package/dist/stories/RangeInput.stories.svelte.d.ts +19 -0
  164. package/dist/stories/Select.stories.svelte.d.ts +1 -1
  165. package/dist/stories/Slider.stories.svelte.d.ts +19 -0
  166. package/dist/stories/Tooltip.stories.svelte.d.ts +1 -1
  167. package/dist/stories/Typography.stories.svelte.d.ts +7 -14
  168. package/package.json +7 -3
  169. package/dist/components/Button/index.js +0 -4
  170. package/dist/components/Calendar/index.js +0 -3
  171. package/dist/components/Checkbox/index.js +0 -3
  172. package/dist/components/CircularProgress/index.js +0 -3
  173. package/dist/components/ContentState/index.js +0 -3
  174. package/dist/components/DataGrid/index.js +0 -3
  175. package/dist/components/DataGridSortHeader/index.js +0 -3
  176. package/dist/components/Input/index.js +0 -3
  177. package/dist/components/Label/index.js +0 -3
  178. package/dist/components/Placeholder/index.js +0 -3
  179. package/dist/components/Separator/index.js +0 -3
  180. package/dist/components/Spinner/index.js +0 -4
  181. package/dist/components/Tooltip/index.js +0 -3
  182. package/dist/components/Typography/index.js +0 -3
@@ -0,0 +1,18 @@
1
+ //#region rolldown:runtime
2
+ var __defProp = Object.defineProperty;
3
+ var __exportAll = (all, symbols) => {
4
+ let target = {};
5
+ for (var name in all) {
6
+ __defProp(target, name, {
7
+ get: all[name],
8
+ enumerable: true
9
+ });
10
+ }
11
+ if (symbols) {
12
+ __defProp(target, Symbol.toStringTag, { value: "Module" });
13
+ }
14
+ return target;
15
+ };
16
+
17
+ //#endregion
18
+ export { __exportAll };
@@ -24,6 +24,11 @@
24
24
  .styles_subTrigger__1fq3dxn0[data-inset] {
25
25
  padding-inline-start: var(--spacing-8);
26
26
  }
27
+ .styles_subTrigger__1fq3dxn0 svg {
28
+ color: var(--colors-text-hint);
29
+ height: var(--spacing-4);
30
+ width: var(--spacing-4);
31
+ }
27
32
  .styles_icon__1fq3dxn1 {
28
33
  margin-inline-start: auto;
29
34
  width: var(--spacing-4);
@@ -0,0 +1,60 @@
1
+ .styles_container__14rk0zx0 {
2
+ position: relative;
3
+ display: grid;
4
+ grid-template-columns: auto auto 1fr auto 1fr auto;
5
+ align-items: center;
6
+ column-gap: var(--spacing-1);
7
+ background: var(--colors-background-paper);
8
+ border: 1px solid var(--colors-border);
9
+ border-radius: var(--borderRadius-md);
10
+ transition: border 0.2s;
11
+ }
12
+ .styles_activeClass__14rk0zx1 {
13
+ border-color: var(--colors-primary);
14
+ }
15
+ .styles_sizes_small__14rk0zx2 {
16
+ padding: 0.125rem var(--spacing-2);
17
+ height: 28px;
18
+ font-size: var(--fontSize-sm);
19
+ }
20
+ .styles_sizes_medium__14rk0zx3 {
21
+ padding: var(--spacing-1) var(--spacing-3);
22
+ height: 36px;
23
+ font-size: var(--fontSize-base);
24
+ }
25
+ .styles_sizes_large__14rk0zx4 {
26
+ padding: var(--spacing-2) var(--spacing-4);
27
+ height: 44px;
28
+ font-size: var(--fontSize-lg);
29
+ }
30
+ .styles_textClass__14rk0zx5 {
31
+ font-size: inherit;
32
+ }
33
+ .styles_inputClass__14rk0zx6 {
34
+ text-align: center;
35
+ width: 100%;
36
+ min-width: 24px;
37
+ border: none;
38
+ font-size: inherit;
39
+ text-wrap: nowrap;
40
+ text-overflow: ellipsis;
41
+ overflow: hidden;
42
+ outline: none;
43
+ background: transparent;
44
+ color: inherit;
45
+ }
46
+ .styles_inputClass__14rk0zx6:focus {
47
+ border: none;
48
+ }
49
+ .styles_sliderClass__14rk0zx7 {
50
+ position: absolute;
51
+ bottom: -1px;
52
+ left: 50%;
53
+ transform: translateX(-50%);
54
+ width: calc(100% - 4px);
55
+ }
56
+ @media (max-width: 600px) {
57
+ .styles_container__14rk0zx0 {
58
+ width: 100%;
59
+ }
60
+ }
@@ -0,0 +1,55 @@
1
+ .styles_badge__l5k2ok0 {
2
+ display: inline-flex;
3
+ width: fit-content;
4
+ flex-shrink: 0;
5
+ align-items: center;
6
+ justify-content: center;
7
+ gap: var(--spacing-1);
8
+ overflow: hidden;
9
+ border-radius: 9999px;
10
+ border: 1px solid transparent;
11
+ padding: 2px var(--spacing-2);
12
+ font-size: var(--fontSize-xs);
13
+ font-weight: var(--fontWeight-medium);
14
+ white-space: nowrap;
15
+ transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
16
+ text-decoration: none;
17
+ outline: none;
18
+ }
19
+ .styles_badge__l5k2ok0:focus-visible {
20
+ box-shadow: 0 0 0 2px var(--colors-background-paper), 0 0 0 4px var(--colors-primary);
21
+ }
22
+ .styles_badge__l5k2ok0 > svg {
23
+ pointer-events: none;
24
+ width: var(--spacing-3);
25
+ height: var(--spacing-3);
26
+ }
27
+ .styles_badgeVariants_default__l5k2ok1 {
28
+ background-color: var(--colors-primary);
29
+ color: var(--colors-foreground-primary);
30
+ }
31
+ .styles_badgeVariants_default__l5k2ok1[href]:hover {
32
+ background-color: color-mix(in oklch, var(--colors-primary) 90%, transparent);
33
+ }
34
+ .styles_badgeVariants_secondary__l5k2ok2 {
35
+ background-color: var(--colors-secondary);
36
+ color: var(--colors-foreground-secondary);
37
+ }
38
+ .styles_badgeVariants_secondary__l5k2ok2[href]:hover {
39
+ background-color: color-mix(in oklch, var(--colors-secondary) 90%, transparent);
40
+ }
41
+ .styles_badgeVariants_destructive__l5k2ok3 {
42
+ background-color: var(--colors-error);
43
+ color: var(--colors-foreground-primary);
44
+ }
45
+ .styles_badgeVariants_destructive__l5k2ok3[href]:hover {
46
+ background-color: color-mix(in oklch, var(--colors-error) 90%, transparent);
47
+ }
48
+ .styles_badgeVariants_outline__l5k2ok4 {
49
+ background-color: transparent;
50
+ color: var(--colors-text-primary);
51
+ border: 1px solid var(--colors-border);
52
+ }
53
+ .styles_badgeVariants_outline__l5k2ok4[href]:hover {
54
+ background-color: var(--colors-background-elementHover);
55
+ }
@@ -0,0 +1,48 @@
1
+ .styles_container__zn4w4x0 {
2
+ display: flex;
3
+ width: fit-content;
4
+ align-items: stretch;
5
+ }
6
+ .styles_container__zn4w4x0:has(> [data-slot=button-group]) {
7
+ gap: var(--spacing-2);
8
+ }
9
+ .styles_orientation_horizontal__zn4w4x1 {
10
+ flex-direction: row;
11
+ }
12
+ .styles_orientation_vertical__zn4w4x2 {
13
+ flex-direction: column;
14
+ }
15
+ .styles_container__zn4w4x0 > * {
16
+ position: relative;
17
+ }
18
+ .styles_container__zn4w4x0 > *:focus-visible {
19
+ z-index: 10;
20
+ }
21
+ .styles_orientation_horizontal__zn4w4x1 > *:not(:first-child) {
22
+ border-top-left-radius: 0;
23
+ border-bottom-left-radius: 0;
24
+ border-left-width: 0;
25
+ }
26
+ .styles_orientation_horizontal__zn4w4x1 > *:not(:last-child) {
27
+ border-top-right-radius: 0;
28
+ border-bottom-right-radius: 0;
29
+ }
30
+ .styles_orientation_vertical__zn4w4x2 > *:not(:first-child) {
31
+ border-top-left-radius: 0;
32
+ border-top-right-radius: 0;
33
+ border-top-width: 0;
34
+ }
35
+ .styles_orientation_vertical__zn4w4x2 > *:not(:last-child) {
36
+ border-bottom-left-radius: 0;
37
+ border-bottom-right-radius: 0;
38
+ }
39
+ .styles_container__zn4w4x0 {
40
+ width: fit-content;
41
+ }
42
+ .styles_container__zn4w4x0 > input {
43
+ flex: 1;
44
+ }
45
+ .styles_orientation_horizontal__zn4w4x1:has(> select[aria-hidden=true]:last-child) > [data-slot=select-trigger]:last-of-type {
46
+ border-top-right-radius: var(--borderRadius-md);
47
+ border-bottom-right-radius: var(--borderRadius-md);
48
+ }
@@ -0,0 +1,44 @@
1
+ @keyframes styles_zoomIn__i7mp5x0 {
2
+ from {
3
+ opacity: 0;
4
+ transform: scale(0.95);
5
+ }
6
+ to {
7
+ opacity: 1;
8
+ transform: scale(1);
9
+ }
10
+ }
11
+ @keyframes styles_zoomOut__i7mp5x1 {
12
+ from {
13
+ opacity: 1;
14
+ transform: scale(1);
15
+ }
16
+ to {
17
+ opacity: 0;
18
+ transform: scale(0.95);
19
+ }
20
+ }
21
+ .styles_content__i7mp5x2 {
22
+ background-color: var(--colors-background-paper);
23
+ color: var(--colors-text-primary);
24
+ z-index: 50;
25
+ width: 18rem;
26
+ border-radius: var(--borderRadius-md);
27
+ border: 1px solid var(--colors-border);
28
+ padding: var(--spacing-4);
29
+ box-shadow: var(--shadow-2);
30
+ outline: none;
31
+ transform-origin: var(--bits-popover-content-transform-origin);
32
+ }
33
+ .styles_content__i7mp5x2[data-state=open] {
34
+ animation: styles_zoomIn__i7mp5x0 0.15s ease-out;
35
+ }
36
+ .styles_content__i7mp5x2[data-state=closed] {
37
+ animation: styles_zoomOut__i7mp5x1 0.1s ease-in;
38
+ }
39
+ .styles_trigger__i7mp5x3 {
40
+ cursor: pointer;
41
+ }
42
+ .styles_close__i7mp5x4 {
43
+ cursor: pointer;
44
+ }
@@ -0,0 +1,25 @@
1
+ .styles_button__2sfgz90 {
2
+ position: absolute;
3
+ width: var(--spacing-8);
4
+ height: var(--spacing-8);
5
+ border-radius: 9999px;
6
+ }
7
+ .styles_button__2sfgz90 span {
8
+ visibility: hidden;
9
+ width: 0;
10
+ height: 0;
11
+ }
12
+ .styles_button__2sfgz90 svg {
13
+ width: var(--spacing-4);
14
+ height: var(--spacing-4);
15
+ }
16
+ .styles_orientation_horizontal__2sfgz91 {
17
+ right: calc(-1 * var(--spacing-10));
18
+ top: 50%;
19
+ transform: translateY(-50%);
20
+ }
21
+ .styles_orientation_vertical__2sfgz92 {
22
+ left: 50%;
23
+ bottom: calc(-1 * var(--spacing-10));
24
+ transform: translateX(-50%) rotate(90deg);
25
+ }
@@ -0,0 +1,25 @@
1
+ .styles_button__4va6680 {
2
+ position: absolute;
3
+ width: var(--spacing-8);
4
+ height: var(--spacing-8);
5
+ border-radius: 9999px;
6
+ }
7
+ .styles_button__4va6680 span {
8
+ visibility: hidden;
9
+ width: 0;
10
+ height: 0;
11
+ }
12
+ .styles_button__4va6680 svg {
13
+ width: var(--spacing-4);
14
+ height: var(--spacing-4);
15
+ }
16
+ .styles_orientation_horizontal__4va6681 {
17
+ left: calc(-1 * var(--spacing-10));
18
+ top: 50%;
19
+ transform: translateY(-50%);
20
+ }
21
+ .styles_orientation_vertical__4va6682 {
22
+ left: 50%;
23
+ top: calc(-1 * var(--spacing-10));
24
+ transform: translateX(-50%) rotate(90deg);
25
+ }
@@ -0,0 +1,12 @@
1
+ .styles_item__ibhmv20 {
2
+ min-width: 0;
3
+ flex-shrink: 0;
4
+ flex-grow: 0;
5
+ flex-basis: 100%;
6
+ }
7
+ .styles_orientation_horizontal__ibhmv21 {
8
+ padding-left: var(--spacing-4);
9
+ }
10
+ .styles_orientation_vertical__ibhmv22 {
11
+ padding-top: var(--spacing-4);
12
+ }
@@ -0,0 +1,20 @@
1
+ .styles_text__1n5rolr0 {
2
+ background-color: var(--colors-background-element);
3
+ display: flex;
4
+ align-items: center;
5
+ gap: var(--spacing-2);
6
+ border-radius: var(--borderRadius-md);
7
+ border: 1px solid var(--colors-border);
8
+ padding: var(--spacing-2) var(--spacing-4);
9
+ font-size: var(--fontSize-sm);
10
+ font-weight: var(--fontWeight-medium);
11
+ color: var(--colors-text-primary);
12
+ box-shadow: var(--shadow-1);
13
+ }
14
+ .styles_text__1n5rolr0 svg {
15
+ pointer-events: none;
16
+ }
17
+ .styles_text__1n5rolr0 svg:not([class*='size-']) {
18
+ width: var(--spacing-4);
19
+ height: var(--spacing-4);
20
+ }
@@ -0,0 +1,85 @@
1
+ .styles_root__1af48w00 {
2
+ position: relative;
3
+ display: flex;
4
+ width: 100%;
5
+ touch-action: none;
6
+ align-items: center;
7
+ user-select: none;
8
+ }
9
+ .styles_root__1af48w00[data-disabled] {
10
+ opacity: 0.5;
11
+ }
12
+ .styles_root__1af48w00[data-orientation=vertical] {
13
+ flex-direction: column;
14
+ height: 100%;
15
+ min-height: 176px;
16
+ width: auto;
17
+ }
18
+ .styles_track__1af48w01 {
19
+ background-color: var(--colors-background-element);
20
+ position: relative;
21
+ flex-grow: 1;
22
+ overflow: hidden;
23
+ border-radius: 9999px;
24
+ }
25
+ .styles_root__1af48w00[data-orientation=horizontal] .styles_trackSizes_small__1af48w02 {
26
+ height: 2px;
27
+ }
28
+ .styles_root__1af48w00[data-orientation=vertical] .styles_trackSizes_small__1af48w02 {
29
+ width: 2px;
30
+ }
31
+ .styles_root__1af48w00[data-orientation=horizontal] .styles_trackSizes_medium__1af48w03 {
32
+ height: 3px;
33
+ }
34
+ .styles_root__1af48w00[data-orientation=vertical] .styles_trackSizes_medium__1af48w03 {
35
+ width: 3px;
36
+ }
37
+ .styles_root__1af48w00[data-orientation=horizontal] .styles_trackSizes_large__1af48w04 {
38
+ height: 4px;
39
+ }
40
+ .styles_root__1af48w00[data-orientation=vertical] .styles_trackSizes_large__1af48w04 {
41
+ width: 4px;
42
+ }
43
+ .styles_range__1af48w05 {
44
+ background-color: var(--colors-primary);
45
+ position: absolute;
46
+ }
47
+ .styles_root__1af48w00[data-orientation=horizontal] .styles_range__1af48w05 {
48
+ height: 100%;
49
+ }
50
+ .styles_root__1af48w00[data-orientation=vertical] .styles_range__1af48w05 {
51
+ width: 100%;
52
+ }
53
+ .styles_thumb__1af48w06 {
54
+ display: block;
55
+ flex-shrink: 0;
56
+ border-radius: 9999px;
57
+ border: 2px solid var(--colors-primary);
58
+ background-color: var(--colors-background-paper);
59
+ box-shadow: var(--shadow-1);
60
+ transition: box-shadow 0.2s, transform 0.2s;
61
+ cursor: pointer;
62
+ outline: none;
63
+ }
64
+ .styles_thumb__1af48w06:hover {
65
+ box-shadow: 0 0 0 4px color-mix(in oklch, var(--colors-primary) 15%, transparent);
66
+ }
67
+ .styles_thumb__1af48w06:focus-visible {
68
+ box-shadow: 0 0 0 4px color-mix(in oklch, var(--colors-primary) 25%, transparent);
69
+ }
70
+ .styles_thumb__1af48w06:disabled {
71
+ pointer-events: none;
72
+ opacity: 0.5;
73
+ }
74
+ .styles_thumbSizes_small__1af48w07 {
75
+ width: 12px;
76
+ height: 12px;
77
+ }
78
+ .styles_thumbSizes_medium__1af48w08 {
79
+ width: 14px;
80
+ height: 14px;
81
+ }
82
+ .styles_thumbSizes_large__1af48w09 {
83
+ width: 16px;
84
+ height: 16px;
85
+ }
@@ -0,0 +1,125 @@
1
+ .styles_item__b9ajag0 {
2
+ display: flex;
3
+ flex-wrap: wrap;
4
+ align-items: center;
5
+ border-radius: var(--borderRadius-md);
6
+ border: 1px solid transparent;
7
+ font-size: var(--fontSize-sm);
8
+ transition: background-color 0.1s, border-color 0.1s, box-shadow 0.1s;
9
+ outline: none;
10
+ position: relative;
11
+ }
12
+ .styles_item__b9ajag0:focus-visible {
13
+ border-color: var(--colors-primary);
14
+ box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-primary) 20%, transparent);
15
+ }
16
+ .styles_item__b9ajag0[href]:hover {
17
+ background-color: color-mix(in oklch, var(--colors-background-elementHover) 50%, transparent);
18
+ }
19
+ .styles_itemVariants_default__b9ajag1 {
20
+ background-color: transparent;
21
+ }
22
+ .styles_itemVariants_outline__b9ajag2 {
23
+ border-color: var(--colors-border);
24
+ }
25
+ .styles_itemVariants_muted__b9ajag3 {
26
+ background-color: color-mix(in oklch, var(--colors-background-element) 50%, transparent);
27
+ }
28
+ .styles_itemSizes_default__b9ajag4 {
29
+ gap: var(--spacing-4);
30
+ padding: var(--spacing-4);
31
+ }
32
+ .styles_itemSizes_small__b9ajag5 {
33
+ gap: var(--spacing-2);
34
+ padding: var(--spacing-3) var(--spacing-4);
35
+ }
36
+ .styles_header__b9ajag6 {
37
+ display: flex;
38
+ flex-basis: 100%;
39
+ align-items: center;
40
+ justify-content: space-between;
41
+ gap: var(--spacing-2);
42
+ }
43
+ .styles_title__b9ajag8 {
44
+ display: flex;
45
+ width: fit-content;
46
+ align-items: center;
47
+ gap: var(--spacing-2);
48
+ font-size: var(--fontSize-sm);
49
+ line-height: var(--lineHeight-snug);
50
+ font-weight: var(--fontWeight-medium);
51
+ }
52
+ .styles_description__b9ajag9 {
53
+ color: var(--colors-text-secondary);
54
+ font-size: var(--fontSize-sm);
55
+ line-height: var(--lineHeight-normal);
56
+ font-weight: var(--fontWeight-normal);
57
+ display: -webkit-box;
58
+ -webkit-line-clamp: 2;
59
+ -webkit-box-orient: vertical;
60
+ overflow: hidden;
61
+ }
62
+ .styles_description__b9ajag9 > a {
63
+ text-decoration: underline;
64
+ text-underline-offset: 4px;
65
+ }
66
+ .styles_description__b9ajag9 > a:hover {
67
+ color: var(--colors-primary);
68
+ }
69
+ .styles_content__b9ajaga {
70
+ display: flex;
71
+ flex: 1;
72
+ flex-direction: column;
73
+ gap: var(--spacing-1);
74
+ }
75
+ .styles_content__b9ajaga + [data-slot=item-content] {
76
+ flex: none;
77
+ }
78
+ .styles_actions__b9ajagb {
79
+ display: flex;
80
+ align-items: center;
81
+ gap: var(--spacing-2);
82
+ }
83
+ .styles_media__b9ajagc {
84
+ display: flex;
85
+ flex-shrink: 0;
86
+ align-items: center;
87
+ justify-content: center;
88
+ gap: var(--spacing-2);
89
+ }
90
+ .styles_item__b9ajag0:has([data-slot=item-description]) .styles_media__b9ajagc {
91
+ transform: translateY(2px);
92
+ align-self: flex-start;
93
+ }
94
+ .styles_media__b9ajagc svg {
95
+ pointer-events: none;
96
+ }
97
+ .styles_mediaVariants_default__b9ajagd {
98
+ background-color: transparent;
99
+ }
100
+ .styles_mediaVariants_icon__b9ajage {
101
+ background-color: var(--colors-background-element);
102
+ width: var(--spacing-8);
103
+ height: var(--spacing-8);
104
+ border-radius: var(--borderRadius-sm);
105
+ border: 1px solid var(--colors-border);
106
+ }
107
+ .styles_mediaVariants_image__b9ajagf {
108
+ width: var(--spacing-10);
109
+ height: var(--spacing-10);
110
+ overflow: hidden;
111
+ border-radius: var(--borderRadius-sm);
112
+ }
113
+ .styles_mediaVariants_icon__b9ajage svg:not([class*='size-']) {
114
+ width: var(--spacing-4);
115
+ height: var(--spacing-4);
116
+ }
117
+ .styles_mediaVariants_image__b9ajagf img {
118
+ width: 100%;
119
+ height: 100%;
120
+ object-fit: cover;
121
+ }
122
+ .styles_group__b9ajagg {
123
+ display: flex;
124
+ flex-direction: column;
125
+ }
@@ -126,6 +126,14 @@
126
126
  height: var(--spacing-7);
127
127
  width: var(--spacing-7);
128
128
  }
129
+ .styles_buttonSizes_icon__16himhac svg {
130
+ width: var(--spacing-6);
131
+ height: var(--spacing-6);
132
+ }
133
+ .styles_buttonSizes_iconSmall__16himhad svg {
134
+ width: var(--spacing-4);
135
+ height: var(--spacing-4);
136
+ }
129
137
  *, *::before, *::after {
130
138
  box-sizing: border-box;
131
139
  }
@@ -0,0 +1,3 @@
1
+ .styles_carousel__qk9vdb0 {
2
+ position: relative;
3
+ }
@@ -0,0 +1,9 @@
1
+ .styles_separator__mohq570 {
2
+ background-color: var(--colors-border);
3
+ position: relative;
4
+ margin: 0 !important;
5
+ align-self: stretch;
6
+ }
7
+ .styles_separator__mohq570[data-orientation=vertical] {
8
+ height: auto;
9
+ }
@@ -0,0 +1,14 @@
1
+ .styles_contentWrapper__ho48de0 {
2
+ overflow: hidden;
3
+ }
4
+ .styles_container__ho48de1 {
5
+ display: flex;
6
+ }
7
+ .styles_orientation_horizontal__ho48de2 {
8
+ margin-left: calc(-1 * var(--spacing-4));
9
+ flex-direction: row;
10
+ }
11
+ .styles_orientation_vertical__ho48de3 {
12
+ margin-top: calc(-1 * var(--spacing-4));
13
+ flex-direction: column;
14
+ }
@@ -1,4 +1,4 @@
1
1
  import { Accordion as AccordionPrimitive } from 'bits-ui';
2
- declare const Content: import("svelte").Component<WithoutChild<AccordionPrimitive.ContentProps>, {}, "ref">;
2
+ declare const Content: import("svelte").Component<Omit<AccordionPrimitive.ContentProps, "child">, {}, "ref">;
3
3
  type Content = ReturnType<typeof Content>;
4
4
  export default Content;
@@ -3,7 +3,7 @@ declare const Accordion: {
3
3
  level?: import("bits-ui").AccordionHeaderProps["level"];
4
4
  }, {}, "ref">;
5
5
  Item: import("svelte").Component<import("bits-ui").AccordionItemProps, {}, "ref">;
6
- Content: import("svelte").Component<WithoutChild<import("bits-ui").AccordionContentProps>, {}, "ref">;
6
+ Content: import("svelte").Component<Omit<import("bits-ui").AccordionContentProps, "child">, {}, "ref">;
7
7
  Root: import("svelte").Component<import("bits-ui").AccordionRootProps, {}, "value" | "ref">;
8
8
  };
9
9
  export { Accordion };
@@ -11,4 +11,4 @@ const Alert = {
11
11
  };
12
12
 
13
13
  //#endregion
14
- export { Alert, alertVariants };
14
+ export { Alert };
@@ -0,0 +1,43 @@
1
+ import styles_css_default from "./styles.css.js";
2
+ import "svelte/internal/disclose-version";
3
+ import * as $ from "svelte/internal/client";
4
+
5
+ //#region src/components/Badge/Badge.svelte
6
+ function Badge($$anchor, $$props) {
7
+ $.push($$props, true);
8
+ let ref = $.prop($$props, "ref", 15, null), variant = $.prop($$props, "variant", 3, "default"), restProps = $.rest_props($$props, [
9
+ "$$slots",
10
+ "$$events",
11
+ "$$legacy",
12
+ "ref",
13
+ "href",
14
+ "class",
15
+ "variant",
16
+ "children"
17
+ ]);
18
+ const classNames = $.derived(() => [
19
+ styles_css_default.badge,
20
+ styles_css_default.badgeVariants[variant()],
21
+ $$props.class
22
+ ]);
23
+ var fragment = $.comment();
24
+ var node = $.first_child(fragment);
25
+ $.element(node, () => $$props.href ? "a" : "span", false, ($$element, $$anchor$1) => {
26
+ $.bind_this($$element, ($$value) => ref($$value), () => ref());
27
+ $.attribute_effect($$element, () => ({
28
+ "data-slot": "badge",
29
+ href: $$props.href,
30
+ class: $.get(classNames),
31
+ ...restProps
32
+ }));
33
+ var fragment_1 = $.comment();
34
+ var node_1 = $.first_child(fragment_1);
35
+ $.snippet(node_1, () => $$props.children ?? $.noop);
36
+ $.append($$anchor$1, fragment_1);
37
+ });
38
+ $.append($$anchor, fragment);
39
+ $.pop();
40
+ }
41
+
42
+ //#endregion
43
+ export { Badge as default };
@@ -0,0 +1,4 @@
1
+ import type { BadgeProps } from './types.js';
2
+ declare const Badge: import("svelte").Component<BadgeProps, {}, "ref">;
3
+ type Badge = ReturnType<typeof Badge>;
4
+ export default Badge;
@@ -0,0 +1,3 @@
1
+ export { default as Badge } from './Badge.svelte';
2
+ export { badgeVariants } from './styles.css.js';
3
+ export type * from './types.js';
@@ -0,0 +1,8 @@
1
+ import type { BadgeVariant } from './types.js';
2
+ export declare const badge: string;
3
+ export declare const badgeVariants: Record<BadgeVariant, string>;
4
+ declare const _default: {
5
+ badge: string;
6
+ badgeVariants: Record<BadgeVariant, string>;
7
+ };
8
+ export default _default;