@max-ts/svelte 1.9.1 → 1.10.0

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

@@ -1,4 +1,4 @@
-import styles_css_default from "./styles.css.js";
+import __default__ from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 //#region src/components/ButtonGroup/Text/Text.svelte
@@ -16,7 +16,7 @@ function Text($$anchor, $$props) {
 	]);
 	const mergedProps = $.derived(() => ({
 		...restProps,
-		class: [styles_css_default.text, $$props.class]
+		class: [__default__.text, $$props.class]
 	}));
 	var fragment = $.comment();
 	var node = $.first_child(fragment);

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

@@ -1,28 +1,4 @@
-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
-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();
+var __default__ = { text: "styles_text__1n5rolr0" };
 //#endregion
-export { styles_css_default as default };
+export { __default__ as default };

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

@@ -1,48 +1,9 @@
-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
-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
+var __default__ = {
+	container: "styles_container__zn4w4x0",
+	orientation: {
+		horizontal: "styles_orientation_horizontal__zn4w4x1",
+		vertical: "styles_orientation_vertical__zn4w4x2"
+	}
 };
-endFileScope();
 //#endregion
-export { styles_css_default as default };
+export { __default__ as default };

package/dist/components/Calendar/Calendar.js

@@ -12,7 +12,7 @@ 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 styles_css_default from "./styles.css.js";
+import __default__ from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { Calendar } from "bits-ui";
@@ -123,7 +123,7 @@ function Calendar$1($$anchor, $$props) {
 											children: ($$anchor, $$slotProps) => {
 												GridRow($$anchor, {
 													get class() {
-														return styles_css_default.gridRowHead;
+														return __default__.gridRowHead;
 													},
 													children: ($$anchor, $$slotProps) => {
 														var fragment_9 = $.comment();
@@ -153,7 +153,7 @@ function Calendar$1($$anchor, $$props) {
 												$.each(node_10, 16, () => month.weeks, (weekDates) => weekDates, ($$anchor, weekDates) => {
 													GridRow($$anchor, {
 														get class() {
-															return styles_css_default.gridRow;
+															return __default__.gridRow;
 														},
 														children: ($$anchor, $$slotProps) => {
 															var fragment_14 = $.comment();
@@ -216,7 +216,7 @@ function Calendar$1($$anchor, $$props) {
 				$$slots: { default: true }
 			});
 		};
-		let $0 = $.derived(() => [styles_css_default.calendar, $$props.class]);
+		let $0 = $.derived(() => [__default__.calendar, $$props.class]);
 		$.component(node, () => Calendar.Root, ($$anchor, CalendarPrimitive_Root) => {
 			CalendarPrimitive_Root($$anchor, $.spread_props({
 				get weekdayFormat() {

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

@@ -1,4 +1,4 @@
-import styles_css_default from "./styles.css.js";
+import __default__ from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { Calendar } from "bits-ui";
@@ -15,7 +15,7 @@ function Cell($$anchor, $$props) {
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
 	{
-		let $0 = $.derived(() => [styles_css_default.cell, $$props.class]);
+		let $0 = $.derived(() => [__default__.cell, $$props.class]);
 		$.component(node, () => Calendar.Cell, ($$anchor, CalendarPrimitive_Cell) => {
 			CalendarPrimitive_Cell($$anchor, $.spread_props({ get class() {
 				return $.get($0);

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

@@ -1,26 +1,4 @@
-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
-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();
+var __default__ = { cell: "styles_cell__k3waa00" };
 //#endregion
-export { styles_css_default as default };
+export { __default__ as default };

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

@@ -1,5 +1,5 @@
 import { buttonVariants } from "../../Button/styles.css.js";
-import styles_css_default from "./styles.css.js";
+import __default__ from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { Calendar } from "bits-ui";
@@ -18,7 +18,7 @@ function Day($$anchor, $$props) {
 	{
 		let $0 = $.derived(() => [
 			buttonVariants.ghost,
-			styles_css_default.day,
+			__default__.day,
 			$$props.class
 		]);
 		$.component(node, () => Calendar.Day, ($$anchor, CalendarPrimitive_Day) => {

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

@@ -1,49 +1,4 @@
-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/Day/styles.css.ts
-setFileScope("src/components/Calendar/Day/styles.css.ts", "@max-ts/svelte");
-const day = style({
-	display: "flex",
-	width: "var(--cell-size)",
-	height: "var(--cell-size)",
-	flexDirection: "column",
-	alignItems: "center",
-	justifyContent: "center",
-	gap: theme.spacing[1],
-	padding: 0,
-	whiteSpace: "nowrap",
-	userSelect: "none",
-	":focus": { position: "relative" },
-	selectors: {
-		"&[data-selected]": {
-			backgroundColor: theme.colors.primary,
-			color: theme.colors.foreground.primary
-		},
-		"&[data-today]": {
-			textDecoration: "underline",
-			textUnderlineOffset: theme.spacing[1],
-			textDecorationThickness: 2
-		},
-		"&[data-disabled]": {
-			color: theme.colors.text.secondary,
-			pointerEvents: "none",
-			opacity: .5
-		},
-		"&[data-unavailable]": {
-			color: theme.colors.text.secondary,
-			textDecoration: "line-through"
-		}
-	}
-}, "day");
-globalStyle(`${day} > span`, {
-	fontSize: theme.fontSize.xs,
-	opacity: .7
-});
-globalStyle(`${day}[data-today][data-disabled]`, { color: theme.colors.text.hint });
-globalStyle(`${day}[data-outside-month]:not([data-selected])`, { color: theme.colors.text.hint });
-globalStyle(`${day}[data-outside-month]:not([data-selected]):hover`, { color: theme.colors.text.primary });
-var styles_css_default = { day };
-endFileScope();
+var __default__ = { day: "styles_day__em3vch0" };
 //#endregion
-export { styles_css_default as default };
+export { __default__ as default };

package/dist/components/Calendar/Grid/Grid.js

@@ -1,4 +1,4 @@
-import styles_css_default from "./styles.css.js";
+import __default__ from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { Calendar } from "bits-ui";
@@ -15,7 +15,7 @@ function Grid($$anchor, $$props) {
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
 	{
-		let $0 = $.derived(() => [styles_css_default.grid, $$props.class]);
+		let $0 = $.derived(() => [__default__.grid, $$props.class]);
 		$.component(node, () => Calendar.Grid, ($$anchor, CalendarPrimitive_Grid) => {
 			CalendarPrimitive_Grid($$anchor, $.spread_props({ get class() {
 				return $.get($0);

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

@@ -1,16 +1,4 @@
-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/Calendar/Grid/styles.css.ts
-setFileScope("src/components/Calendar/Grid/styles.css.ts", "@max-ts/svelte");
-var styles_css_default = { grid: style({
-	marginTop: theme.spacing[4],
-	display: "flex",
-	width: "100%",
-	borderCollapse: "collapse",
-	flexDirection: "column",
-	gap: theme.spacing[1]
-}, "grid") };
-endFileScope();
+var __default__ = { grid: "styles_grid__duhgu40" };
 //#endregion
-export { styles_css_default as default };
+export { __default__ as default };

package/dist/components/Calendar/GridRow/GridRow.js

@@ -1,4 +1,4 @@
-import styles_css_default from "./styles.css.js";
+import __default__ from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { Calendar } from "bits-ui";
@@ -15,7 +15,7 @@ function GridRow($$anchor, $$props) {
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
 	{
-		let $0 = $.derived(() => [styles_css_default.gridRow, $$props.class]);
+		let $0 = $.derived(() => [__default__.gridRow, $$props.class]);
 		$.component(node, () => Calendar.GridRow, ($$anchor, CalendarPrimitive_GridRow) => {
 			CalendarPrimitive_GridRow($$anchor, $.spread_props({ get class() {
 				return $.get($0);

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

@@ -1,12 +1,4 @@
-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/Calendar/GridRow/styles.css.ts
-setFileScope("src/components/Calendar/GridRow/styles.css.ts", "@max-ts/svelte");
-var styles_css_default = { gridRow: style({
-	display: "flex",
-	columnGap: theme.spacing[1]
-}, "gridRow") };
-endFileScope();
+var __default__ = { gridRow: "styles_gridRow__1mm3fo10" };
 //#endregion
-export { styles_css_default as default };
+export { __default__ as default };

package/dist/components/Calendar/HeadCell/HeadCell.js

@@ -1,4 +1,4 @@
-import styles_css_default from "./styles.css.js";
+import __default__ from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { Calendar } from "bits-ui";
@@ -15,7 +15,7 @@ function HeadCell($$anchor, $$props) {
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
 	{
-		let $0 = $.derived(() => [styles_css_default.headCell, $$props.class]);
+		let $0 = $.derived(() => [__default__.headCell, $$props.class]);
 		$.component(node, () => Calendar.HeadCell, ($$anchor, CalendarPrimitive_HeadCell) => {
 			CalendarPrimitive_HeadCell($$anchor, $.spread_props({ get class() {
 				return $.get($0);

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

@@ -1,15 +1,4 @@
-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/Calendar/HeadCell/styles.css.ts
-setFileScope("src/components/Calendar/HeadCell/styles.css.ts", "@max-ts/svelte");
-var styles_css_default = { headCell: style({
-	color: theme.colors.text.secondary,
-	width: "var(--cell-size)",
-	borderRadius: theme.radius.medium,
-	fontSize: theme.fontSize.xs,
-	fontWeight: theme.fontWeight.normal
-}, "headCell") };
-endFileScope();
+var __default__ = { headCell: "styles_headCell__1nghnwh0" };
 //#endregion
-export { styles_css_default as default };
+export { __default__ as default };

package/dist/components/Calendar/Header/Header.js

@@ -1,4 +1,4 @@
-import styles_css_default from "./styles.css.js";
+import __default__ from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { Calendar } from "bits-ui";
@@ -15,7 +15,7 @@ function Header($$anchor, $$props) {
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
 	{
-		let $0 = $.derived(() => [styles_css_default.header, $$props.class]);
+		let $0 = $.derived(() => [__default__.header, $$props.class]);
 		$.component(node, () => Calendar.Header, ($$anchor, CalendarPrimitive_Header) => {
 			CalendarPrimitive_Header($$anchor, $.spread_props({ get class() {
 				return $.get($0);

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

@@ -1,18 +1,4 @@
-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/Calendar/Header/styles.css.ts
-setFileScope("src/components/Calendar/Header/styles.css.ts", "@max-ts/svelte");
-var styles_css_default = { header: style({
-	display: "flex",
-	height: "var(--cell-size)",
-	width: "100%",
-	alignItems: "center",
-	justifyContent: "center",
-	gap: "0.375rem",
-	fontSize: theme.fontSize.sm,
-	fontWeight: theme.fontWeight.medium
-}, "header") };
-endFileScope();
+var __default__ = { header: "styles_header__s2om6s0" };
 //#endregion
-export { styles_css_default as default };
+export { __default__ as default };

package/dist/components/Calendar/MonthSelect/MonthSelect.js

@@ -1,4 +1,4 @@
-import styles_css_default from "./styles.css.js";
+import __default__ from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { Calendar } from "bits-ui";
@@ -50,14 +50,14 @@ function MonthSelect($$anchor, $$props) {
 			ChevronDownIcon($.sibling(text_1), { size: 16 });
 			$.reset(span_1);
 			$.template_effect(($0) => {
-				$.set_class(span_1, 1, $.clsx(styles_css_default.visiblePart));
+				$.set_class(span_1, 1, $.clsx(__default__.visiblePart));
 				$.set_text(text_1, `${$0 ?? ""} `);
 			}, [() => monthItems().find((item) => item.value === $$props.value)?.label || selectedMonthItem().label]);
 			$.append($$anchor, fragment);
 		};
 		$.component(node, () => Calendar.MonthSelect, ($$anchor, CalendarPrimitive_MonthSelect) => {
 			CalendarPrimitive_MonthSelect($$anchor, $.spread_props({ get class() {
-				return styles_css_default.select;
+				return __default__.select;
 			} }, () => restProps, {
 				get ref() {
 					return ref();
@@ -71,7 +71,7 @@ function MonthSelect($$anchor, $$props) {
 		});
 	}
 	$.reset(span);
-	$.template_effect(() => $.set_class(span, 1, $.clsx([styles_css_default.wrapper, $$props.class])));
+	$.template_effect(() => $.set_class(span, 1, $.clsx([__default__.wrapper, $$props.class])));
 	$.append($$anchor, span);
 	$.pop();
 }

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

@@ -1,46 +1,8 @@
-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/MonthSelect/styles.css.ts
-setFileScope("src/components/Calendar/MonthSelect/styles.css.ts", "@max-ts/svelte");
-const wrapper = style({
-	position: "relative",
-	display: "flex",
-	borderRadius: theme.radius.medium,
-	border: `1px solid ${theme.colors.border}`,
-	boxShadow: theme.shadow[1],
-	selectors: { "&:has(:focus-visible)": { boxShadow: theme.shadow[3] } }
-}, "wrapper");
-const select = style({
-	position: "absolute",
-	top: 0,
-	right: 0,
-	bottom: 0,
-	left: 0,
-	opacity: 0
-}, "select");
-const visiblePart = style({
-	display: "flex",
-	height: theme.spacing[8],
-	alignItems: "center",
-	gap: theme.spacing[1],
-	borderRadius: theme.radius.medium,
-	paddingLeft: theme.spacing[2],
-	paddingRight: theme.spacing[1],
-	fontSize: theme.fontSize.sm,
-	fontWeight: theme.fontWeight.medium,
-	userSelect: "none"
-}, "visiblePart");
-globalStyle(`${visiblePart} > svg`, {
-	color: theme.colors.text.secondary,
-	width: "0.875rem",
-	height: "0.875rem"
-});
-var styles_css_default = {
-	wrapper,
-	select,
-	visiblePart
+var __default__ = {
+	wrapper: "styles_wrapper__iaxiha0",
+	select: "styles_select__iaxiha1",
+	visiblePart: "styles_visiblePart__iaxiha2"
 };
-endFileScope();
 //#endregion
-export { styles_css_default as default };
+export { __default__ as default };

package/dist/components/Calendar/Months/Months.js

@@ -1,4 +1,4 @@
-import styles_css_default from "./styles.css.js";
+import __default__ from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 //#region src/components/Calendar/Months/Months.svelte
@@ -15,7 +15,7 @@ function Months($$anchor, $$props) {
 	]);
 	var div = root();
 	$.attribute_effect(div, () => ({
-		class: [styles_css_default.months, $$props.class],
+		class: [__default__.months, $$props.class],
 		...restProps
 	}));
 	var node = $.child(div);

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

@@ -1,15 +1,4 @@
-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/Calendar/Months/styles.css.ts
-setFileScope("src/components/Calendar/Months/styles.css.ts", "@max-ts/svelte");
-var styles_css_default = { months: style({
-	position: "relative",
-	display: "flex",
-	flexDirection: "column",
-	gap: theme.spacing[4],
-	"@media": { "(min-width: 768px)": { flexDirection: "row" } }
-}, "months") };
-endFileScope();
+var __default__ = { months: "styles_months__10vjkx10" };
 //#endregion
-export { styles_css_default as default };
+export { __default__ as default };

package/dist/components/Calendar/Nav/Nav.js

@@ -1,4 +1,4 @@
-import styles_css_default from "./styles.css.js";
+import __default__ from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 //#region src/components/Calendar/Nav/Nav.svelte
@@ -16,7 +16,7 @@ function Nav($$anchor, $$props) {
 	var nav = root();
 	$.attribute_effect(nav, () => ({
 		...restProps,
-		class: [styles_css_default.nav, $$props.class]
+		class: [__default__.nav, $$props.class]
 	}));
 	var node = $.child(nav);
 	$.snippet(node, () => $$props.children ?? $.noop);

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

@@ -1,19 +1,4 @@
-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/Calendar/Nav/styles.css.ts
-setFileScope("src/components/Calendar/Nav/styles.css.ts", "@max-ts/svelte");
-var styles_css_default = { nav: style({
-	position: "absolute",
-	left: 0,
-	right: 0,
-	top: 0,
-	display: "flex",
-	width: "100%",
-	alignItems: "center",
-	justifyContent: "space-between",
-	gap: theme.spacing[1]
-}, "nav") };
-endFileScope();
+var __default__ = { nav: "styles_nav__12rczk80" };
 //#endregion
-export { styles_css_default as default };
+export { __default__ as default };

package/dist/components/Calendar/NextButton/NextButton.js

@@ -1,5 +1,5 @@
 import { buttonVariants } from "../../Button/styles.css.js";
-import styles_css_default from "./styles.css.js";
+import __default__ from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { Calendar } from "bits-ui";
@@ -24,7 +24,7 @@ function NextButton($$anchor, $$props) {
 	{
 		let $0 = $.derived(() => [
 			buttonVariants[variant()],
-			styles_css_default.nextButton,
+			__default__.nextButton,
 			$$props.class
 		]);
 		let $1 = $.derived(() => $$props.children || fallback);

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

@@ -1,18 +1,4 @@
-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";
 //#region src/components/Calendar/NextButton/styles.css.ts
-setFileScope("src/components/Calendar/NextButton/styles.css.ts", "@max-ts/svelte");
-var styles_css_default = { nextButton: style({
-	width: "var(--cell-size)",
-	height: "var(--cell-size)",
-	backgroundColor: "transparent",
-	padding: 0,
-	userSelect: "none",
-	selectors: {
-		"&[disabled]": { opacity: .5 },
-		"[dir=rtl] &": { transform: "rotate(180deg)" }
-	}
-}, "nextButton") };
-endFileScope();
+var __default__ = { nextButton: "styles_nextButton__10hqk8n0" };
 //#endregion
-export { styles_css_default as default };
+export { __default__ as default };

package/dist/components/Calendar/PrevButton/PrevButton.js

@@ -1,5 +1,5 @@
 import { buttonVariants } from "../../Button/styles.css.js";
-import styles_css_default from "./styles.css.js";
+import __default__ from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { Calendar } from "bits-ui";
@@ -24,7 +24,7 @@ function PrevButton($$anchor, $$props) {
 	{
 		let $0 = $.derived(() => [
 			buttonVariants[variant()],
-			styles_css_default.prevButton,
+			__default__.prevButton,
 			$$props.class
 		]);
 		let $1 = $.derived(() => $$props.children || fallback);

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

@@ -1,18 +1,4 @@
-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";
 //#region src/components/Calendar/PrevButton/styles.css.ts
-setFileScope("src/components/Calendar/PrevButton/styles.css.ts", "@max-ts/svelte");
-var styles_css_default = { prevButton: style({
-	width: "var(--cell-size)",
-	height: "var(--cell-size)",
-	backgroundColor: "transparent",
-	padding: 0,
-	userSelect: "none",
-	selectors: {
-		"&[disabled]": { opacity: .5 },
-		"[dir=rtl] &": { transform: "rotate(180deg)" }
-	}
-}, "prevButton") };
-endFileScope();
+var __default__ = { prevButton: "styles_prevButton__1pi42ea0" };
 //#endregion
-export { styles_css_default as default };
+export { __default__ as default };