@max-ts/svelte 1.8.5 → 1.9.1

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

@@ -1,8 +1,49 @@
-import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../../assets/src/components/Calendar/Day/styles.css.ts.vanilla-CfL5V7LV.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/Day/styles.css.ts
-var __default__ = { day: "styles_day__em3vch0" };
-
+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();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

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

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

@@ -1,8 +1,16 @@
-import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../../assets/src/components/Calendar/Grid/styles.css.ts.vanilla-CoC90GwV.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/Calendar/Grid/styles.css.ts
-var __default__ = { grid: "styles_grid__duhgu40" };
-
+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();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

package/dist/components/Calendar/GridBody/GridBody.js

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

package/dist/components/Calendar/GridHead/GridHead.js

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

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

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

@@ -1,8 +1,12 @@
-import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../../assets/src/components/Calendar/GridRow/styles.css.ts.vanilla-U6mvCZYf.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/Calendar/GridRow/styles.css.ts
-var __default__ = { gridRow: "styles_gridRow__1mm3fo10" };
-
+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();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

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

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

@@ -1,8 +1,15 @@
-import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../../assets/src/components/Calendar/HeadCell/styles.css.ts.vanilla-uZVFT3sf.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/Calendar/HeadCell/styles.css.ts
-var __default__ = { headCell: "styles_headCell__1nghnwh0" };
-
+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();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

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

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

@@ -1,8 +1,18 @@
-import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../../assets/src/components/Calendar/Header/styles.css.ts.vanilla-HzvDukx2.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/Calendar/Header/styles.css.ts
-var __default__ = { header: "styles_header__s2om6s0" };
-
+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();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

package/dist/components/Calendar/Month/Month.js

@@ -1,6 +1,5 @@
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
-
 //#region src/components/Calendar/Month/Month.svelte
 var root = $.from_html(`<div><!></div>`);
 function Month($$anchor, $$props) {
@@ -24,6 +23,5 @@ function Month($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-
 //#endregion
-export { Month as default };
+export { Month as default };

package/dist/components/Calendar/MonthSelect/MonthSelect.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 { Calendar } from "bits-ui";
 import { ChevronDownIcon } from "@lucide/svelte";
-
 //#region src/components/Calendar/MonthSelect/MonthSelect.svelte
 var root_2 = $.from_html(`<option> </option>`);
 var root_1 = $.from_html(`<select></select> <span aria-hidden="true"> <!></span>`, 1);
@@ -51,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(__default__.visiblePart));
+				$.set_class(span_1, 1, $.clsx(styles_css_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 __default__.select;
+				return styles_css_default.select;
 			} }, () => restProps, {
 				get ref() {
 					return ref();
@@ -72,10 +71,9 @@ function MonthSelect($$anchor, $$props) {
 		});
 	}
 	$.reset(span);
-	$.template_effect(() => $.set_class(span, 1, $.clsx([__default__.wrapper, $$props.class])));
+	$.template_effect(() => $.set_class(span, 1, $.clsx([styles_css_default.wrapper, $$props.class])));
 	$.append($$anchor, span);
 	$.pop();
 }
-
 //#endregion
-export { MonthSelect as default };
+export { MonthSelect as default };

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

@@ -1,12 +1,46 @@
-import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../../assets/src/components/Calendar/MonthSelect/styles.css.ts.vanilla-CAhi6mgx.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/MonthSelect/styles.css.ts
-var __default__ = {
-	wrapper: "styles_wrapper__iaxiha0",
-	select: "styles_select__iaxiha1",
-	visiblePart: "styles_visiblePart__iaxiha2"
+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
 };
-
+endFileScope();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

package/dist/components/Calendar/Months/Months.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/Calendar/Months/Months.svelte
 var root = $.from_html(`<div><!></div>`);
 function Months($$anchor, $$props) {
@@ -16,7 +15,7 @@ function Months($$anchor, $$props) {
 	]);
 	var div = root();
 	$.attribute_effect(div, () => ({
-		class: [__default__.months, $$props.class],
+		class: [styles_css_default.months, $$props.class],
 		...restProps
 	}));
 	var node = $.child(div);
@@ -26,6 +25,5 @@ function Months($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-
 //#endregion
-export { Months as default };
+export { Months as default };

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

@@ -1,8 +1,15 @@
-import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../../assets/src/components/Calendar/Months/styles.css.ts.vanilla-D8F5R8Jq.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/Calendar/Months/styles.css.ts
-var __default__ = { months: "styles_months__10vjkx10" };
-
+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();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

package/dist/components/Calendar/Nav/Nav.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/Calendar/Nav/Nav.svelte
 var root = $.from_html(`<nav><!></nav>`);
 function Nav($$anchor, $$props) {
@@ -17,7 +16,7 @@ function Nav($$anchor, $$props) {
 	var nav = root();
 	$.attribute_effect(nav, () => ({
 		...restProps,
-		class: [__default__.nav, $$props.class]
+		class: [styles_css_default.nav, $$props.class]
 	}));
 	var node = $.child(nav);
 	$.snippet(node, () => $$props.children ?? $.noop);
@@ -26,6 +25,5 @@ function Nav($$anchor, $$props) {
 	$.append($$anchor, nav);
 	$.pop();
 }
-
 //#endregion
-export { Nav as default };
+export { Nav as default };

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

@@ -1,8 +1,19 @@
-import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../../assets/src/components/Calendar/Nav/styles.css.ts.vanilla-hgUZ58vD.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/Calendar/Nav/styles.css.ts
-var __default__ = { nav: "styles_nav__12rczk80" };
-
+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();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

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

@@ -1,10 +1,9 @@
 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";
 import { ChevronRightIcon } from "@lucide/svelte";
-
 //#region src/components/Calendar/NextButton/NextButton.svelte
 const fallback = ($$anchor) => {
 	ChevronRightIcon($$anchor, { size: 16 });
@@ -25,7 +24,7 @@ function NextButton($$anchor, $$props) {
 	{
 		let $0 = $.derived(() => [
 			buttonVariants[variant()],
-			__default__.nextButton,
+			styles_css_default.nextButton,
 			$$props.class
 		]);
 		let $1 = $.derived(() => $$props.children || fallback);
@@ -50,6 +49,5 @@ function NextButton($$anchor, $$props) {
 	$.append($$anchor, fragment_1);
 	$.pop();
 }
-
 //#endregion
-export { NextButton as default };
+export { NextButton as default };

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

@@ -1,7 +1,18 @@
-import "./../../../assets/src/components/Calendar/NextButton/styles.css.ts.vanilla-Cuf73VQC.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";
 //#region src/components/Calendar/NextButton/styles.css.ts
-var __default__ = { nextButton: "styles_nextButton__10hqk8n0" };
-
+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();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

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

@@ -1,10 +1,9 @@
 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";
 import { ChevronLeftIcon } from "@lucide/svelte";
-
 //#region src/components/Calendar/PrevButton/PrevButton.svelte
 const fallback = ($$anchor) => {
 	ChevronLeftIcon($$anchor, { size: 16 });
@@ -25,7 +24,7 @@ function PrevButton($$anchor, $$props) {
 	{
 		let $0 = $.derived(() => [
 			buttonVariants[variant()],
-			__default__.prevButton,
+			styles_css_default.prevButton,
 			$$props.class
 		]);
 		let $1 = $.derived(() => $$props.children || fallback);
@@ -50,6 +49,5 @@ function PrevButton($$anchor, $$props) {
 	$.append($$anchor, fragment_1);
 	$.pop();
 }
-
 //#endregion
-export { PrevButton as default };
+export { PrevButton as default };

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

@@ -1,7 +1,18 @@
-import "./../../../assets/src/components/Calendar/PrevButton/styles.css.ts.vanilla-CesYCmjG.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";
 //#region src/components/Calendar/PrevButton/styles.css.ts
-var __default__ = { prevButton: "styles_prevButton__1pi42ea0" };
-
+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();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };