@max-ts/svelte 1.10.5 → 1.10.7

package/dist/assets/styles.css

@@ -3348,7 +3348,7 @@ img, picture, video, canvas {
   flex: 1;
   outline: none;
 }
-@keyframes styles_fadeIn__ly8gs70 {
+@keyframes styles_fadeIn__1ovcrev0 {
   0% {
     opacity: 0;
   }
@@ -3356,7 +3356,7 @@ img, picture, video, canvas {
     opacity: 1;
   }
 }
-@keyframes styles_fadeOut__ly8gs71 {
+@keyframes styles_fadeOut__1ovcrev1 {
   0% {
     opacity: 1;
   }
@@ -3364,7 +3364,7 @@ img, picture, video, canvas {
     opacity: 0;
   }
 }
-@keyframes styles_zoomIn__ly8gs72 {
+@keyframes styles_zoomIn__1ovcrev2 {
   0% {
     transform: scale(0.95);
     opacity: 0;
@@ -3374,7 +3374,7 @@ img, picture, video, canvas {
     opacity: 1;
   }
 }
-@keyframes styles_zoomOut__ly8gs73 {
+@keyframes styles_zoomOut__1ovcrev3 {
   0% {
     transform: scale(1);
     opacity: 1;
@@ -3384,7 +3384,7 @@ img, picture, video, canvas {
     opacity: 0;
   }
 }
-@keyframes styles_slideInFromTop__ly8gs74 {
+@keyframes styles_slideInFromTop__1ovcrev4 {
   0% {
     transform: translateY(8px);
     opacity: 0;
@@ -3394,7 +3394,7 @@ img, picture, video, canvas {
     opacity: 1;
   }
 }
-@keyframes styles_slideInFromBottom__ly8gs75 {
+@keyframes styles_slideInFromBottom__1ovcrev5 {
   0% {
     transform: translateY(-8px);
     opacity: 0;
@@ -3404,7 +3404,7 @@ img, picture, video, canvas {
     opacity: 1;
   }
 }
-@keyframes styles_slideInFromEnd__ly8gs76 {
+@keyframes styles_slideInFromEnd__1ovcrev6 {
   0% {
     transform: translateX(-8px);
     opacity: 0;
@@ -3414,7 +3414,7 @@ img, picture, video, canvas {
     opacity: 1;
   }
 }
-@keyframes styles_slideInFromStart__ly8gs77 {
+@keyframes styles_slideInFromStart__1ovcrev7 {
   0% {
     transform: translateX(8px);
     opacity: 0;
@@ -3424,7 +3424,7 @@ img, picture, video, canvas {
     opacity: 1;
   }
 }
-.styles_content__ly8gs78 {
+.styles_content__1ovcrev8 {
   z-index: 50;
   background-color: var(--colors-background-tooltip);
   color: var(--colors-background-paper);
@@ -3434,54 +3434,63 @@ img, picture, video, canvas {
   font-weight: var(--fontWeight-semibold);
   text-align: center;
   width: fit-content;
-  transform-origin: var(--bits-tooltip-content-transform-origin);
-  animation: styles_fadeIn__ly8gs70 150ms ease-out, styles_zoomIn__ly8gs72 150ms ease-out;
+  animation: styles_fadeIn__1ovcrev0 150ms ease-out, styles_zoomIn__1ovcrev2 150ms ease-out;
   text-wrap: balance;
   line-height: var(--lineHeight-none);
 }
-.styles_content__ly8gs78[data-state="closed"] {
-  animation: styles_fadeOut__ly8gs71 150ms ease-out, styles_zoomOut__ly8gs73 150ms ease-out;
+.styles_content__1ovcrev8[data-state="closed"] {
+  animation: styles_fadeOut__1ovcrev1 150ms ease-out, styles_zoomOut__1ovcrev3 150ms ease-out;
 }
-.styles_content__ly8gs78[data-side="bottom"] {
-  animation: styles_fadeIn__ly8gs70 150ms ease-out, styles_slideInFromTop__ly8gs74 150ms ease-out;
+.styles_content__1ovcrev8[data-side="bottom"] {
+  animation: styles_fadeIn__1ovcrev0 150ms ease-out, styles_slideInFromTop__1ovcrev4 150ms ease-out;
 }
-.styles_content__ly8gs78[data-side="left"] {
-  animation: styles_fadeIn__ly8gs70 150ms ease-out, styles_slideInFromEnd__ly8gs76 150ms ease-out;
+.styles_content__1ovcrev8[data-side="left"] {
+  animation: styles_fadeIn__1ovcrev0 150ms ease-out, styles_slideInFromEnd__1ovcrev6 150ms ease-out;
 }
-.styles_content__ly8gs78[data-side="right"] {
-  animation: styles_fadeIn__ly8gs70 150ms ease-out, styles_slideInFromStart__ly8gs77 150ms ease-out;
+.styles_content__1ovcrev8[data-side="right"] {
+  animation: styles_fadeIn__1ovcrev0 150ms ease-out, styles_slideInFromStart__1ovcrev7 150ms ease-out;
 }
-.styles_content__ly8gs78[data-side="top"] {
-  animation: styles_fadeIn__ly8gs70 150ms ease-out, styles_slideInFromBottom__ly8gs75 150ms ease-out;
+.styles_content__1ovcrev8[data-side="top"] {
+  animation: styles_fadeIn__1ovcrev0 150ms ease-out, styles_slideInFromBottom__1ovcrev5 150ms ease-out;
 }
-.styles_content__ly8gs78[data-side="bottom"][data-state="closed"] {
-  animation: styles_fadeOut__ly8gs71 150ms ease-out, styles_zoomOut__ly8gs73 150ms ease-out, styles_slideInFromTop__ly8gs74 150ms ease-out reverse;
+.styles_content__1ovcrev8[data-side="bottom"][data-state="closed"] {
+  animation: styles_fadeOut__1ovcrev1 150ms ease-out, styles_zoomOut__1ovcrev3 150ms ease-out, styles_slideInFromTop__1ovcrev4 150ms ease-out reverse;
 }
-.styles_content__ly8gs78[data-side="left"][data-state="closed"] {
-  animation: styles_fadeOut__ly8gs71 150ms ease-out, styles_zoomOut__ly8gs73 150ms ease-out, styles_slideInFromEnd__ly8gs76 150ms ease-out reverse;
+.styles_content__1ovcrev8[data-side="left"][data-state="closed"] {
+  animation: styles_fadeOut__1ovcrev1 150ms ease-out, styles_zoomOut__1ovcrev3 150ms ease-out, styles_slideInFromEnd__1ovcrev6 150ms ease-out reverse;
 }
-.styles_content__ly8gs78[data-side="right"][data-state="closed"] {
-  animation: styles_fadeOut__ly8gs71 150ms ease-out, styles_zoomOut__ly8gs73 150ms ease-out, styles_slideInFromStart__ly8gs77 150ms ease-out reverse;
+.styles_content__1ovcrev8[data-side="right"][data-state="closed"] {
+  animation: styles_fadeOut__1ovcrev1 150ms ease-out, styles_zoomOut__1ovcrev3 150ms ease-out, styles_slideInFromStart__1ovcrev7 150ms ease-out reverse;
 }
-.styles_content__ly8gs78[data-side="top"][data-state="closed"] {
-  animation: styles_fadeOut__ly8gs71 150ms ease-out, styles_zoomOut__ly8gs73 150ms ease-out, styles_slideInFromBottom__ly8gs75 150ms ease-out reverse;
+.styles_content__1ovcrev8[data-side="top"][data-state="closed"] {
+  animation: styles_fadeOut__1ovcrev1 150ms ease-out, styles_zoomOut__1ovcrev3 150ms ease-out, styles_slideInFromBottom__1ovcrev5 150ms ease-out reverse;
 }
-.styles_arrow__ly8gs79 {
+.styles_arrow__1ovcrev9 {
   fill: var(--colors-background-tooltip);
   width: 14px;
-  height: 14px;
+  height: 8px;
+  position: absolute;
+  pointer-events: none;
 }
-.styles_arrow__ly8gs79[data-side="top"] {
-  translate: 0 -5px;
+.styles_arrow__1ovcrev9[data-side="top"] {
+  bottom: 1px;
+  left: 50%;
+  transform: translateX(-50%) translateY(100%);
 }
-.styles_arrow__ly8gs79[data-side="bottom"] {
-  translate: 0 5px;
+.styles_arrow__1ovcrev9[data-side="bottom"] {
+  top: 1px;
+  left: 50%;
+  transform: translateX(-50%) translateY(-100%) rotate(180deg);
 }
-.styles_arrow__ly8gs79[data-side="right"] {
-  translate: 5px 0;
+.styles_arrow__1ovcrev9[data-side="left"] {
+  right: 4px;
+  top: 50%;
+  transform: translateY(-50%) translateX(100%) rotate(-90deg);
 }
-.styles_arrow__ly8gs79[data-side="left"] {
-  translate: -5px 0;
+.styles_arrow__1ovcrev9[data-side="right"] {
+  left: 4px;
+  top: 50%;
+  transform: translateY(-50%) translateX(-100%) rotate(90deg);
 }
 .styles_variants_h1__13e75lj0 {
   font-size: var(--fontSize-4xl);

package/dist/{src/components → components}/DataGrid/Cell/Cell.js

@@ -1,4 +1,4 @@
-import { calculateSize } from "../../../../utils.js";
+import { calculateSize } from "../../../utils.js";
 import __default__ from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";

package/dist/{src/components → components}/DropdownMenu/index.js

@@ -1,4 +1,4 @@
-import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
 import CheckboxGroup from "./CheckboxGroup/CheckboxGroup.js";
 import CheckboxItem from "./CheckboxItem/CheckboxItem.js";
 import Portal from "./Portal/Portal.js";

package/dist/components/Portal/Portal.js

@@ -0,0 +1,40 @@
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/Portal/Portal.svelte
+var root_2 = $.from_html(`<div data-portal="" style="display: contents;"><!></div>`);
+function Portal($$anchor, $$props) {
+	$.push($$props, true);
+	let disabled = $.prop($$props, "disabled", 3, false);
+	let portalEl = $.state(void 0);
+	$.user_effect(() => {
+		if (!$.get(portalEl) || disabled()) return;
+		($$props.target ?? document.body).appendChild($.get(portalEl));
+		return () => {
+			$.get(portalEl)?.remove();
+		};
+	});
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	var consequent = ($$anchor) => {
+		var fragment_1 = $.comment();
+		var node_1 = $.first_child(fragment_1);
+		$.snippet(node_1, () => $$props.children ?? $.noop);
+		$.append($$anchor, fragment_1);
+	};
+	var alternate = ($$anchor) => {
+		var div = root_2();
+		var node_2 = $.child(div);
+		$.snippet(node_2, () => $$props.children ?? $.noop);
+		$.reset(div);
+		$.bind_this(div, ($$value) => $.set(portalEl, $$value), () => $.get(portalEl));
+		$.append($$anchor, div);
+	};
+	$.if(node, ($$render) => {
+		if (disabled()) $$render(consequent);
+		else $$render(alternate, -1);
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+export { Portal as default };

package/dist/components/Portal/Portal.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+type $$ComponentProps = {
+    children?: Snippet;
+    target?: HTMLElement;
+    disabled?: boolean;
+};
+declare const Portal: import("svelte").Component<$$ComponentProps, {}, "">;
+type Portal = ReturnType<typeof Portal>;
+export default Portal;

package/dist/components/Portal/index.d.ts

@@ -0,0 +1 @@
+export { default as Portal } from './Portal.svelte';

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

@@ -1,5 +1,5 @@
 import Typography from "../Typography/Typography.js";
-import { calculateSize } from "../../../utils.js";
+import { calculateSize } from "../../utils.js";
 import { active, container, input, sizes, slider, text, track } from "./styles.css.js";
 import { formatNumber, parseFormattedNumber } from "./utils.js";
 import Slider from "../Slider/Slider.js";

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

@@ -1,5 +1,5 @@
 import Typography from "../Typography/Typography.js";
-import { calculateSize } from "../../../utils.js";
+import { calculateSize } from "../../utils.js";
 import Slider from "../Slider/Slider.js";
 import __default__ from "./styles.css.js";
 import { formatNumber, parseFormattedNumber } from "./utils.js";

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,196 @@
+import Portal from "../Portal/Portal.js";
+import __default__ from "./styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { tick, untrack } from "svelte";
+//#region src/components/Tooltip/Tooltip.svelte
+let activeDismiss = null;
+var root_5 = $.from_svg(`<svg viewBox="0 0 7.68 4.35" xmlns="http://www.w3.org/2000/svg"><path d="m 0.52372243,0.10910656 c -0.1676883,0 -0.3188698,0.10099765 -0.38304509,0.25594925 -0.0641698,0.1548964 -0.0287017,0.3332318 0.0898753,0.4518088 L 3.5473966,4.1337031 c 0.077725,0.07778 0.1832001,0.1214516 0.2931533,0.1214516 0.1099531,0 0.2154286,-0.043672 0.2932085,-0.1214516 L 7.4505968,0.81686461 c 0.118577,-0.118577 0.1540119,-0.2969124 0.089831,-0.4518088 C 7.476247,0.21010421 7.3251098,0.10910656 7.1573882,0.10910656 Z" fill="inherit"></path></svg>`);
+var root_2 = $.from_html(`<div role="tooltip" data-slot="tooltip-content"><!> <!></div>`);
+var root = $.from_html(`<span style="display: contents;" data-slot="tooltip-trigger"><!></span> <!>`, 1);
+function Tooltip($$anchor, $$props) {
+	$.push($$props, true);
+	const ANIMATION_DURATION = 150;
+	let open = $.prop($$props, "open", 15, false), alignOffset = $.prop($$props, "alignOffset", 3, 0), sideOffset = $.prop($$props, "sideOffset", 3, 10), side = $.prop($$props, "side", 3, "top"), align = $.prop($$props, "align", 3, "center"), arrow = $.prop($$props, "arrow", 3, false), delayDuration = $.prop($$props, "delayDuration", 3, 200);
+	let triggerEl;
+	let contentEl = $.state(void 0);
+	let visible = $.state(false);
+	let delayTimer;
+	let closeTimer;
+	let position = $.state({
+		top: 0,
+		left: 0
+	});
+	const tooltipId = `tooltip-${Math.random().toString(36).slice(2, 11)}`;
+	function updatePosition() {
+		if (!triggerEl || !$.get(contentEl)) return;
+		const triggerRect = triggerEl.getBoundingClientRect();
+		const contentRect = $.get(contentEl).getBoundingClientRect();
+		let top = 0;
+		let left = 0;
+		switch (side()) {
+			case "top":
+				top = triggerRect.top - contentRect.height - sideOffset();
+				left = triggerRect.left + (triggerRect.width - contentRect.width) / 2;
+				break;
+			case "bottom":
+				top = triggerRect.bottom + sideOffset();
+				left = triggerRect.left + (triggerRect.width - contentRect.width) / 2;
+				break;
+			case "left":
+				top = triggerRect.top + (triggerRect.height - contentRect.height) / 2;
+				left = triggerRect.left - contentRect.width - sideOffset();
+				break;
+			case "right":
+				top = triggerRect.top + (triggerRect.height - contentRect.height) / 2;
+				left = triggerRect.right + sideOffset();
+				break;
+		}
+		if (side() === "top" || side() === "bottom") if (align() === "start") left = triggerRect.left + alignOffset();
+		else if (align() === "end") left = triggerRect.right - contentRect.width - alignOffset();
+		else left += alignOffset();
+		else if (align() === "start") top = triggerRect.top + alignOffset();
+		else if (align() === "end") top = triggerRect.bottom - contentRect.height - alignOffset();
+		else top += alignOffset();
+		$.set(position, {
+			top,
+			left
+		});
+	}
+	function dismiss() {
+		clearTimeout(delayTimer);
+		clearTimeout(closeTimer);
+		if (activeDismiss === dismiss) activeDismiss = null;
+		open(false);
+		$.set(visible, false);
+	}
+	function show() {
+		if (activeDismiss && activeDismiss !== dismiss) activeDismiss();
+		clearTimeout(closeTimer);
+		clearTimeout(delayTimer);
+		activeDismiss = dismiss;
+		delayTimer = setTimeout(() => {
+			open(true);
+		}, delayDuration());
+	}
+	function hide() {
+		clearTimeout(delayTimer);
+		if (activeDismiss === dismiss) activeDismiss = null;
+		open(false);
+	}
+	function handleKeydown(event) {
+		if (event.key === "Escape" && open()) hide();
+	}
+	$.user_effect(() => {
+		if (open()) {
+			clearTimeout(closeTimer);
+			$.set(visible, true);
+			tick().then(updatePosition);
+		} else if (untrack(() => $.get(visible))) closeTimer = setTimeout(() => {
+			$.set(visible, false);
+		}, ANIMATION_DURATION);
+	});
+	$.user_effect(() => {
+		if (!open()) return;
+		window.addEventListener("scroll", updatePosition, true);
+		window.addEventListener("resize", updatePosition);
+		return () => {
+			window.removeEventListener("scroll", updatePosition, true);
+			window.removeEventListener("resize", updatePosition);
+		};
+	});
+	$.user_effect(() => {
+		return () => dismiss();
+	});
+	function attachTrigger(node) {
+		const el = node.firstElementChild;
+		if (!el) return;
+		triggerEl = el;
+		el.addEventListener("mouseenter", show);
+		el.addEventListener("mouseleave", hide);
+		el.addEventListener("focusin", show);
+		el.addEventListener("focusout", hide);
+		el.setAttribute("aria-describedby", tooltipId);
+		return () => {
+			el.removeEventListener("mouseenter", show);
+			el.removeEventListener("mouseleave", hide);
+			el.removeEventListener("focusin", show);
+			el.removeEventListener("focusout", hide);
+			el.removeAttribute("aria-describedby");
+			triggerEl = void 0;
+		};
+	}
+	var fragment = root();
+	$.event("keydown", $.window, handleKeydown);
+	var span = $.first_child(fragment);
+	var node_1 = $.child(span);
+	$.snippet(node_1, () => $$props.children ?? $.noop);
+	$.reset(span);
+	$.attach(span, () => attachTrigger);
+	var node_2 = $.sibling(span, 2);
+	var consequent_2 = ($$anchor) => {
+		Portal($$anchor, {
+			children: ($$anchor, $$slotProps) => {
+				var div = root_2();
+				let styles_1;
+				var node_3 = $.child(div);
+				var consequent = ($$anchor) => {
+					var text = $.text();
+					$.template_effect(() => $.set_text(text, $$props.content));
+					$.append($$anchor, text);
+				};
+				var alternate = ($$anchor) => {
+					var fragment_3 = $.comment();
+					var node_4 = $.first_child(fragment_3);
+					$.snippet(node_4, () => $$props.content ?? $.noop);
+					$.append($$anchor, fragment_3);
+				};
+				$.if(node_3, ($$render) => {
+					if (typeof $$props.content === "string") $$render(consequent);
+					else $$render(alternate, -1);
+				});
+				var node_5 = $.sibling(node_3, 2);
+				var consequent_1 = ($$anchor) => {
+					var svg = root_5();
+					$.template_effect(() => {
+						$.set_class(svg, 0, $.clsx([__default__.arrow, $$props.arrowClass]));
+						$.set_attribute(svg, "data-side", side());
+					});
+					$.append($$anchor, svg);
+				};
+				$.if(node_5, ($$render) => {
+					if (arrow()) $$render(consequent_1);
+				});
+				$.reset(div);
+				$.bind_this(div, ($$value) => $.set(contentEl, $$value), () => $.get(contentEl));
+				$.template_effect(() => {
+					$.set_attribute(div, "id", tooltipId);
+					$.set_attribute(div, "data-state", open() ? "open" : "closed");
+					$.set_attribute(div, "data-side", side());
+					$.set_class(div, 1, $.clsx([__default__.content, $$props.class]));
+					styles_1 = $.set_style(div, "", styles_1, {
+						position: "fixed",
+						top: `${$.get(position).top ?? ""}px`,
+						left: `${$.get(position).left ?? ""}px`
+					});
+				});
+				$.event("mouseenter", div, () => {
+					clearTimeout(closeTimer);
+					clearTimeout(delayTimer);
+					activeDismiss = dismiss;
+					open(true);
+				});
+				$.event("mouseleave", div, hide);
+				$.append($$anchor, div);
+			},
+			$$slots: { default: true }
+		});
+	};
+	$.if(node_2, ($$render) => {
+		if ($.get(visible)) $$render(consequent_2);
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+export { Tooltip as default };

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

@@ -1,2 +1,2 @@
 export { default as Tooltip } from './Tooltip.svelte';
-export type { TooltipProps } from './types';
+export type { TooltipAlign, TooltipProps, TooltipSide } from './types';

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

@@ -0,0 +1,7 @@
+//#region src/components/Tooltip/styles.css.ts
+var __default__ = {
+	content: "styles_content__1ovcrev8",
+	arrow: "styles_arrow__1ovcrev9"
+};
+//#endregion
+export { __default__ as default };

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

@@ -1,13 +1,16 @@
-import type { Tooltip } from 'bits-ui';
 import type { Snippet } from 'svelte';
-export type TooltipProps<Payload = never> = Tooltip.RootProps & {
+export type TooltipSide = 'top' | 'bottom' | 'left' | 'right';
+export type TooltipAlign = 'start' | 'center' | 'end';
+export type TooltipProps = {
+    open?: boolean;
+    delayDuration?: number;
     content?: Snippet<[]> | string;
+    children?: Snippet<[]>;
     arrow?: boolean;
-    align?: Tooltip.ContentProps['align'];
+    align?: TooltipAlign;
     sideOffset?: number;
     alignOffset?: number;
-    side?: Tooltip.ContentProps['side'];
+    side?: TooltipSide;
     class?: string;
     arrowClass?: string;
-    payload?: [Payload] extends [never] ? null : Payload | null;
 };

package/dist/components/index.d.ts

@@ -23,6 +23,7 @@ export { Item, type ItemProps, type ItemSize, type ItemVariant, } from './Item';
 export { Label } from './Label';
 export { Placeholder, type PlaceholderProps, type PlaceholderSize, } from './Placeholder';
 export { Popover, type PopoverProps } from './Popover';
+export { Portal } from './Portal';
 export { RangeInput, type RangeInputProps, type RangeInputSize, } from './RangeInput';
 export { ScalableContainer, type ScalableContainerProps, } from './ScalableContainer';
 export { Select } from './Select';
@@ -31,5 +32,5 @@ export { Slider, type SliderProps } from './Slider';
 export { SliderInput, type SliderInputProps } from './SliderInput';
 export { Spinner, type SpinnerSize } from './Spinner';
 export { Tabs, type TabsProps } from './Tabs';
-export { Tooltip, type TooltipProps } from './Tooltip';
+export { Tooltip, type TooltipAlign, type TooltipProps, type TooltipSide, } from './Tooltip';
 export { Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, } from './Typography';

package/dist/components/index.js

@@ -1,37 +1,38 @@
-import { Accordion } from "../src/components/Accordion/index.js";
-import { Alert } from "../src/components/Alert/index.js";
-import { badgeVariants } from "../src/components/Badge/styles.css.js";
-import Badge from "../src/components/Badge/Badge.js";
-import { buttonVariants } from "../src/components/Button/styles.css.js";
-import Button from "../src/components/Button/Button.js";
-import Separator from "../src/components/Separator/Separator.js";
-import { ButtonGroup } from "../src/components/ButtonGroup/index.js";
-import Calendar from "../src/components/Calendar/Calendar.js";
-import { Card } from "../src/components/Card/index.js";
-import { Carousel } from "../src/components/Carousel/index.js";
-import Checkbox from "../src/components/Checkbox/Checkbox.js";
-import CircularProgress from "../src/components/CircularProgress/CircularProgress.js";
-import Typography from "../src/components/Typography/Typography.js";
-import Placeholder from "../src/components/Placeholder/Placeholder.js";
-import Spinner from "../src/components/Spinner/Spinner.js";
-import ContentState from "../src/components/ContentState/ContentState.js";
-import DataGrid from "../src/components/DataGrid/DataGrid.js";
-import DataGridSortHeader from "../src/components/DataGridSortHeader/DataGridSortHeader.js";
-import { Dialog } from "../src/components/Dialog/index.js";
-import { Drawer } from "../src/components/Drawer/index.js";
-import { DropdownMenu_exports } from "../src/components/DropdownMenu/index.js";
-import { Empty } from "../src/components/Empty/index.js";
-import Label_1 from "../src/components/Label/Label.js";
-import { Field } from "../src/components/Field/index.js";
-import Input from "../src/components/Input/Input.js";
-import { InputGroup } from "../src/components/InputGroup/index.js";
-import { Item } from "../src/components/Item/index.js";
-import { Popover } from "../src/components/Popover/index.js";
-import Slider from "../src/components/Slider/Slider.js";
-import RangeInput from "../src/components/RangeInput/RangeInput.js";
-import ScalableContainer from "../src/components/ScalableContainer/ScalableContainer.js";
-import { Select } from "../src/components/Select/index.js";
-import SliderInput from "../src/components/SliderInput/SliderInput.js";
-import { Tabs } from "../src/components/Tabs/index.js";
-import Tooltip from "../src/components/Tooltip/Tooltip.js";
-export { Accordion, Alert, Badge, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, CircularProgress, ContentState, DataGrid, DataGridSortHeader, Dialog, Drawer, DropdownMenu_exports as DropdownMenu, Empty, Field, Input, InputGroup, Item, Label_1 as Label, Placeholder, Popover, RangeInput, ScalableContainer, Select, Separator, Slider, SliderInput, Spinner, Tabs, Tooltip, Typography, badgeVariants, buttonVariants };
+import { Accordion } from "./Accordion/index.js";
+import { Alert } from "./Alert/index.js";
+import { badgeVariants } from "./Badge/styles.css.js";
+import Badge from "./Badge/Badge.js";
+import { buttonVariants } from "./Button/styles.css.js";
+import Button from "./Button/Button.js";
+import Separator from "./Separator/Separator.js";
+import { ButtonGroup } from "./ButtonGroup/index.js";
+import Calendar from "./Calendar/Calendar.js";
+import { Card } from "./Card/index.js";
+import { Carousel } from "./Carousel/index.js";
+import Checkbox from "./Checkbox/Checkbox.js";
+import CircularProgress from "./CircularProgress/CircularProgress.js";
+import Typography from "./Typography/Typography.js";
+import Placeholder from "./Placeholder/Placeholder.js";
+import Spinner from "./Spinner/Spinner.js";
+import ContentState from "./ContentState/ContentState.js";
+import DataGrid from "./DataGrid/DataGrid.js";
+import DataGridSortHeader from "./DataGridSortHeader/DataGridSortHeader.js";
+import { Dialog } from "./Dialog/index.js";
+import { Drawer } from "./Drawer/index.js";
+import { DropdownMenu_exports } from "./DropdownMenu/index.js";
+import { Empty } from "./Empty/index.js";
+import Label_1 from "./Label/Label.js";
+import { Field } from "./Field/index.js";
+import Input from "./Input/Input.js";
+import { InputGroup } from "./InputGroup/index.js";
+import { Item } from "./Item/index.js";
+import { Popover } from "./Popover/index.js";
+import Portal from "./Portal/Portal.js";
+import Slider from "./Slider/Slider.js";
+import RangeInput from "./RangeInput/RangeInput.js";
+import ScalableContainer from "./ScalableContainer/ScalableContainer.js";
+import { Select } from "./Select/index.js";
+import SliderInput from "./SliderInput/SliderInput.js";
+import { Tabs } from "./Tabs/index.js";
+import Tooltip from "./Tooltip/Tooltip.js";
+export { Accordion, Alert, Badge, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, CircularProgress, ContentState, DataGrid, DataGridSortHeader, Dialog, Drawer, DropdownMenu_exports as DropdownMenu, Empty, Field, Input, InputGroup, Item, Label_1 as Label, Placeholder, Popover, Portal, RangeInput, ScalableContainer, Select, Separator, Slider, SliderInput, Spinner, Tabs, Tooltip, Typography, badgeVariants, buttonVariants };

package/dist/node_modules/.pnpm/{@vanilla-extract_css@1.18.0 → @vanilla-extract_css@1.20.0}/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.cjs.d.ts

@@ -1,6 +1,6 @@
 import { Properties } from "../../../../../csstype@3.2.3/node_modules/csstype/index.js";
 
-//#region node_modules/.pnpm/@vanilla-extract+css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.cjs.d.ts
+//#region node_modules/.pnpm/@vanilla-extract+css@1.20.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.cjs.d.ts
 type CSSVarFunction = `var(--${string})`;
 declare const simplePseudoMap: {
   readonly ':-moz-any-link': true;