@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.
- package/dist/_virtual/rolldown_runtime.js +18 -0
- package/dist/assets/{styles.css.ts.vanilla-BXoNzaj5.css → styles.css.ts.vanilla--2KRqxlh.css} +5 -0
- package/dist/assets/styles.css.ts.vanilla-B_0PcDN7.css +60 -0
- package/dist/assets/styles.css.ts.vanilla-Bjel8_Kw.css +55 -0
- package/dist/assets/styles.css.ts.vanilla-BwE12Ho-.css +48 -0
- package/dist/assets/styles.css.ts.vanilla-CAA2wPSI.css +44 -0
- package/dist/assets/styles.css.ts.vanilla-Cj0JBm6N.css +25 -0
- package/dist/assets/styles.css.ts.vanilla-D2NN324N.css +25 -0
- package/dist/assets/styles.css.ts.vanilla-DM_PUW76.css +12 -0
- package/dist/assets/styles.css.ts.vanilla-DmTiU6Ua.css +20 -0
- package/dist/assets/styles.css.ts.vanilla-Dnh1lH3w.css +85 -0
- package/dist/assets/styles.css.ts.vanilla-DqNzx9T_.css +125 -0
- package/dist/assets/{styles.css.ts.vanilla-CZGlsAbQ.css → styles.css.ts.vanilla-Dt8KZ_4Z.css} +8 -0
- package/dist/assets/styles.css.ts.vanilla-Dy8E8h1L.css +3 -0
- package/dist/assets/styles.css.ts.vanilla-EvTZBBDg.css +9 -0
- package/dist/assets/styles.css.ts.vanilla-vey50OEc.css +14 -0
- package/dist/components/Accordion/Content/Content.svelte.d.ts +1 -1
- package/dist/components/Accordion/index.d.ts +1 -1
- package/dist/components/Alert/index.js +1 -1
- package/dist/components/Badge/Badge.js +43 -0
- package/dist/components/Badge/Badge.svelte.d.ts +4 -0
- package/dist/components/Badge/index.d.ts +3 -0
- package/dist/components/Badge/styles.css.d.ts +8 -0
- package/dist/components/Badge/styles.css.js +18 -0
- package/dist/components/Badge/types.d.ts +6 -0
- package/dist/components/Button/Button.js +1 -0
- package/dist/components/Button/styles.css.js +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.js +40 -0
- package/dist/components/ButtonGroup/ButtonGroup.svelte.d.ts +4 -0
- package/dist/components/ButtonGroup/Separator/Separator.js +40 -0
- package/dist/components/ButtonGroup/Separator/Separator.svelte.d.ts +4 -0
- package/dist/components/ButtonGroup/Separator/index.d.ts +1 -0
- package/dist/components/ButtonGroup/Separator/styles.css.d.ts +5 -0
- package/dist/components/ButtonGroup/Separator/styles.css.js +9 -0
- package/dist/components/ButtonGroup/Text/Text.js +48 -0
- package/dist/components/ButtonGroup/Text/Text.svelte.d.ts +11 -0
- package/dist/components/ButtonGroup/Text/index.d.ts +1 -0
- package/dist/components/ButtonGroup/Text/styles.css.d.ts +5 -0
- package/dist/components/ButtonGroup/Text/styles.css.js +9 -0
- package/dist/components/ButtonGroup/index.d.ts +12 -0
- package/dist/components/ButtonGroup/index.js +13 -0
- package/dist/components/ButtonGroup/styles.css.d.ts +8 -0
- package/dist/components/ButtonGroup/styles.css.js +16 -0
- package/dist/components/ButtonGroup/types.d.ts +6 -0
- package/dist/components/Carousel/Carousel.js +91 -0
- package/dist/components/Carousel/Carousel.svelte.d.ts +4 -0
- package/dist/components/Carousel/Content/Content.js +54 -0
- package/dist/components/Carousel/Content/Content.svelte.d.ts +5 -0
- package/dist/components/Carousel/Content/index.d.ts +1 -0
- package/dist/components/Carousel/Content/styles.css.d.ts +9 -0
- package/dist/components/Carousel/Content/styles.css.js +17 -0
- package/dist/components/Carousel/Item/Item.js +41 -0
- package/dist/components/Carousel/Item/Item.svelte.d.ts +5 -0
- package/dist/components/Carousel/Item/index.d.ts +1 -0
- package/dist/components/Carousel/Item/styles.css.d.ts +7 -0
- package/dist/components/Carousel/Item/styles.css.js +16 -0
- package/dist/components/Carousel/Next/Next.js +69 -0
- package/dist/components/Carousel/Next/Next.svelte.d.ts +4 -0
- package/dist/components/Carousel/Next/index.d.ts +1 -0
- package/dist/components/Carousel/Next/styles.css.d.ts +7 -0
- package/dist/components/Carousel/Next/styles.css.js +16 -0
- package/dist/components/Carousel/Previous/Previous.js +69 -0
- package/dist/components/Carousel/Previous/Previous.svelte.d.ts +4 -0
- package/dist/components/Carousel/Previous/index.d.ts +1 -0
- package/dist/components/Carousel/Previous/styles.css.d.ts +7 -0
- package/dist/components/Carousel/Previous/styles.css.js +16 -0
- package/dist/components/Carousel/context.d.ts +3 -0
- package/dist/components/Carousel/context.js +15 -0
- package/dist/components/Carousel/index.d.ts +8 -0
- package/dist/components/Carousel/index.js +17 -0
- package/dist/components/Carousel/styles.css.d.ts +5 -0
- package/dist/components/Carousel/styles.css.js +8 -0
- package/dist/components/Carousel/types.d.ts +29 -0
- package/dist/components/ContentState/ContentState.js +2 -2
- package/dist/components/DataGrid/State/State.js +1 -1
- package/dist/components/DropdownMenu/SubTrigger/styles.css.js +1 -1
- package/dist/components/DropdownMenu/index.d.ts +2 -3
- package/dist/components/DropdownMenu/index.js +24 -1
- package/dist/components/DropdownMenu/types.d.ts +1 -2
- package/dist/components/Item/Actions/Actions.js +32 -0
- package/dist/components/Item/Actions/Actions.svelte.d.ts +5 -0
- package/dist/components/Item/Actions/index.d.ts +1 -0
- package/dist/components/Item/Content/Content.js +32 -0
- package/dist/components/Item/Content/Content.svelte.d.ts +5 -0
- package/dist/components/Item/Content/index.d.ts +1 -0
- package/dist/components/Item/Description/Description.js +32 -0
- package/dist/components/Item/Description/Description.svelte.d.ts +5 -0
- package/dist/components/Item/Description/index.d.ts +1 -0
- package/dist/components/Item/Footer/Footer.js +32 -0
- package/dist/components/Item/Footer/Footer.svelte.d.ts +5 -0
- package/dist/components/Item/Footer/index.d.ts +1 -0
- package/dist/components/Item/Group/Group.js +33 -0
- package/dist/components/Item/Group/Group.svelte.d.ts +5 -0
- package/dist/components/Item/Group/index.d.ts +1 -0
- package/dist/components/Item/Header/Header.js +32 -0
- package/dist/components/Item/Header/Header.svelte.d.ts +5 -0
- package/dist/components/Item/Header/index.d.ts +1 -0
- package/dist/components/Item/Item.js +58 -0
- package/dist/components/Item/Item.svelte.d.ts +4 -0
- package/dist/components/Item/Media/Media.js +38 -0
- package/dist/components/Item/Media/Media.svelte.d.ts +4 -0
- package/dist/components/Item/Media/index.d.ts +1 -0
- package/dist/components/Item/Separator/Separator.js +33 -0
- package/dist/components/Item/Separator/Separator.svelte.d.ts +4 -0
- package/dist/components/Item/Separator/index.d.ts +1 -0
- package/dist/components/Item/Title/Title.js +32 -0
- package/dist/components/Item/Title/Title.svelte.d.ts +5 -0
- package/dist/components/Item/Title/index.d.ts +1 -0
- package/dist/components/Item/index.d.ts +13 -0
- package/dist/components/Item/index.js +27 -0
- package/dist/components/Item/styles.css.d.ts +28 -0
- package/dist/components/Item/styles.css.js +36 -0
- package/dist/components/Item/types.d.ts +16 -0
- package/dist/components/Popover/Close/PopoverClose.js +49 -0
- package/dist/components/Popover/Close/PopoverClose.svelte.d.ts +4 -0
- package/dist/components/Popover/Close/index.d.ts +1 -0
- package/dist/components/Popover/Content/PopoverContent.js +64 -0
- package/dist/components/Popover/Content/PopoverContent.svelte.d.ts +4 -0
- package/dist/components/Popover/Content/index.d.ts +1 -0
- package/dist/components/Popover/Popover.js +39 -0
- package/dist/components/Popover/Popover.svelte.d.ts +3 -0
- package/dist/components/Popover/Portal/PopoverPortal.js +30 -0
- package/dist/components/Popover/Portal/PopoverPortal.svelte.d.ts +3 -0
- package/dist/components/Popover/Portal/index.d.ts +1 -0
- package/dist/components/Popover/Trigger/PopoverTrigger.js +49 -0
- package/dist/components/Popover/Trigger/PopoverTrigger.svelte.d.ts +4 -0
- package/dist/components/Popover/Trigger/index.d.ts +1 -0
- package/dist/components/Popover/index.d.ts +8 -0
- package/dist/components/Popover/index.js +17 -0
- package/dist/components/Popover/styles.css.d.ts +9 -0
- package/dist/components/Popover/styles.css.js +13 -0
- package/dist/components/Popover/types.d.ts +9 -0
- package/dist/components/RangeInput/RangeInput.js +174 -0
- package/dist/components/RangeInput/RangeInput.svelte.d.ts +4 -0
- package/dist/components/RangeInput/index.d.ts +2 -0
- package/dist/components/RangeInput/styles.css.d.ts +15 -0
- package/dist/components/RangeInput/styles.css.js +21 -0
- package/dist/components/RangeInput/types.d.ts +16 -0
- package/dist/components/Slider/Slider.js +96 -0
- package/dist/components/Slider/Slider.svelte.d.ts +4 -0
- package/dist/components/Slider/index.d.ts +2 -0
- package/dist/components/Slider/styles.css.d.ts +16 -0
- package/dist/components/Slider/styles.css.js +26 -0
- package/dist/components/Slider/types.d.ts +6 -0
- package/dist/components/Spinner/styles.css.js +1 -1
- package/dist/components/index.d.ts +9 -1
- package/dist/components/index.js +26 -34
- package/dist/stories/Accordion.stories.svelte.d.ts +7 -14
- package/dist/stories/Alert.stories.svelte.d.ts +1 -1
- package/dist/stories/Badge.stories.svelte.d.ts +19 -0
- package/dist/stories/ButtonGroup.stories.svelte.d.ts +19 -0
- package/dist/stories/Calendar.stories.svelte.d.ts +1 -1
- package/dist/stories/Card.stories.svelte.d.ts +1 -1
- package/dist/stories/Carousel.stories.svelte.d.ts +19 -0
- package/dist/stories/CircularProgress.stories.svelte.d.ts +1 -0
- package/dist/stories/DataGrid.stories.svelte.d.ts +1 -1
- package/dist/stories/DropdownMenu.stories.svelte.d.ts +1 -1
- package/dist/stories/Field.stories.svelte.d.ts +1 -1
- package/dist/stories/Input.stories.svelte.d.ts +7 -14
- package/dist/stories/Item.stories.svelte.d.ts +19 -0
- package/dist/stories/Label.stories.svelte.d.ts +1 -1
- package/dist/stories/Popover.stories.svelte.d.ts +19 -0
- package/dist/stories/RangeInput.stories.svelte.d.ts +19 -0
- package/dist/stories/Select.stories.svelte.d.ts +1 -1
- package/dist/stories/Slider.stories.svelte.d.ts +19 -0
- package/dist/stories/Tooltip.stories.svelte.d.ts +1 -1
- package/dist/stories/Typography.stories.svelte.d.ts +7 -14
- package/package.json +7 -3
- package/dist/components/Button/index.js +0 -4
- package/dist/components/Calendar/index.js +0 -3
- package/dist/components/Checkbox/index.js +0 -3
- package/dist/components/CircularProgress/index.js +0 -3
- package/dist/components/ContentState/index.js +0 -3
- package/dist/components/DataGrid/index.js +0 -3
- package/dist/components/DataGridSortHeader/index.js +0 -3
- package/dist/components/Input/index.js +0 -3
- package/dist/components/Label/index.js +0 -3
- package/dist/components/Placeholder/index.js +0 -3
- package/dist/components/Separator/index.js +0 -3
- package/dist/components/Spinner/index.js +0 -4
- package/dist/components/Tooltip/index.js +0 -3
- 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 };
|
package/dist/assets/{styles.css.ts.vanilla-BXoNzaj5.css → styles.css.ts.vanilla--2KRqxlh.css}
RENAMED
|
@@ -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
|
+
}
|
package/dist/assets/{styles.css.ts.vanilla-CZGlsAbQ.css → styles.css.ts.vanilla-Dt8KZ_4Z.css}
RENAMED
|
@@ -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,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<
|
|
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<
|
|
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 };
|
|
@@ -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,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;
|