@max-ts/svelte 1.9.0 → 1.9.1

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

@@ -1,26 +1,200 @@
-import "./../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../assets/src/components/Button/styles.css.ts.vanilla-Ct9mSifU.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, keyframes, style, styleVariants } 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/Button/styles.css.ts
-var buttonVariants = {
-	"default": "styles_buttonVariants_default__16himha4 styles_buttonBase__16himha0",
-	destructive: "styles_buttonVariants_destructive__16himha5 styles_buttonBase__16himha0",
-	outline: "styles_buttonVariants_outline__16himha6 styles_buttonBase__16himha0",
-	ghost: "styles_buttonVariants_ghost__16himha7 styles_buttonBase__16himha0",
-	link: "styles_buttonVariants_link__16himha8 styles_buttonBase__16himha0"
-};
-var __default__ = {
-	buttonSizes: {
-		small: "styles_buttonSizes_small__16himha9",
-		medium: "styles_buttonSizes_medium__16himhaa",
-		large: "styles_buttonSizes_large__16himhab",
-		icon: "styles_buttonSizes_icon__16himhac",
-		iconSmall: "styles_buttonSizes_iconSmall__16himhad"
+setFileScope("src/components/Button/styles.css.ts", "@max-ts/svelte");
+const buttonBase = style({
+	display: "inline-flex",
+	justifyContent: "center",
+	alignItems: "center",
+	whiteSpace: "nowrap",
+	borderRadius: theme.radius.medium,
+	borderWidth: 0,
+	fontSize: "inherit",
+	fontFamily: "inherit",
+	fontWeight: theme.fontWeight.medium,
+	transition: "background-color 0.2s",
+	cursor: "pointer",
+	lineHeight: "100%",
+	position: "relative",
+	selectors: {
+		"&:disabled": {
+			pointerEvents: "none",
+			opacity: .6
+		},
+		"&:focus-visible": {
+			outline: "2px solid transparent",
+			outlineOffset: "2px",
+			boxShadow: theme.elevation[1]
+		}
+	}
+}, "buttonBase");
+const spin = keyframes({
+	"0%": { transform: "rotate(0deg)" },
+	"100%": { transform: "rotate(360deg)" }
+}, "spin");
+const loading = style({
+	pointerEvents: "none",
+	opacity: .6,
+	"::after": {
+		content: "",
+		position: "absolute",
+		display: "inline-block",
+		boxSizing: "border-box",
+		width: "18px",
+		height: "18px",
+		borderRadius: "50%",
+		borderWidth: "2px",
+		borderStyle: "solid",
+		borderBottomColor: "transparent",
+		animation: `${spin} 1s linear infinite`,
+		zIndex: 2
+	},
+	":before": {
+		content: "",
+		position: "absolute",
+		top: 0,
+		left: 0,
+		width: "100%",
+		height: "100%",
+		borderRadius: "inherit",
+		backgroundColor: "inherit",
+		zIndex: 1
+	}
+}, "loading");
+const fullWidth = style({ width: "100%" }, "fullWidth");
+const buttonVariants = styleVariants({
+	default: [buttonBase, {
+		backgroundColor: theme.colors.primary,
+		color: theme.colors.foreground.primary,
+		":hover": { backgroundColor: `color-mix(in oklch, ${theme.colors.primary} 85%, transparent)` }
+	}],
+	destructive: [buttonBase, {
+		backgroundColor: theme.colors.error,
+		color: theme.colors.foreground.primary,
+		":hover": { backgroundColor: `color-mix(in oklch, ${theme.colors.error} 85%, transparent)` }
+	}],
+	outline: [buttonBase, {
+		border: `1px solid ${theme.colors.border}`,
+		backgroundColor: theme.colors.background.paper,
+		color: theme.colors.text.primary,
+		":hover": { backgroundColor: theme.colors.background.elementHover }
+	}],
+	ghost: [buttonBase, {
+		backgroundColor: "transparent",
+		color: theme.colors.text.primary,
+		selectors: { [`&${loading}`]: { backgroundColor: theme.colors.background.elementHover } },
+		":hover": { backgroundColor: theme.colors.background.elementHover }
+	}],
+	link: [buttonBase, {
+		backgroundColor: "transparent",
+		color: theme.colors.primary,
+		textUnderlineOffset: "4px",
+		":hover": { textDecorationLine: "underline" }
+	}]
+}, "buttonVariants");
+const buttonSizes = styleVariants({
+	small: {
+		height: theme.spacing[7],
+		padding: `${theme.spacing[1]} ${theme.spacing[2]}`,
+		borderRadius: theme.radius.small,
+		fontSize: theme.fontSize.xs
+	},
+	medium: {
+		height: theme.spacing[9],
+		padding: `${theme.spacing[2]} ${theme.spacing[3]}`,
+		fontSize: theme.fontSize.base
+	},
+	large: {
+		height: theme.spacing[10],
+		padding: `${theme.spacing[3]} ${theme.spacing[4]}`,
+		fontSize: theme.fontSize.lg
+	},
+	icon: {
+		height: theme.spacing[9],
+		width: theme.spacing[9]
 	},
+	iconSmall: {
+		height: theme.spacing[7],
+		width: theme.spacing[7]
+	}
+}, "buttonSizes");
+globalStyle(`${buttonSizes.icon} svg`, {
+	width: theme.spacing[6],
+	height: theme.spacing[6]
+});
+globalStyle(`${buttonSizes.iconSmall} svg`, {
+	width: theme.spacing[4],
+	height: theme.spacing[4]
+});
+globalStyle("*, *::before, *::after", {
+	boxSizing: "border-box",
+	"@media": { "(prefers-reduced-motion: reduce)": {
+		animationDuration: "0.01ms !important",
+		animationIterationCount: "1 !important",
+		transitionDuration: "0.01ms !important",
+		scrollBehavior: "auto"
+	} }
+});
+globalStyle("body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd", { margin: 0 });
+globalStyle("ul[role=\"list\"], ol[role=\"list\"]", { padding: 0 });
+globalStyle("ul, ol", {
+	listStyle: "none",
+	margin: 0,
+	padding: 0
+});
+globalStyle("li", {
+	padding: 0,
+	margin: 0,
+	listStyleType: "none"
+});
+globalStyle("body", {
+	lineHeight: 1.5,
+	fontFamily: "Roboto, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+	WebkitFontSmoothing: "antialiased",
+	color: theme.colors.text.primary,
+	backgroundColor: theme.colors.background.paper
+});
+globalStyle("h1, h2, h3, h4, h5, h6", {
+	fontSize: "inherit",
+	fontWeight: "inherit"
+});
+globalStyle("button, input, textarea, select", {
+	font: "inherit",
+	color: "inherit",
+	background: "none",
+	border: "none",
+	padding: 0,
+	margin: 0,
+	outline: "none"
+});
+globalStyle("button", { cursor: "pointer" });
+globalStyle("a", {
+	textDecoration: "none",
+	color: "inherit"
+});
+globalStyle("img, picture, video, canvas", {
+	display: "block",
+	maxWidth: "100%",
+	height: "auto"
+});
+globalStyle("*::-webkit-scrollbar", {
+	width: 6,
+	height: 6
+});
+globalStyle("*::-webkit-scrollbar-track", { backgroundColor: "transparent" });
+globalStyle("*::-webkit-scrollbar-thumb", {
+	backgroundColor: `color-mix(in oklch, ${theme.colors.primary} 60%, transparent)`,
+	borderRadius: theme.radius.small,
+	width: 6,
+	height: 6
+});
+var styles_css_default = {
+	buttonSizes,
 	buttonVariants,
-	fullWidth: "styles_fullWidth__16himha3",
-	loading: "styles_loading__16himha2"
+	fullWidth,
+	loading
 };
-
+endFileScope();
 //#endregion
-export { buttonVariants, __default__ as default };
+export { buttonVariants, styles_css_default as default };

package/dist/components/ButtonGroup/ButtonGroup.js

@@ -1,7 +1,6 @@
-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";
-
 //#region src/components/ButtonGroup/ButtonGroup.svelte
 var root = $.from_html(`<div><!></div>`);
 function ButtonGroup($$anchor, $$props) {
@@ -16,8 +15,8 @@ function ButtonGroup($$anchor, $$props) {
 		"orientation"
 	]);
 	const classNames = $.derived(() => [
-		__default__.container,
-		__default__.orientation[orientation()],
+		styles_css_default.container,
+		styles_css_default.orientation[orientation()],
 		$$props.class
 	]);
 	var div = root();
@@ -35,6 +34,5 @@ function ButtonGroup($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-
 //#endregion
-export { ButtonGroup as default };
+export { ButtonGroup as default };

package/dist/components/ButtonGroup/Separator/Separator.js

@@ -1,8 +1,7 @@
 import Separator from "../../Separator/Separator.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";
-
 //#region src/components/ButtonGroup/Separator/Separator.svelte
 function Separator_1($$anchor, $$props) {
 	$.push($$props, true);
@@ -15,7 +14,7 @@ function Separator_1($$anchor, $$props) {
 		"orientation"
 	]);
 	{
-		let $0 = $.derived(() => [__default__.separator, $$props.class]);
+		let $0 = $.derived(() => [styles_css_default.separator, $$props.class]);
 		Separator($$anchor, $.spread_props({
 			"data-slot": "button-group-separator",
 			get orientation() {
@@ -35,6 +34,5 @@ function Separator_1($$anchor, $$props) {
 	}
 	$.pop();
 }
-
 //#endregion
-export { Separator_1 as default };
+export { Separator_1 as default };

package/dist/components/ButtonGroup/Separator/styles.css.js

@@ -1,8 +1,15 @@
-import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../../assets/src/components/ButtonGroup/Separator/styles.css.ts.vanilla-EvTZBBDg.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/ButtonGroup/Separator/styles.css.ts
-var __default__ = { separator: "styles_separator__mohq570" };
-
+setFileScope("src/components/ButtonGroup/Separator/styles.css.ts", "@max-ts/svelte");
+var styles_css_default = { separator: style({
+	backgroundColor: theme.colors.border,
+	position: "relative",
+	margin: "0 !important",
+	alignSelf: "stretch",
+	selectors: { "&[data-orientation=vertical]": { height: "auto" } }
+}, "separator") };
+endFileScope();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

package/dist/components/ButtonGroup/Text/Text.js

@@ -1,7 +1,6 @@
-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";
-
 //#region src/components/ButtonGroup/Text/Text.svelte
 var root_2 = $.from_html(`<div><!></div>`);
 function Text($$anchor, $$props) {
@@ -17,7 +16,7 @@ function Text($$anchor, $$props) {
 	]);
 	const mergedProps = $.derived(() => ({
 		...restProps,
-		class: [__default__.text, $$props.class]
+		class: [styles_css_default.text, $$props.class]
 	}));
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
@@ -38,11 +37,10 @@ function Text($$anchor, $$props) {
 	};
 	$.if(node, ($$render) => {
 		if ($$props.child) $$render(consequent);
-		else $$render(alternate, false);
+		else $$render(alternate, -1);
 	});
 	$.append($$anchor, fragment);
 	$.pop();
 }
-
 //#endregion
-export { Text as default };
+export { Text as default };

package/dist/components/ButtonGroup/Text/styles.css.js

@@ -1,8 +1,28 @@
-import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../../assets/src/components/ButtonGroup/Text/styles.css.ts.vanilla-IWUf3WT6.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";
+import { spacing } from "../../../utils.js";
 //#region src/components/ButtonGroup/Text/styles.css.ts
-var __default__ = { text: "styles_text__1n5rolr0" };
-
+setFileScope("src/components/ButtonGroup/Text/styles.css.ts", "@max-ts/svelte");
+const text = style({
+	backgroundColor: theme.colors.background.element,
+	display: "flex",
+	alignItems: "center",
+	gap: theme.spacing[2],
+	borderRadius: theme.radius.medium,
+	border: `1px solid ${theme.colors.border}`,
+	padding: spacing(2, 4),
+	fontSize: theme.fontSize.sm,
+	fontWeight: theme.fontWeight.medium,
+	color: theme.colors.text.primary,
+	boxShadow: theme.shadow[1]
+}, "text");
+globalStyle(`${text} svg`, { pointerEvents: "none" });
+globalStyle(`${text} svg:not([class*='size-'])`, {
+	width: theme.spacing[4],
+	height: theme.spacing[4]
+});
+var styles_css_default = { text };
+endFileScope();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

package/dist/components/ButtonGroup/index.js

@@ -1,13 +1,11 @@
 import ButtonGroup$1 from "./ButtonGroup.js";
 import Separator_1 from "./Separator/Separator.js";
 import Text from "./Text/Text.js";
-
 //#region src/components/ButtonGroup/index.ts
 const ButtonGroup = {
 	Root: ButtonGroup$1,
 	Separator: Separator_1,
 	Text
 };
-
 //#endregion
-export { ButtonGroup };
+export { ButtonGroup };

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

@@ -1,15 +1,48 @@
-import "./../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../assets/src/components/ButtonGroup/styles.css.ts.vanilla-C1HKTlBo.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, styleVariants } 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/ButtonGroup/styles.css.ts
-var orientation = {
-	horizontal: "styles_orientation_horizontal__zn4w4x1",
-	vertical: "styles_orientation_vertical__zn4w4x2"
-};
-var __default__ = {
-	container: "styles_container__zn4w4x0",
+setFileScope("src/components/ButtonGroup/styles.css.ts", "@max-ts/svelte");
+const container = style({
+	display: "flex",
+	width: "fit-content",
+	alignItems: "stretch",
+	selectors: { "&:has(> [data-slot=button-group])": { gap: theme.spacing[2] } }
+}, "container");
+const orientation = styleVariants({
+	horizontal: { flexDirection: "row" },
+	vertical: { flexDirection: "column" }
+}, "orientation");
+globalStyle(`${container} > *`, { position: "relative" });
+globalStyle(`${container} > *:focus-visible`, { zIndex: 10 });
+globalStyle(`${orientation.horizontal} > *:not(:first-child)`, {
+	borderTopLeftRadius: 0,
+	borderBottomLeftRadius: 0,
+	borderLeftWidth: 0
+});
+globalStyle(`${orientation.horizontal} > *:not(:last-child)`, {
+	borderTopRightRadius: 0,
+	borderBottomRightRadius: 0
+});
+globalStyle(`${orientation.vertical} > *:not(:first-child)`, {
+	borderTopLeftRadius: 0,
+	borderTopRightRadius: 0,
+	borderTopWidth: 0
+});
+globalStyle(`${orientation.vertical} > *:not(:last-child)`, {
+	borderBottomLeftRadius: 0,
+	borderBottomRightRadius: 0
+});
+globalStyle(`${container}`, { width: "fit-content" });
+globalStyle(`${container} > input`, { flex: 1 });
+globalStyle(`${orientation.horizontal}:has(> select[aria-hidden=true]:last-child) > [data-slot=select-trigger]:last-of-type`, {
+	borderTopRightRadius: theme.radius.medium,
+	borderBottomRightRadius: theme.radius.medium
+});
+var styles_css_default = {
+	container,
 	orientation
 };
-
+endFileScope();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

package/dist/components/Calendar/Calendar.js

@@ -12,12 +12,11 @@ import Months from "./Months/Months.js";
 import Nav from "./Nav/Nav.js";
 import NextButton from "./NextButton/NextButton.js";
 import PrevButton from "./PrevButton/PrevButton.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 { Calendar } from "bits-ui";
 import { isEqualMonth } from "@internationalized/date";
-
 //#region src/components/Calendar/Calendar.svelte
 var root_3 = $.from_html(`<!> <!>`, 1);
 var root_7 = $.from_html(`<!> <!>`, 1);
@@ -124,7 +123,7 @@ function Calendar$1($$anchor, $$props) {
 											children: ($$anchor, $$slotProps) => {
 												GridRow($$anchor, {
 													get class() {
-														return __default__.gridRowHead;
+														return styles_css_default.gridRowHead;
 													},
 													children: ($$anchor, $$slotProps) => {
 														var fragment_9 = $.comment();
@@ -154,7 +153,7 @@ function Calendar$1($$anchor, $$props) {
 												$.each(node_10, 16, () => month.weeks, (weekDates) => weekDates, ($$anchor, weekDates) => {
 													GridRow($$anchor, {
 														get class() {
-															return __default__.gridRow;
+															return styles_css_default.gridRow;
 														},
 														children: ($$anchor, $$slotProps) => {
 															var fragment_14 = $.comment();
@@ -187,7 +186,7 @@ function Calendar$1($$anchor, $$props) {
 																		};
 																		$.if(node_12, ($$render) => {
 																			if ($$props.day) $$render(consequent);
-																			else $$render(alternate, false);
+																			else $$render(alternate, -1);
 																		});
 																		$.append($$anchor, fragment_16);
 																	},
@@ -217,7 +216,7 @@ function Calendar$1($$anchor, $$props) {
 				$$slots: { default: true }
 			});
 		};
-		let $0 = $.derived(() => [__default__.calendar, $$props.class]);
+		let $0 = $.derived(() => [styles_css_default.calendar, $$props.class]);
 		$.component(node, () => Calendar.Root, ($$anchor, CalendarPrimitive_Root) => {
 			CalendarPrimitive_Root($$anchor, $.spread_props({
 				get weekdayFormat() {
@@ -265,6 +264,5 @@ function Calendar$1($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-
 //#endregion
-export { Calendar$1 as default };
+export { Calendar$1 as default };

package/dist/components/Calendar/Caption/Caption.js

@@ -3,7 +3,6 @@ import YearSelect from "../YearSelect/YearSelect.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { DateFormatter, getLocalTimeZone } from "@internationalized/date";
-
 //#region src/components/Calendar/Caption/Caption.svelte
 var root_3 = $.from_html(`<!> <!>`, 1);
 var root_4 = $.from_html(`<!> <!>`, 1);
@@ -100,11 +99,10 @@ function Caption($$anchor, $$props) {
 		if ($$props.captionLayout === "dropdown") $$render(consequent);
 		else if ($$props.captionLayout === "dropdown-months") $$render(consequent_2, 1);
 		else if ($$props.captionLayout === "dropdown-years") $$render(consequent_4, 2);
-		else $$render(alternate, false);
+		else $$render(alternate, -1);
 	});
 	$.append($$anchor, fragment_2);
 	$.pop();
 }
-
 //#endregion
-export { Caption as default };
+export { Caption as default };

package/dist/components/Calendar/Cell/Cell.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 { Calendar } from "bits-ui";
-
 //#region src/components/Calendar/Cell/Cell.svelte
 function Cell($$anchor, $$props) {
 	$.push($$props, true);
@@ -16,7 +15,7 @@ function Cell($$anchor, $$props) {
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
 	{
-		let $0 = $.derived(() => [__default__.cell, $$props.class]);
+		let $0 = $.derived(() => [styles_css_default.cell, $$props.class]);
 		$.component(node, () => Calendar.Cell, ($$anchor, CalendarPrimitive_Cell) => {
 			CalendarPrimitive_Cell($$anchor, $.spread_props({ get class() {
 				return $.get($0);
@@ -33,6 +32,5 @@ function Cell($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-
 //#endregion
-export { Cell as default };
+export { Cell as default };

package/dist/components/Calendar/Cell/styles.css.js

@@ -1,8 +1,26 @@
-import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../../assets/src/components/Calendar/Cell/styles.css.ts.vanilla-Cbks2GU9.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/Calendar/Cell/styles.css.ts
-var __default__ = { cell: "styles_cell__k3waa00" };
-
+setFileScope("src/components/Calendar/Cell/styles.css.ts", "@max-ts/svelte");
+const cell = style({
+	position: "relative",
+	width: "var(--cell-size)",
+	height: "var(--cell-size)",
+	padding: 0,
+	textAlign: "center",
+	fontSize: theme.fontSize.sm,
+	":focus-within": { zIndex: 20 }
+}, "cell");
+globalStyle(`${cell}:first-child[data-selected] [data-bits-day]`, {
+	borderTopLeftRadius: theme.radius.medium,
+	borderBottomLeftRadius: theme.radius.medium
+});
+globalStyle(`${cell}:last-child[data-selected] [data-bits-day]`, {
+	borderTopRightRadius: theme.radius.medium,
+	borderBottomRightRadius: theme.radius.medium
+});
+var styles_css_default = { cell };
+endFileScope();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

package/dist/components/Calendar/Day/Day.js

@@ -1,9 +1,8 @@
 import { buttonVariants } from "../../Button/styles.css.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 { Calendar } from "bits-ui";
-
 //#region src/components/Calendar/Day/Day.svelte
 function Day($$anchor, $$props) {
 	$.push($$props, true);
@@ -19,7 +18,7 @@ function Day($$anchor, $$props) {
 	{
 		let $0 = $.derived(() => [
 			buttonVariants.ghost,
-			__default__.day,
+			styles_css_default.day,
 			$$props.class
 		]);
 		$.component(node, () => Calendar.Day, ($$anchor, CalendarPrimitive_Day) => {
@@ -38,6 +37,5 @@ function Day($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-
 //#endregion
-export { Day as default };
+export { Day as default };