@max-ts/svelte 1.8.5 → 1.9.1

package/dist/node_modules/.pnpm/modern-ahocorasick@1.1.0/node_modules/modern-ahocorasick/dist/index.js

@@ -0,0 +1,80 @@
+//#region node_modules/.pnpm/modern-ahocorasick@1.1.0/node_modules/modern-ahocorasick/dist/index.js
+var AhoCorasick = class {
+	constructor(keywords) {
+		const { failure, gotoFn, output } = this._buildTables(keywords);
+		this.gotoFn = gotoFn;
+		this.output = output;
+		this.failure = failure;
+	}
+	_buildTables(keywords) {
+		const gotoFn = { 0: {} };
+		const output = {};
+		let state = 0;
+		for (const word of keywords) {
+			let curr = 0;
+			for (const l of word) if (gotoFn[curr] && l in gotoFn[curr]) curr = gotoFn[curr][l];
+			else {
+				state++;
+				gotoFn[curr][l] = state;
+				gotoFn[state] = {};
+				curr = state;
+				output[state] = [];
+			}
+			output[curr].push(word);
+		}
+		const failure = {};
+		const xs = [];
+		for (const l in gotoFn[0]) {
+			const state2 = gotoFn[0][l];
+			failure[state2] = 0;
+			xs.push(state2);
+		}
+		while (xs.length > 0) {
+			const r = xs.shift();
+			if (r !== void 0) for (const l in gotoFn[r]) {
+				const s = gotoFn[r][l];
+				xs.push(s);
+				let state2 = failure[r];
+				while (state2 > 0 && !(l in gotoFn[state2])) state2 = failure[state2];
+				if (l in gotoFn[state2]) {
+					const fs = gotoFn[state2][l];
+					failure[s] = fs;
+					output[s] = [...output[s], ...output[fs]];
+				} else failure[s] = 0;
+			}
+		}
+		return {
+			gotoFn,
+			output,
+			failure
+		};
+	}
+	search(str) {
+		let state = 0;
+		const results = [];
+		for (let i = 0; i < str.length; i++) {
+			const l = str[i];
+			while (state > 0 && !(l in this.gotoFn[state])) state = this.failure[state];
+			if (!(l in this.gotoFn[state])) continue;
+			state = this.gotoFn[state][l];
+			if (this.output[state].length > 0) {
+				const foundStrs = this.output[state];
+				results.push([i, foundStrs]);
+			}
+		}
+		return results;
+	}
+	match(str) {
+		let state = 0;
+		for (let i = 0; i < str.length; i++) {
+			const l = str[i];
+			while (state > 0 && !(l in this.gotoFn[state])) state = this.failure[state];
+			if (!(l in this.gotoFn[state])) continue;
+			state = this.gotoFn[state][l];
+			if (this.output[state].length > 0) return true;
+		}
+		return false;
+	}
+};
+//#endregion
+export { AhoCorasick };

package/dist/node_modules/.pnpm/picocolors@1.1.1/node_modules/picocolors/picocolors.browser.js

@@ -0,0 +1,56 @@
+import { __commonJSMin } from "../../../../../_virtual/_rolldown/runtime.js";
+//#region node_modules/.pnpm/picocolors@1.1.1/node_modules/picocolors/picocolors.browser.js
+var require_picocolors_browser = /* @__PURE__ */ __commonJSMin(((exports, module) => {
+	var x = String;
+	var create = function() {
+		return {
+			isColorSupported: false,
+			reset: x,
+			bold: x,
+			dim: x,
+			italic: x,
+			underline: x,
+			inverse: x,
+			hidden: x,
+			strikethrough: x,
+			black: x,
+			red: x,
+			green: x,
+			yellow: x,
+			blue: x,
+			magenta: x,
+			cyan: x,
+			white: x,
+			gray: x,
+			bgBlack: x,
+			bgRed: x,
+			bgGreen: x,
+			bgYellow: x,
+			bgBlue: x,
+			bgMagenta: x,
+			bgCyan: x,
+			bgWhite: x,
+			blackBright: x,
+			redBright: x,
+			greenBright: x,
+			yellowBright: x,
+			blueBright: x,
+			magentaBright: x,
+			cyanBright: x,
+			whiteBright: x,
+			bgBlackBright: x,
+			bgRedBright: x,
+			bgGreenBright: x,
+			bgYellowBright: x,
+			bgBlueBright: x,
+			bgMagentaBright: x,
+			bgCyanBright: x,
+			bgWhiteBright: x
+		};
+	};
+	module.exports = create();
+	module.exports.createColors = create;
+}));
+//#endregion
+export default require_picocolors_browser();
+export { require_picocolors_browser };

package/dist/stories/SliderInput.stories.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SliderInput } from '../components';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const SliderInput: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type SliderInput = InstanceType<typeof SliderInput>;
+export default SliderInput;

package/dist/theme.js

@@ -1,92 +1,179 @@
-import "./assets/src/theme.css.ts.vanilla-DlH7Hr_5.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 { 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
-var theme = {
+setFileScope("src/theme.css.ts", "@max-ts/svelte");
+const theme = createGlobalThemeContract({
 	colors: {
-		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)",
+		primary: "colors-primary",
+		secondary: "colors-secondary",
+		warning: "colors-warning",
+		error: "colors-error",
+		success: "colors-success",
+		border: "colors-border",
+		info: "colors-info",
 		background: {
-			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)"
+			tooltip: "colors-background-tooltip",
+			paper: "colors-background-paper",
+			element: "colors-background-element",
+			elementHover: "colors-background-elementHover",
+			sidebar: "colors-background-sidebar"
 		},
 		foreground: {
-			primary: "var(--colors-foreground-primary)",
-			secondary: "var(--colors-foreground-secondary)"
+			primary: "colors-foreground-primary",
+			secondary: "colors-foreground-secondary"
 		},
 		text: {
-			primary: "var(--colors-text-primary)",
-			secondary: "var(--colors-text-secondary)",
-			disabled: "var(--colors-text-disabled)",
-			hint: "var(--colors-text-hint)"
+			primary: "colors-text-primary",
+			secondary: "colors-text-secondary",
+			disabled: "colors-text-disabled",
+			hint: "colors-text-hint"
 		}
 	},
 	spacing: {
-		"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)"
+		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"
 	},
 	shadow: {
-		"1": "var(--shadow-1)",
-		"2": "var(--shadow-2)",
-		"3": "var(--shadow-3)",
-		"4": "var(--shadow-4)",
-		"5": "var(--shadow-5)"
+		1: "shadow-1",
+		2: "shadow-2",
+		3: "shadow-3",
+		4: "shadow-4",
+		5: "shadow-5"
 	},
 	elevation: {
-		"1": "var(--elevation-1)",
-		"2": "var(--elevation-2)",
-		"3": "var(--elevation-3)",
-		"4": "var(--elevation-4)",
-		"6": "var(--elevation-5)"
+		1: "elevation-1",
+		2: "elevation-2",
+		3: "elevation-3",
+		4: "elevation-4",
+		6: "elevation-5"
 	},
 	fontSize: {
-		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)"
+		xs: "fontSize-xs",
+		sm: "fontSize-sm",
+		base: "fontSize-base",
+		lg: "fontSize-lg",
+		xl: "fontSize-xl",
+		"2xl": "fontSize-2xl",
+		"3xl": "fontSize-3xl",
+		"4xl": "fontSize-4xl"
 	},
 	fontWeight: {
-		normal: "var(--fontWeight-normal)",
-		medium: "var(--fontWeight-medium)",
-		semibold: "var(--fontWeight-semibold)",
-		bold: "var(--fontWeight-bold)"
+		normal: "fontWeight-normal",
+		medium: "fontWeight-medium",
+		semibold: "fontWeight-semibold",
+		bold: "fontWeight-bold"
 	},
 	lineHeight: {
-		none: "var(--lineHeight-none)",
-		tight: "var(--lineHeight-tight)",
-		snug: "var(--lineHeight-snug)",
-		normal: "var(--lineHeight-normal)",
-		relaxed: "var(--lineHeight-relaxed)",
-		loose: "var(--lineHeight-loose)"
+		none: "lineHeight-none",
+		tight: "lineHeight-tight",
+		snug: "lineHeight-snug",
+		normal: "lineHeight-normal",
+		relaxed: "lineHeight-relaxed",
+		loose: "lineHeight-loose"
 	},
 	radius: {
-		small: "var(--radius-small)",
-		medium: "var(--radius-medium)",
-		large: "var(--radius-large)"
+		small: "radius-small",
+		medium: "radius-medium",
+		large: "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 };
+export { theme };

package/dist/utils.js

@@ -1,5 +1,4 @@
 import { theme } from "./theme.js";
-
 //#region src/utils.ts
 const negativeSpacing = (...keys) => keys.map((key) => `calc(-1 * ${theme.spacing[key]})`).join(" ");
 const spacing = (...keys) => {
@@ -17,6 +16,5 @@ const createGetters = (obj) => {
 	});
 	return getters;
 };
-
 //#endregion
-export { calculateSize, createGetters, negativeSpacing, spacing };
+export { calculateSize, createGetters, negativeSpacing, spacing };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/svelte",
-  "version": "1.8.5",
+  "version": "1.9.1",
   "type": "module",
   "description": "Svelte component library.",
   "author": "Tsepelev Maksim",
@@ -35,30 +35,30 @@
     "svelte": "^5.53.5"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.4.4",
-    "@changesets/cli": "^2.29.8",
+    "@biomejs/biome": "^2.4.6",
+    "@changesets/cli": "^2.30.0",
     "@chromatic-com/storybook": "^5.0.1",
-    "@internationalized/date": "^3.11.0",
-    "@storybook/addon-a11y": "^10.2.13",
-    "@storybook/addon-docs": "^10.2.13",
+    "@internationalized/date": "^3.12.0",
+    "@storybook/addon-a11y": "^10.2.16",
+    "@storybook/addon-docs": "^10.2.16",
     "@storybook/addon-svelte-csf": "^5.0.11",
-    "@storybook/addon-vitest": "^10.2.13",
-    "@storybook/sveltekit": "^10.2.13",
+    "@storybook/addon-vitest": "^10.2.16",
+    "@storybook/sveltekit": "^10.2.16",
     "@sveltejs/vite-plugin-svelte": "^6.2.4",
     "@tsconfig/svelte": "^5.0.8",
-    "@types/node": "^25.3.1",
+    "@types/node": "^25.3.5",
     "@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",
     "bumpp": "^10.4.1",
     "rollup-plugin-svelte": "^7.2.3",
-    "storybook": "^10.2.13",
-    "svelte": "^5.53.5",
-    "svelte-check": "^4.4.3",
+    "storybook": "^10.2.16",
+    "svelte": "^5.53.7",
+    "svelte-check": "^4.4.5",
     "svelte-preprocess": "^6.0.3",
-    "svelte2tsx": "^0.7.51",
-    "tsdown": "0.20.3",
+    "svelte2tsx": "^0.7.52",
+    "tsdown": "0.21.0",
     "typescript": "^5.9.3",
     "vite": "^7.3.1",
     "vite-tsconfig-paths": "^6.1.1",
@@ -66,8 +66,8 @@
     "vitest-browser-svelte": "^2.0.2"
   },
   "dependencies": {
-    "@lucide/svelte": "^0.575.0",
-    "bits-ui": "^2.16.2"
+    "@lucide/svelte": "^0.577.0",
+    "bits-ui": "^2.16.3"
   },
   "scripts": {
     "build": "tsdown",

package/dist/assets/src/components/Accordion/Content/styles.css.ts.vanilla-CRgv-0Oa.css

@@ -1,30 +0,0 @@
-@keyframes styles_accordionUp__14zrieq0 {
-  0% {
-    height: var(--bits-accordion-content-height);
-  }
-  100% {
-    height: 0;
-  }
-}
-@keyframes styles_accordionDown__14zrieq1 {
-  from {
-    height: 0;
-  }
-  to {
-    height: var(--bits-accordion-content-height);
-  }
-}
-.styles_content__14zrieq2 {
-  overflow: hidden;
-  padding-inline: var(--spacing-2);
-}
-.styles_content__14zrieq2[data-state=closed] {
-  animation: styles_accordionUp__14zrieq0 0.2s ease-out;
-}
-.styles_content__14zrieq2[data-state=open] {
-  animation: styles_accordionDown__14zrieq1 0.2s ease-out;
-}
-.styles_inner__14zrieq3 {
-  padding-top: 0;
-  padding-bottom: var(--spacing-4);
-}

package/dist/assets/src/components/Accordion/Trigger/styles.css.ts.vanilla-Cy15wtKZ.css

@@ -1,39 +0,0 @@
-.styles_header__11d5qg50 {
-  display: flex;
-}
-.styles_trigger__11d5qg51 {
-  display: flex;
-  flex: 1;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--spacing-4);
-  padding: var(--spacing-2);
-  border-radius: var(--radius-small);
-  text-align: start;
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
-.styles_trigger__11d5qg51:focus-visible {
-  box-shadow: 0 0 0 3px var(--colors-info);
-  border-color: var(--colors-info);
-}
-.styles_trigger__11d5qg51[disabled] {
-  pointer-events: none;
-  opacity: 0.5;
-}
-.styles_trigger__11d5qg51[data-state=open] > svg {
-  transform: rotate(180deg);
-}
-.styles_icon__11d5qg52 {
-  color: var(--colors-text-secondary);
-  pointer-events: none;
-  width: var(--spacing-4);
-  height: var(--spacing-4);
-  flex-shrink: 0;
-  transform: translateY(0.125rem);
-  transition-property: transform;
-  transition-duration: 200ms;
-}

package/dist/assets/src/components/Alert/Description/styles.css.ts.vanilla-aIFKt78Y.css

@@ -1,11 +0,0 @@
-.styles_description__1j59szw0 {
-  grid-area: description;
-  display: grid;
-  justify-items: start;
-  gap: var(--spacing-1);
-  font-size: var(--fontSize-sm);
-  opacity: 0.8;
-}
-.styles_description__1j59szw0 p {
-  line-height: var(--lineHeight-relaxed);
-}

package/dist/assets/src/components/Alert/Title/styles.css.ts.vanilla-BaybB7G2.css

@@ -1,9 +0,0 @@
-.styles_title__1wq1fea0 {
-  grid-area: title;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-  min-height: 1rem;
-  font-weight: var(--fontWeight-medium);
-  letter-spacing: -0.02em;
-}

package/dist/assets/src/components/Alert/styles.css.ts.vanilla-iD1pgdZ8.css

@@ -1,46 +0,0 @@
-.styles_alertBase__vk70iv0 {
-  position: relative;
-  display: grid;
-  grid-template-columns: auto 1fr;
-  grid-template-rows: auto auto;
-  grid-template-areas: 
-	"icon title"
-	"description description"
-;
-  align-items: center;
-  gap: var(--spacing-1) var(--spacing-2);
-  border-radius: var(--radius-large);
-  border: 1px solid var(--colors-border);
-  padding: var(--spacing-3) var(--spacing-4);
-  font-size: var(--fontSize-sm);
-}
-.styles_alertBase__vk70iv0 > svg {
-  width: 1rem;
-  height: 1rem;
-  color: currentColor;
-}
-.styles_alertVariants_default__vk70iv1 {
-  background-color: var(--colors-background-paper);
-  color: var(--colors-text-primary);
-  border-color: var(--colors-border);
-}
-.styles_alertVariants_error__vk70iv2 {
-  color: var(--colors-error);
-  background-color: var(--colors-background-paper);
-  border-color: var(--colors-error);
-}
-.styles_alertVariants_info__vk70iv3 {
-  color: var(--colors-info);
-  background-color: var(--colors-background-paper);
-  border-color: var(--colors-info);
-}
-.styles_alertVariants_success__vk70iv4 {
-  color: var(--colors-success);
-  background-color: var(--colors-background-paper);
-  border-color: var(--colors-success);
-}
-.styles_alertVariants_warning__vk70iv5 {
-  color: var(--colors-warning);
-  background-color: var(--colors-background-paper);
-  border-color: var(--colors-warning);
-}

package/dist/assets/src/components/Badge/styles.css.ts.vanilla-Bjel8_Kw.css

@@ -1,55 +0,0 @@
-.styles_badge__l5k2ok0 {
-  display: inline-flex;
-  width: fit-content;
-  flex-shrink: 0;
-  align-items: center;
-  justify-content: center;
-  gap: var(--spacing-1);
-  overflow: hidden;
-  border-radius: 9999px;
-  border: 1px solid transparent;
-  padding: 2px var(--spacing-2);
-  font-size: var(--fontSize-xs);
-  font-weight: var(--fontWeight-medium);
-  white-space: nowrap;
-  transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-  text-decoration: none;
-  outline: none;
-}
-.styles_badge__l5k2ok0:focus-visible {
-  box-shadow: 0 0 0 2px var(--colors-background-paper), 0 0 0 4px var(--colors-primary);
-}
-.styles_badge__l5k2ok0 > svg {
-  pointer-events: none;
-  width: var(--spacing-3);
-  height: var(--spacing-3);
-}
-.styles_badgeVariants_default__l5k2ok1 {
-  background-color: var(--colors-primary);
-  color: var(--colors-foreground-primary);
-}
-.styles_badgeVariants_default__l5k2ok1[href]:hover {
-  background-color: color-mix(in oklch, var(--colors-primary) 90%, transparent);
-}
-.styles_badgeVariants_secondary__l5k2ok2 {
-  background-color: var(--colors-secondary);
-  color: var(--colors-foreground-secondary);
-}
-.styles_badgeVariants_secondary__l5k2ok2[href]:hover {
-  background-color: color-mix(in oklch, var(--colors-secondary) 90%, transparent);
-}
-.styles_badgeVariants_destructive__l5k2ok3 {
-  background-color: var(--colors-error);
-  color: var(--colors-foreground-primary);
-}
-.styles_badgeVariants_destructive__l5k2ok3[href]:hover {
-  background-color: color-mix(in oklch, var(--colors-error) 90%, transparent);
-}
-.styles_badgeVariants_outline__l5k2ok4 {
-  background-color: transparent;
-  color: var(--colors-text-primary);
-  border: 1px solid var(--colors-border);
-}
-.styles_badgeVariants_outline__l5k2ok4[href]:hover {
-  background-color: var(--colors-background-elementHover);
-}