@citizenplatform/core 1.0.4 → 1.0.6

package/dist/index692.js

@@ -0,0 +1,579 @@
+import { css as e } from "./index49.js";
+import t from "./index170.js";
+import { vars as n } from "./index687.js";
+import { gridClasses as r, gridClassesOverrides as i } from "./index688.js";
+import { useGridSelector as a } from "./index690.js";
+import { useGridPrivateApiContext as o } from "./index691.js";
+//#region node_modules/@mui/x-data-grid/components/containers/GridRootStyles.mjs
+var s = 10, c = -5, l = 1, u = {
+	width: 3,
+	rx: 1.5,
+	x: 10.5
+}, d = "/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */", f = (e) => e.current.state.dimensions.isReady ? e.current.state.dimensions.hasScrollX && (!e.current.state.dimensions.hasScrollY || e.current.state.dimensions.scrollbarSize === 0) : e.current.state.dimensions.scrollbarSize === 0, p = t("div", {
+	name: "MuiDataGrid",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let n = [t.root];
+		return i.root.forEach((e) => {
+			t[e] !== void 0 && n.push({ [`&.${r[e]}`]: t[e] });
+		}), i.children.forEach((e) => {
+			t[e] !== void 0 && n.push({ [`& .${r[e]}`]: t[e] });
+		}), n;
+	}
+})(() => {
+	let t = o(), i = a(t, f), p = n.colors.background.base, g = n.header.background.base, _ = n.cell.background.pinned, y = h(n.colors.interactive.hover), b = n.colors.interactive.hoverOpacity, x = n.colors.interactive.selected, S = n.colors.interactive.selectedOpacity, C = x, w = `calc(${S} + ${b})`, T = {
+		hover: n.colors.interactive.hover,
+		selected: x,
+		selectedHover: x
+	}, E = v(p, y, b, T.hover), D = v(p, x, S, T.selected), O = v(p, C, w, T.selectedHover), k = v(_, y, b, T.hover), A = v(_, x, S, T.selected), j = v(_, C, w, T.selectedHover), M = (e) => ({ [`& .${r["cell--pinnedLeft"]}, & .${r["cell--pinnedRight"]}`]: {
+		backgroundColor: e,
+		"&.Mui-selected": {
+			backgroundColor: v(e, D, S, T.selected),
+			"&:hover": { backgroundColor: v(e, O, w, T.selectedHover) }
+		}
+	} }), N = M(k), P = M(A), F = M(j), I = {
+		backgroundColor: D,
+		"&:hover": {
+			backgroundColor: O,
+			"@media (hover: none)": { backgroundColor: D }
+		}
+	};
+	return {
+		"--unstable_DataGrid-radius": n.radius.base,
+		"--unstable_DataGrid-headWeight": n.typography.fontWeight.medium,
+		"--DataGrid-rowBorderColor": n.colors.border.base,
+		"--DataGrid-cellOffsetMultiplier": 2,
+		"--DataGrid-width": "0px",
+		"--DataGrid-hasScrollX": "0",
+		"--DataGrid-hasScrollY": "0",
+		"--DataGrid-scrollbarSize": "10px",
+		"--DataGrid-rowWidth": "0px",
+		"--DataGrid-columnsTotalWidth": "0px",
+		"--DataGrid-leftPinnedWidth": "0px",
+		"--DataGrid-rightPinnedWidth": "0px",
+		"--DataGrid-headerHeight": "0px",
+		"--DataGrid-headersTotalHeight": "0px",
+		"--DataGrid-topContainerHeight": "0px",
+		"--DataGrid-bottomContainerHeight": "0px",
+		"--DataGrid-horizontalFiller": "0px",
+		flex: 1,
+		boxSizing: "border-box",
+		position: "relative",
+		borderWidth: "1px",
+		borderStyle: "solid",
+		borderColor: n.colors.border.base,
+		borderRadius: "var(--unstable_DataGrid-radius)",
+		backgroundColor: n.colors.background.base,
+		color: n.colors.foreground.base,
+		font: n.typography.font.body,
+		outline: "none",
+		height: "100%",
+		display: "flex",
+		minWidth: 0,
+		minHeight: 0,
+		flexDirection: "column",
+		overflow: "hidden",
+		transform: "translate(0, 0)",
+		[`& .${r.virtualScroller}`]: { overflowAnchor: "none" },
+		[`.${r.main}`]: e`
+      & > *:first-child ${d} {
+        border-top-left-radius: var(--unstable_DataGrid-radius);
+        border-top-right-radius: var(--unstable_DataGrid-radius);
+      }
+    `,
+		[`&.${r.autoHeight}`]: { height: "auto" },
+		[`&.${r.autosizing}`]: {
+			[`& .${r.columnHeaderTitleContainerContent} > *`]: { overflow: "visible !important" },
+			"@media (hover: hover)": { [`& .${r.menuIcon}`]: {
+				width: "0 !important",
+				visibility: "hidden !important"
+			} },
+			[`& .${r.cell}`]: {
+				overflow: "visible !important",
+				whiteSpace: "nowrap",
+				minWidth: "max-content !important",
+				maxWidth: "max-content !important"
+			},
+			[`& .${r.groupingCriteriaCell}`]: { width: "unset" },
+			[`& .${r.treeDataGroupingCell}`]: { width: "unset" },
+			[`& .${r["columnHeader--filter"]}`]: {
+				flex: "none !important",
+				width: "unset !important"
+			},
+			[`& .${r.multiSelectCell}`]: {
+				width: "max-content",
+				overflow: "visible"
+			},
+			[`& .${r["multiSelectCellChip--hidden"]}`]: { display: "inline-flex" },
+			[`& .${r.multiSelectCellOverflow}`]: { display: "none" }
+		},
+		[`&.${r.withSidePanel}`]: { flexDirection: "row" },
+		[`& .${r.mainContent}`]: {
+			display: "flex",
+			flexDirection: "column",
+			overflow: "hidden",
+			flex: 1
+		},
+		[`& .${r.columnHeader}, & .${r.cell}`]: {
+			WebkitTapHighlightColor: "transparent",
+			padding: "0 10px",
+			boxSizing: "border-box"
+		},
+		[`& .${r.columnHeader}:focus-within, & .${r.cell}:focus-within`]: {
+			outline: `solid ${m(n.colors.interactive.focus, .5)} ${l}px`,
+			outlineOffset: -1
+		},
+		[`& .${r.columnHeader}:focus, & .${r.cell}:focus`]: {
+			outline: `solid ${n.colors.interactive.focus} ${l}px`,
+			outlineOffset: -1
+		},
+		[`& .${r.columnHeader}:focus,
+      & .${r["columnHeader--withLeftBorder"]},
+      & .${r["columnHeader--withRightBorder"]},
+      & .${r["columnHeader--siblingFocused"]}
+      `]: {
+			[`& .${r.columnSeparator}`]: { opacity: 0 },
+			"@media (hover: none)": { [`& .${r["columnSeparator--resizable"]}`]: { opacity: 1 } },
+			[`& .${r["columnSeparator--resizable"]}:hover`]: { opacity: 1 }
+		},
+		[`&.${r["root--noToolbar"]} [aria-rowindex="1"] [aria-colindex="1"]`]: { borderTopLeftRadius: "calc(var(--unstable_DataGrid-radius) - 1px)" },
+		[`&.${r["root--noToolbar"]} [aria-rowindex="1"] .${r["columnHeader--last"]}`]: { borderTopRightRadius: i ? "calc(var(--unstable_DataGrid-radius) - 1px)" : void 0 },
+		[`& .${r.columnHeaderCheckbox}, & .${r.cellCheckbox}`]: {
+			padding: 0,
+			justifyContent: "center",
+			alignItems: "center"
+		},
+		[`& .${r.columnHeader}`]: {
+			position: "relative",
+			display: "flex",
+			alignItems: "center",
+			backgroundColor: g,
+			flex: "0 0 auto"
+		},
+		[`& .${r.columnHeader} .${r.sortButton}`]: { backgroundColor: n.header.background.base },
+		[`& .${r["columnHeader--filter"]}`]: {
+			paddingTop: 8,
+			paddingBottom: 8,
+			paddingRight: 5,
+			minHeight: "min-content",
+			overflow: "hidden"
+		},
+		[`&.${r["root--densityCompact"]} .${r["columnHeader--filter"]}`]: {
+			paddingTop: 4,
+			paddingBottom: 4
+		},
+		[`& .${r["virtualScroller--hasScrollX"]} .${r["columnHeader--last"]}`]: { overflow: "hidden" },
+		[`& .${r["pivotPanelField--sorted"]} .${r.iconButtonContainer},
+      & .${r["columnHeader--sorted"]} .${r.iconButtonContainer},
+      & .${r["columnHeader--filtered"]} .${r.iconButtonContainer}`]: {
+			visibility: "visible",
+			width: "auto"
+		},
+		[`& .${r.pivotPanelField}:not(.${r["pivotPanelField--sorted"]}) .${r.sortButton},
+      & .${r.columnHeader}:not(.${r["columnHeader--sorted"]}) .${r.sortButton}`]: {
+			opacity: 0,
+			transition: n.transition(["opacity"], { duration: n.transitions.duration.short })
+		},
+		[`& .${r.columnHeaderTitleContainer}`]: {
+			display: "flex",
+			alignItems: "center",
+			gap: n.spacing(.25),
+			minWidth: 0,
+			flex: 1,
+			whiteSpace: "nowrap",
+			overflow: "hidden"
+		},
+		[`& .${r.columnHeaderTitleContainerContent}`]: {
+			overflow: "hidden",
+			display: "flex",
+			alignItems: "center"
+		},
+		[`& .${r["columnHeader--filledGroup"]} .${r.columnHeaderTitleContainer}`]: {
+			borderBottomWidth: "1px",
+			borderBottomStyle: "solid",
+			boxSizing: "border-box"
+		},
+		[`& .${r.sortIcon}, & .${r.filterIcon}`]: { fontSize: "inherit" },
+		[`& .${r["columnHeader--sortable"]}`]: { cursor: "pointer" },
+		[`& .${r["columnHeader--alignCenter"]} .${r.columnHeaderTitleContainer}`]: { justifyContent: "center" },
+		[`& .${r["columnHeader--alignRight"]} .${r.columnHeaderDraggableContainer}, & .${r["columnHeader--alignRight"]} .${r.columnHeaderTitleContainer}`]: { flexDirection: "row-reverse" },
+		[`& .${r["columnHeader--alignCenter"]} .${r.menuIcon}`]: { marginLeft: "auto" },
+		[`& .${r["columnHeader--alignRight"]} .${r.menuIcon}`]: {
+			marginRight: "auto",
+			marginLeft: -5
+		},
+		[`& .${r["columnHeader--moving"]}`]: { backgroundColor: E },
+		[`& .${r["columnHeader--pinnedLeft"]}, & .${r["columnHeader--pinnedRight"]}`]: {
+			position: "sticky",
+			zIndex: 40,
+			background: n.header.background.base
+		},
+		[`& .${r.columnSeparator}`]: {
+			position: "absolute",
+			overflow: "hidden",
+			zIndex: 30,
+			display: "flex",
+			flexDirection: "column",
+			justifyContent: "center",
+			alignItems: "center",
+			maxWidth: s,
+			color: n.colors.border.base
+		},
+		[`& .${r.columnHeaders}`]: {
+			width: "var(--DataGrid-rowWidth)",
+			backgroundColor: g
+		},
+		"@media (hover: hover)": {
+			[`& .${r.columnHeader}:hover`]: {
+				[`& .${r.menuIcon}`]: {
+					width: "auto",
+					visibility: "visible"
+				},
+				[`& .${r.iconButtonContainer}`]: {
+					visibility: "visible",
+					width: "auto"
+				}
+			},
+			[`& .${r.columnHeader}:not(.${r["columnHeader--sorted"]}):hover .${r.sortButton},
+        & .${r.pivotPanelField}:not(.${r["pivotPanelField--sorted"]}):hover .${r.sortButton},
+        & .${r.pivotPanelField}:not(.${r["pivotPanelField--sorted"]}) .${r.sortButton}:focus-visible`]: { opacity: 1 },
+			[`& .${r.columnHeader}:not(.${r["columnHeader--sorted"]}):hover .${r.sortButton} > *,
+        & .${r.pivotPanelField}:not(.${r["pivotPanelField--sorted"]}):hover .${r.sortButton} > *,
+        & .${r.pivotPanelField}:not(.${r["pivotPanelField--sorted"]}) .${r.sortButton}:focus-visible > *`]: { opacity: .78 },
+			[`& .${r.pivotPanelFieldActionContainer} button:hover`]: { backgroundColor: n.colors.background.base }
+		},
+		"@media (hover: none)": {
+			[`& .${r.columnHeader} .${r.menuIcon}`]: {
+				width: "auto",
+				visibility: "visible"
+			},
+			[`& .${r.columnHeader}:focus,
+        & .${r["columnHeader--siblingFocused"]}`]: { [`.${r["columnSeparator--resizable"]}`]: { color: n.colors.foreground.accent } },
+			[`& .${r.pivotPanelField}:not(.${r["pivotPanelField--sorted"]}) .${r.sortButton}`]: { opacity: .78 }
+		},
+		[`& .${r["columnHeader--withLeftBorder"]} .${r["columnSeparator--sideLeft"]}:not(.${r["columnSeparator--resizable"]}), & .${r["columnHeader--withRightBorder"]} .${r["columnSeparator--sideRight"]}:not(.${r["columnSeparator--resizable"]})`]: { display: "none" },
+		[`& .${r["columnSeparator--sideLeft"]}`]: { left: c },
+		[`& .${r["columnSeparator--sideRight"]}`]: { right: c },
+		[`& .${r["columnHeader--withRightBorder"]} .${r["columnSeparator--sideLeft"]}`]: { left: -5.5 },
+		[`& .${r["columnHeader--withRightBorder"]} .${r["columnSeparator--sideRight"]}`]: { right: -5.5 },
+		[`& .${r["columnSeparator--resizable"]}`]: {
+			cursor: "col-resize",
+			touchAction: "none",
+			[`&.${r["columnSeparator--resizing"]}`]: { color: n.colors.foreground.accent },
+			"@media (hover: none)": { [`& .${r.iconSeparator} rect`]: u },
+			"@media (hover: hover)": { "&:hover": {
+				color: n.colors.foreground.accent,
+				[`& .${r.iconSeparator} rect`]: u
+			} },
+			"& svg": { pointerEvents: "none" }
+		},
+		[`& .${r.iconSeparator}`]: {
+			color: "inherit",
+			transition: n.transition(["color", "width"], { duration: n.transitions.duration.short })
+		},
+		[`& .${r.menuIcon}`]: {
+			width: 0,
+			visibility: "hidden",
+			fontSize: 20,
+			marginRight: -5,
+			display: "flex",
+			alignItems: "center"
+		},
+		[`.${r.menuOpen}`]: {
+			visibility: "visible",
+			width: "auto"
+		},
+		[`& .${r.headerFilterRow}`]: { [`& .${r.columnHeader}, & .${r.scrollbarFiller}`]: {
+			boxSizing: "border-box",
+			borderBottom: "1px solid var(--DataGrid-rowBorderColor)"
+		} },
+		[`& .${r["row--borderBottom"]} .${r.columnHeader},
+      & .${r["row--borderBottom"]} .${r.filler},
+      & .${r["row--borderBottom"]} .${r.scrollbarFiller}`]: { borderBottom: "1px solid var(--DataGrid-rowBorderColor)" },
+		[`& .${r["row--borderBottom"]} .${r.cell}`]: { borderBottom: "1px solid var(--rowBorderColor)" },
+		[`.${r.row}`]: {
+			display: "flex",
+			position: "relative",
+			width: "var(--DataGrid-rowWidth)",
+			breakInside: "avoid",
+			"--rowBorderColor": "var(--DataGrid-rowBorderColor)",
+			[`&.${r["row--firstVisible"]}`]: { "--rowBorderColor": "transparent" },
+			"&:hover": {
+				backgroundColor: E,
+				"@media (hover: none)": { backgroundColor: "transparent" }
+			},
+			[`&.${r.rowSkeleton}:hover`]: { backgroundColor: "transparent" },
+			"&.Mui-selected": I
+		},
+		[`& .${r.cell}`]: {
+			flex: "0 0 auto",
+			height: "var(--height)",
+			width: "var(--width)",
+			lineHeight: "calc(var(--height) - 1px)",
+			boxSizing: "border-box",
+			borderTop: "1px solid var(--rowBorderColor)",
+			overflow: "hidden",
+			whiteSpace: "nowrap",
+			textOverflow: "ellipsis",
+			"&.Mui-selected": I
+		},
+		[`& .${r.cell}.Mui-selected`]: {
+			"--range-top": "0 0 0 0 transparent",
+			"--range-bottom": "0 0 0 0 transparent",
+			"--range-left": "0 0 0 0 transparent",
+			"--range-right": "0 0 0 0 transparent",
+			boxShadow: "var(--range-top), var(--range-bottom), var(--range-left), var(--range-right)"
+		},
+		[`& .${r["cell--rangeTop"]}`]: { "--range-top": `inset 0 2px 0 0 ${n.colors.interactive.focus}` },
+		[`& .${r["cell--rangeBottom"]}`]: { "--range-bottom": `inset 0 -2px 0 0 ${n.colors.interactive.focus}` },
+		[`& .${r["cell--rangeLeft"]}`]: { "--range-left": `inset 2px 0 0 0 ${n.colors.interactive.focus}` },
+		[`& .${r["cell--rangeRight"]}`]: { "--range-right": `inset -2px 0 0 0 ${n.colors.interactive.focus}` },
+		[`& .${r["virtualScrollerContent--overflowed"]} .${r["row--lastVisible"]} .${r.cell}`]: { borderTopColor: "transparent" },
+		[`& .${r.pinnedRows} .${r.row}, .${r.aggregationRowOverlayWrapper} .${r.row}`]: {
+			backgroundColor: _,
+			"&:hover": { backgroundColor: k }
+		},
+		[`& .${r["pinnedRows--top"]} :first-of-type`]: { [`& .${r.cell}, .${r.scrollbarFiller}`]: { borderTop: "none" } },
+		[`&.${r["root--disableUserSelection"]}`]: { userSelect: "none" },
+		[`& .${r["row--dynamicHeight"]} > .${r.cell}`]: {
+			whiteSpace: "initial",
+			lineHeight: "inherit"
+		},
+		[`& .${r["row--dynamicHeight"]}`]: { [`& .${r.multiSelectCell}, .${r.editMultiSelectCell}`]: { flexWrap: "wrap" } },
+		[`& .${r.cell}[aria-rowspan]:not([aria-rowspan="1"])`]: {
+			[`& .${r.multiSelectCell}`]: {
+				alignItems: "flex-start",
+				alignContent: "flex-start",
+				flexWrap: "wrap",
+				paddingTop: 8
+			},
+			[`& .${r["multiSelectCellChip--hidden"]}`]: { display: "inline-flex" },
+			[`& .${r.multiSelectCellOverflow}`]: { display: "none" }
+		},
+		[`& .${r.cellEmpty}`]: {
+			flex: 1,
+			padding: 0,
+			height: "unset"
+		},
+		[`& .${r.cell}.${r["cell--selectionMode"]}`]: { cursor: "default" },
+		[`& .${r.cell}.${r["cell--editing"]}`]: {
+			padding: 1,
+			display: "flex",
+			boxShadow: n.shadows.base,
+			backgroundColor: n.colors.background.overlay,
+			"&:focus-within": {
+				outline: `${l}px solid ${n.colors.interactive.focus}`,
+				outlineOffset: -1
+			}
+		},
+		[`& .${r["cell--editing"]}`]: { "& .MuiInputBase-root": { height: "100%" } },
+		[`& .${r["row--editing"]}`]: { boxShadow: n.shadows.base },
+		[`& .${r["row--editing"]} .${r.cell}`]: {
+			boxShadow: "none",
+			backgroundColor: n.colors.background.overlay
+		},
+		[`& .${r.editBooleanCell}`]: {
+			display: "flex",
+			height: "100%",
+			width: "100%",
+			alignItems: "center",
+			justifyContent: "center"
+		},
+		[`& .${r.booleanCell}[data-value="true"]`]: { color: n.colors.foreground.muted },
+		[`& .${r.booleanCell}[data-value="false"]`]: { color: n.colors.foreground.disabled },
+		[`& .${r.actionsCell}`]: {
+			display: "inline-flex",
+			alignItems: "center",
+			gridGap: n.spacing(1)
+		},
+		[`& .${r.rowReorderCell}`]: {
+			display: "inline-flex",
+			flex: 1,
+			alignItems: "center",
+			justifyContent: "center",
+			opacity: n.colors.interactive.disabledOpacity
+		},
+		[`& .${r["rowReorderCell--draggable"]}`]: {
+			cursor: "grab",
+			opacity: 1
+		},
+		[`& .${r.rowReorderCellContainer}`]: {
+			padding: 0,
+			display: "flex",
+			alignItems: "stretch"
+		},
+		[`.${r.withBorderColor}`]: { borderColor: n.colors.border.base },
+		[`& .${r["cell--withLeftBorder"]}, & .${r["columnHeader--withLeftBorder"]}`]: {
+			borderLeftColor: "var(--DataGrid-rowBorderColor)",
+			borderLeftWidth: "1px",
+			borderLeftStyle: "solid"
+		},
+		[`& .${r["cell--withRightBorder"]}, & .${r["columnHeader--withRightBorder"]}`]: {
+			borderRightColor: "var(--DataGrid-rowBorderColor)",
+			borderRightWidth: "1px",
+			borderRightStyle: "solid"
+		},
+		[`& .${r["cell--flex"]}`]: {
+			display: "flex",
+			alignItems: "center",
+			lineHeight: "inherit"
+		},
+		[`& .${r["cell--textLeft"]}`]: {
+			textAlign: "left",
+			justifyContent: "flex-start"
+		},
+		[`& .${r["cell--textRight"]}`]: {
+			textAlign: "right",
+			justifyContent: "flex-end"
+		},
+		[`& .${r["cell--textCenter"]}`]: {
+			textAlign: "center",
+			justifyContent: "center"
+		},
+		[`& .${r["cell--pinnedLeft"]}, & .${r["cell--pinnedRight"]}`]: {
+			position: "sticky",
+			zIndex: 30,
+			background: n.cell.background.pinned,
+			"&.Mui-selected": { backgroundColor: A }
+		},
+		[`& .${r.row}`]: {
+			"&:hover": N,
+			"&.Mui-selected": P,
+			"&.Mui-selected:hover": F
+		},
+		[`& .${r.cellOffsetLeft}`]: {
+			flex: "0 0 auto",
+			display: "inline-block"
+		},
+		[`& .${r.cellSkeleton}`]: {
+			flex: "0 0 auto",
+			height: "100%",
+			display: "inline-flex",
+			alignItems: "center"
+		},
+		[`& .${r.columnHeaderDraggableContainer}`]: {
+			display: "flex",
+			width: "100%",
+			height: "100%"
+		},
+		[`& .${r.rowReorderCellPlaceholder}`]: { display: "none" },
+		[`& .${r["columnHeader--dragging"]}`]: {
+			background: n.colors.background.overlay,
+			padding: "0 12px",
+			borderRadius: "var(--unstable_DataGrid-radius)",
+			opacity: n.colors.interactive.disabledOpacity
+		},
+		[`& .${r["row--dragging"]}`]: {
+			background: n.colors.background.overlay,
+			padding: "0 12px",
+			borderRadius: "var(--unstable_DataGrid-radius)",
+			border: "1px solid var(--DataGrid-rowBorderColor)",
+			color: n.colors.foreground.base,
+			transform: "translateZ(0)",
+			[`& .${r.rowReorderCellPlaceholder}`]: {
+				padding: "0 6px",
+				display: "flex"
+			}
+		},
+		[`& .${r.treeDataGroupingCell}`]: {
+			display: "flex",
+			alignItems: "center",
+			width: "100%"
+		},
+		[`& .${r.treeDataGroupingCellToggle}`]: {
+			flex: "0 0 28px",
+			alignSelf: "stretch",
+			marginRight: n.spacing(2)
+		},
+		[`& .${r.treeDataGroupingCellLoadingContainer}, .${r.groupingCriteriaCellLoadingContainer}`]: {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			height: "100%"
+		},
+		[`& .${r.groupingCriteriaCell}`]: {
+			display: "flex",
+			alignItems: "center",
+			width: "100%"
+		},
+		[`& .${r.groupingCriteriaCellToggle}`]: {
+			flex: "0 0 28px",
+			alignSelf: "stretch",
+			marginRight: n.spacing(2)
+		},
+		[`& .${r.columnHeaders} .${r.scrollbarFiller}`]: { backgroundColor: g },
+		[`.${r.scrollbarFiller}`]: {
+			minWidth: "calc(var(--DataGrid-hasScrollY) * var(--DataGrid-scrollbarSize))",
+			alignSelf: "stretch",
+			backgroundColor: g,
+			[`&.${r["scrollbarFiller--pinnedRight"]}`]: {
+				position: "sticky",
+				zIndex: 40,
+				right: 0
+			}
+		},
+		[`& .${r.filler}`]: { flex: "1 0 auto" },
+		[`& .${r["filler--borderBottom"]}`]: { borderBottom: "1px solid var(--DataGrid-rowBorderColor)" },
+		[`& .${r["filler--horizontal"]}`]: { width: "var(--DataGrid-horizontalFiller)" },
+		[`& .${r.columnHeaders} .${r.filler}`]: { backgroundColor: g },
+		[`& .${r["main--hiddenContent"]}`]: {
+			[`& .${r.virtualScrollerRenderZone}`]: { visibility: "hidden" },
+			[`& .${r.pinnedRows}`]: { display: "none" }
+		},
+		[`& .${r["cell--withFillHandle"]}`]: {
+			position: "relative",
+			"&::after": {
+				content: "\"\"",
+				position: "absolute",
+				bottom: 0,
+				insetInlineEnd: 0,
+				width: 7,
+				height: 7,
+				backgroundColor: n.colors.interactive.focus,
+				cursor: "crosshair",
+				zIndex: 50
+			}
+		},
+		[`& .${r["cell--fillPreview"]}`]: { backgroundColor: `color-mix(in srgb, ${n.colors.interactive.focus} 8%, transparent)` },
+		[`& .${r["cell--fillPreviewTop"]}`]: { borderTop: `1px dashed ${n.colors.interactive.focus}` },
+		[`& .${r["cell--fillPreviewBottom"]}`]: { borderBottom: `1px dashed ${n.colors.interactive.focus}` },
+		[`& .${r["cell--fillPreviewLeft"]}`]: { borderLeft: `1px dashed ${n.colors.interactive.focus}` },
+		[`& .${r["cell--fillPreviewRight"]}`]: { borderRight: `1px dashed ${n.colors.interactive.focus}` },
+		[`& .${r["row--beingDragged"]}`]: {
+			color: n.colors.foreground.disabled,
+			"&:hover": { backgroundColor: "transparent" }
+		},
+		[`& .${r["virtualizer--layoutControlled"]} .${r["columnHeader--pinnedLeft"]},
+      & .${r["virtualizer--layoutControlled"]} .${r["columnHeader--pinnedRight"]}`]: {
+			position: "absolute",
+			height: "var(--height)"
+		},
+		[`& .${r["virtualizer--layoutControlled"]} .${r["cell--pinnedLeft"]},
+      & .${r["virtualizer--layoutControlled"]} .${r["cell--pinnedRight"]}`]: { position: "absolute" },
+		[`& .${r["virtualizer--layoutControlled"]} .${r.row}`]: { position: "static" },
+		[`& .${r["virtualizer--layoutControlled"]} .${r["scrollbarFiller--pinnedRight"]}`]: {
+			position: "absolute",
+			height: "var(--height)"
+		},
+		[`& .${r["virtualizer--layoutControlled"]} .${r.virtualScrollerRenderZone}`]: {
+			position: "static",
+			width: "fit-content"
+		},
+		[`& .${r["virtualizer--layoutControlled"]} .${r["container--top"]}`]: { width: "fit-content" },
+		[`& .${r["virtualizer--layoutControlled"]} .${r["container--bottom"]}`]: { width: "fit-content" }
+	};
+});
+function m(e, t) {
+	return `rgba(from ${e} r g b / ${t})`;
+}
+function h(e) {
+	return m(e, 1);
+}
+var g = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("color", "color-mix(in srgb, red 50%, blue 50%)"), _ = (e, t) => g ? e : t;
+function v(e, t, n, r) {
+	return _(`color-mix(in srgb,${e}, ${t} calc(${n} * 100%))`, r);
+}
+//#endregion
+export { p as GridRootStyles, _ as colorMixIfSupported, g as supportsColorMix };
+
+//# sourceMappingURL=index692.js.map