@max-ts/svelte 1.2.0 → 1.3.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/assets/styles.css.ts.vanilla-DONNicjp.css +62 -0
- package/dist/assets/{theme.css.ts.vanilla-BRMmE1vI.css → theme.css.ts.vanilla-HT3RGHeI.css} +4 -4
- package/dist/components/Accordion/Content/styles.css.js +1 -1
- package/dist/components/Accordion/Item/styles.css.js +1 -1
- package/dist/components/Accordion/Trigger/styles.css.js +1 -1
- package/dist/components/Alert/Description/styles.css.js +1 -1
- package/dist/components/Alert/Title/styles.css.js +1 -1
- package/dist/components/Alert/styles.css.js +1 -1
- package/dist/components/Badge/styles.css.js +1 -1
- package/dist/components/Button/styles.css.js +1 -1
- package/dist/components/ButtonGroup/Separator/styles.css.js +1 -1
- package/dist/components/ButtonGroup/Text/styles.css.js +1 -1
- package/dist/components/ButtonGroup/styles.css.js +1 -1
- package/dist/components/Calendar/Cell/styles.css.js +1 -1
- package/dist/components/Calendar/Day/styles.css.js +1 -1
- package/dist/components/Calendar/Grid/styles.css.js +1 -1
- package/dist/components/Calendar/GridRow/styles.css.js +1 -1
- package/dist/components/Calendar/HeadCell/styles.css.js +1 -1
- package/dist/components/Calendar/Header/styles.css.js +1 -1
- package/dist/components/Calendar/MonthSelect/styles.css.js +1 -1
- package/dist/components/Calendar/Months/styles.css.js +1 -1
- package/dist/components/Calendar/Nav/styles.css.js +1 -1
- package/dist/components/Calendar/YearSelect/styles.css.js +1 -1
- package/dist/components/Calendar/styles.css.js +1 -1
- package/dist/components/Card/Content/styles.css.js +1 -1
- package/dist/components/Card/Description/styles.css.js +1 -1
- package/dist/components/Card/Footer/styles.css.js +1 -1
- package/dist/components/Card/Header/styles.css.js +1 -1
- package/dist/components/Card/Title/styles.css.js +1 -1
- package/dist/components/Card/styles.css.js +1 -1
- package/dist/components/Carousel/Content/styles.css.js +1 -1
- package/dist/components/Carousel/Item/styles.css.js +1 -1
- package/dist/components/Carousel/Next/styles.css.js +1 -1
- package/dist/components/Carousel/Previous/styles.css.js +1 -1
- package/dist/components/Checkbox/styles.css.js +1 -1
- package/dist/components/CircularProgress/styles.css.js +1 -1
- package/dist/components/DataGrid/Cell/styles.css.js +1 -1
- package/dist/components/DataGrid/Footer/styles.css.js +1 -1
- package/dist/components/DataGrid/HeaderCell/styles.css.js +1 -1
- package/dist/components/DataGrid/Row/styles.css.js +1 -1
- package/dist/components/DataGrid/styles.css.js +1 -1
- package/dist/components/DataGridSortHeader/styles.css.js +1 -1
- package/dist/components/DropdownMenu/CheckboxItem/styles.css.js +1 -1
- package/dist/components/DropdownMenu/Content/styles.css.js +1 -1
- package/dist/components/DropdownMenu/GroupHeading/styles.css.js +1 -1
- package/dist/components/DropdownMenu/Item/styles.css.js +1 -1
- package/dist/components/DropdownMenu/Label/styles.css.js +1 -1
- package/dist/components/DropdownMenu/RadioItem/styles.css.js +1 -1
- package/dist/components/DropdownMenu/Separator/styles.css.js +1 -1
- package/dist/components/DropdownMenu/Shortcut/styles.css.js +1 -1
- package/dist/components/DropdownMenu/SubContent/styles.css.js +1 -1
- package/dist/components/DropdownMenu/SubTrigger/styles.css.js +1 -1
- package/dist/components/Empty/styles.css.js +1 -1
- package/dist/components/Field/Content/styles.css.js +1 -1
- package/dist/components/Field/Description/styles.css.js +1 -1
- package/dist/components/Field/FieldError/styles.css.js +1 -1
- package/dist/components/Field/FieldSet/styles.css.js +1 -1
- package/dist/components/Field/Group/styles.css.js +1 -1
- package/dist/components/Field/Label/styles.css.js +1 -1
- package/dist/components/Field/Legend/styles.css.js +1 -1
- package/dist/components/Field/Separator/styles.css.js +1 -1
- package/dist/components/Field/Title/styles.css.js +1 -1
- package/dist/components/Field/styles.css.js +1 -1
- package/dist/components/Input/styles.css.js +1 -1
- package/dist/components/Item/styles.css.js +1 -1
- package/dist/components/Label/styles.css.js +1 -1
- package/dist/components/Placeholder/Image/styles.css.js +1 -1
- package/dist/components/Placeholder/styles.css.js +1 -1
- package/dist/components/Popover/styles.css.js +1 -1
- package/dist/components/RangeInput/styles.css.js +1 -1
- package/dist/components/Select/Content/styles.css.js +1 -1
- package/dist/components/Select/GroupHeading/styles.css.js +1 -1
- package/dist/components/Select/Item/styles.css.js +1 -1
- package/dist/components/Select/Label/styles.css.js +1 -1
- package/dist/components/Select/ScrollDownButton/styles.css.js +1 -1
- package/dist/components/Select/ScrollUpButton/styles.css.js +1 -1
- package/dist/components/Select/Separator/styles.css.js +1 -1
- package/dist/components/Select/Trigger/styles.css.js +1 -1
- package/dist/components/Separator/styles.css.js +1 -1
- package/dist/components/Slider/styles.css.js +1 -1
- package/dist/components/Spinner/styles.css.js +1 -1
- package/dist/components/Tabs/Content/Content.js +49 -0
- package/dist/components/Tabs/Content/Content.svelte.d.ts +4 -0
- package/dist/components/Tabs/Content/index.d.ts +1 -0
- package/dist/components/Tabs/List/List.js +49 -0
- package/dist/components/Tabs/List/List.svelte.d.ts +4 -0
- package/dist/components/Tabs/List/index.d.ts +1 -0
- package/dist/components/Tabs/Tabs.js +56 -0
- package/dist/components/Tabs/Tabs.svelte.d.ts +4 -0
- package/dist/components/Tabs/Trigger/Trigger.js +49 -0
- package/dist/components/Tabs/Trigger/Trigger.svelte.d.ts +4 -0
- package/dist/components/Tabs/Trigger/index.d.ts +1 -0
- package/dist/components/Tabs/index.d.ts +7 -0
- package/dist/components/Tabs/index.js +15 -0
- package/dist/components/Tabs/styles.css.d.ts +11 -0
- package/dist/components/Tabs/styles.css.js +14 -0
- package/dist/components/Tabs/types.d.ts +5 -0
- package/dist/components/Tooltip/Content/styles.css.js +1 -1
- package/dist/components/Typography/styles.css.js +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +2 -1
- package/dist/stories/Tabs.stories.svelte.d.ts +19 -0
- package/dist/theme.js +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
.styles_root__mob0850 {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
gap: var(--spacing-2);
|
|
5
|
+
}
|
|
6
|
+
.styles_list__mob0851 {
|
|
7
|
+
background-color: var(--colors-background-paper);
|
|
8
|
+
color: var(--colors-text-secondary);
|
|
9
|
+
display: inline-flex;
|
|
10
|
+
height: var(--spacing-10);
|
|
11
|
+
width: fit-content;
|
|
12
|
+
align-items: center;
|
|
13
|
+
justify-content: center;
|
|
14
|
+
border-radius: var(--borderRadius-md);
|
|
15
|
+
box-shadow: var(--shadow-3);
|
|
16
|
+
padding: var(--spacing-1);
|
|
17
|
+
gap: var(--spacing-1);
|
|
18
|
+
}
|
|
19
|
+
.styles_trigger__mob0852 {
|
|
20
|
+
color: var(--colors-text-primary);
|
|
21
|
+
display: inline-flex;
|
|
22
|
+
height: calc(100% - 1px);
|
|
23
|
+
flex: 1;
|
|
24
|
+
align-items: center;
|
|
25
|
+
justify-content: center;
|
|
26
|
+
gap: var(--spacing-1);
|
|
27
|
+
border-radius: var(--borderRadius-md);
|
|
28
|
+
border: 1px solid transparent;
|
|
29
|
+
padding: var(--spacing-1) var(--spacing-2);
|
|
30
|
+
font-size: var(--fontSize-sm);
|
|
31
|
+
font-weight: var(--fontWeight-medium);
|
|
32
|
+
white-space: nowrap;
|
|
33
|
+
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
|
|
34
|
+
cursor: pointer;
|
|
35
|
+
outline: none;
|
|
36
|
+
}
|
|
37
|
+
.styles_trigger__mob0852[data-state=active] {
|
|
38
|
+
background-color: var(--colors-primary);
|
|
39
|
+
color: var(--colors-foreground-primary);
|
|
40
|
+
box-shadow: var(--shadow-1);
|
|
41
|
+
}
|
|
42
|
+
.styles_trigger__mob0852:focus-visible {
|
|
43
|
+
border-color: var(--colors-primary);
|
|
44
|
+
box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-primary) 20%, transparent);
|
|
45
|
+
outline: 1px solid var(--colors-primary);
|
|
46
|
+
}
|
|
47
|
+
.styles_trigger__mob0852:disabled {
|
|
48
|
+
pointer-events: none;
|
|
49
|
+
opacity: 0.5;
|
|
50
|
+
}
|
|
51
|
+
.styles_trigger__mob0852 svg {
|
|
52
|
+
pointer-events: none;
|
|
53
|
+
flex-shrink: 0;
|
|
54
|
+
}
|
|
55
|
+
.styles_trigger__mob0852 svg:not([class*='size-']) {
|
|
56
|
+
width: var(--spacing-4);
|
|
57
|
+
height: var(--spacing-4);
|
|
58
|
+
}
|
|
59
|
+
.styles_content__mob0853 {
|
|
60
|
+
flex: 1;
|
|
61
|
+
outline: none;
|
|
62
|
+
}
|
|
@@ -31,10 +31,10 @@
|
|
|
31
31
|
--spacing-16: 4rem;
|
|
32
32
|
--spacing-20: 5rem;
|
|
33
33
|
--shadow-1: 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
34
|
-
--shadow-2: 0 1px
|
|
35
|
-
--shadow-3: 0
|
|
36
|
-
--shadow-4: 0
|
|
37
|
-
--shadow-5: 0
|
|
34
|
+
--shadow-2: 0 1px 2px 0px rgba(0, 0, 0, 0.05);
|
|
35
|
+
--shadow-3: 0 1px 3px 0px rgba(0, 0, 0, 0.1), 0 1px 2px 0px rgba(0, 0, 0, 0.06);
|
|
36
|
+
--shadow-4: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
|
37
|
+
--shadow-5: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
38
38
|
--elevation-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba #00000024 (0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
|
|
39
39
|
--elevation-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);;
|
|
40
40
|
--elevation-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import styles_css_default from "../styles.css.js";
|
|
2
|
+
import "svelte/internal/disclose-version";
|
|
3
|
+
import * as $ from "svelte/internal/client";
|
|
4
|
+
import { Tabs } from "bits-ui";
|
|
5
|
+
|
|
6
|
+
//#region src/components/Tabs/Content/Content.svelte
|
|
7
|
+
function Content($$anchor, $$props) {
|
|
8
|
+
$.push($$props, true);
|
|
9
|
+
let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
|
|
10
|
+
"$$slots",
|
|
11
|
+
"$$events",
|
|
12
|
+
"$$legacy",
|
|
13
|
+
"ref",
|
|
14
|
+
"class",
|
|
15
|
+
"children"
|
|
16
|
+
]);
|
|
17
|
+
var fragment = $.comment();
|
|
18
|
+
var node = $.first_child(fragment);
|
|
19
|
+
{
|
|
20
|
+
let $0 = $.derived(() => [styles_css_default.content, $$props.class]);
|
|
21
|
+
$.component(node, () => Tabs.Content, ($$anchor$1, TabsPrimitive_Content) => {
|
|
22
|
+
TabsPrimitive_Content($$anchor$1, $.spread_props({
|
|
23
|
+
"data-slot": "tabs-content",
|
|
24
|
+
get class() {
|
|
25
|
+
return $.get($0);
|
|
26
|
+
}
|
|
27
|
+
}, () => restProps, {
|
|
28
|
+
get ref() {
|
|
29
|
+
return ref();
|
|
30
|
+
},
|
|
31
|
+
set ref($$value) {
|
|
32
|
+
ref($$value);
|
|
33
|
+
},
|
|
34
|
+
children: ($$anchor$2, $$slotProps) => {
|
|
35
|
+
var fragment_1 = $.comment();
|
|
36
|
+
var node_1 = $.first_child(fragment_1);
|
|
37
|
+
$.snippet(node_1, () => $$props.children ?? $.noop);
|
|
38
|
+
$.append($$anchor$2, fragment_1);
|
|
39
|
+
},
|
|
40
|
+
$$slots: { default: true }
|
|
41
|
+
}));
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
$.append($$anchor, fragment);
|
|
45
|
+
$.pop();
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
//#endregion
|
|
49
|
+
export { Content as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Content } from './Content.svelte';
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import styles_css_default from "../styles.css.js";
|
|
2
|
+
import "svelte/internal/disclose-version";
|
|
3
|
+
import * as $ from "svelte/internal/client";
|
|
4
|
+
import { Tabs } from "bits-ui";
|
|
5
|
+
|
|
6
|
+
//#region src/components/Tabs/List/List.svelte
|
|
7
|
+
function List($$anchor, $$props) {
|
|
8
|
+
$.push($$props, true);
|
|
9
|
+
let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
|
|
10
|
+
"$$slots",
|
|
11
|
+
"$$events",
|
|
12
|
+
"$$legacy",
|
|
13
|
+
"ref",
|
|
14
|
+
"class",
|
|
15
|
+
"children"
|
|
16
|
+
]);
|
|
17
|
+
var fragment = $.comment();
|
|
18
|
+
var node = $.first_child(fragment);
|
|
19
|
+
{
|
|
20
|
+
let $0 = $.derived(() => [styles_css_default.list, $$props.class]);
|
|
21
|
+
$.component(node, () => Tabs.List, ($$anchor$1, TabsPrimitive_List) => {
|
|
22
|
+
TabsPrimitive_List($$anchor$1, $.spread_props({
|
|
23
|
+
"data-slot": "tabs-list",
|
|
24
|
+
get class() {
|
|
25
|
+
return $.get($0);
|
|
26
|
+
}
|
|
27
|
+
}, () => restProps, {
|
|
28
|
+
get ref() {
|
|
29
|
+
return ref();
|
|
30
|
+
},
|
|
31
|
+
set ref($$value) {
|
|
32
|
+
ref($$value);
|
|
33
|
+
},
|
|
34
|
+
children: ($$anchor$2, $$slotProps) => {
|
|
35
|
+
var fragment_1 = $.comment();
|
|
36
|
+
var node_1 = $.first_child(fragment_1);
|
|
37
|
+
$.snippet(node_1, () => $$props.children ?? $.noop);
|
|
38
|
+
$.append($$anchor$2, fragment_1);
|
|
39
|
+
},
|
|
40
|
+
$$slots: { default: true }
|
|
41
|
+
}));
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
$.append($$anchor, fragment);
|
|
45
|
+
$.pop();
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
//#endregion
|
|
49
|
+
export { List as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as List } from './List.svelte';
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import styles_css_default from "./styles.css.js";
|
|
2
|
+
import "svelte/internal/disclose-version";
|
|
3
|
+
import * as $ from "svelte/internal/client";
|
|
4
|
+
import { Tabs } from "bits-ui";
|
|
5
|
+
|
|
6
|
+
//#region src/components/Tabs/Tabs.svelte
|
|
7
|
+
function Tabs$1($$anchor, $$props) {
|
|
8
|
+
$.push($$props, true);
|
|
9
|
+
let ref = $.prop($$props, "ref", 15, null), value = $.prop($$props, "value", 15, ""), restProps = $.rest_props($$props, [
|
|
10
|
+
"$$slots",
|
|
11
|
+
"$$events",
|
|
12
|
+
"$$legacy",
|
|
13
|
+
"ref",
|
|
14
|
+
"value",
|
|
15
|
+
"class",
|
|
16
|
+
"children"
|
|
17
|
+
]);
|
|
18
|
+
var fragment = $.comment();
|
|
19
|
+
var node = $.first_child(fragment);
|
|
20
|
+
{
|
|
21
|
+
let $0 = $.derived(() => [styles_css_default.root, $$props.class]);
|
|
22
|
+
$.component(node, () => Tabs.Root, ($$anchor$1, TabsPrimitive_Root) => {
|
|
23
|
+
TabsPrimitive_Root($$anchor$1, $.spread_props({
|
|
24
|
+
"data-slot": "tabs",
|
|
25
|
+
get class() {
|
|
26
|
+
return $.get($0);
|
|
27
|
+
}
|
|
28
|
+
}, () => restProps, {
|
|
29
|
+
get ref() {
|
|
30
|
+
return ref();
|
|
31
|
+
},
|
|
32
|
+
set ref($$value) {
|
|
33
|
+
ref($$value);
|
|
34
|
+
},
|
|
35
|
+
get value() {
|
|
36
|
+
return value();
|
|
37
|
+
},
|
|
38
|
+
set value($$value) {
|
|
39
|
+
value($$value);
|
|
40
|
+
},
|
|
41
|
+
children: ($$anchor$2, $$slotProps) => {
|
|
42
|
+
var fragment_1 = $.comment();
|
|
43
|
+
var node_1 = $.first_child(fragment_1);
|
|
44
|
+
$.snippet(node_1, () => $$props.children ?? $.noop);
|
|
45
|
+
$.append($$anchor$2, fragment_1);
|
|
46
|
+
},
|
|
47
|
+
$$slots: { default: true }
|
|
48
|
+
}));
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
$.append($$anchor, fragment);
|
|
52
|
+
$.pop();
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
//#endregion
|
|
56
|
+
export { Tabs$1 as default };
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import styles_css_default from "../styles.css.js";
|
|
2
|
+
import "svelte/internal/disclose-version";
|
|
3
|
+
import * as $ from "svelte/internal/client";
|
|
4
|
+
import { Tabs } from "bits-ui";
|
|
5
|
+
|
|
6
|
+
//#region src/components/Tabs/Trigger/Trigger.svelte
|
|
7
|
+
function Trigger($$anchor, $$props) {
|
|
8
|
+
$.push($$props, true);
|
|
9
|
+
let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
|
|
10
|
+
"$$slots",
|
|
11
|
+
"$$events",
|
|
12
|
+
"$$legacy",
|
|
13
|
+
"ref",
|
|
14
|
+
"class",
|
|
15
|
+
"children"
|
|
16
|
+
]);
|
|
17
|
+
var fragment = $.comment();
|
|
18
|
+
var node = $.first_child(fragment);
|
|
19
|
+
{
|
|
20
|
+
let $0 = $.derived(() => [styles_css_default.trigger, $$props.class]);
|
|
21
|
+
$.component(node, () => Tabs.Trigger, ($$anchor$1, TabsPrimitive_Trigger) => {
|
|
22
|
+
TabsPrimitive_Trigger($$anchor$1, $.spread_props({
|
|
23
|
+
"data-slot": "tabs-trigger",
|
|
24
|
+
get class() {
|
|
25
|
+
return $.get($0);
|
|
26
|
+
}
|
|
27
|
+
}, () => restProps, {
|
|
28
|
+
get ref() {
|
|
29
|
+
return ref();
|
|
30
|
+
},
|
|
31
|
+
set ref($$value) {
|
|
32
|
+
ref($$value);
|
|
33
|
+
},
|
|
34
|
+
children: ($$anchor$2, $$slotProps) => {
|
|
35
|
+
var fragment_1 = $.comment();
|
|
36
|
+
var node_1 = $.first_child(fragment_1);
|
|
37
|
+
$.snippet(node_1, () => $$props.children ?? $.noop);
|
|
38
|
+
$.append($$anchor$2, fragment_1);
|
|
39
|
+
},
|
|
40
|
+
$$slots: { default: true }
|
|
41
|
+
}));
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
$.append($$anchor, fragment);
|
|
45
|
+
$.pop();
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
//#endregion
|
|
49
|
+
export { Trigger as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Trigger } from './Trigger.svelte';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const Tabs: {
|
|
2
|
+
Root: import("svelte").Component<import("bits-ui").TabsRootProps, {}, "value" | "ref">;
|
|
3
|
+
List: import("svelte").Component<import("bits-ui").TabsListProps, {}, "ref">;
|
|
4
|
+
Trigger: import("svelte").Component<import("bits-ui").TabsTriggerProps, {}, "ref">;
|
|
5
|
+
Content: import("svelte").Component<import("bits-ui").TabsContentProps, {}, "ref">;
|
|
6
|
+
};
|
|
7
|
+
export type * from './types.js';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import Tabs$1 from "./Tabs.js";
|
|
2
|
+
import List from "./List/List.js";
|
|
3
|
+
import Trigger from "./Trigger/Trigger.js";
|
|
4
|
+
import Content from "./Content/Content.js";
|
|
5
|
+
|
|
6
|
+
//#region src/components/Tabs/index.ts
|
|
7
|
+
const Tabs = {
|
|
8
|
+
Root: Tabs$1,
|
|
9
|
+
List,
|
|
10
|
+
Trigger,
|
|
11
|
+
Content
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
//#endregion
|
|
15
|
+
export { Tabs };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare const root: string;
|
|
2
|
+
export declare const list: string;
|
|
3
|
+
export declare const trigger: string;
|
|
4
|
+
export declare const content: string;
|
|
5
|
+
declare const _default: {
|
|
6
|
+
root: string;
|
|
7
|
+
list: string;
|
|
8
|
+
trigger: string;
|
|
9
|
+
content: string;
|
|
10
|
+
};
|
|
11
|
+
export default _default;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import "./../../assets/theme.css.ts.vanilla-HT3RGHeI.css";
|
|
2
|
+
import "./../../assets/styles.css.ts.vanilla-DONNicjp.css";
|
|
3
|
+
|
|
4
|
+
//#region src/components/Tabs/styles.css.ts
|
|
5
|
+
var __default__ = {
|
|
6
|
+
root: "styles_root__mob0850",
|
|
7
|
+
list: "styles_list__mob0851",
|
|
8
|
+
trigger: "styles_trigger__mob0852",
|
|
9
|
+
content: "styles_content__mob0853"
|
|
10
|
+
};
|
|
11
|
+
var styles_css_default = __default__;
|
|
12
|
+
|
|
13
|
+
//#endregion
|
|
14
|
+
export { styles_css_default as default };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { Tabs as TabsPrimitive } from 'bits-ui';
|
|
2
|
+
export type TabsProps = TabsPrimitive.RootProps;
|
|
3
|
+
export type TabsListProps = TabsPrimitive.ListProps;
|
|
4
|
+
export type TabsTriggerProps = TabsPrimitive.TriggerProps;
|
|
5
|
+
export type TabsContentProps = TabsPrimitive.ContentProps;
|
|
@@ -25,5 +25,6 @@ export { Select } from './Select/index.js';
|
|
|
25
25
|
export { Separator, type SeparatorProps, } from './Separator/index.js';
|
|
26
26
|
export { Slider, type SliderProps } from './Slider/index.js';
|
|
27
27
|
export { Spinner, type SpinnerSize } from './Spinner/index.js';
|
|
28
|
+
export { Tabs, type TabsProps } from './Tabs/index.js';
|
|
28
29
|
export { Tooltip, type TooltipProps } from './Tooltip/index.js';
|
|
29
30
|
export { Typography, type TypographyAlign, type TypographyColor, type TypographyVariant, } from './Typography/index.js';
|
package/dist/components/index.js
CHANGED
|
@@ -27,6 +27,7 @@ import { Popover } from "./Popover/index.js";
|
|
|
27
27
|
import Slider from "./Slider/Slider.js";
|
|
28
28
|
import RangeInput from "./RangeInput/RangeInput.js";
|
|
29
29
|
import { Select } from "./Select/index.js";
|
|
30
|
+
import { Tabs } from "./Tabs/index.js";
|
|
30
31
|
import Tooltip from "./Tooltip/Tooltip.js";
|
|
31
32
|
|
|
32
|
-
export { Accordion, Alert, Badge, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, CircularProgress, ContentState, DataGrid, DataGridSortHeader, DropdownMenu_exports as DropdownMenu, Empty, Field, Input, Item, Label_1 as Label, Placeholder, Popover, RangeInput, Select, Separator, Slider, Spinner, Tooltip, Typography, badgeVariants, buttonVariants };
|
|
33
|
+
export { Accordion, Alert, Badge, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, CircularProgress, ContentState, DataGrid, DataGridSortHeader, DropdownMenu_exports as DropdownMenu, Empty, Field, Input, Item, Label_1 as Label, Placeholder, Popover, RangeInput, Select, Separator, Slider, Spinner, Tabs, Tooltip, Typography, badgeVariants, buttonVariants };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Tabs } from '../components/index.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: {
|
|
7
|
+
$$events?: Events;
|
|
8
|
+
$$slots?: Slots;
|
|
9
|
+
}): Exports & {
|
|
10
|
+
$set?: any;
|
|
11
|
+
$on?: any;
|
|
12
|
+
};
|
|
13
|
+
z_$$bindings?: Bindings;
|
|
14
|
+
}
|
|
15
|
+
declare const Tabs: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
|
|
16
|
+
[evt: string]: CustomEvent<any>;
|
|
17
|
+
}, {}, {}, string>;
|
|
18
|
+
type Tabs = InstanceType<typeof Tabs>;
|
|
19
|
+
export default Tabs;
|
package/dist/theme.js
CHANGED