@max-ts/svelte 1.9.1 → 1.10.1

package/dist/{components → src/components}/Tooltip/Tooltip.js

@@ -22,7 +22,8 @@ function Tooltip$1($$anchor, $$props) {
 		"arrow",
 		"arrowClass",
 		"triggerId",
-		"payload"
+		"payload",
+		"child"
 	]);
 	Provider($$anchor, {
 		children: ($$anchor, $$slotProps) => {
@@ -40,6 +41,9 @@ function Tooltip$1($$anchor, $$props) {
 						var fragment_2 = root_2();
 						var node_1 = $.first_child(fragment_2);
 						Trigger(node_1, {
+							get child() {
+								return $$props.child;
+							},
 							children: ($$anchor, $$slotProps) => {
 								var fragment_3 = $.comment();
 								var node_2 = $.first_child(fragment_3);

package/dist/src/components/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+import Tooltip from "./Tooltip.js";
+import { TooltipProps } from "./types.js";

package/dist/src/components/Tooltip/types.d.ts

@@ -0,0 +1,20 @@
+import { Tooltip } from "bits-ui";
+import { Snippet } from "svelte";
+
+//#region src/components/Tooltip/types.d.ts
+type TooltipProps<Payload = never> = Tooltip.RootProps & {
+  content?: Snippet<[]> | string;
+  child?: Snippet<[{
+    props: Record<string, unknown>;
+  }]>;
+  arrow?: boolean;
+  align?: Tooltip.ContentProps['align'];
+  sideOffset?: number;
+  alignOffset?: number;
+  side?: Tooltip.ContentProps['side'];
+  class?: string;
+  arrowClass?: string;
+  payload?: [Payload] extends [never] ? null : Payload | null;
+};
+//#endregion
+export { TooltipProps };

package/dist/src/components/Typography/index.d.ts

@@ -0,0 +1,2 @@
+import Typography from "./Typography.js";
+import { TypographyAlign, TypographyColor, TypographyProps, TypographyVariant } from "./types.js";

package/dist/src/components/Typography/styles.css.js

@@ -0,0 +1,54 @@
+//#region src/components/Typography/styles.css.ts
+var alignments = {
+	left: "styles_alignments_left__13e75ljk",
+	center: "styles_alignments_center__13e75ljl",
+	right: "styles_alignments_right__13e75ljm",
+	justify: "styles_alignments_justify__13e75ljn"
+};
+var colors = {
+	primary: "styles_colors_primary__13e75ljc",
+	secondary: "styles_colors_secondary__13e75ljd",
+	disabled: "styles_colors_disabled__13e75lje",
+	success: "styles_colors_success__13e75ljf",
+	error: "styles_colors_error__13e75ljg",
+	warning: "styles_colors_warning__13e75ljh",
+	info: "styles_colors_info__13e75lji",
+	muted: "styles_colors_muted__13e75ljj"
+};
+var decorations = {
+	none: "styles_decorations_none__13e75ljx",
+	underline: "styles_decorations_underline__13e75ljy",
+	lineThrough: "styles_decorations_lineThrough__13e75ljz"
+};
+var displays = {
+	block: "styles_displays_block__13e75ljo",
+	inline: "styles_displays_inline__13e75ljp"
+};
+var gutterBottomClass = "styles_gutterBottomClass__13e75lj10";
+var transforms = {
+	lowercase: "styles_transforms_lowercase__13e75lju",
+	uppercase: "styles_transforms_uppercase__13e75ljv",
+	capitalize: "styles_transforms_capitalize__13e75ljw"
+};
+var variants = {
+	h1: "styles_variants_h1__13e75lj0",
+	h2: "styles_variants_h2__13e75lj1",
+	h3: "styles_variants_h3__13e75lj2",
+	h4: "styles_variants_h4__13e75lj3",
+	h5: "styles_variants_h5__13e75lj4",
+	h6: "styles_variants_h6__13e75lj5",
+	subtitle1: "styles_variants_subtitle1__13e75lj6",
+	subtitle2: "styles_variants_subtitle2__13e75lj7",
+	body1: "styles_variants_body1__13e75lj8",
+	body2: "styles_variants_body2__13e75lj9",
+	caption: "styles_variants_caption__13e75lja",
+	overline: "styles_variants_overline__13e75ljb"
+};
+var weights = {
+	normal: "styles_weights_normal__13e75ljq",
+	medium: "styles_weights_medium__13e75ljr",
+	semibold: "styles_weights_semibold__13e75ljs",
+	bold: "styles_weights_bold__13e75ljt"
+};
+//#endregion
+export { alignments, colors, decorations, displays, gutterBottomClass, transforms, variants, weights };

package/dist/src/components/Typography/types.d.ts

@@ -0,0 +1,24 @@
+import { Snippet } from "svelte";
+
+//#region src/components/Typography/types.d.ts
+type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'overline';
+type TypographyAlign = 'left' | 'center' | 'right' | 'justify';
+type ComponentVariant = 'div' | 'p' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+type TypographyColor = 'primary' | 'disabled' | 'info' | 'secondary' | 'success' | 'error' | 'muted' | 'warning';
+type TypographyProps = {
+  align?: TypographyAlign;
+  variant?: TypographyVariant;
+  color?: TypographyColor;
+  component?: ComponentVariant;
+  display?: 'block' | 'inline';
+  weight?: 'normal' | 'bold' | 'medium' | 'semibold';
+  transform?: 'lowercase' | 'capitalize' | 'uppercase';
+  decoration?: 'none' | 'underline' | 'lineThrough';
+  gutterBottom?: boolean;
+  children?: Snippet<[]>;
+  ref?: HTMLElement | null;
+  class?: string;
+  style?: string;
+};
+//#endregion
+export { TypographyAlign, TypographyColor, TypographyProps, TypographyVariant };

package/dist/src/types.d.ts

@@ -0,0 +1,13 @@
+//#region src/types.d.ts
+type WithoutChild<T> = T extends {
+  child?: any;
+} ? Omit<T, 'child'> : T;
+type WithoutChildrenOrChild<T> = WithoutChildren<WithoutChild<T>>;
+type WithoutChildren<T> = T extends {
+  children?: any;
+} ? Omit<T, 'children'> : T;
+type WithElementRef<T, U extends HTMLElement = HTMLElement> = T & {
+  ref?: U | null;
+};
+//#endregion
+export { WithElementRef, WithoutChildrenOrChild };

package/dist/theme.js

@@ -1,179 +1,89 @@
-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 { createGlobalTheme, createGlobalThemeContract } from "./node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.browser.esm.js";
 //#region src/theme.css.ts
-setFileScope("src/theme.css.ts", "@max-ts/svelte");
-const theme = createGlobalThemeContract({
+var theme = {
 	colors: {
-		primary: "colors-primary",
-		secondary: "colors-secondary",
-		warning: "colors-warning",
-		error: "colors-error",
-		success: "colors-success",
-		border: "colors-border",
-		info: "colors-info",
+		primary: "var(--colors-primary)",
+		secondary: "var(--colors-secondary)",
+		warning: "var(--colors-warning)",
+		error: "var(--colors-error)",
+		success: "var(--colors-success)",
+		border: "var(--colors-border)",
+		info: "var(--colors-info)",
 		background: {
-			tooltip: "colors-background-tooltip",
-			paper: "colors-background-paper",
-			element: "colors-background-element",
-			elementHover: "colors-background-elementHover",
-			sidebar: "colors-background-sidebar"
+			tooltip: "var(--colors-background-tooltip)",
+			paper: "var(--colors-background-paper)",
+			element: "var(--colors-background-element)",
+			elementHover: "var(--colors-background-elementHover)",
+			sidebar: "var(--colors-background-sidebar)"
 		},
 		foreground: {
-			primary: "colors-foreground-primary",
-			secondary: "colors-foreground-secondary"
+			primary: "var(--colors-foreground-primary)",
+			secondary: "var(--colors-foreground-secondary)"
 		},
 		text: {
-			primary: "colors-text-primary",
-			secondary: "colors-text-secondary",
-			disabled: "colors-text-disabled",
-			hint: "colors-text-hint"
+			primary: "var(--colors-text-primary)",
+			secondary: "var(--colors-text-secondary)",
+			disabled: "var(--colors-text-disabled)",
+			hint: "var(--colors-text-hint)"
 		}
 	},
 	spacing: {
-		1: "spacing-1",
-		2: "spacing-2",
-		3: "spacing-3",
-		4: "spacing-4",
-		5: "spacing-5",
-		6: "spacing-6",
-		7: "spacing-7",
-		8: "spacing-8",
-		9: "spacing-9",
-		10: "spacing-10",
-		12: "spacing-12",
-		16: "spacing-16",
-		20: "spacing-20"
+		"1": "var(--spacing-1)",
+		"2": "var(--spacing-2)",
+		"3": "var(--spacing-3)",
+		"4": "var(--spacing-4)",
+		"5": "var(--spacing-5)",
+		"6": "var(--spacing-6)",
+		"7": "var(--spacing-7)",
+		"8": "var(--spacing-8)",
+		"9": "var(--spacing-9)",
+		"10": "var(--spacing-10)",
+		"12": "var(--spacing-12)",
+		"16": "var(--spacing-16)",
+		"20": "var(--spacing-20)"
 	},
 	shadow: {
-		1: "shadow-1",
-		2: "shadow-2",
-		3: "shadow-3",
-		4: "shadow-4",
-		5: "shadow-5"
+		"1": "var(--shadow-1)",
+		"2": "var(--shadow-2)",
+		"3": "var(--shadow-3)",
+		"4": "var(--shadow-4)",
+		"5": "var(--shadow-5)"
 	},
 	elevation: {
-		1: "elevation-1",
-		2: "elevation-2",
-		3: "elevation-3",
-		4: "elevation-4",
-		6: "elevation-5"
+		"1": "var(--elevation-1)",
+		"2": "var(--elevation-2)",
+		"3": "var(--elevation-3)",
+		"4": "var(--elevation-4)",
+		"6": "var(--elevation-5)"
 	},
 	fontSize: {
-		xs: "fontSize-xs",
-		sm: "fontSize-sm",
-		base: "fontSize-base",
-		lg: "fontSize-lg",
-		xl: "fontSize-xl",
-		"2xl": "fontSize-2xl",
-		"3xl": "fontSize-3xl",
-		"4xl": "fontSize-4xl"
+		xs: "var(--fontSize-xs)",
+		sm: "var(--fontSize-sm)",
+		base: "var(--fontSize-base)",
+		lg: "var(--fontSize-lg)",
+		xl: "var(--fontSize-xl)",
+		"2xl": "var(--fontSize-2xl)",
+		"3xl": "var(--fontSize-3xl)",
+		"4xl": "var(--fontSize-4xl)"
 	},
 	fontWeight: {
-		normal: "fontWeight-normal",
-		medium: "fontWeight-medium",
-		semibold: "fontWeight-semibold",
-		bold: "fontWeight-bold"
+		normal: "var(--fontWeight-normal)",
+		medium: "var(--fontWeight-medium)",
+		semibold: "var(--fontWeight-semibold)",
+		bold: "var(--fontWeight-bold)"
 	},
 	lineHeight: {
-		none: "lineHeight-none",
-		tight: "lineHeight-tight",
-		snug: "lineHeight-snug",
-		normal: "lineHeight-normal",
-		relaxed: "lineHeight-relaxed",
-		loose: "lineHeight-loose"
+		none: "var(--lineHeight-none)",
+		tight: "var(--lineHeight-tight)",
+		snug: "var(--lineHeight-snug)",
+		normal: "var(--lineHeight-normal)",
+		relaxed: "var(--lineHeight-relaxed)",
+		loose: "var(--lineHeight-loose)"
 	},
 	radius: {
-		small: "radius-small",
-		medium: "radius-medium",
-		large: "radius-large"
+		small: "var(--radius-small)",
+		medium: "var(--radius-medium)",
+		large: "var(--radius-large)"
 	}
-});
-createGlobalTheme(":root", theme, {
-	colors: {
-		primary: "oklch(0.27 0.00 0)",
-		secondary: "oklch(0.45 0.03 257)",
-		border: "oklch(0.92 0.00 0)",
-		error: "oklch(0.64 0.21 25)",
-		success: "oklch(0.63 0.17 149)",
-		warning: "oklch(0.80 0.16 86)",
-		info: "oklch(0.6 0.19 250)",
-		background: {
-			tooltip: "oklch(0.37 0.00 0)",
-			paper: "#FFFFFF",
-			element: "oklch(0.97 0.00 265)",
-			elementHover: "oklch(0.96 0 0)",
-			sidebar: "oklch(0.9851 0 0)"
-		},
-		foreground: {
-			primary: "oklch(0.98 0.003 264)",
-			secondary: "oklch(0.18 0.02 264)"
-		},
-		text: {
-			primary: "oklch(0.21 0.03 265)",
-			secondary: "oklch(0.37 0.03 260)",
-			disabled: "oklch(0.55 0.02 264)",
-			hint: "oklch(0.71 0.02 261)"
-		}
-	},
-	spacing: {
-		1: "0.25rem",
-		2: "0.5rem",
-		3: "0.75rem",
-		4: "1rem",
-		5: "1.25rem",
-		6: "1.5rem",
-		7: "1.75rem",
-		8: "2rem",
-		9: "2.25rem",
-		10: "2.5rem",
-		12: "3rem",
-		16: "4rem",
-		20: "5rem"
-	},
-	shadow: {
-		1: "0 1px 2px rgba(0, 0, 0, 0.05)",
-		2: "0 1px 2px 0px rgba(0, 0, 0, 0.05)",
-		3: "0 1px 3px 0px rgba(0, 0, 0, 0.1), 0 1px 2px 0px rgba(0, 0, 0, 0.06)",
-		4: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
-		5: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)"
-	},
-	elevation: {
-		1: "0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba #00000024 (0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)",
-		2: "0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);",
-		3: "0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12)",
-		4: "0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12)",
-		6: "0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);"
-	},
-	fontSize: {
-		xs: "0.75rem",
-		sm: "0.875rem",
-		base: "1rem",
-		lg: "1.125rem",
-		xl: "1.25rem",
-		"2xl": "1.5rem",
-		"3xl": "1.875rem",
-		"4xl": "2.25rem"
-	},
-	fontWeight: {
-		normal: "400",
-		medium: "500",
-		semibold: "600",
-		bold: "700"
-	},
-	lineHeight: {
-		none: "1",
-		tight: "1.25",
-		snug: "1.375",
-		normal: "1.5",
-		relaxed: "1.625",
-		loose: "2"
-	},
-	radius: {
-		small: "0.375rem",
-		medium: "0.5rem",
-		large: "1rem"
-	}
-});
-endFileScope();
+};
 //#endregion
 export { theme };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/svelte",
-  "version": "1.9.1",
+  "version": "1.10.1",
   "type": "module",
   "description": "Svelte component library.",
   "author": "Tsepelev Maksim",
@@ -19,7 +19,8 @@
     "./utils": {
       "types": "./dist/utils.d.ts",
       "default": "./dist/utils.js"
-    }
+    },
+    "./styles.css": "./dist/assets/styles.css"
   },
   "sideEffects": [
     "**/*.css"
@@ -39,30 +40,30 @@
     "@changesets/cli": "^2.30.0",
     "@chromatic-com/storybook": "^5.0.1",
     "@internationalized/date": "^3.12.0",
-    "@storybook/addon-a11y": "^10.2.16",
-    "@storybook/addon-docs": "^10.2.16",
+    "@storybook/addon-a11y": "^10.2.17",
+    "@storybook/addon-docs": "^10.2.17",
     "@storybook/addon-svelte-csf": "^5.0.11",
-    "@storybook/addon-vitest": "^10.2.16",
-    "@storybook/sveltekit": "^10.2.16",
+    "@storybook/addon-vitest": "^10.2.17",
+    "@storybook/sveltekit": "^10.2.17",
     "@sveltejs/vite-plugin-svelte": "^6.2.4",
     "@tsconfig/svelte": "^5.0.8",
-    "@types/node": "^25.3.5",
+    "@types/node": "^25.4.0",
     "@vanilla-extract/css": "^1.18.0",
     "@vanilla-extract/rollup-plugin": "^1.5.1",
     "@vanilla-extract/vite-plugin": "^5.1.4",
-    "@vitest/browser-playwright": "^4.0.18",
+    "@vitest/browser-playwright": "^4.1.0",
     "bumpp": "^10.4.1",
     "rollup-plugin-svelte": "^7.2.3",
-    "storybook": "^10.2.16",
-    "svelte": "^5.53.7",
+    "storybook": "^10.2.17",
+    "svelte": "^5.53.11",
     "svelte-check": "^4.4.5",
     "svelte-preprocess": "^6.0.3",
     "svelte2tsx": "^0.7.52",
-    "tsdown": "0.21.0",
+    "tsdown": "0.21.2",
     "typescript": "^5.9.3",
-    "vite": "^7.3.1",
+    "vite": "^8.0.0",
     "vite-tsconfig-paths": "^6.1.1",
-    "vitest": "^4.0.18",
+    "vitest": "^4.1.0",
     "vitest-browser-svelte": "^2.0.2"
   },
   "dependencies": {

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

@@ -1,30 +0,0 @@
-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/Accordion/Content/styles.css.ts
-setFileScope("src/components/Accordion/Content/styles.css.ts", "@max-ts/svelte");
-const accordionUp = keyframes({
-	"0%": { height: "var(--bits-accordion-content-height)" },
-	"100%": { height: 0 }
-}, "accordionUp");
-const accordionDown = keyframes({
-	from: { height: 0 },
-	to: { height: "var(--bits-accordion-content-height)" }
-}, "accordionDown");
-var styles_css_default = {
-	content: style({
-		overflow: "hidden",
-		paddingInline: theme.spacing[2],
-		selectors: {
-			"&[data-state=closed]": { animation: `${accordionUp} 0.2s ease-out` },
-			"&[data-state=open]": { animation: `${accordionDown} 0.2s ease-out` }
-		}
-	}, "content"),
-	inner: style({
-		paddingTop: 0,
-		paddingBottom: theme.spacing[4]
-	}, "inner")
-};
-endFileScope();
-//#endregion
-export { styles_css_default as default };

package/dist/components/Accordion/Trigger/styles.css.js

@@ -1,50 +0,0 @@
-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/Accordion/Trigger/styles.css.ts
-setFileScope("src/components/Accordion/Trigger/styles.css.ts", "@max-ts/svelte");
-const header = style({ display: "flex" }, "header");
-const trigger = style({
-	display: "flex",
-	flex: 1,
-	alignItems: "center",
-	justifyContent: "space-between",
-	gap: theme.spacing[4],
-	padding: spacing(2),
-	borderRadius: theme.radius.small,
-	textAlign: "start",
-	transitionProperty: "all",
-	transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
-	transitionDuration: "150ms",
-	outline: "2px solid transparent",
-	outlineOffset: "2px",
-	selectors: {
-		"&:focus-visible": {
-			boxShadow: `0 0 0 3px ${theme.colors.info}`,
-			borderColor: theme.colors.info
-		},
-		"&[disabled]": {
-			pointerEvents: "none",
-			opacity: .5
-		}
-	}
-}, "trigger");
-globalStyle(`${trigger}[data-state=open] > svg`, { transform: "rotate(180deg)" });
-var styles_css_default = {
-	header,
-	trigger,
-	icon: style({
-		color: theme.colors.text.secondary,
-		pointerEvents: "none",
-		width: theme.spacing[4],
-		height: theme.spacing[4],
-		flexShrink: 0,
-		transform: "translateY(0.125rem)",
-		transitionProperty: "transform",
-		transitionDuration: "200ms"
-	}, "icon")
-};
-endFileScope();
-//#endregion
-export { styles_css_default as default };

package/dist/components/Alert/Description/styles.css.js

@@ -1,18 +0,0 @@
-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/Alert/Description/styles.css.ts
-setFileScope("src/components/Alert/Description/styles.css.ts", "@max-ts/svelte");
-const description = style({
-	gridArea: "description",
-	display: "grid",
-	justifyItems: "start",
-	gap: theme.spacing[1],
-	fontSize: theme.fontSize.sm,
-	opacity: .8
-}, "description");
-globalStyle(`${description} p`, { lineHeight: theme.lineHeight.relaxed });
-var styles_css_default = { description };
-endFileScope();
-//#endregion
-export { styles_css_default as default };

package/dist/components/Alert/Title/styles.css.js

@@ -1,17 +0,0 @@
-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/Alert/Title/styles.css.ts
-setFileScope("src/components/Alert/Title/styles.css.ts", "@max-ts/svelte");
-var styles_css_default = { title: style({
-	gridArea: "title",
-	textOverflow: "ellipsis",
-	whiteSpace: "nowrap",
-	overflow: "hidden",
-	minHeight: "1rem",
-	fontWeight: theme.fontWeight.medium,
-	letterSpacing: "-0.02em"
-}, "title") };
-endFileScope();
-//#endregion
-export { styles_css_default as default };

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

@@ -1,57 +0,0 @@
-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";
-import { spacing } from "../../utils.js";
-//#region src/components/Alert/styles.css.ts
-setFileScope("src/components/Alert/styles.css.ts", "@max-ts/svelte");
-const alertBase = style({
-	position: "relative",
-	display: "grid",
-	gridTemplateColumns: "auto 1fr",
-	gridTemplateRows: "auto auto",
-	gridTemplateAreas: `
-	"icon title"
-	"description description"
-`,
-	alignItems: "center",
-	gap: spacing(1, 2),
-	borderRadius: theme.radius.large,
-	border: `1px solid ${theme.colors.border}`,
-	padding: spacing(3, 4),
-	fontSize: theme.fontSize.sm
-}, "alertBase");
-globalStyle(`${alertBase} > svg`, {
-	width: "1rem",
-	height: "1rem",
-	color: "currentColor"
-});
-const alertVariants = styleVariants({
-	default: [alertBase, {
-		backgroundColor: theme.colors.background.paper,
-		color: theme.colors.text.primary,
-		borderColor: theme.colors.border
-	}],
-	error: [alertBase, {
-		color: theme.colors.error,
-		backgroundColor: theme.colors.background.paper,
-		borderColor: theme.colors.error
-	}],
-	info: [alertBase, {
-		color: theme.colors.info,
-		backgroundColor: theme.colors.background.paper,
-		borderColor: theme.colors.info
-	}],
-	success: [alertBase, {
-		color: theme.colors.success,
-		backgroundColor: theme.colors.background.paper,
-		borderColor: theme.colors.success
-	}],
-	warning: [alertBase, {
-		color: theme.colors.warning,
-		backgroundColor: theme.colors.background.paper,
-		borderColor: theme.colors.warning
-	}]
-}, "alertVariants");
-endFileScope();
-//#endregion
-export { alertVariants };