@max-ts/svelte 1.0.8 → 1.1.1
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 +9 -6
- 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,38 @@
|
|
|
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/Item/Media/Media.svelte
|
|
6
|
+
var root = $.from_html(`<div><!></div>`);
|
|
7
|
+
function Media($$anchor, $$props) {
|
|
8
|
+
$.push($$props, true);
|
|
9
|
+
let ref = $.prop($$props, "ref", 15, null), variant = $.prop($$props, "variant", 3, "default"), restProps = $.rest_props($$props, [
|
|
10
|
+
"$$slots",
|
|
11
|
+
"$$events",
|
|
12
|
+
"$$legacy",
|
|
13
|
+
"ref",
|
|
14
|
+
"class",
|
|
15
|
+
"children",
|
|
16
|
+
"variant"
|
|
17
|
+
]);
|
|
18
|
+
var div = root();
|
|
19
|
+
$.attribute_effect(div, () => ({
|
|
20
|
+
"data-slot": "item-media",
|
|
21
|
+
"data-variant": variant(),
|
|
22
|
+
class: [
|
|
23
|
+
styles_css_default.media,
|
|
24
|
+
styles_css_default.mediaVariants[variant()],
|
|
25
|
+
$$props.class
|
|
26
|
+
],
|
|
27
|
+
...restProps
|
|
28
|
+
}));
|
|
29
|
+
var node = $.child(div);
|
|
30
|
+
$.snippet(node, () => $$props.children ?? $.noop);
|
|
31
|
+
$.reset(div);
|
|
32
|
+
$.bind_this(div, ($$value) => ref($$value), () => ref());
|
|
33
|
+
$.append($$anchor, div);
|
|
34
|
+
$.pop();
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
//#endregion
|
|
38
|
+
export { Media as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Media } from './Media.svelte';
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import Separator from "../../Separator/Separator.js";
|
|
2
|
+
import "svelte/internal/disclose-version";
|
|
3
|
+
import * as $ from "svelte/internal/client";
|
|
4
|
+
|
|
5
|
+
//#region src/components/Item/Separator/Separator.svelte
|
|
6
|
+
function Separator_1($$anchor, $$props) {
|
|
7
|
+
$.push($$props, true);
|
|
8
|
+
let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
|
|
9
|
+
"$$slots",
|
|
10
|
+
"$$events",
|
|
11
|
+
"$$legacy",
|
|
12
|
+
"ref",
|
|
13
|
+
"class"
|
|
14
|
+
]);
|
|
15
|
+
Separator($$anchor, $.spread_props({
|
|
16
|
+
"data-slot": "item-separator",
|
|
17
|
+
orientation: "horizontal",
|
|
18
|
+
get class() {
|
|
19
|
+
return $$props.class;
|
|
20
|
+
}
|
|
21
|
+
}, () => restProps, {
|
|
22
|
+
get ref() {
|
|
23
|
+
return ref();
|
|
24
|
+
},
|
|
25
|
+
set ref($$value) {
|
|
26
|
+
ref($$value);
|
|
27
|
+
}
|
|
28
|
+
}));
|
|
29
|
+
$.pop();
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
//#endregion
|
|
33
|
+
export { Separator_1 as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Separator } from './Separator.svelte';
|
|
@@ -0,0 +1,32 @@
|
|
|
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/Item/Title/Title.svelte
|
|
6
|
+
var root = $.from_html(`<div><!></div>`);
|
|
7
|
+
function Title($$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 div = root();
|
|
18
|
+
$.attribute_effect(div, () => ({
|
|
19
|
+
"data-slot": "item-title",
|
|
20
|
+
class: [styles_css_default.title, $$props.class],
|
|
21
|
+
...restProps
|
|
22
|
+
}));
|
|
23
|
+
var node = $.child(div);
|
|
24
|
+
$.snippet(node, () => $$props.children ?? $.noop);
|
|
25
|
+
$.reset(div);
|
|
26
|
+
$.bind_this(div, ($$value) => ref($$value), () => ref());
|
|
27
|
+
$.append($$anchor, div);
|
|
28
|
+
$.pop();
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
//#endregion
|
|
32
|
+
export { Title as default };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { HTMLAttributes } from 'svelte/elements';
|
|
2
|
+
import type { WithElementRef } from '../../../types.js';
|
|
3
|
+
declare const Title: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
|
|
4
|
+
type Title = ReturnType<typeof Title>;
|
|
5
|
+
export default Title;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Title } from './Title.svelte';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export declare const Item: {
|
|
2
|
+
Root: import("svelte").Component<import("./types.js").ItemProps, {}, "ref">;
|
|
3
|
+
Group: import("svelte").Component<import("../../types.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
|
|
4
|
+
Separator: any;
|
|
5
|
+
Header: import("svelte").Component<import("../../types.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
|
|
6
|
+
Footer: import("svelte").Component<import("../../types.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
|
|
7
|
+
Content: import("svelte").Component<import("../../types.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
|
|
8
|
+
Title: import("svelte").Component<import("../../types.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
|
|
9
|
+
Description: import("svelte").Component<import("../../types.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLParagraphElement>>, {}, "ref">;
|
|
10
|
+
Actions: import("svelte").Component<import("../../types.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
|
|
11
|
+
Media: import("svelte").Component<import("./types.js").ItemMediaProps, {}, "ref">;
|
|
12
|
+
};
|
|
13
|
+
export type * from './types.js';
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import Item$1 from "./Item.js";
|
|
2
|
+
import Group from "./Group/Group.js";
|
|
3
|
+
import Separator_1 from "./Separator/Separator.js";
|
|
4
|
+
import Header from "./Header/Header.js";
|
|
5
|
+
import Footer from "./Footer/Footer.js";
|
|
6
|
+
import Content from "./Content/Content.js";
|
|
7
|
+
import Title from "./Title/Title.js";
|
|
8
|
+
import Description from "./Description/Description.js";
|
|
9
|
+
import Actions from "./Actions/Actions.js";
|
|
10
|
+
import Media from "./Media/Media.js";
|
|
11
|
+
|
|
12
|
+
//#region src/components/Item/index.ts
|
|
13
|
+
const Item = {
|
|
14
|
+
Root: Item$1,
|
|
15
|
+
Group,
|
|
16
|
+
Separator: Separator_1,
|
|
17
|
+
Header,
|
|
18
|
+
Footer,
|
|
19
|
+
Content,
|
|
20
|
+
Title,
|
|
21
|
+
Description,
|
|
22
|
+
Actions,
|
|
23
|
+
Media
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
//#endregion
|
|
27
|
+
export { Item };
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { ItemMediaVariant, ItemSize, ItemVariant } from './types.js';
|
|
2
|
+
export declare const item: string;
|
|
3
|
+
export declare const itemVariants: Record<ItemVariant, string>;
|
|
4
|
+
export declare const itemSizes: Record<ItemSize, string>;
|
|
5
|
+
export declare const header: string;
|
|
6
|
+
export declare const footer: string;
|
|
7
|
+
export declare const title: string;
|
|
8
|
+
export declare const description: string;
|
|
9
|
+
export declare const content: string;
|
|
10
|
+
export declare const actions: string;
|
|
11
|
+
export declare const media: string;
|
|
12
|
+
export declare const mediaVariants: Record<ItemMediaVariant, string>;
|
|
13
|
+
export declare const group: string;
|
|
14
|
+
declare const _default: {
|
|
15
|
+
item: string;
|
|
16
|
+
itemVariants: Record<ItemVariant, string>;
|
|
17
|
+
itemSizes: Record<ItemSize, string>;
|
|
18
|
+
header: string;
|
|
19
|
+
footer: string;
|
|
20
|
+
title: string;
|
|
21
|
+
description: string;
|
|
22
|
+
content: string;
|
|
23
|
+
actions: string;
|
|
24
|
+
media: string;
|
|
25
|
+
mediaVariants: Record<ItemMediaVariant, string>;
|
|
26
|
+
group: string;
|
|
27
|
+
};
|
|
28
|
+
export default _default;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import "./../../assets/theme.css.ts.vanilla-BRMmE1vI.css";
|
|
2
|
+
import "./../../assets/styles.css.ts.vanilla-DqNzx9T_.css";
|
|
3
|
+
|
|
4
|
+
//#region src/components/Item/styles.css.ts
|
|
5
|
+
var __default__ = {
|
|
6
|
+
item: "styles_item__b9ajag0",
|
|
7
|
+
itemVariants,
|
|
8
|
+
itemSizes,
|
|
9
|
+
header: "styles_header__b9ajag6",
|
|
10
|
+
footer: "styles_header__b9ajag6",
|
|
11
|
+
title: "styles_title__b9ajag8",
|
|
12
|
+
description: "styles_description__b9ajag9",
|
|
13
|
+
content: "styles_content__b9ajaga",
|
|
14
|
+
actions: "styles_actions__b9ajagb",
|
|
15
|
+
media: "styles_media__b9ajagc",
|
|
16
|
+
mediaVariants,
|
|
17
|
+
group: "styles_group__b9ajagg"
|
|
18
|
+
};
|
|
19
|
+
var styles_css_default = __default__;
|
|
20
|
+
var itemSizes = {
|
|
21
|
+
"default": "styles_itemSizes_default__b9ajag4",
|
|
22
|
+
small: "styles_itemSizes_small__b9ajag5"
|
|
23
|
+
};
|
|
24
|
+
var itemVariants = {
|
|
25
|
+
"default": "styles_itemVariants_default__b9ajag1",
|
|
26
|
+
outline: "styles_itemVariants_outline__b9ajag2",
|
|
27
|
+
muted: "styles_itemVariants_muted__b9ajag3"
|
|
28
|
+
};
|
|
29
|
+
var mediaVariants = {
|
|
30
|
+
"default": "styles_mediaVariants_default__b9ajagd",
|
|
31
|
+
icon: "styles_mediaVariants_icon__b9ajage",
|
|
32
|
+
image: "styles_mediaVariants_image__b9ajagf"
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
//#endregion
|
|
36
|
+
export { styles_css_default as default };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Snippet } from 'svelte';
|
|
2
|
+
import type { HTMLAttributes } from 'svelte/elements';
|
|
3
|
+
import type { WithElementRef } from '../../types.js';
|
|
4
|
+
export type ItemVariant = 'default' | 'outline' | 'muted';
|
|
5
|
+
export type ItemSize = 'default' | 'small';
|
|
6
|
+
export interface ItemProps extends WithElementRef<HTMLAttributes<HTMLDivElement>> {
|
|
7
|
+
child?: Snippet<[{
|
|
8
|
+
props: Record<string, unknown>;
|
|
9
|
+
}]>;
|
|
10
|
+
variant?: ItemVariant;
|
|
11
|
+
size?: ItemSize;
|
|
12
|
+
}
|
|
13
|
+
export type ItemMediaVariant = 'default' | 'icon' | 'image';
|
|
14
|
+
export interface ItemMediaProps extends WithElementRef<HTMLAttributes<HTMLDivElement>> {
|
|
15
|
+
variant?: ItemMediaVariant;
|
|
16
|
+
}
|
|
@@ -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 { Popover } from "bits-ui";
|
|
5
|
+
|
|
6
|
+
//#region src/components/Popover/Close/PopoverClose.svelte
|
|
7
|
+
function PopoverClose($$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.close, $$props.class]);
|
|
21
|
+
$.component(node, () => Popover.Close, ($$anchor$1, PopoverPrimitive_Close) => {
|
|
22
|
+
PopoverPrimitive_Close($$anchor$1, $.spread_props({
|
|
23
|
+
"data-slot": "popover-close",
|
|
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 { PopoverClose as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Close } from './PopoverClose.svelte';
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import PopoverPortal from "../Portal/PopoverPortal.js";
|
|
2
|
+
import styles_css_default from "../styles.css.js";
|
|
3
|
+
import "svelte/internal/disclose-version";
|
|
4
|
+
import * as $ from "svelte/internal/client";
|
|
5
|
+
import { Popover } from "bits-ui";
|
|
6
|
+
|
|
7
|
+
//#region src/components/Popover/Content/PopoverContent.svelte
|
|
8
|
+
function PopoverContent($$anchor, $$props) {
|
|
9
|
+
$.push($$props, true);
|
|
10
|
+
let ref = $.prop($$props, "ref", 15, null), sideOffset = $.prop($$props, "sideOffset", 3, 4), align = $.prop($$props, "align", 3, "center"), restProps = $.rest_props($$props, [
|
|
11
|
+
"$$slots",
|
|
12
|
+
"$$events",
|
|
13
|
+
"$$legacy",
|
|
14
|
+
"ref",
|
|
15
|
+
"class",
|
|
16
|
+
"sideOffset",
|
|
17
|
+
"align",
|
|
18
|
+
"portalProps",
|
|
19
|
+
"children"
|
|
20
|
+
]);
|
|
21
|
+
PopoverPortal($$anchor, $.spread_props(() => $$props.portalProps, {
|
|
22
|
+
children: ($$anchor$1, $$slotProps) => {
|
|
23
|
+
var fragment_1 = $.comment();
|
|
24
|
+
var node = $.first_child(fragment_1);
|
|
25
|
+
{
|
|
26
|
+
let $0 = $.derived(() => [styles_css_default.content, $$props.class]);
|
|
27
|
+
$.component(node, () => Popover.Content, ($$anchor$2, PopoverPrimitive_Content) => {
|
|
28
|
+
PopoverPrimitive_Content($$anchor$2, $.spread_props({
|
|
29
|
+
"data-slot": "popover-content",
|
|
30
|
+
get sideOffset() {
|
|
31
|
+
return sideOffset();
|
|
32
|
+
},
|
|
33
|
+
get align() {
|
|
34
|
+
return align();
|
|
35
|
+
},
|
|
36
|
+
get class() {
|
|
37
|
+
return $.get($0);
|
|
38
|
+
}
|
|
39
|
+
}, () => restProps, {
|
|
40
|
+
get ref() {
|
|
41
|
+
return ref();
|
|
42
|
+
},
|
|
43
|
+
set ref($$value) {
|
|
44
|
+
ref($$value);
|
|
45
|
+
},
|
|
46
|
+
children: ($$anchor$3, $$slotProps$1) => {
|
|
47
|
+
var fragment_2 = $.comment();
|
|
48
|
+
var node_1 = $.first_child(fragment_2);
|
|
49
|
+
$.snippet(node_1, () => $$props.children ?? $.noop);
|
|
50
|
+
$.append($$anchor$3, fragment_2);
|
|
51
|
+
},
|
|
52
|
+
$$slots: { default: true }
|
|
53
|
+
}));
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
$.append($$anchor$1, fragment_1);
|
|
57
|
+
},
|
|
58
|
+
$$slots: { default: true }
|
|
59
|
+
}));
|
|
60
|
+
$.pop();
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
//#endregion
|
|
64
|
+
export { PopoverContent as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Content } from './PopoverContent.svelte';
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import "svelte/internal/disclose-version";
|
|
2
|
+
import * as $ from "svelte/internal/client";
|
|
3
|
+
import { Popover } from "bits-ui";
|
|
4
|
+
|
|
5
|
+
//#region src/components/Popover/Popover.svelte
|
|
6
|
+
function Popover$1($$anchor, $$props) {
|
|
7
|
+
$.push($$props, true);
|
|
8
|
+
let open = $.prop($$props, "open", 15, false), restProps = $.rest_props($$props, [
|
|
9
|
+
"$$slots",
|
|
10
|
+
"$$events",
|
|
11
|
+
"$$legacy",
|
|
12
|
+
"open",
|
|
13
|
+
"children"
|
|
14
|
+
]);
|
|
15
|
+
var fragment = $.comment();
|
|
16
|
+
var node = $.first_child(fragment);
|
|
17
|
+
$.component(node, () => Popover.Root, ($$anchor$1, PopoverPrimitive_Root) => {
|
|
18
|
+
PopoverPrimitive_Root($$anchor$1, $.spread_props(() => restProps, {
|
|
19
|
+
get open() {
|
|
20
|
+
return open();
|
|
21
|
+
},
|
|
22
|
+
set open($$value) {
|
|
23
|
+
open($$value);
|
|
24
|
+
},
|
|
25
|
+
children: ($$anchor$2, $$slotProps) => {
|
|
26
|
+
var fragment_1 = $.comment();
|
|
27
|
+
var node_1 = $.first_child(fragment_1);
|
|
28
|
+
$.snippet(node_1, () => $$props.children ?? $.noop);
|
|
29
|
+
$.append($$anchor$2, fragment_1);
|
|
30
|
+
},
|
|
31
|
+
$$slots: { default: true }
|
|
32
|
+
}));
|
|
33
|
+
});
|
|
34
|
+
$.append($$anchor, fragment);
|
|
35
|
+
$.pop();
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
//#endregion
|
|
39
|
+
export { Popover$1 as default };
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import "svelte/internal/disclose-version";
|
|
2
|
+
import * as $ from "svelte/internal/client";
|
|
3
|
+
import { Popover } from "bits-ui";
|
|
4
|
+
|
|
5
|
+
//#region src/components/Popover/Portal/PopoverPortal.svelte
|
|
6
|
+
function PopoverPortal($$anchor, $$props) {
|
|
7
|
+
let restProps = $.rest_props($$props, [
|
|
8
|
+
"$$slots",
|
|
9
|
+
"$$events",
|
|
10
|
+
"$$legacy",
|
|
11
|
+
"children"
|
|
12
|
+
]);
|
|
13
|
+
var fragment = $.comment();
|
|
14
|
+
var node = $.first_child(fragment);
|
|
15
|
+
$.component(node, () => Popover.Portal, ($$anchor$1, PopoverPrimitive_Portal) => {
|
|
16
|
+
PopoverPrimitive_Portal($$anchor$1, $.spread_props(() => restProps, {
|
|
17
|
+
children: ($$anchor$2, $$slotProps) => {
|
|
18
|
+
var fragment_1 = $.comment();
|
|
19
|
+
var node_1 = $.first_child(fragment_1);
|
|
20
|
+
$.snippet(node_1, () => $$props.children ?? $.noop);
|
|
21
|
+
$.append($$anchor$2, fragment_1);
|
|
22
|
+
},
|
|
23
|
+
$$slots: { default: true }
|
|
24
|
+
}));
|
|
25
|
+
});
|
|
26
|
+
$.append($$anchor, fragment);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
//#endregion
|
|
30
|
+
export { PopoverPortal as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Portal } from './PopoverPortal.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 { Popover } from "bits-ui";
|
|
5
|
+
|
|
6
|
+
//#region src/components/Popover/Trigger/PopoverTrigger.svelte
|
|
7
|
+
function PopoverTrigger($$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, () => Popover.Trigger, ($$anchor$1, PopoverPrimitive_Trigger) => {
|
|
22
|
+
PopoverPrimitive_Trigger($$anchor$1, $.spread_props({
|
|
23
|
+
"data-slot": "popover-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 { PopoverTrigger as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Trigger } from './PopoverTrigger.svelte';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const Popover: {
|
|
2
|
+
Root: import("svelte").Component<import("bits-ui").PopoverRootPropsWithoutHTML, {}, "open">;
|
|
3
|
+
Content: import("svelte").Component<import("./types.js").PopoverContentProps, {}, "ref">;
|
|
4
|
+
Trigger: import("svelte").Component<import("bits-ui").DatePickerTriggerProps, {}, "ref">;
|
|
5
|
+
Close: import("svelte").Component<import("bits-ui").DatePickerCloseProps, {}, "ref">;
|
|
6
|
+
Portal: import("svelte").Component<import("bits-ui").PortalProps, {}, "">;
|
|
7
|
+
};
|
|
8
|
+
export type * from './types.js';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import Popover$1 from "./Popover.js";
|
|
2
|
+
import PopoverPortal from "./Portal/PopoverPortal.js";
|
|
3
|
+
import PopoverContent from "./Content/PopoverContent.js";
|
|
4
|
+
import PopoverTrigger from "./Trigger/PopoverTrigger.js";
|
|
5
|
+
import PopoverClose from "./Close/PopoverClose.js";
|
|
6
|
+
|
|
7
|
+
//#region src/components/Popover/index.ts
|
|
8
|
+
const Popover = {
|
|
9
|
+
Root: Popover$1,
|
|
10
|
+
Content: PopoverContent,
|
|
11
|
+
Trigger: PopoverTrigger,
|
|
12
|
+
Close: PopoverClose,
|
|
13
|
+
Portal: PopoverPortal
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
//#endregion
|
|
17
|
+
export { Popover };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import "./../../assets/theme.css.ts.vanilla-BRMmE1vI.css";
|
|
2
|
+
import "./../../assets/styles.css.ts.vanilla-CAA2wPSI.css";
|
|
3
|
+
|
|
4
|
+
//#region src/components/Popover/styles.css.ts
|
|
5
|
+
var __default__ = {
|
|
6
|
+
content: "styles_content__i7mp5x2",
|
|
7
|
+
trigger: "styles_trigger__i7mp5x3",
|
|
8
|
+
close: "styles_close__i7mp5x4"
|
|
9
|
+
};
|
|
10
|
+
var styles_css_default = __default__;
|
|
11
|
+
|
|
12
|
+
//#endregion
|
|
13
|
+
export { styles_css_default as default };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Popover as PopoverPrimitive } from 'bits-ui';
|
|
2
|
+
import type { WithoutChildrenOrChild } from '../../types.js';
|
|
3
|
+
export type PopoverProps = PopoverPrimitive.RootProps;
|
|
4
|
+
export type PopoverTriggerProps = PopoverPrimitive.TriggerProps;
|
|
5
|
+
export type PopoverCloseProps = PopoverPrimitive.CloseProps;
|
|
6
|
+
export type PopoverPortalProps = PopoverPrimitive.PortalProps;
|
|
7
|
+
export type PopoverContentProps = PopoverPrimitive.ContentProps & {
|
|
8
|
+
portalProps?: WithoutChildrenOrChild<PopoverPortalProps>;
|
|
9
|
+
};
|