@max-ts/svelte 1.9.0 → 1.9.1

package/dist/components/Drawer/styles.css.js

@@ -1,19 +1,131 @@
-import "./../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../assets/src/components/Drawer/styles.css.ts.vanilla-cJ-WZT2j.css";
-
+import { endFileScope, setFileScope } from "../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/fileScope/dist/vanilla-extract-css-fileScope.browser.esm.js";
+import { keyframes, style } from "../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.browser.esm.js";
+import { theme } from "../../theme.js";
 //#region src/components/Drawer/styles.css.ts
-var __default__ = {
-	overlay: "styles_overlay__1rbt3ly3",
-	visuallyHidden: "styles_visuallyHidden__1rbt3lyc",
-	handle: "styles_handle__1rbt3lyb",
-	closeButton: "styles_closeButton__1rbt3lya",
-	title: "styles_title__1rbt3ly8",
-	description: "styles_description__1rbt3ly9",
-	header: "styles_header__1rbt3ly6",
-	footer: "styles_footer__1rbt3ly7",
-	content: "styles_content__1rbt3ly4",
-	contentTransition: "styles_contentTransition__1rbt3ly5"
+setFileScope("src/components/Drawer/styles.css.ts", "@max-ts/svelte");
+const fadeIn = keyframes({
+	from: { opacity: 0 },
+	to: { opacity: 1 }
+}, "fadeIn");
+const fadeOut = keyframes({
+	from: { opacity: 1 },
+	to: { opacity: 0 }
+}, "fadeOut");
+const slideIn = keyframes({
+	from: { transform: "translateY(100%)" },
+	to: { transform: "translateY(0)" }
+}, "slideIn");
+const overlay = style({
+	position: "fixed",
+	inset: 0,
+	backgroundColor: "rgb(15 23 42 / 0.5)",
+	zIndex: 50,
+	selectors: {
+		"&[data-state=open]": { animation: `${fadeIn} 150ms ease-out` },
+		"&[data-state=closed]": { animation: `${fadeOut} 150ms ease-in` }
+	}
+}, "overlay");
+const content = style({
+	position: "fixed",
+	display: "flex",
+	flexDirection: "column",
+	backgroundColor: theme.colors.background.paper,
+	color: theme.colors.text.primary,
+	border: `1px solid ${theme.colors.border}`,
+	boxShadow: theme.shadow[4],
+	zIndex: 51,
+	width: "100%",
+	maxWidth: "100%",
+	maxHeight: "100%",
+	inset: "auto 0 0 0",
+	borderRadius: `${theme.radius.large} ${theme.radius.large} 0 0`,
+	selectors: {
+		"&[data-state=open]": { animation: `${slideIn} 220ms ease-out` },
+		"&[data-state=closed]": { transform: "translateY(100%)" }
+	}
+}, "content");
+const contentTransition = style({ transition: "transform 210ms ease-in-out" }, "contentTransition");
+const header = style({
+	display: "flex",
+	flexDirection: "column",
+	gap: theme.spacing[2],
+	padding: theme.spacing[4]
+}, "header");
+const footer = style({
+	marginTop: "auto",
+	display: "flex",
+	flexDirection: "column",
+	gap: theme.spacing[2],
+	padding: theme.spacing[4]
+}, "footer");
+const title = style({
+	fontSize: theme.fontSize.lg,
+	fontWeight: theme.fontWeight.semibold,
+	color: theme.colors.text.primary
+}, "title");
+const description = style({
+	fontSize: theme.fontSize.sm,
+	color: theme.colors.text.secondary
+}, "description");
+const closeButton = style({
+	position: "absolute",
+	top: theme.spacing[4],
+	right: theme.spacing[4],
+	display: "inline-flex",
+	alignItems: "center",
+	justifyContent: "center",
+	border: "none",
+	backgroundColor: "transparent",
+	color: theme.colors.text.secondary,
+	padding: theme.spacing[1],
+	borderRadius: theme.radius.small,
+	cursor: "pointer",
+	opacity: .7,
+	transition: "opacity 0.2s ease",
+	selectors: {
+		"&:hover": { opacity: 1 },
+		"&:focus-visible": {
+			outline: `2px solid ${theme.colors.primary}`,
+			outlineOffset: "2px"
+		}
+	}
+}, "closeButton");
+const handle = style({
+	width: "100%",
+	height: theme.spacing[8],
+	display: "flex",
+	justifyContent: "center",
+	alignItems: "center",
+	"::after": {
+		content: "",
+		width: 100,
+		height: 8,
+		borderRadius: theme.radius.medium,
+		backgroundColor: theme.colors.background.element
+	}
+}, "handle");
+var styles_css_default = {
+	overlay,
+	visuallyHidden: style({
+		position: "absolute",
+		width: "1px",
+		height: "1px",
+		padding: 0,
+		margin: "-1px",
+		overflow: "hidden",
+		clip: "rect(0, 0, 0, 0)",
+		whiteSpace: "nowrap",
+		border: 0
+	}, "visuallyHidden"),
+	handle,
+	closeButton,
+	title,
+	description,
+	header,
+	footer,
+	content,
+	contentTransition
 };
-
+endFileScope();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

package/dist/components/DropdownMenu/CheckboxGroup/CheckboxGroup.js

@@ -1,7 +1,6 @@
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { DropdownMenu } from "bits-ui";
-
 //#region src/components/DropdownMenu/CheckboxGroup/CheckboxGroup.svelte
 function CheckboxGroup($$anchor, $$props) {
 	$.push($$props, true);
@@ -33,6 +32,5 @@ function CheckboxGroup($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-
 //#endregion
-export { CheckboxGroup as default };
+export { CheckboxGroup as default };

package/dist/components/DropdownMenu/CheckboxItem/CheckboxItem.js

@@ -1,9 +1,8 @@
-import __default__ from "./styles.css.js";
+import styles_css_default from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { DropdownMenu } from "bits-ui";
 import { CheckIcon, MinusIcon } from "@lucide/svelte";
-
 //#region src/components/DropdownMenu/CheckboxItem/CheckboxItem.svelte
 var root_1 = $.from_html(`<span><!></span> <!>`, 1);
 function CheckboxItem($$anchor, $$props) {
@@ -32,7 +31,7 @@ function CheckboxItem($$anchor, $$props) {
 			};
 			var alternate = ($$anchor) => {
 				{
-					let $0 = $.derived(() => ({ [__default__.unchecked]: !checked() }));
+					let $0 = $.derived(() => ({ [styles_css_default.unchecked]: !checked() }));
 					CheckIcon($$anchor, {
 						size: 16,
 						get class() {
@@ -43,15 +42,15 @@ function CheckboxItem($$anchor, $$props) {
 			};
 			$.if(node_1, ($$render) => {
 				if (indeterminate()) $$render(consequent);
-				else $$render(alternate, false);
+				else $$render(alternate, -1);
 			});
 			$.reset(span);
 			var node_2 = $.sibling(span, 2);
 			$.snippet(node_2, () => $$props.children ?? $.noop);
-			$.template_effect(() => $.set_class(span, 1, $.clsx(__default__.iconWrapper)));
+			$.template_effect(() => $.set_class(span, 1, $.clsx(styles_css_default.iconWrapper)));
 			$.append($$anchor, fragment_1);
 		};
-		let $0 = $.derived(() => [__default__.root, $$props.class]);
+		let $0 = $.derived(() => [styles_css_default.root, $$props.class]);
 		$.component(node, () => DropdownMenu.CheckboxItem, ($$anchor, DropdownMenuPrimitive_CheckboxItem) => {
 			DropdownMenuPrimitive_CheckboxItem($$anchor, $.spread_props({
 				"data-slot": "dropdown-menu-checkbox-item",
@@ -85,6 +84,5 @@ function CheckboxItem($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-
 //#endregion
-export { CheckboxItem as default };
+export { CheckboxItem as default };

package/dist/components/DropdownMenu/CheckboxItem/styles.css.js

@@ -1,12 +1,54 @@
-import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../../assets/src/components/DropdownMenu/CheckboxItem/styles.css.ts.vanilla-Dl0yxRWI.css";
-
+import { endFileScope, setFileScope } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/fileScope/dist/vanilla-extract-css-fileScope.browser.esm.js";
+import { globalStyle, style } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.browser.esm.js";
+import { theme } from "../../../theme.js";
 //#region src/components/DropdownMenu/CheckboxItem/styles.css.ts
-var __default__ = {
-	root: "styles_root__1x1b5sl1",
-	iconWrapper: "styles_iconWrapper__1x1b5sl2",
-	unchecked: "styles_unchecked__1x1b5sl0"
+setFileScope("src/components/DropdownMenu/CheckboxItem/styles.css.ts", "@max-ts/svelte");
+const unchecked = style({ color: "transparent" }, "unchecked");
+const root = style({
+	position: "relative",
+	display: "flex",
+	alignItems: "center",
+	gap: theme.spacing[2],
+	paddingTop: "0.375rem",
+	paddingBottom: "0.375rem",
+	paddingLeft: theme.spacing[8],
+	paddingRight: theme.spacing[2],
+	borderRadius: theme.radius.small,
+	fontSize: theme.fontSize.sm,
+	cursor: "default",
+	userSelect: "none",
+	outline: "none",
+	selectors: {
+		"&:focus": {
+			backgroundColor: theme.colors.background.elementHover,
+			color: theme.colors.foreground.secondary
+		},
+		"&[data-disabled]": {
+			pointerEvents: "none",
+			opacity: .5
+		}
+	}
+}, "root");
+globalStyle(`${root} svg`, {
+	pointerEvents: "none",
+	flexShrink: 0,
+	width: theme.spacing[4],
+	height: theme.spacing[4]
+});
+var styles_css_default = {
+	root,
+	iconWrapper: style({
+		position: "absolute",
+		left: theme.spacing[2],
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		pointerEvents: "none",
+		width: "0.875rem",
+		height: "0.875rem"
+	}, "iconWrapper"),
+	unchecked
 };
-
+endFileScope();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

package/dist/components/DropdownMenu/Content/Content.js

@@ -1,9 +1,8 @@
 import Portal from "../Portal/Portal.js";
-import __default__ from "./styles.css.js";
+import styles_css_default from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { DropdownMenu } from "bits-ui";
-
 //#region src/components/DropdownMenu/Content/Content.svelte
 function Content($$anchor, $$props) {
 	$.push($$props, true);
@@ -21,7 +20,7 @@ function Content($$anchor, $$props) {
 			var fragment_1 = $.comment();
 			var node = $.first_child(fragment_1);
 			{
-				let $0 = $.derived(() => [__default__.content, $$props.class]);
+				let $0 = $.derived(() => [styles_css_default.content, $$props.class]);
 				$.component(node, () => DropdownMenu.Content, ($$anchor, DropdownMenuPrimitive_Content) => {
 					DropdownMenuPrimitive_Content($$anchor, $.spread_props({
 						"data-slot": "dropdown-menu-content",
@@ -47,6 +46,5 @@ function Content($$anchor, $$props) {
 	}));
 	$.pop();
 }
-
 //#endregion
-export { Content as default };
+export { Content as default };

package/dist/components/DropdownMenu/Content/styles.css.js

@@ -1,8 +1,63 @@
-import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../../assets/src/components/DropdownMenu/Content/styles.css.ts.vanilla-r7oF9Kc9.css";
-
+import { endFileScope, setFileScope } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/fileScope/dist/vanilla-extract-css-fileScope.browser.esm.js";
+import { keyframes, style } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.browser.esm.js";
+import { theme } from "../../../theme.js";
 //#region src/components/DropdownMenu/Content/styles.css.ts
-var __default__ = { content: "styles_content__oog05e8" };
-
+setFileScope("src/components/DropdownMenu/Content/styles.css.ts", "@max-ts/svelte");
+const fadeIn = keyframes({
+	from: { opacity: 0 },
+	to: { opacity: 1 }
+}, "fadeIn");
+const fadeOut = keyframes({
+	from: { opacity: 1 },
+	to: { opacity: 0 }
+}, "fadeOut");
+const zoomIn95 = keyframes({
+	from: { transform: "scale(0.95)" },
+	to: { transform: "scale(1)" }
+}, "zoomIn95");
+const zoomOut95 = keyframes({
+	from: { transform: "scale(1)" },
+	to: { transform: "scale(0.95)" }
+}, "zoomOut95");
+const slideFromTop = keyframes({
+	from: { transform: "translateY(-0.5rem)" },
+	to: { transform: "translateY(0)" }
+}, "slideFromTop");
+const slideFromBottom = keyframes({
+	from: { transform: "translateY(0.5rem)" },
+	to: { transform: "translateY(0)" }
+}, "slideFromBottom");
+const slideFromStart = keyframes({
+	from: { transform: "translateX(-0.5rem)" },
+	to: { transform: "translateX(0)" }
+}, "slideFromStart");
+const slideFromEnd = keyframes({
+	from: { transform: "translateX(0.5rem)" },
+	to: { transform: "translateX(0)" }
+}, "slideFromEnd");
+var styles_css_default = { content: style({
+	zIndex: 50,
+	backgroundColor: theme.colors.background.paper,
+	color: theme.colors.text.primary,
+	maxHeight: "var(--bits-dropdown-menu-content-available-height)",
+	minWidth: "8rem",
+	transformOrigin: "var(--bits-dropdown-menu-content-transform-origin)",
+	overflowX: "hidden",
+	overflowY: "auto",
+	borderRadius: theme.radius.medium,
+	border: `1px solid ${theme.colors.border}`,
+	padding: theme.spacing[1],
+	boxShadow: theme.shadow[4],
+	outline: "none",
+	selectors: {
+		"&[data-state=open]": { animation: `${fadeIn} 150ms ease-out, ${zoomIn95} 150ms ease-out` },
+		"&[data-state=closed]": { animation: `${fadeOut} 150ms ease-in, ${zoomOut95} 150ms ease-in` },
+		"&[data-side=bottom]": { animation: `${slideFromTop} 150ms ease-out` },
+		"&[data-side=top]": { animation: `${slideFromBottom} 150ms ease-out` },
+		"&[data-side=left]": { animation: `${slideFromEnd} 150ms ease-out` },
+		"&[data-side=right]": { animation: `${slideFromStart} 150ms ease-out` }
+	}
+}, "content") };
+endFileScope();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -1,7 +1,6 @@
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { DropdownMenu } from "bits-ui";
-
 //#region src/components/DropdownMenu/DropdownMenu.svelte
 function DropdownMenu$1($$anchor, $$props) {
 	$.push($$props, true);
@@ -26,6 +25,5 @@ function DropdownMenu$1($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-
 //#endregion
-export { DropdownMenu$1 as default };
+export { DropdownMenu$1 as default };

package/dist/components/DropdownMenu/Group/Group.js

@@ -1,7 +1,6 @@
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { DropdownMenu } from "bits-ui";
-
 //#region src/components/DropdownMenu/Group/Group.svelte
 function Group($$anchor, $$props) {
 	$.push($$props, true);
@@ -26,6 +25,5 @@ function Group($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-
 //#endregion
-export { Group as default };
+export { Group as default };

package/dist/components/DropdownMenu/GroupHeading/GroupHeading.js

@@ -1,8 +1,7 @@
-import __default__ from "./styles.css.js";
+import styles_css_default from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { DropdownMenu } from "bits-ui";
-
 //#region src/components/DropdownMenu/GroupHeading/GroupHeading.svelte
 function GroupHeading($$anchor, $$props) {
 	$.push($$props, true);
@@ -17,7 +16,7 @@ function GroupHeading($$anchor, $$props) {
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
 	{
-		let $0 = $.derived(() => [__default__.root, $$props.class]);
+		let $0 = $.derived(() => [styles_css_default.root, $$props.class]);
 		$.component(node, () => DropdownMenu.GroupHeading, ($$anchor, DropdownMenuPrimitive_GroupHeading) => {
 			DropdownMenuPrimitive_GroupHeading($$anchor, $.spread_props({
 				"data-slot": "dropdown-menu-group-heading",
@@ -40,6 +39,5 @@ function GroupHeading($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-
 //#endregion
-export { GroupHeading as default };
+export { GroupHeading as default };

package/dist/components/DropdownMenu/GroupHeading/styles.css.js

@@ -1,8 +1,17 @@
-import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../../assets/src/components/DropdownMenu/GroupHeading/styles.css.ts.vanilla-iAFIxJU_.css";
-
+import { endFileScope, setFileScope } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/fileScope/dist/vanilla-extract-css-fileScope.browser.esm.js";
+import { style } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.browser.esm.js";
+import { theme } from "../../../theme.js";
 //#region src/components/DropdownMenu/GroupHeading/styles.css.ts
-var __default__ = { root: "styles_root__nvi1sa0" };
-
+setFileScope("src/components/DropdownMenu/GroupHeading/styles.css.ts", "@max-ts/svelte");
+var styles_css_default = { root: style({
+	paddingLeft: theme.spacing[2],
+	paddingRight: theme.spacing[2],
+	paddingTop: "0.375rem",
+	paddingBottom: "0.375rem",
+	fontSize: theme.fontSize.sm,
+	fontWeight: theme.fontWeight.semibold,
+	selectors: { "&[data-inset]": { paddingLeft: theme.spacing[8] } }
+}, "root") };
+endFileScope();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

package/dist/components/DropdownMenu/Item/Item.js

@@ -1,8 +1,7 @@
-import __default__ from "./styles.css.js";
+import styles_css_default from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { DropdownMenu } from "bits-ui";
-
 //#region src/components/DropdownMenu/Item/Item.svelte
 function Item($$anchor, $$props) {
 	$.push($$props, true);
@@ -18,7 +17,7 @@ function Item($$anchor, $$props) {
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
 	{
-		let $0 = $.derived(() => [__default__.root, $$props.class]);
+		let $0 = $.derived(() => [styles_css_default.root, $$props.class]);
 		$.component(node, () => DropdownMenu.Item, ($$anchor, DropdownMenuPrimitive_Item) => {
 			DropdownMenuPrimitive_Item($$anchor, $.spread_props({
 				"data-slot": "dropdown-menu-item",
@@ -44,6 +43,5 @@ function Item($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-
 //#endregion
-export { Item as default };
+export { Item as default };

package/dist/components/DropdownMenu/Item/styles.css.js

@@ -1,8 +1,40 @@
-import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../../assets/src/components/DropdownMenu/Item/styles.css.ts.vanilla-CmdyolmW.css";
-
+import { endFileScope, setFileScope } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/fileScope/dist/vanilla-extract-css-fileScope.browser.esm.js";
+import { globalStyle, style } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.browser.esm.js";
+import { theme } from "../../../theme.js";
 //#region src/components/DropdownMenu/Item/styles.css.ts
-var __default__ = { root: "styles_root__sbsufd0" };
-
+setFileScope("src/components/DropdownMenu/Item/styles.css.ts", "@max-ts/svelte");
+const root = style({
+	position: "relative",
+	display: "flex",
+	alignItems: "center",
+	gap: theme.spacing[2],
+	cursor: "default",
+	paddingLeft: theme.spacing[2],
+	paddingRight: theme.spacing[2],
+	paddingTop: "0.375rem",
+	paddingBottom: "0.375rem",
+	borderRadius: theme.radius.small,
+	fontSize: theme.fontSize.sm,
+	userSelect: "none",
+	outline: "none",
+	selectors: {
+		"&[data-highlighted]": {
+			backgroundColor: theme.colors.background.elementHover,
+			color: theme.colors.text.primary
+		},
+		"&[data-disabled]": {
+			pointerEvents: "none",
+			opacity: .5
+		},
+		"&[data-inset]": { paddingLeft: theme.spacing[8] }
+	}
+}, "root");
+globalStyle(`${root} svg`, {
+	color: theme.colors.text.hint,
+	height: theme.spacing[4],
+	width: theme.spacing[4]
+});
+var styles_css_default = { root };
+endFileScope();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

package/dist/components/DropdownMenu/Label/Label.js

@@ -1,7 +1,6 @@
 import { label } from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
-
 //#region src/components/DropdownMenu/Label/Label.svelte
 var root = $.from_html(`<div><!></div>`);
 function Label($$anchor, $$props) {
@@ -29,6 +28,5 @@ function Label($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-
 //#endregion
-export { Label as default };
+export { Label as default };

package/dist/components/DropdownMenu/Label/styles.css.js

@@ -1,8 +1,18 @@
-import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../../assets/src/components/DropdownMenu/Label/styles.css.ts.vanilla-B2rB2ShR.css";
-
+import { endFileScope, setFileScope } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/fileScope/dist/vanilla-extract-css-fileScope.browser.esm.js";
+import { style } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.browser.esm.js";
+import { theme } from "../../../theme.js";
 //#region src/components/DropdownMenu/Label/styles.css.ts
-var label = "styles_label__1gn65l80";
-
+setFileScope("src/components/DropdownMenu/Label/styles.css.ts", "@max-ts/svelte");
+const label = style({
+	paddingLeft: theme.spacing[2],
+	paddingRight: theme.spacing[2],
+	paddingTop: "0.375rem",
+	paddingBottom: "0.375rem",
+	fontSize: theme.fontSize.sm,
+	fontWeight: theme.fontWeight.semibold,
+	color: theme.colors.text.primary,
+	selectors: { "&[data-inset]": { paddingLeft: theme.spacing[8] } }
+}, "label");
+endFileScope();
 //#endregion
-export { label };
+export { label };

package/dist/components/DropdownMenu/Portal/Portal.js

@@ -1,7 +1,6 @@
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { DropdownMenu } from "bits-ui";
-
 //#region src/components/DropdownMenu/Portal/Portal.svelte
 function Portal($$anchor, $$props) {
 	let restProps = $.rest_props($$props, [
@@ -16,6 +15,5 @@ function Portal($$anchor, $$props) {
 	});
 	$.append($$anchor, fragment);
 }
-
 //#endregion
-export { Portal as default };
+export { Portal as default };

package/dist/components/DropdownMenu/RadioGroup/RadioGroup.js

@@ -1,7 +1,6 @@
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { DropdownMenu } from "bits-ui";
-
 //#region src/components/DropdownMenu/RadioGroup/RadioGroup.svelte
 function RadioGroup($$anchor, $$props) {
 	$.push($$props, true);
@@ -33,6 +32,5 @@ function RadioGroup($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-
 //#endregion
-export { RadioGroup as default };
+export { RadioGroup as default };

package/dist/components/DropdownMenu/RadioItem/RadioItem.js

@@ -1,9 +1,8 @@
-import __default__ from "./styles.css.js";
+import styles_css_default from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { DropdownMenu } from "bits-ui";
 import { CircleIcon } from "@lucide/svelte";
-
 //#region src/components/DropdownMenu/RadioItem/RadioItem.svelte
 var root_1 = $.from_html(`<span><!></span> <!>`, 1);
 function RadioItem($$anchor, $$props) {
@@ -26,7 +25,7 @@ function RadioItem($$anchor, $$props) {
 			var node_1 = $.child(span);
 			var consequent = ($$anchor) => {
 				CircleIcon($$anchor, { get class() {
-					return __default__.icon;
+					return styles_css_default.icon;
 				} });
 			};
 			$.if(node_1, ($$render) => {
@@ -35,10 +34,10 @@ function RadioItem($$anchor, $$props) {
 			$.reset(span);
 			var node_2 = $.sibling(span, 2);
 			$.snippet(node_2, () => $$props.children ?? $.noop, () => ({ checked: checked() }));
-			$.template_effect(() => $.set_class(span, 1, $.clsx(__default__.indicator)));
+			$.template_effect(() => $.set_class(span, 1, $.clsx(styles_css_default.indicator)));
 			$.append($$anchor, fragment_1);
 		};
-		let $0 = $.derived(() => [__default__.item, $$props.class]);
+		let $0 = $.derived(() => [styles_css_default.item, $$props.class]);
 		$.component(node, () => DropdownMenu.RadioItem, ($$anchor, DropdownMenuPrimitive_RadioItem) => {
 			DropdownMenuPrimitive_RadioItem($$anchor, $.spread_props({
 				"data-slot": "dropdown-menu-radio-item",
@@ -60,6 +59,5 @@ function RadioItem($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-
 //#endregion
-export { RadioItem as default };
+export { RadioItem as default };