@max-ts/svelte 1.9.1 → 1.10.1

package/dist/components/InputGroup/Button/styles.css.js

@@ -1,49 +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";
-//#region src/components/InputGroup/Button/styles.css.ts
-setFileScope("src/components/InputGroup/Button/styles.css.ts", "@max-ts/svelte");
-const base = style({
-	display: "inline-flex",
-	alignItems: "center",
-	justifyContent: "center",
-	gap: theme.spacing[1],
-	boxShadow: "none",
-	fontSize: theme.fontSize.sm
-}, "base");
-const sizes = styleVariants({
-	xs: {
-		height: theme.spacing[6],
-		paddingInline: theme.spacing[2],
-		borderRadius: theme.radius.small
-	},
-	sm: {
-		height: theme.spacing[8],
-		paddingInline: theme.spacing[3],
-		borderRadius: theme.radius.medium
-	},
-	"icon-xs": {
-		height: theme.spacing[6],
-		width: theme.spacing[6],
-		padding: 0,
-		borderRadius: theme.radius.small
-	},
-	"icon-sm": {
-		height: theme.spacing[8],
-		width: theme.spacing[8],
-		padding: 0,
-		borderRadius: theme.radius.medium
-	}
-}, "sizes");
-globalStyle(`${base} svg`, { pointerEvents: "none" });
-globalStyle(`${base} svg:not([class*='size-'])`, {
-	width: "1rem",
-	height: "1rem"
-});
-var styles_css_default = {
-	base,
-	sizes
-};
-endFileScope();
-//#endregion
-export { styles_css_default as default };

package/dist/components/InputGroup/Input/styles.css.js

@@ -1,35 +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/InputGroup/Input/styles.css.ts
-setFileScope("src/components/InputGroup/Input/styles.css.ts", "@max-ts/svelte");
-var styles_css_default = { control: style({
-	flex: 1,
-	width: "100%",
-	border: "none",
-	backgroundColor: "transparent",
-	color: theme.colors.text.primary,
-	fontSize: theme.fontSize.base,
-	lineHeight: theme.lineHeight.normal,
-	paddingInline: theme.spacing[3],
-	paddingBlock: theme.spacing[2],
-	minHeight: theme.spacing[9],
-	minWidth: 0,
-	boxShadow: "none",
-	borderRadius: 0,
-	appearance: "none",
-	selectors: {
-		"&:focus-visible": {
-			outline: "none",
-			boxShadow: "none"
-		},
-		"&::placeholder": { color: theme.colors.text.hint },
-		"&:disabled": {
-			opacity: .5,
-			cursor: "not-allowed"
-		}
-	}
-}, "control") };
-endFileScope();
-//#endregion
-export { styles_css_default as default };

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

@@ -1,21 +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/InputGroup/Text/styles.css.ts
-setFileScope("src/components/InputGroup/Text/styles.css.ts", "@max-ts/svelte");
-const text = style({
-	display: "inline-flex",
-	alignItems: "center",
-	gap: theme.spacing[2],
-	color: theme.colors.text.hint,
-	fontSize: theme.fontSize.sm
-}, "text");
-globalStyle(`${text} svg`, { pointerEvents: "none" });
-globalStyle(`${text} svg:not([class*='size-'])`, {
-	width: "1rem",
-	height: "1rem"
-});
-var styles_css_default = { text };
-endFileScope();
-//#endregion
-export { styles_css_default as default };

package/dist/components/InputGroup/Textarea/styles.css.js

@@ -1,36 +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/InputGroup/Textarea/styles.css.ts
-setFileScope("src/components/InputGroup/Textarea/styles.css.ts", "@max-ts/svelte");
-var styles_css_default = { textarea: style({
-	flex: 1,
-	width: "100%",
-	border: "none",
-	backgroundColor: "transparent",
-	color: theme.colors.text.primary,
-	fontSize: theme.fontSize.base,
-	lineHeight: theme.lineHeight.normal,
-	paddingInline: theme.spacing[3],
-	paddingBlock: theme.spacing[3],
-	minHeight: theme.spacing[12],
-	minWidth: 0,
-	boxShadow: "none",
-	borderRadius: 0,
-	resize: "none",
-	appearance: "none",
-	selectors: {
-		"&:focus-visible": {
-			outline: "none",
-			boxShadow: "none"
-		},
-		"&::placeholder": { color: theme.colors.text.hint },
-		"&:disabled": {
-			opacity: .5,
-			cursor: "not-allowed"
-		}
-	}
-}, "textarea") };
-endFileScope();
-//#endregion
-export { styles_css_default as default };

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

@@ -1,64 +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/InputGroup/styles.css.ts
-setFileScope("src/components/InputGroup/styles.css.ts", "@max-ts/svelte");
-const container = style({
-	position: "relative",
-	display: "flex",
-	width: "100%",
-	alignItems: "stretch",
-	borderRadius: theme.radius.medium,
-	border: `1px solid ${theme.colors.border}`,
-	backgroundColor: theme.colors.background.paper,
-	boxShadow: theme.shadow[1],
-	minHeight: theme.spacing[9],
-	padding: 0,
-	overflow: "hidden",
-	transition: "border-color 0.2s, box-shadow 0.2s, color 0.2s",
-	selectors: {
-		"&:has(> textarea)": { minHeight: "auto" },
-		"&:has(> [data-align=\"block-start\"])": {
-			flexDirection: "column",
-			alignItems: "stretch",
-			minHeight: "auto",
-			gap: theme.spacing[2]
-		},
-		"&:has(> [data-align=\"block-end\"])": {
-			flexDirection: "column",
-			alignItems: "stretch",
-			minHeight: "auto",
-			gap: theme.spacing[2]
-		},
-		"&:has([data-slot=\"input-group-control\"]:focus-visible)": {
-			borderColor: theme.colors.primary,
-			boxShadow: theme.shadow[2]
-		},
-		"&:has([data-slot][aria-invalid=\"true\"])": {
-			borderColor: theme.colors.error,
-			boxShadow: `0 0 0 3px color-mix(in oklch, ${theme.colors.error} 40%, transparent)`
-		},
-		"&[data-disabled=\"true\"]": {
-			opacity: .55,
-			cursor: "not-allowed"
-		}
-	}
-}, "container");
-globalStyle(`${container} > *`, {
-	display: "flex",
-	alignItems: "center",
-	gap: theme.spacing[2]
-});
-globalStyle(`${container} > [data-slot="input-group-control"]`, {
-	flex: 1,
-	minWidth: 0,
-	alignSelf: "stretch"
-});
-globalStyle(`${container}:has(> [data-align="inline-start"]) > [data-slot="input-group-control"]`, { paddingLeft: theme.spacing[2] });
-globalStyle(`${container}:has(> [data-align="inline-end"]) > [data-slot="input-group-control"]`, { paddingRight: theme.spacing[2] });
-globalStyle(`${container}:has(> [data-align="block-start"]) > [data-slot="input-group-control"]`, { paddingBottom: theme.spacing[3] });
-globalStyle(`${container}:has(> [data-align="block-end"]) > [data-slot="input-group-control"]`, { paddingTop: theme.spacing[3] });
-var styles_css_default = { container };
-endFileScope();
-//#endregion
-export { styles_css_default as default };

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

@@ -1,140 +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/Item/styles.css.ts
-setFileScope("src/components/Item/styles.css.ts", "@max-ts/svelte");
-const item = style({
-	display: "flex",
-	flexWrap: "wrap",
-	alignItems: "center",
-	borderRadius: theme.radius.medium,
-	border: "1px solid transparent",
-	fontSize: theme.fontSize.sm,
-	transition: "background-color 0.1s, border-color 0.1s, box-shadow 0.1s",
-	outline: "none",
-	position: "relative",
-	selectors: {
-		"&:focus-visible": {
-			borderColor: theme.colors.primary,
-			boxShadow: `0 0 0 3px color-mix(in oklch, ${theme.colors.primary} 20%, transparent)`
-		},
-		"&[href]:hover": { backgroundColor: `color-mix(in oklch, ${theme.colors.background.elementHover} 50%, transparent)` }
-	}
-}, "item");
-const itemVariants = styleVariants({
-	default: { backgroundColor: "transparent" },
-	outline: { borderColor: theme.colors.border },
-	muted: { backgroundColor: `color-mix(in oklch, ${theme.colors.background.element} 50%, transparent)` }
-}, "itemVariants");
-const itemSizes = styleVariants({
-	default: {
-		gap: theme.spacing[4],
-		padding: theme.spacing[4]
-	},
-	small: {
-		gap: theme.spacing[2],
-		padding: spacing(3, 4)
-	}
-}, "itemSizes");
-const header = style({
-	display: "flex",
-	flexBasis: "100%",
-	alignItems: "center",
-	justifyContent: "space-between",
-	gap: theme.spacing[2]
-}, "header");
-const footer = style([header], "footer");
-const title = style({
-	display: "flex",
-	width: "fit-content",
-	alignItems: "center",
-	gap: theme.spacing[2],
-	fontSize: theme.fontSize.sm,
-	lineHeight: theme.lineHeight.snug,
-	fontWeight: theme.fontWeight.medium
-}, "title");
-const description = style({
-	color: theme.colors.text.secondary,
-	fontSize: theme.fontSize.sm,
-	lineHeight: theme.lineHeight.normal,
-	fontWeight: theme.fontWeight.normal,
-	display: "-webkit-box",
-	WebkitLineClamp: 2,
-	WebkitBoxOrient: "vertical",
-	overflow: "hidden"
-}, "description");
-globalStyle(`${description} > a`, {
-	textDecoration: "underline",
-	textUnderlineOffset: "4px"
-});
-globalStyle(`${description} > a:hover`, { color: theme.colors.primary });
-const content = style({
-	display: "flex",
-	flex: 1,
-	flexDirection: "column",
-	gap: theme.spacing[1]
-}, "content");
-globalStyle(`${content} + [data-slot=item-content]`, { flex: "none" });
-const actions = style({
-	display: "flex",
-	alignItems: "center",
-	gap: theme.spacing[2]
-}, "actions");
-const media = style({
-	display: "flex",
-	flexShrink: 0,
-	alignItems: "center",
-	justifyContent: "center",
-	gap: theme.spacing[2],
-	selectors: { [`${item}:has([data-slot=item-description]) &`]: {
-		transform: "translateY(2px)",
-		alignSelf: "flex-start"
-	} }
-}, "media");
-globalStyle(`${media} svg`, { pointerEvents: "none" });
-const mediaVariants = styleVariants({
-	default: { backgroundColor: "transparent" },
-	icon: {
-		backgroundColor: theme.colors.background.element,
-		width: theme.spacing[8],
-		height: theme.spacing[8],
-		borderRadius: theme.radius.small,
-		border: `1px solid ${theme.colors.border}`
-	},
-	image: {
-		width: theme.spacing[10],
-		height: theme.spacing[10],
-		overflow: "hidden",
-		borderRadius: theme.radius.small
-	}
-}, "mediaVariants");
-globalStyle(`${mediaVariants.icon} svg:not([class*='size-'])`, {
-	width: theme.spacing[4],
-	height: theme.spacing[4]
-});
-globalStyle(`${mediaVariants.image} img`, {
-	width: "100%",
-	height: "100%",
-	objectFit: "cover"
-});
-var styles_css_default = {
-	item,
-	itemVariants,
-	itemSizes,
-	header,
-	footer,
-	title,
-	description,
-	content,
-	actions,
-	media,
-	mediaVariants,
-	group: style({
-		display: "flex",
-		flexDirection: "column"
-	}, "group")
-};
-endFileScope();
-//#endregion
-export { styles_css_default as default };

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

@@ -1,32 +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/Label/styles.css.ts
-setFileScope("src/components/Label/styles.css.ts", "@max-ts/svelte");
-const labelBase = style({
-	display: "flex",
-	alignItems: "center",
-	gap: theme.spacing[2],
-	fontSize: theme.fontSize.sm,
-	lineHeight: "none",
-	fontWeight: theme.fontWeight.medium,
-	userSelect: "none",
-	selectors: {
-		"&[data-disabled=\"true\"]": {
-			pointerEvents: "none",
-			opacity: "0.5"
-		},
-		"&:has([data-disabled=\"true\"])": {
-			pointerEvents: "none",
-			opacity: "0.5"
-		}
-	}
-}, "labelBase");
-globalStyle(".peer:disabled + *", {
-	cursor: "not-allowed",
-	opacity: "0.5"
-});
-var styles_css_default = { labelBase };
-endFileScope();
-//#endregion
-export { styles_css_default as default };

package/dist/components/Placeholder/Image/styles.css.js

@@ -1,22 +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, 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/Placeholder/Image/styles.css.ts
-setFileScope("src/components/Placeholder/Image/styles.css.ts", "@max-ts/svelte");
-var styles_css_default = {
-	wrapper: style({
-		display: "block",
-		maxWidth: "100%",
-		objectFit: "contain",
-		color: theme.colors.text.secondary,
-		"@media": { "(max-width: 600px)": { margin: `auto auto ${theme.spacing[4]}` } }
-	}, "wrapper"),
-	sizes: styleVariants({
-		small: { margin: `auto auto ${theme.spacing[4]}` },
-		medium: { margin: `auto auto ${theme.spacing[8]}` },
-		large: { margin: `auto auto ${theme.spacing[10]}` }
-	}, "sizes")
-};
-endFileScope();
-//#endregion
-export { styles_css_default as default };

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

@@ -1,44 +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, 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/Placeholder/styles.css.ts
-setFileScope("src/components/Placeholder/styles.css.ts", "@max-ts/svelte");
-var styles_css_default = {
-	wrapper: style({
-		display: "flex",
-		flexDirection: "column",
-		alignItems: "center",
-		justifyContent: "center",
-		width: "100%",
-		height: "100%",
-		padding: theme.spacing[4],
-		backgroundColor: theme.colors.background.paper,
-		"@media": { "(max-width: 560px)": {
-			display: "grid",
-			gridTemplateColumns: "100%",
-			gridTemplateRows: "1fr max-content",
-			gap: theme.spacing[4]
-		} }
-	}, "wrapper"),
-	sizes: styleVariants({
-		small: { gap: theme.spacing[4] },
-		medium: { gap: theme.spacing[8] },
-		large: { gap: theme.spacing[10] }
-	}, "sizes"),
-	innerContainer: style({ margin: "0 auto" }, "innerContainer"),
-	descriptionClass: style({
-		textAlign: "center",
-		display: "block",
-		color: theme.colors.text.secondary
-	}, "descriptionClass"),
-	footerClass: style({
-		display: "flex",
-		flexWrap: "wrap",
-		justifyContent: "center",
-		color: theme.colors.text.secondary,
-		gap: theme.spacing[2]
-	}, "footerClass")
-};
-endFileScope();
-//#endregion
-export { styles_css_default as default };

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

@@ -1,48 +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/Popover/styles.css.ts
-setFileScope("src/components/Popover/styles.css.ts", "@max-ts/svelte");
-const zoomIn = keyframes({
-	from: {
-		opacity: 0,
-		transform: "scale(0.95)"
-	},
-	to: {
-		opacity: 1,
-		transform: "scale(1)"
-	}
-}, "zoomIn");
-const zoomOut = keyframes({
-	from: {
-		opacity: 1,
-		transform: "scale(1)"
-	},
-	to: {
-		opacity: 0,
-		transform: "scale(0.95)"
-	}
-}, "zoomOut");
-var styles_css_default = {
-	content: style({
-		backgroundColor: theme.colors.background.paper,
-		color: theme.colors.text.primary,
-		zIndex: 50,
-		width: "18rem",
-		borderRadius: theme.radius.medium,
-		border: `1px solid ${theme.colors.border}`,
-		padding: theme.spacing[4],
-		boxShadow: theme.shadow[2],
-		outline: "none",
-		transformOrigin: "var(--bits-popover-content-transform-origin)",
-		selectors: {
-			"&[data-state=open]": { animation: `${zoomIn} 0.15s ease-out` },
-			"&[data-state=closed]": { animation: `${zoomOut} 0.1s ease-in` }
-		}
-	}, "content"),
-	trigger: style({ cursor: "pointer" }, "trigger"),
-	close: style({ cursor: "pointer" }, "close")
-};
-endFileScope();
-//#endregion
-export { styles_css_default as default };

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

@@ -1,65 +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, 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/RangeInput/styles.css.ts
-setFileScope("src/components/RangeInput/styles.css.ts", "@max-ts/svelte");
-const container = style({
-	position: "relative",
-	display: "grid",
-	gridTemplateColumns: "auto 1fr auto 1fr auto",
-	alignItems: "center",
-	columnGap: theme.spacing[1],
-	background: theme.colors.background.paper,
-	border: `1px solid ${theme.colors.border}`,
-	borderRadius: theme.radius.medium,
-	transition: "border 0.2s",
-	"@media": { "(max-width: 600px)": { width: "100%" } }
-}, "container");
-const fullWidth = style({ width: "100%" }, "fullWidth");
-var styles_css_default = {
-	container,
-	active: style({ borderColor: theme.colors.primary }, "active"),
-	sizes: styleVariants({
-		small: {
-			padding: `0.125rem ${theme.spacing[2]} ${theme.spacing[1]} ${theme.spacing[2]}`,
-			height: "28px",
-			fontSize: theme.fontSize.sm
-		},
-		medium: {
-			padding: spacing(1, 3, 2, 3),
-			height: "36px",
-			fontSize: theme.fontSize.base
-		},
-		large: {
-			padding: spacing(2, 4, 3, 4),
-			height: "44px",
-			fontSize: theme.fontSize.lg
-		}
-	}, "sizes"),
-	text: style({ fontSize: "inherit" }, "text"),
-	input: style({
-		textAlign: "center",
-		width: "100%",
-		minWidth: "24px",
-		border: "none",
-		fontSize: "inherit",
-		textWrap: "nowrap",
-		textOverflow: "ellipsis",
-		overflow: "hidden",
-		outline: "none",
-		background: "transparent",
-		color: "inherit",
-		selectors: { "&:focus": { border: "none" } }
-	}, "input"),
-	slider: style({
-		bottom: -2,
-		left: "50%",
-		transform: "translateX(-50%)"
-	}, "slider"),
-	fullWidth,
-	track: style({ backgroundColor: "transparent" }, "track")
-};
-endFileScope();
-//#endregion
-export { styles_css_default as default };

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

@@ -1,56 +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";
-import { spacing } from "../../utils.js";
-//#region src/components/ScalableContainer/styles.css.ts
-setFileScope("src/components/ScalableContainer/styles.css.ts", "@max-ts/svelte");
-var styles_css_default = {
-	toolbar: style({
-		position: "absolute",
-		top: 0,
-		right: 4,
-		zIndex: 1,
-		opacity: .5,
-		transition: "opacity 0.2s ease-in-out",
-		":hover": { opacity: 1 },
-		"@media": { "(min-width: 48rem)": {
-			top: "50%",
-			bottom: "unset",
-			transform: "translateY(-50%)"
-		} }
-	}, "toolbar"),
-	viewport: style({
-		width: "100%",
-		height: "100%",
-		overflow: "hidden",
-		position: "relative",
-		touchAction: "none"
-	}, "viewport"),
-	contentWrapper: style({
-		position: "absolute",
-		inset: 0,
-		display: "flex",
-		alignItems: "center",
-		justifyContent: "center",
-		userSelect: "none"
-	}, "contentWrapper"),
-	overlay: style({
-		position: "absolute",
-		bottom: 16,
-		left: "50%",
-		transform: "translateX(-50%)",
-		backgroundColor: "rgba(0, 0, 0, 0.7)",
-		color: "white",
-		padding: spacing(2, 4),
-		borderRadius: theme.radius.small,
-		fontSize: theme.fontSize.sm,
-		pointerEvents: "none",
-		zIndex: 10,
-		opacity: 0,
-		transition: "opacity 0.2s ease-in-out",
-		selectors: { "&[data-visible=\"true\"]": { opacity: 1 } }
-	}, "overlay")
-};
-endFileScope();
-//#endregion
-export { styles_css_default as default };