/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b67433b | Cube Dev Team */
import { tasty } from "@tenphi/tasty";

//#region src/components/actions/CommandMenu/styled.tsx
const StyledCommandMenu = tasty({
	qa: "CommandMenu",
	styles: {
		display: "grid",
		flow: "row",
		gridColumns: "minmax(0, 1fr)",
		gridRows: {
			"": "max-content minmax(0, 1fr)",
			header: "max-content max-content minmax(0, 1fr)",
			footer: "max-content minmax(0, 1fr) max-content max-content",
			"header & footer": "max-content max-content minmax(0, 1fr) max-content max-content"
		},
		placeContent: "stretch",
		placeItems: "stretch",
		fill: "#white",
		border: "#border",
		radius: "(1cr + 1bw)",
		shadow: {
			"": false,
			"popover | tray": "0px 5px 15px #dark.05"
		},
		overflow: "hidden",
		height: {
			"": "initial",
			popover: "initial max-content (50vh - $size-md)",
			tray: "initial max-content (100vh - $size-md)"
		}
	}
});
const StyledSearchInput = tasty({
	qa: "SearchInput",
	as: "input",
	styles: {
		recipe: "reset input / input-autofill",
		display: "grid",
		width: "100%",
		color: "#dark",
		border: "#border bottom",
		transition: "theme",
		radius: 0,
		textAlign: "left",
		preset: "t3",
		userSelect: "auto",
		height: "($size + 1x)",
		padding: {
			"": ".5x 1.5x",
			prefix: "0 1.5x 0 .5x"
		},
		$size: {
			"": "$size-md",
			"size=small": "$size-sm",
			"size=medium": "$size-md",
			"size=large": "$size-lg"
		},
		Placeholder: {
			$: "::placeholder",
			recipe: "input-placeholder"
		},
		"&::-webkit-search-cancel-button": { recipe: "input-search-cancel-button" }
	}
});
const StyledLoadingWrapper = tasty({
	qa: "LoadingWrapper",
	styles: {
		display: "flex",
		padding: "2x",
		placeContent: "center",
		placeItems: "center",
		color: "#dark-03"
	}
});
const StyledEmptyState = tasty({
	qa: "EmptyState",
	styles: {
		display: "flex",
		padding: "2x",
		placeContent: "center",
		placeItems: "center",
		color: "#dark-03",
		preset: "t3"
	}
});
const StyledMenuWrapper = tasty({
	qa: "MenuWrapper",
	styles: {
		display: "grid",
		flow: "row",
		gridColumns: "minmax(0, 1fr)",
		placeContent: "stretch",
		placeItems: "stretch",
		width: "100%",
		overflow: "auto",
		scrollbar: "styled"
	}
});

//#endregion
export { StyledCommandMenu, StyledEmptyState, StyledLoadingWrapper, StyledSearchInput };
//# sourceMappingURL=styled.js.map