@plumile/ui 0.1.144 → 0.1.145

package/lib/esm/components/dashboard/metric_card/MetricCard.css.js

@@ -3,7 +3,7 @@
 import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/components/dashboard/metric_card/MetricCard.css.ts
 var t = e({
-	defaultClassName: "_177uje61 _177uje60 txvbqbuth",
+	defaultClassName: "_177uje61 _177uje60 txvbqbv7x",
 	variantClassNames: { tone: {
 		neutral: "_177uje62",
 		info: "_177uje63",
@@ -14,14 +14,14 @@ var t = e({
 	defaultVariants: {},
 	compoundVariants: []
 }), n = e({
-	defaultClassName: "_177uje6a _177uje67 txvbqbfb7 txvbqbgqh",
+	defaultClassName: "_177uje6a _177uje67 txvbqbfpn txvbqbh4x",
 	variantClassNames: { density: {
-		comfortable: "_177uje6b _177uje68 txvbqbgzi",
-		compact: "_177uje6c _177uje69 txvbqbgz5"
+		comfortable: "_177uje6b _177uje68 txvbqbhdy",
+		compact: "_177uje6c _177uje69 txvbqbhdl"
 	} },
 	defaultVariants: {},
 	compoundVariants: []
-}), r = "_177uje6d txvbqbfb7 txvbqbel txvbqbler txvbqbgzi", i = "_177uje6e txvbqbntf txvbqb9j txvbqb1b17", a = "_177uje6f txvbqbntf txvbqbgxc txvbqb1b15", o = e({
+}), r = "_177uje6d txvbqbfpn txvbqbel txvbqblt7 txvbqbhdy", i = "_177uje6e txvbqbo7v txvbqb9j txvbqb1bg3", a = "_177uje6f txvbqbo7v txvbqbhbs txvbqb1bg1", o = e({
 	defaultClassName: "_177uje6i",
 	variantClassNames: { density: {
 		comfortable: "_177uje6j _177uje6g txvbqbaz txvbqbbe",
@@ -29,7 +29,7 @@ var t = e({
 	} },
 	defaultVariants: {},
 	compoundVariants: []
-}), s = "_177uje6l txvbqbfb7 txvbqbey txvbqbgz5", c = "_177uje6m _177uje6l txvbqbfb7 txvbqbey txvbqbgz5", l = "_177uje6n txvbqbntf txvbqb9j txvbqb1b17", u = "_177uje6o txvbqbfca txvbqbey txvbqbldo txvbqb1b17";
+}), s = "_177uje6l txvbqbfpn txvbqbey txvbqbhdl", c = "_177uje6m _177uje6l txvbqbfpn txvbqbey txvbqbhdl", l = "_177uje6n txvbqbo7v txvbqb9j txvbqb1bg3", u = "_177uje6o txvbqbfqq txvbqbey txvbqbls4 txvbqb1bg3";
 //#endregion
 export { t as card, l as hint, u as icon, i as label, n as root, r as top, a as value, s as valueContent, c as valueContentInline, o as valueDensity };
 

package/lib/esm/components/dashboard/metric_card/MetricCard.js

@@ -29,11 +29,11 @@ var f = ({ actions: f, className: p, copiedLabel: m, copyLabel: h, copyValue: g,
 						children: C
 					})
 				})] }), y != null && /* @__PURE__ */ u("div", {
-					className: "_177uje6o txvbqbfca txvbqbey txvbqbldo txvbqb1b17",
+					className: "_177uje6o txvbqbfqq txvbqbey txvbqbls4 txvbqb1bg3",
 					children: y
 				})]
 			}), v != null && /* @__PURE__ */ u("p", {
-				className: "_177uje6n txvbqbntf txvbqb9j txvbqb1b17",
+				className: "_177uje6n txvbqbo7v txvbqb9j txvbqb1bg3",
 				children: v
 			})]
 		})

package/lib/esm/components/dashboard/metric_tile_group/MetricTileGroup.css.js

@@ -3,21 +3,21 @@
 import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/components/dashboard/metric_tile_group/MetricTileGroup.css.ts
 var t = e({
-	defaultClassName: "_1p0u7xjb _1p0u7xj0 txvbqbfbk txvbqb19fz",
+	defaultClassName: "_1p0u7xjb _1p0u7xj0 txvbqbfq0 txvbqb19uf",
 	variantClassNames: {
 		density: {
-			comfortable: "_1p0u7xjc _1p0u7xj1 txvbqbgzi",
-			compact: "_1p0u7xjd _1p0u7xj2 txvbqbgz5"
+			comfortable: "_1p0u7xjc _1p0u7xj1 txvbqbhdy",
+			compact: "_1p0u7xjd _1p0u7xj2 txvbqbhdl"
 		},
 		minColumn: {
-			min160: "_1p0u7xje _1p0u7xj3 txvbqbixx",
-			min180: "_1p0u7xjf _1p0u7xj4 txvbqbiya",
-			min200: "_1p0u7xjg _1p0u7xj5 txvbqbiyn",
-			min220: "_1p0u7xjh _1p0u7xj6 txvbqbiz0",
-			min240: "_1p0u7xji _1p0u7xj7 txvbqbizd",
-			min260: "_1p0u7xjj _1p0u7xj8 txvbqbizq",
-			min280: "_1p0u7xjk _1p0u7xj9 txvbqbj03",
-			min320: "_1p0u7xjl _1p0u7xja txvbqbj0g"
+			min160: "_1p0u7xje _1p0u7xj3 txvbqbjcd",
+			min180: "_1p0u7xjf _1p0u7xj4 txvbqbjcq",
+			min200: "_1p0u7xjg _1p0u7xj5 txvbqbjd3",
+			min220: "_1p0u7xjh _1p0u7xj6 txvbqbjdg",
+			min240: "_1p0u7xji _1p0u7xj7 txvbqbjdt",
+			min260: "_1p0u7xjj _1p0u7xj8 txvbqbje6",
+			min280: "_1p0u7xjk _1p0u7xj9 txvbqbjej",
+			min320: "_1p0u7xjl _1p0u7xja txvbqbjew"
 		}
 	},
 	defaultVariants: {},

package/lib/esm/components/dashboard/page_hero/PageHero.css.js

@@ -1,7 +1,7 @@
 /* empty css                                      */
 /* empty css                        */
 //#region src/components/dashboard/page_hero/PageHero.css.ts
-var e = "_1oey25i0 txvbqb109k txvbqb1175 txvbqb1240 txvbqbxg3 txvbqbfb7 txvbqbgqh txvbqbgq6 txvbqbel txvbqbf0 txvbqbler txvbqbgzv txvbqb19fz", t = "_1oey25i1 txvbqbfb7 txvbqbgqh txvbqbhu7 txvbqbuth", n = "_1oey25i2 txvbqbntf txvbqbaz txvbqbbe txvbqbgxc txvbqb1b15", r = "_1oey25i3 txvbqbntf txvbqb9j txvbqb1b17 txvbqbtiw", i = "_1oey25i4 txvbqbfb7 txvbqbey txvbqbgt0 txvbqbgz5 txvbqb1b17 txvbqb9j", a = "_1oey25i5 txvbqbfb7 txvbqbey txvbqbgt0 txvbqbgz5";
+var e = "_1oey25i0 txvbqb10o0 txvbqb11ll txvbqb12ig txvbqbxuj txvbqbfpn txvbqbh4x txvbqbh4m txvbqbel txvbqbf0 txvbqblt7 txvbqbheb txvbqb19uf", t = "_1oey25i1 txvbqbfpn txvbqbh4x txvbqbi8n txvbqbv7x", n = "_1oey25i2 txvbqbo7v txvbqbaz txvbqbbe txvbqbhbs txvbqb1bg1", r = "_1oey25i3 txvbqbo7v txvbqb9j txvbqb1bg3 txvbqbtxc", i = "_1oey25i4 txvbqbfpn txvbqbey txvbqbh7g txvbqbhdl txvbqb1bg3 txvbqb9j", a = "_1oey25i5 txvbqbfpn txvbqbey txvbqbh7g txvbqbhdl";
 //#endregion
 export { a as actions, t as body, i as meta, e as root, r as subtitle, n as title };
 

package/lib/esm/components/dashboard/page_hero/PageHero.js

@@ -12,16 +12,16 @@ var o = ({ actions: o, className: s, meta: c, subtitle: l, title: u }) => /* @__
 				children: u
 			}),
 			l != null && /* @__PURE__ */ i("div", {
-				className: "_1oey25i3 txvbqbntf txvbqb9j txvbqb1b17 txvbqbtiw",
+				className: "_1oey25i3 txvbqbo7v txvbqb9j txvbqb1bg3 txvbqbtxc",
 				children: l
 			}),
 			c != null && /* @__PURE__ */ i("div", {
-				className: "_1oey25i4 txvbqbfb7 txvbqbey txvbqbgt0 txvbqbgz5 txvbqb1b17 txvbqb9j",
+				className: "_1oey25i4 txvbqbfpn txvbqbey txvbqbh7g txvbqbhdl txvbqb1bg3 txvbqb9j",
 				children: c
 			})
 		]
 	}), o != null && /* @__PURE__ */ i("div", {
-		className: "_1oey25i5 txvbqbfb7 txvbqbey txvbqbgt0 txvbqbgz5",
+		className: "_1oey25i5 txvbqbfpn txvbqbey txvbqbh7g txvbqbhdl",
 		children: o
 	})]
 });

package/lib/esm/components/dashboard/selectable_card/SelectableCard.css.js

@@ -1,7 +1,7 @@
 /* empty css                                      */
 /* empty css                              */
 //#region src/components/dashboard/selectable_card/SelectableCard.css.ts
-var e = "_1ev8s9e2 _1ev8s9e0 txvbqb4 txvbqb19fz txvbqbfb7 txvbqbgqh txvbqbgz5 txvbqbwi5 txvbqb25s txvbqb2pn txvbqb1d9 txvbqb2r3 txvbqb1atr txvbqbv txvbqb7g txvbqb77 txvbqb7t _1ev8s9e1 txvbqb1dhx qbwcue6 txvbqb1fry txvbqb1fs7 qbwcue0 txvbqb1etc txvbqb1fls", t = "_1ev8s9e3 txvbqb11p txvbqb1atn", n = "_1ev8s9e4 txvbqbfb7 txvbqbler txvbqbey txvbqbgz5", r = "_1ev8s9e5 txvbqbgwz txvbqb1b15 txvbqb9j", i = "_1ev8s9e6 txvbqb1b17 txvbqb96", a = "_1ev8s9e7 txvbqbfb7 txvbqbgqh txvbqbgz5";
+var e = "_1ev8s9e2 _1ev8s9e0 txvbqb4 txvbqb19uf txvbqbfpn txvbqbh4x txvbqbhdl txvbqbwwl txvbqb28o txvbqb2sj txvbqb1d9 txvbqb2tz txvbqb1b87 txvbqbv txvbqb7g txvbqb77 txvbqb7t _1ev8s9e1 txvbqb1e2l qbwcue6 txvbqb1gg6 txvbqb1ggf qbwcue0 txvbqb1ffs txvbqb1ga0", t = "_1ev8s9e3 txvbqb11p txvbqb1b83", n = "_1ev8s9e4 txvbqbfpn txvbqblt7 txvbqbey txvbqbhdl", r = "_1ev8s9e5 txvbqbhbf txvbqb1bg1 txvbqb9j", i = "_1ev8s9e6 txvbqb1bg3 txvbqb96", a = "_1ev8s9e7 txvbqbfpn txvbqbh4x txvbqbhdl";
 //#endregion
 export { a as body, e as button, i as meta, t as selected, r as title, n as top };
 

package/lib/esm/components/dashboard/selectable_card/SelectableCard.js

@@ -15,11 +15,11 @@ var s = ({ children: s, className: c, meta: l, onSelect: u, selected: d = !1, ti
 			}), p]
 		}),
 		l != null && /* @__PURE__ */ a("div", {
-			className: "_1ev8s9e6 txvbqb1b17 txvbqb96",
+			className: "_1ev8s9e6 txvbqb1bg3 txvbqb96",
 			children: l
 		}),
 		s != null && /* @__PURE__ */ a("div", {
-			className: "_1ev8s9e7 txvbqbfb7 txvbqbgqh txvbqbgz5",
+			className: "_1ev8s9e7 txvbqbfpn txvbqbh4x txvbqbhdl",
 			children: s
 		})
 	]

package/lib/esm/components/dashboard/status_summary_panel/StatusSummaryPanel.css.js

@@ -1,7 +1,7 @@
 /* empty css                                      */
 /* empty css                                  */
 //#region src/components/dashboard/status_summary_panel/StatusSummaryPanel.css.ts
-var e = "_1geqsra0 txvbqbfb7 txvbqbgqh txvbqbgzi", t = "_1geqsra1 txvbqbfb7 txvbqbler txvbqbey txvbqbgz5", n = "_1geqsra2 txvbqb9j txvbqb1b17";
+var e = "_1geqsra0 txvbqbfpn txvbqbh4x txvbqbhdy", t = "_1geqsra1 txvbqbfpn txvbqblt7 txvbqbey txvbqbhdl", n = "_1geqsra2 txvbqb9j txvbqb1bg3";
 //#endregion
 export { n as help, e as root, t as row };
 

package/lib/esm/components/dashboard/status_summary_panel/StatusSummaryPanel.js

@@ -21,7 +21,7 @@ var c = ({ className: c, help: l, items: u = [], status: d, statusLabel: f, stat
 			h != null && /* @__PURE__ */ o(e, { value: h }),
 			u.length > 0 && /* @__PURE__ */ o(r, { items: u }),
 			l != null && /* @__PURE__ */ o("div", {
-				className: "_1geqsra2 txvbqb9j txvbqb1b17",
+				className: "_1geqsra2 txvbqb9j txvbqb1bg3",
 				children: l
 			})
 		]

package/lib/esm/components/dashboard/timeline_event_row/TimelineEventRow.css.js

@@ -3,7 +3,7 @@
 import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/components/dashboard/timeline_event_row/TimelineEventRow.css.ts
 var t = e({
-	defaultClassName: "_1664kmj1 _1664kmj0 txvbqb25s txvbqb2pn txvbqb2r3 txvbqbwi5 txvbqbfb7 txvbqbgqh txvbqbgz5 txvbqb1att txvbqbuth",
+	defaultClassName: "_1664kmj1 _1664kmj0 txvbqb28o txvbqb2sj txvbqb2tz txvbqbwwl txvbqbfpn txvbqbh4x txvbqbhdl txvbqb1b89 txvbqbv7x",
 	variantClassNames: { tone: {
 		neutral: "_1664kmj2",
 		info: "_1664kmj3",
@@ -13,7 +13,7 @@ var t = e({
 	} },
 	defaultVariants: { tone: "neutral" },
 	compoundVariants: []
-}), n = "_1664kmj7 txvbqbfb7 txvbqbler txvbqbfo txvbqbgz5 txvbqbgt0", r = "_1664kmj8 txvbqb96 txvbqb1b17 txvbqbgtq", i = "_1664kmj9 txvbqb9j txvbqbgwz txvbqb1b15", a = "_1664kmja txvbqb9j txvbqb1b17", o = "_1664kmjb txvbqb96 txvbqb1b17", s = "_1664kmjc txvbqbfb7 txvbqbgt0 txvbqbgz5", c = "_1664kmjd txvbqb1084 txvbqb115p txvbqb122x txvbqbxf0 txvbqbfca txvbqbfo txvbqbgys txvbqb96 txvbqb25s txvbqb2pn txvbqb1d9 txvbqb2r3", l = "_1664kmje txvbqb1b17", u = "_1664kmjf txvbqb1b15 txvbqbgwz", d = "_1664kmjh _1664kmjg txvbqb25s txvbqb2pn txvbqb1d9 txvbqb2r3 txvbqbwhs txvbqb1atr txvbqb96 txvbqb1b17 txvbqbwfm";
+}), n = "_1664kmj7 txvbqbfpn txvbqblt7 txvbqbfo txvbqbhdl txvbqbh7g", r = "_1664kmj8 txvbqb96 txvbqb1bg3 txvbqbh86", i = "_1664kmj9 txvbqb9j txvbqbhbf txvbqb1bg1", a = "_1664kmja txvbqb9j txvbqb1bg3", o = "_1664kmjb txvbqb96 txvbqb1bg3", s = "_1664kmjc txvbqbfpn txvbqbh7g txvbqbhdl", c = "_1664kmjd txvbqb10mk txvbqb11k5 txvbqb12hd txvbqbxtg txvbqbfqq txvbqbfo txvbqbhd8 txvbqb96 txvbqb28o txvbqb2sj txvbqb1d9 txvbqb2tz", l = "_1664kmje txvbqb1bg3", u = "_1664kmjf txvbqb1bg1 txvbqbhbf", d = "_1664kmjh _1664kmjg txvbqb28o txvbqb2sj txvbqb1d9 txvbqb2tz txvbqbww8 txvbqb1b87 txvbqb96 txvbqb1bg3 txvbqbwu2";
 //#endregion
 export { a as description, d as details, n as header, o as meta, c as metric, l as metricLabel, u as metricValue, s as metrics, t as root, r as timestamp, i as title };
 

package/lib/esm/components/dashboard/timeline_event_row/TimelineEventRow.js

@@ -14,33 +14,33 @@ var s = ({ className: s, description: c, details: l, meta: u, metrics: d = [], t
 					className: i,
 					children: p
 				}), g != null && /* @__PURE__ */ a("span", {
-					className: "_1664kmj8 txvbqb96 txvbqb1b17 txvbqbgtq",
+					className: "_1664kmj8 txvbqb96 txvbqb1bg3 txvbqbh86",
 					children: g
 				})]
 			}),
 			c != null && /* @__PURE__ */ a("div", {
-				className: "_1664kmja txvbqb9j txvbqb1b17",
+				className: "_1664kmja txvbqb9j txvbqb1bg3",
 				children: c
 			}),
 			u != null && /* @__PURE__ */ a("div", {
-				className: "_1664kmjb txvbqb96 txvbqb1b17",
+				className: "_1664kmjb txvbqb96 txvbqb1bg3",
 				children: u
 			}),
 			d.length > 0 && /* @__PURE__ */ a("div", {
-				className: "_1664kmjc txvbqbfb7 txvbqbgt0 txvbqbgz5",
+				className: "_1664kmjc txvbqbfpn txvbqbh7g txvbqbhdl",
 				children: d.map((e) => /* @__PURE__ */ o("span", {
-					className: "_1664kmjd txvbqb1084 txvbqb115p txvbqb122x txvbqbxf0 txvbqbfca txvbqbfo txvbqbgys txvbqb96 txvbqb25s txvbqb2pn txvbqb1d9 txvbqb2r3",
+					className: "_1664kmjd txvbqb10mk txvbqb11k5 txvbqb12hd txvbqbxtg txvbqbfqq txvbqbfo txvbqbhd8 txvbqb96 txvbqb28o txvbqb2sj txvbqb1d9 txvbqb2tz",
 					children: [/* @__PURE__ */ a("span", {
-						className: "_1664kmje txvbqb1b17",
+						className: "_1664kmje txvbqb1bg3",
 						children: e.label
 					}), /* @__PURE__ */ a("span", {
-						className: "_1664kmjf txvbqb1b15 txvbqbgwz",
+						className: "_1664kmjf txvbqb1bg1 txvbqbhbf",
 						children: e.value
 					})]
 				}, e.id))
 			}),
 			l != null && /* @__PURE__ */ a("div", {
-				className: "_1664kmjh _1664kmjg txvbqb25s txvbqb2pn txvbqb1d9 txvbqb2r3 txvbqbwhs txvbqb1atr txvbqb96 txvbqb1b17 txvbqbwfm",
+				className: "_1664kmjh _1664kmjg txvbqb28o txvbqb2sj txvbqb1d9 txvbqb2tz txvbqbww8 txvbqb1b87 txvbqb96 txvbqb1bg3 txvbqbwu2",
 				children: l
 			})
 		]

package/lib/esm/components/data-table/DataTable.css.js

@@ -3,22 +3,22 @@
 import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/components/data-table/DataTable.css.ts
 var t = e({
-	defaultClassName: "ysn8464 ysn8461 ysn8460 txvbqbfb7 txvbqbgqh txvbqb19fz txvbqb1k",
+	defaultClassName: "ysn8464 ysn8461 ysn8460 txvbqbfpn txvbqbh4x txvbqb19uf txvbqb1k",
 	variantClassNames: { kind: {
-		default: "ysn8465 ysn8462 txvbqb1atj txvbqb1cw txvbqb2rg txvbqb2pn txvbqb25s txvbqbwfm txvbqbwew",
-		brandTable: "ysn8466 ysn8463 txvbqb1aqb txvbqb2q0 txvbqb2ox txvbqb1qz txvbqbwdg"
+		default: "ysn8465 ysn8462 txvbqb1b7z txvbqb1cw txvbqb2uc txvbqb2sj txvbqb28o txvbqbwu2 txvbqbwtc",
+		brandTable: "ysn8466 ysn8463 txvbqb1b4r txvbqb2sw txvbqb2rt txvbqb1tv txvbqbwrw"
 	} },
 	defaultVariants: { kind: "default" },
 	compoundVariants: []
-}), n = "ysn8467 txvbqbjle txvbqbttq txvbqbwcq", r = e({
+}), n = "ysn8467 txvbqbjzu txvbqbu86 txvbqbwr6", r = e({
 	defaultClassName: "ysn846b",
 	variantClassNames: { kind: {
-		default: "ysn846c ysn8469 ysn8468 txvbqb1qz txvbqb2pn txvbqba6o txvbqb694 txvbqb1atn txvbqb1amy",
-		brandTable: "ysn846d ysn846a txvbqb1aqb txvbqb1qz txvbqb2pn txvbqba6o txvbqb6ko"
+		default: "ysn846c ysn8469 ysn8468 txvbqb1tv txvbqb2sj txvbqbal4 txvbqb6hs txvbqb1b83 txvbqb1b1e",
+		brandTable: "ysn846d ysn846a txvbqb1b4r txvbqb1tv txvbqb2sj txvbqbal4 txvbqb6pq"
 	} },
 	defaultVariants: { kind: "default" },
 	compoundVariants: []
-}), i = "ysn846f ysn846e txvbqbfbk txvbqb19fz txvbqbe8", a = "var(--ysn846g)", o = "var(--ysn846h)", s = "var(--ysn846i)", c = "var(--ysn846j)", l = e({
+}), i = "ysn846f ysn846e txvbqbfq0 txvbqb19uf txvbqbe8", a = "var(--ysn846g)", o = "var(--ysn846h)", s = "var(--ysn846i)", c = "var(--ysn846j)", l = e({
 	defaultClassName: "ysn846k",
 	variantClassNames: { density: {
 		compact: "ysn846l",
@@ -28,59 +28,59 @@ var t = e({
 	defaultVariants: { density: "default" },
 	compoundVariants: []
 }), u = e({
-	defaultClassName: "ysn846s ysn846o txvbqbey txvbqbfb7 txvbqbgrx txvbqbgz5 txvbqbwcq txvbqb17zz txvbqb1ahj",
+	defaultClassName: "ysn846s ysn846o txvbqbey txvbqbfpn txvbqbh6d txvbqbhdl txvbqbwr6 txvbqb18ef txvbqb1avz",
 	variantClassNames: { kind: {
-		default: "ysn846t ysn846q ysn846p txvbqb1b17 txvbqbgwz txvbqbmi4 txvbqb6a",
-		brandTable: "ysn846u ysn846r txvbqb107e txvbqb114z txvbqb1240 txvbqbxg3 txvbqb1b05 txvbqbgxc txvbqb96 txvbqbmhe txvbqb6a txvbqb8tx"
+		default: "ysn846t ysn846q ysn846p txvbqb1bg3 txvbqbhbf txvbqbmwk txvbqb6a",
+		brandTable: "ysn846u ysn846r txvbqb10lu txvbqb11jf txvbqb12ig txvbqbxuj txvbqb1bg5 txvbqbhbs txvbqb96 txvbqbmvu txvbqb6a txvbqb98d"
 	} },
 	defaultVariants: { kind: "default" },
 	compoundVariants: []
 }), d = e({
-	defaultClassName: "ysn846x ysn846v txvbqbfb7 txvbqbgqh",
+	defaultClassName: "ysn846x ysn846v txvbqbfpn txvbqbh4x",
 	variantClassNames: { kind: {
 		default: "ysn846y",
-		brandTable: "ysn846z ysn846w txvbqb1aqb"
+		brandTable: "ysn846z ysn846w txvbqb1b4r"
 	} },
 	defaultVariants: { kind: "default" },
 	compoundVariants: []
-}), f = "ysn84611 ysn84610 txvbqbfhc txvbqbttq", p = e({
-	defaultClassName: "ysn84618 ysn84613 ysn84612 txvbqbe8 txvbqb2pn txvbqb1qz txvbqbfbk txvbqb7h txvbqb76 txvbqb7t",
+}), f = "ysn84611 ysn84610 txvbqbfvs txvbqbu86", p = e({
+	defaultClassName: "ysn84618 ysn84613 ysn84612 txvbqbe8 txvbqb2sj txvbqb1tv txvbqbfq0 txvbqb7h txvbqb76 txvbqb7t",
 	variantClassNames: { kind: {
-		default: "ysn84619 ysn84615 ysn84614 txvbqb1atj txvbqb69u txvbqba6o",
-		brandTable: "ysn8461a ysn84617 ysn84616 txvbqb1aqb txvbqb6ko txvbqba6o"
+		default: "ysn84619 ysn84615 ysn84614 txvbqb1b7z txvbqb6ii txvbqbal4",
+		brandTable: "ysn8461a ysn84617 ysn84616 txvbqb1b4r txvbqb6pq txvbqbal4"
 	} },
 	defaultVariants: { kind: "default" },
 	compoundVariants: []
 }), m = e({
 	defaultClassName: "ysn8461d",
 	variantClassNames: { kind: {
-		default: "ysn8461e ysn8461b txvbqb1atl",
-		brandTable: "ysn8461f ysn8461c txvbqb1aqb"
+		default: "ysn8461e ysn8461b txvbqb1b81",
+		brandTable: "ysn8461f ysn8461c txvbqb1b4r"
 	} },
 	defaultVariants: { kind: "default" },
 	compoundVariants: []
 }), h = e({
 	defaultClassName: "ysn8461i",
 	variantClassNames: { kind: {
-		default: "ysn8461j ysn8461g txvbqb1atj",
-		brandTable: "ysn8461k ysn8461h txvbqb1aqb"
+		default: "ysn8461j ysn8461g txvbqb1b7z",
+		brandTable: "ysn8461k ysn8461h txvbqb1b4r"
 	} },
 	defaultVariants: { kind: "default" },
 	compoundVariants: []
 }), g = e({
-	defaultClassName: "ysn8461p ysn8461l txvbqbey txvbqbfb7 txvbqbgz5 txvbqbuth txvbqbwcq",
+	defaultClassName: "ysn8461p ysn8461l txvbqbey txvbqbfpn txvbqbhdl txvbqbv7x txvbqbwr6",
 	variantClassNames: { kind: {
-		default: "ysn8461q ysn8461n ysn8461m txvbqb1b17",
-		brandTable: "ysn8461r ysn8461o txvbqb107e txvbqb114z txvbqb1240 txvbqbxg3 txvbqb1b15 txvbqbgwz txvbqb9j txvbqb8tx"
+		default: "ysn8461q ysn8461n ysn8461m txvbqb1bg3",
+		brandTable: "ysn8461r ysn8461o txvbqb10lu txvbqb11jf txvbqb12ig txvbqbxuj txvbqb1bg1 txvbqbhbf txvbqb9j txvbqb98d"
 	} },
 	defaultVariants: { kind: "default" },
 	compoundVariants: []
-}), _ = "ysn8461s txvbqbgwz txvbqb1b15", v = "ysn8461t txvbqb1b15", y = "ysn8461u txvbqb1ahj txvbqbwcq txvbqb17zz txvbqbuth", b = "ysn8461v", x = e({
+}), _ = "ysn8461s txvbqbhbf txvbqb1bg1", v = "ysn8461t txvbqb1bg1", y = "ysn8461u txvbqb1avz txvbqbwr6 txvbqb18ef txvbqbv7x", b = "ysn8461v", x = e({
 	defaultClassName: "ysn8461z",
 	variantClassNames: { align: {
-		left: "ysn84620 ysn8461w txvbqblee txvbqb17yw",
-		center: "ysn84621 ysn8461x txvbqbldo txvbqb17z9",
-		right: "ysn84622 ysn8461y txvbqble1 txvbqb17zm"
+		left: "ysn84620 ysn8461w txvbqblsu txvbqb18dc",
+		center: "ysn84621 ysn8461x txvbqbls4 txvbqb18dp",
+		right: "ysn84622 ysn8461y txvbqblsh txvbqb18e2"
 	} },
 	defaultVariants: {},
 	compoundVariants: []
@@ -94,7 +94,7 @@ var t = e({
 	} },
 	defaultVariants: {},
 	compoundVariants: []
-}), C = "ysn84628", w = "ysn84629 txvbqb9w txvbqb1b17 txvbqb17z9", T = e({
+}), C = "ysn84628", w = "ysn84629 txvbqb9w txvbqb1bg3 txvbqb18dp", T = e({
 	defaultClassName: "ysn8462a",
 	variantClassNames: { minVisibleAt: {
 		sm: "ysn8462b",

package/lib/esm/components/data-table/DataTable.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.css.js","names":[],"sources":["../../../../src/components/data-table/DataTable.css.ts"],"sourcesContent":["import {\n  style,\n  createVar,\n  fallbackVar,\n  type StyleRule,\n} from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { vars } from '../../theme/themeContract.css.js';\n\nimport {\n  DATA_TABLE_BREAKPOINT_ENTRIES,\n  type DataTableBreakpoint,\n} from './tableBreakpoints.js';\nimport { sprinkles } from '../../theme/sprinkles.css.js';\n\nexport const container = recipe({\n  base: style([\n    sprinkles({\n      display: 'flex',\n      flexDirection: 'column',\n      width: 'full',\n      containerType: 'inline-size',\n    }),\n    {\n      scrollbarGutter: 'stable',\n    },\n  ]),\n  variants: {\n    kind: {\n      default: sprinkles({\n        backgroundColor: 'surface',\n        borderColor: 'border',\n        borderRadius: 'lg',\n        borderStyle: 'solid',\n        borderWidth: 'default',\n        overflowX: 'auto',\n        overflowY: 'hidden',\n      }),\n      brandTable: sprinkles({\n        backgroundColor: 'transparent',\n        borderRadius: 'none',\n        borderStyle: 'none',\n        borderWidth: 0,\n        overflow: 'visible',\n      }),\n    },\n  },\n  defaultVariants: {\n    kind: 'default',\n  },\n});\n\nexport const containerWithContainedBody = sprinkles({\n  height: 'full',\n  minHeight: 0,\n  overflow: 'hidden',\n});\n\nexport const header = recipe({\n  variants: {\n    kind: {\n      default: style([\n        sprinkles({\n          borderWidth: 0,\n          borderStyle: 'solid',\n          borderBottomWidth: 'default',\n          borderBottomColor: 'borderSubtle',\n          backgroundColor: 'surfaceMuted',\n          backgroundImage: 'tableHeaderAccent',\n        }),\n      ]),\n      brandTable: sprinkles({\n        backgroundColor: 'transparent',\n        borderWidth: 0,\n        borderStyle: 'solid',\n        borderBottomWidth: 'default',\n        borderBottomColor: 'brandSecondaryOrange-20',\n      }),\n    },\n  },\n  defaultVariants: {\n    kind: 'default',\n  },\n});\n\nexport const headerRow = style([\n  sprinkles({\n    display: 'grid',\n    width: 'full',\n    alignItems: 'stretch',\n  }),\n  {\n    '@media': {\n      'screen and (max-width: 767px)': {\n        minWidth: '38rem',\n      },\n    },\n  },\n]);\n\nexport const tableCellPaddingVar = createVar();\nexport const tableCellFontSizeVar = createVar();\nexport const tableEmptyRowPaddingVar = createVar();\nexport const tableRowMinHeightVar = createVar();\n\nexport const densityRecipe = recipe({\n  variants: {\n    density: {\n      compact: {\n        vars: {\n          [tableCellPaddingVar]: `${vars.spacing[2]} ${vars.spacing[3]}`,\n          [tableCellFontSizeVar]: vars.fontSize.sm,\n          [tableEmptyRowPaddingVar]: `${vars.spacing[4]} ${vars.spacing[3]}`,\n          [tableRowMinHeightVar]: vars.spacing[9],\n        },\n      },\n      default: {\n        vars: {\n          [tableCellPaddingVar]: `${vars.spacing[3]} ${vars.spacing[4]}`,\n          [tableCellFontSizeVar]: vars.fontSize.sm,\n          [tableEmptyRowPaddingVar]: `${vars.spacing[6]} ${vars.spacing[4]}`,\n          [tableRowMinHeightVar]: vars.spacing[10],\n        },\n      },\n      comfortable: {\n        vars: {\n          [tableCellPaddingVar]: `${vars.spacing[3]} ${vars.spacing[5]}`,\n          [tableCellFontSizeVar]: vars.fontSize.base,\n          [tableEmptyRowPaddingVar]: `${vars.spacing[7]} ${vars.spacing[5]}`,\n          [tableRowMinHeightVar]: vars.spacing[12],\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    density: 'default',\n  },\n});\n\nexport const headerCell = recipe({\n  base: sprinkles({\n    alignItems: 'center',\n    display: 'flex',\n    flexShrink: 0,\n    gap: 2,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  }),\n  variants: {\n    kind: {\n      default: style([\n        sprinkles({\n          color: 'textSecondary',\n          fontWeight: 'semibold',\n          letterSpacing: 'capsNarrow',\n          textTransform: 'uppercase',\n        }),\n        {\n          padding: fallbackVar(\n            tableCellPaddingVar,\n            `${vars.spacing[3]} ${vars.spacing[4]}`,\n          ),\n          fontSize: fallbackVar(tableCellFontSizeVar, vars.fontSize.sm),\n          minHeight: fallbackVar(tableRowMinHeightVar, vars.spacing[10]),\n          selectors: {\n            '&:last-child': {\n              borderRight: 'none',\n            },\n          },\n        },\n      ]),\n      brandTable: sprinkles({\n        color: 'black-300',\n        fontWeight: 'bold',\n        fontSize: 'xs',\n        letterSpacing: 'caps',\n        textTransform: 'uppercase',\n        paddingY: 4,\n        paddingX: 0,\n        borderRightWidth: 0,\n      }),\n    },\n  },\n  defaultVariants: {\n    kind: 'default',\n  },\n});\n\nexport const body = recipe({\n  base: sprinkles({\n    display: 'flex',\n    flexDirection: 'column',\n  }),\n  variants: {\n    kind: {\n      default: {},\n      brandTable: sprinkles({\n        backgroundColor: 'transparent',\n      }),\n    },\n  },\n  defaultVariants: {\n    kind: 'default',\n  },\n});\n\nexport const bodyContained = style([\n  sprinkles({\n    flex: 1,\n    minHeight: 0,\n  }),\n  {\n    overflowY: 'auto',\n    scrollbarWidth: 'thin',\n    scrollbarColor: `${vars.colors.border} transparent`,\n  },\n]);\n\nexport const row = recipe({\n  base: style([\n    sprinkles({\n      alignItems: 'stretch',\n      borderStyle: 'solid',\n      borderWidth: 0,\n      display: 'grid',\n      transitionProperty: 'colors',\n      transitionDuration: 150,\n      transitionTimingFunction: 'ease',\n    }),\n    {\n      '@media': {\n        'screen and (max-width: 767px)': {\n          minWidth: '38rem',\n        },\n      },\n    },\n  ]),\n  variants: {\n    kind: {\n      default: style([\n        sprinkles({\n          backgroundColor: 'surface',\n          borderBottomColor: 'borderLight',\n          borderBottomWidth: 'default',\n        }),\n        {\n          selectors: {\n            '&:last-child': {\n              borderBottomWidth: 0,\n            },\n            '&:hover': {\n              backgroundColor: vars.colors.tableRowHoverSurface,\n            },\n          },\n        },\n      ]),\n      brandTable: style([\n        sprinkles({\n          backgroundColor: 'transparent',\n          borderBottomColor: 'brandSecondaryOrange-20',\n          borderBottomWidth: 'default',\n        }),\n        {\n          selectors: {\n            '&:last-child': {\n              borderBottomWidth: 0,\n            },\n            '&:hover': {\n              backgroundColor: 'transparent',\n            },\n          },\n        },\n      ]),\n    },\n  },\n  defaultVariants: {\n    kind: 'default',\n  },\n});\n\nexport const rowEven = recipe({\n  variants: {\n    kind: {\n      default: sprinkles({\n        backgroundColor: 'surfaceSecondary',\n      }),\n      brandTable: sprinkles({\n        backgroundColor: 'transparent',\n      }),\n    },\n  },\n  defaultVariants: {\n    kind: 'default',\n  },\n});\n\nexport const rowOdd = recipe({\n  variants: {\n    kind: {\n      default: sprinkles({\n        backgroundColor: 'surface',\n      }),\n      brandTable: sprinkles({\n        backgroundColor: 'transparent',\n      }),\n    },\n  },\n  defaultVariants: {\n    kind: 'default',\n  },\n});\n\nexport const cell = recipe({\n  base: sprinkles({\n    alignItems: 'center',\n    display: 'flex',\n    gap: 2,\n    minWidth: 0,\n    overflow: 'hidden',\n  }),\n  variants: {\n    kind: {\n      default: style([\n        sprinkles({\n          color: 'textSecondary',\n        }),\n        {\n          padding: fallbackVar(\n            tableCellPaddingVar,\n            `${vars.spacing[3]} ${vars.spacing[4]}`,\n          ),\n          fontSize: fallbackVar(tableCellFontSizeVar, vars.fontSize.sm),\n          minHeight: fallbackVar(tableRowMinHeightVar, vars.spacing[10]),\n          selectors: {\n            '&:last-child': {\n              borderRight: 'none',\n            },\n          },\n        },\n      ]),\n      brandTable: sprinkles({\n        color: 'text',\n        fontWeight: 'semibold',\n        fontSize: 'sm',\n        paddingY: 4,\n        paddingX: 0,\n        borderRightWidth: 0,\n      }),\n    },\n  },\n  defaultVariants: {\n    kind: 'default',\n  },\n});\n\nexport const primaryCell = sprinkles({\n  fontWeight: 'semibold',\n  color: 'text',\n});\n\nexport const primaryHeaderCell = sprinkles({\n  color: 'text',\n});\n\nexport const singleLineCell = sprinkles({\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  minWidth: 0,\n});\n\nexport const stickyHeader = style({\n  position: 'sticky',\n  top: 0,\n  zIndex: vars.zIndex[10],\n});\n\nexport const alignRecipe = recipe({\n  variants: {\n    align: {\n      left: sprinkles({\n        justifyContent: 'flex-start',\n        textAlign: 'left',\n      }),\n      center: sprinkles({\n        justifyContent: 'center',\n        textAlign: 'center',\n      }),\n      right: sprinkles({\n        justifyContent: 'flex-end',\n        textAlign: 'end',\n      }),\n    },\n  },\n});\n\nexport const rowStateRecipe = recipe({\n  variants: {\n    state: {\n      default: {},\n      selected: {\n        backgroundColor: vars.colors.tableRowSelectedSurface,\n      },\n      muted: {\n        opacity: 0.72,\n      },\n      danger: {\n        backgroundColor: vars.colors.tableRowDangerSurface,\n      },\n    },\n  },\n});\n\nexport const emptyRow = style({\n  padding: fallbackVar(\n    tableEmptyRowPaddingVar,\n    `${vars.spacing[6]} ${vars.spacing[4]}`,\n  ),\n});\n\nexport const emptyCell = sprinkles({\n  fontSize: 'base',\n  color: 'textSecondary',\n  textAlign: 'center',\n});\n\nconst hideBelowMap: Record<DataTableBreakpoint, StyleRule> = {} as Record<\n  DataTableBreakpoint,\n  StyleRule\n>;\n\nDATA_TABLE_BREAKPOINT_ENTRIES.forEach(([breakpoint, width]) => {\n  hideBelowMap[breakpoint] = {\n    '@container': {\n      [`(max-width: ${width - 0.5}px)`]: {\n        visibility: 'hidden',\n        opacity: 0,\n        pointerEvents: 'none',\n        paddingInline: 0,\n        paddingBlock: 0,\n        borderRight: 'none',\n        overflow: 'hidden',\n      },\n    },\n  };\n});\n\nexport const hideBelowRecipe = recipe({\n  variants: {\n    minVisibleAt: hideBelowMap,\n  },\n});\n"],"mappings":""}
+{"version":3,"file":"DataTable.css.js","names":[],"sources":["../../../../src/components/data-table/DataTable.css.ts"],"sourcesContent":["import {\n  style,\n  createVar,\n  fallbackVar,\n  type StyleRule,\n} from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { vars } from '../../theme/themeContract.css.js';\n\nimport {\n  DATA_TABLE_BREAKPOINT_ENTRIES,\n  type DataTableBreakpoint,\n} from './tableBreakpoints.js';\nimport { sprinkles } from '../../theme/sprinkles.css.js';\n\nexport const container = recipe({\n  base: style([\n    sprinkles({\n      display: 'flex',\n      flexDirection: 'column',\n      width: 'full',\n      containerType: 'inline-size',\n    }),\n    {\n      scrollbarGutter: 'stable',\n    },\n  ]),\n  variants: {\n    kind: {\n      default: sprinkles({\n        backgroundColor: 'surface',\n        borderColor: 'border',\n        borderRadius: 'lg',\n        borderStyle: 'solid',\n        borderWidth: 'default',\n        overflowX: 'auto',\n        overflowY: 'hidden',\n      }),\n      brandTable: sprinkles({\n        backgroundColor: 'transparent',\n        borderRadius: 'none',\n        borderStyle: 'none',\n        borderWidth: 0,\n        overflow: 'visible',\n      }),\n    },\n  },\n  defaultVariants: {\n    kind: 'default',\n  },\n});\n\nexport const containerWithContainedBody = sprinkles({\n  height: 'full',\n  minHeight: 0,\n  overflow: 'hidden',\n});\n\nexport const header = recipe({\n  variants: {\n    kind: {\n      default: style([\n        sprinkles({\n          borderWidth: 0,\n          borderStyle: 'solid',\n          borderBottomWidth: 'default',\n          borderBottomColor: 'borderSubtle',\n          backgroundColor: 'surfaceMuted',\n          backgroundImage: 'tableHeaderAccent',\n        }),\n      ]),\n      brandTable: sprinkles({\n        backgroundColor: 'transparent',\n        borderWidth: 0,\n        borderStyle: 'solid',\n        borderBottomWidth: 'default',\n        borderBottomColor: 'brandSubtleBorder',\n      }),\n    },\n  },\n  defaultVariants: {\n    kind: 'default',\n  },\n});\n\nexport const headerRow = style([\n  sprinkles({\n    display: 'grid',\n    width: 'full',\n    alignItems: 'stretch',\n  }),\n  {\n    '@media': {\n      'screen and (max-width: 767px)': {\n        minWidth: '38rem',\n      },\n    },\n  },\n]);\n\nexport const tableCellPaddingVar = createVar();\nexport const tableCellFontSizeVar = createVar();\nexport const tableEmptyRowPaddingVar = createVar();\nexport const tableRowMinHeightVar = createVar();\n\nexport const densityRecipe = recipe({\n  variants: {\n    density: {\n      compact: {\n        vars: {\n          [tableCellPaddingVar]: `${vars.spacing[2]} ${vars.spacing[3]}`,\n          [tableCellFontSizeVar]: vars.fontSize.sm,\n          [tableEmptyRowPaddingVar]: `${vars.spacing[4]} ${vars.spacing[3]}`,\n          [tableRowMinHeightVar]: vars.spacing[9],\n        },\n      },\n      default: {\n        vars: {\n          [tableCellPaddingVar]: `${vars.spacing[3]} ${vars.spacing[4]}`,\n          [tableCellFontSizeVar]: vars.fontSize.sm,\n          [tableEmptyRowPaddingVar]: `${vars.spacing[6]} ${vars.spacing[4]}`,\n          [tableRowMinHeightVar]: vars.spacing[10],\n        },\n      },\n      comfortable: {\n        vars: {\n          [tableCellPaddingVar]: `${vars.spacing[3]} ${vars.spacing[5]}`,\n          [tableCellFontSizeVar]: vars.fontSize.base,\n          [tableEmptyRowPaddingVar]: `${vars.spacing[7]} ${vars.spacing[5]}`,\n          [tableRowMinHeightVar]: vars.spacing[12],\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    density: 'default',\n  },\n});\n\nexport const headerCell = recipe({\n  base: sprinkles({\n    alignItems: 'center',\n    display: 'flex',\n    flexShrink: 0,\n    gap: 2,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  }),\n  variants: {\n    kind: {\n      default: style([\n        sprinkles({\n          color: 'textSecondary',\n          fontWeight: 'semibold',\n          letterSpacing: 'capsNarrow',\n          textTransform: 'uppercase',\n        }),\n        {\n          padding: fallbackVar(\n            tableCellPaddingVar,\n            `${vars.spacing[3]} ${vars.spacing[4]}`,\n          ),\n          fontSize: fallbackVar(tableCellFontSizeVar, vars.fontSize.sm),\n          minHeight: fallbackVar(tableRowMinHeightVar, vars.spacing[10]),\n          selectors: {\n            '&:last-child': {\n              borderRight: 'none',\n            },\n          },\n        },\n      ]),\n      brandTable: sprinkles({\n        color: 'textMuted',\n        fontWeight: 'bold',\n        fontSize: 'xs',\n        letterSpacing: 'caps',\n        textTransform: 'uppercase',\n        paddingY: 4,\n        paddingX: 0,\n        borderRightWidth: 0,\n      }),\n    },\n  },\n  defaultVariants: {\n    kind: 'default',\n  },\n});\n\nexport const body = recipe({\n  base: sprinkles({\n    display: 'flex',\n    flexDirection: 'column',\n  }),\n  variants: {\n    kind: {\n      default: {},\n      brandTable: sprinkles({\n        backgroundColor: 'transparent',\n      }),\n    },\n  },\n  defaultVariants: {\n    kind: 'default',\n  },\n});\n\nexport const bodyContained = style([\n  sprinkles({\n    flex: 1,\n    minHeight: 0,\n  }),\n  {\n    overflowY: 'auto',\n    scrollbarWidth: 'thin',\n    scrollbarColor: `${vars.colors.border} transparent`,\n  },\n]);\n\nexport const row = recipe({\n  base: style([\n    sprinkles({\n      alignItems: 'stretch',\n      borderStyle: 'solid',\n      borderWidth: 0,\n      display: 'grid',\n      transitionProperty: 'colors',\n      transitionDuration: 150,\n      transitionTimingFunction: 'ease',\n    }),\n    {\n      '@media': {\n        'screen and (max-width: 767px)': {\n          minWidth: '38rem',\n        },\n      },\n    },\n  ]),\n  variants: {\n    kind: {\n      default: style([\n        sprinkles({\n          backgroundColor: 'surface',\n          borderBottomColor: 'borderLight',\n          borderBottomWidth: 'default',\n        }),\n        {\n          selectors: {\n            '&:last-child': {\n              borderBottomWidth: 0,\n            },\n            '&:hover': {\n              backgroundColor: vars.colors.tableRowHoverSurface,\n            },\n          },\n        },\n      ]),\n      brandTable: style([\n        sprinkles({\n          backgroundColor: 'transparent',\n          borderBottomColor: 'brandSubtleBorder',\n          borderBottomWidth: 'default',\n        }),\n        {\n          selectors: {\n            '&:last-child': {\n              borderBottomWidth: 0,\n            },\n            '&:hover': {\n              backgroundColor: 'transparent',\n            },\n          },\n        },\n      ]),\n    },\n  },\n  defaultVariants: {\n    kind: 'default',\n  },\n});\n\nexport const rowEven = recipe({\n  variants: {\n    kind: {\n      default: sprinkles({\n        backgroundColor: 'surfaceSecondary',\n      }),\n      brandTable: sprinkles({\n        backgroundColor: 'transparent',\n      }),\n    },\n  },\n  defaultVariants: {\n    kind: 'default',\n  },\n});\n\nexport const rowOdd = recipe({\n  variants: {\n    kind: {\n      default: sprinkles({\n        backgroundColor: 'surface',\n      }),\n      brandTable: sprinkles({\n        backgroundColor: 'transparent',\n      }),\n    },\n  },\n  defaultVariants: {\n    kind: 'default',\n  },\n});\n\nexport const cell = recipe({\n  base: sprinkles({\n    alignItems: 'center',\n    display: 'flex',\n    gap: 2,\n    minWidth: 0,\n    overflow: 'hidden',\n  }),\n  variants: {\n    kind: {\n      default: style([\n        sprinkles({\n          color: 'textSecondary',\n        }),\n        {\n          padding: fallbackVar(\n            tableCellPaddingVar,\n            `${vars.spacing[3]} ${vars.spacing[4]}`,\n          ),\n          fontSize: fallbackVar(tableCellFontSizeVar, vars.fontSize.sm),\n          minHeight: fallbackVar(tableRowMinHeightVar, vars.spacing[10]),\n          selectors: {\n            '&:last-child': {\n              borderRight: 'none',\n            },\n          },\n        },\n      ]),\n      brandTable: sprinkles({\n        color: 'text',\n        fontWeight: 'semibold',\n        fontSize: 'sm',\n        paddingY: 4,\n        paddingX: 0,\n        borderRightWidth: 0,\n      }),\n    },\n  },\n  defaultVariants: {\n    kind: 'default',\n  },\n});\n\nexport const primaryCell = sprinkles({\n  fontWeight: 'semibold',\n  color: 'text',\n});\n\nexport const primaryHeaderCell = sprinkles({\n  color: 'text',\n});\n\nexport const singleLineCell = sprinkles({\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  minWidth: 0,\n});\n\nexport const stickyHeader = style({\n  position: 'sticky',\n  top: 0,\n  zIndex: vars.zIndex[10],\n});\n\nexport const alignRecipe = recipe({\n  variants: {\n    align: {\n      left: sprinkles({\n        justifyContent: 'flex-start',\n        textAlign: 'left',\n      }),\n      center: sprinkles({\n        justifyContent: 'center',\n        textAlign: 'center',\n      }),\n      right: sprinkles({\n        justifyContent: 'flex-end',\n        textAlign: 'end',\n      }),\n    },\n  },\n});\n\nexport const rowStateRecipe = recipe({\n  variants: {\n    state: {\n      default: {},\n      selected: {\n        backgroundColor: vars.colors.tableRowSelectedSurface,\n      },\n      muted: {\n        opacity: 0.72,\n      },\n      danger: {\n        backgroundColor: vars.colors.tableRowDangerSurface,\n      },\n    },\n  },\n});\n\nexport const emptyRow = style({\n  padding: fallbackVar(\n    tableEmptyRowPaddingVar,\n    `${vars.spacing[6]} ${vars.spacing[4]}`,\n  ),\n});\n\nexport const emptyCell = sprinkles({\n  fontSize: 'base',\n  color: 'textSecondary',\n  textAlign: 'center',\n});\n\nconst hideBelowMap: Record<DataTableBreakpoint, StyleRule> = {} as Record<\n  DataTableBreakpoint,\n  StyleRule\n>;\n\nDATA_TABLE_BREAKPOINT_ENTRIES.forEach(([breakpoint, width]) => {\n  hideBelowMap[breakpoint] = {\n    '@container': {\n      [`(max-width: ${width - 0.5}px)`]: {\n        visibility: 'hidden',\n        opacity: 0,\n        pointerEvents: 'none',\n        paddingInline: 0,\n        paddingBlock: 0,\n        borderRight: 'none',\n        overflow: 'hidden',\n      },\n    },\n  };\n});\n\nexport const hideBelowRecipe = recipe({\n  variants: {\n    minVisibleAt: hideBelowMap,\n  },\n});\n"],"mappings":""}

package/lib/esm/components/data-table/DataTable.js

@@ -94,7 +94,7 @@ var P = ({ row: t, index: r, columns: i, getRowId: o, kind: s, density: c, rowCl
 	}, o(t, r));
 }, F = ({ emptyState: n, density: r, classes: i }) => {
 	let { t: a } = t(), o = n ?? /* @__PURE__ */ w("div", {
-		className: e("ysn84629 txvbqb9w txvbqb1b17 txvbqb17z9", i?.emptyCell),
+		className: e("ysn84629 txvbqb9w txvbqb1bg3 txvbqb18dp", i?.emptyCell),
 		children: a("common.table.empty")
 	});
 	return /* @__PURE__ */ w("div", {

package/lib/esm/components/data-table/ResponsiveRecordList.css.js

@@ -9,16 +9,16 @@
 /* empty css                                    */
 import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/components/data-table/ResponsiveRecordList.css.ts
-var t = "r17fa50", n = "r17fa52 r17fa51 txvbqbfa4", r = "r17fa53 txvbqbfb7 txvbqbgqh txvbqbjle txvbqbttq", i = "r17fa55 r17fa54 txvbqbfhc txvbqbttq txvbqb19fz", a = "r17fa56 txvbqbfa4", o = "r17fa57 txvbqbfb7 txvbqbgqh txvbqbgz5 txvbqb19fz", s = e({
-	defaultClassName: "r17fa5d r17fa59 r17fa58 txvbqbfb7 txvbqbgqh txvbqbgzi txvbqbuth _1995g4r1 _1995g4r0 _1995g4r2 _1995g4ra _1995g4rd _1995g4rh _1995g4rl",
+var t = "r17fa50", n = "r17fa52 r17fa51 txvbqbfok", r = "r17fa53 txvbqbfpn txvbqbh4x txvbqbjzu txvbqbu86", i = "r17fa55 r17fa54 txvbqbfvs txvbqbu86 txvbqb19uf", a = "r17fa56 txvbqbfok", o = "r17fa57 txvbqbfpn txvbqbh4x txvbqbhdl txvbqb19uf", s = e({
+	defaultClassName: "r17fa5d r17fa59 r17fa58 txvbqbfpn txvbqbh4x txvbqbhdy txvbqbv7x _1995g4r1 _1995g4r0 _1995g4r2 _1995g4ra _1995g4rd _1995g4rh _1995g4rl",
 	variantClassNames: { density: {
-		compact: "r17fa5e r17fa5a txvbqbgz5 txvbqbwi5",
-		default: "r17fa5f r17fa5b txvbqbgzi txvbqbwii",
-		comfortable: "r17fa5g r17fa5c txvbqbgzi txvbqbwii"
+		compact: "r17fa5e r17fa5a txvbqbhdl txvbqbwwl",
+		default: "r17fa5f r17fa5b txvbqbhdy txvbqbwwy",
+		comfortable: "r17fa5g r17fa5c txvbqbhdy txvbqbwwy"
 	} },
 	defaultVariants: { density: "compact" },
 	compoundVariants: []
-}), c = "r17fa5i r17fa5h txvbqbel txvbqbfbk txvbqbgzi txvbqbuth txvbqb19fz", l = "r17fa5j txvbqbfb7 txvbqbgqh txvbqbgys txvbqbuth", u = "r17fa5k txvbqb1b15 txvbqb9j txvbqbgwz txvbqbnqj txvbqbuth txvbqbwe6", d = "r17fa5l txvbqb1b17 txvbqb96 txvbqbnqj txvbqbuth txvbqbwdt", f = "r17fa5m txvbqbfbk txvbqbgz5 txvbqbin3 txvbqbimr", p = "r17fa5n txvbqbfb7 txvbqbgqh txvbqbhtu txvbqbuth", m = "r17fa5o txvbqb1b19 txvbqb96 txvbqbgwz txvbqbmhe txvbqb6a", h = "r17fa5p txvbqb1b15 txvbqb9j txvbqbuth txvbqbwdt", g = "r17fa5q txvbqbey txvbqbfb7 txvbqbgt0 txvbqbgz5", _ = "r17fa5s r17fa5r txvbqbey txvbqbfb7 txvbqbgrx txvbqble1 txvbqblek txvbqbuth", v = "r17fa5t txvbqbfb7 txvbqbtq4 txvbqbuth txvbqbwcq";
+}), c = "r17fa5i r17fa5h txvbqbel txvbqbfq0 txvbqbhdy txvbqbv7x txvbqb19uf", l = "r17fa5j txvbqbfpn txvbqbh4x txvbqbhd8 txvbqbv7x", u = "r17fa5k txvbqb1bg1 txvbqb9j txvbqbhbf txvbqbo4z txvbqbv7x txvbqbwsm", d = "r17fa5l txvbqb1bg3 txvbqb96 txvbqbo4z txvbqbv7x txvbqbws9", f = "r17fa5m txvbqbfq0 txvbqbhdl txvbqbj1j txvbqbj17", p = "r17fa5n txvbqbfpn txvbqbh4x txvbqbi8a txvbqbv7x", m = "r17fa5o txvbqb1bg5 txvbqb96 txvbqbhbf txvbqbmvu txvbqb6a", h = "r17fa5p txvbqb1bg1 txvbqb9j txvbqbv7x txvbqbws9", g = "r17fa5q txvbqbey txvbqbfpn txvbqbh7g txvbqbhdl", _ = "r17fa5s r17fa5r txvbqbey txvbqbfpn txvbqbh6d txvbqblsh txvbqblt0 txvbqbv7x", v = "r17fa5t txvbqbfpn txvbqbu4k txvbqbv7x txvbqbwr6";
 //#endregion
 export { s as card, v as cardActionContent, _ as cardActions, g as cardBadges, c as cardHeader, f as cardMetaGrid, p as cardMetaItem, m as cardMetaLabel, h as cardMetaValue, d as cardSubtitle, u as cardTitle, l as cardTitleGroup, o as cards, n as cardsOnly, i as cardsViewport, r as containedRoot, a as forceHidden, t as tableOnly };
 

package/lib/esm/components/data-table/TableCell.css.js

@@ -2,7 +2,7 @@
 /* empty css                         */
 import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/components/data-table/TableCell.css.ts
-var t = "x6ceqz0 txvbqb19fz txvbqbfb7 txvbqbey txvbqbgz5 txvbqb1b15", n = e({
+var t = "x6ceqz0 txvbqb19uf txvbqbfpn txvbqbey txvbqbhdl txvbqb1bg1", n = e({
 	defaultClassName: "x6ceqz1",
 	variantClassNames: { align: {
 		start: "x6ceqz2",
@@ -11,7 +11,7 @@ var t = "x6ceqz0 txvbqb19fz txvbqbfb7 txvbqbey txvbqbgz5 txvbqb1b15", n = e({
 	} },
 	defaultVariants: { align: "start" },
 	compoundVariants: []
-}), r = "x6ceqz5 txvbqb1b15", i = "x6ceqz6 txvbqb1b15 txvbqb1ahj", a = "x6ceqz7 txvbqb1b15 txvbqb1ahj", o = "x6ceqz8 txvbqb1b17 txvbqb96", s = "x6ceqz9 txvbqbwcq txvbqb17zz txvbqb1ahj", c = "x6ceqza txvbqb1aim";
+}), r = "x6ceqz5 txvbqb1bg1", i = "x6ceqz6 txvbqb1bg1 txvbqb1avz", a = "x6ceqz7 txvbqb1bg1 txvbqb1avz", o = "x6ceqz8 txvbqb1bg3 txvbqb96", s = "x6ceqz9 txvbqbwr6 txvbqb18ef txvbqb1avz", c = "x6ceqza txvbqb1ax2";
 //#endregion
 export { n as alignRecipe, t as base, a as date, s as ellipsis, o as muted, i as number, c as summary, r as text };
 

package/lib/esm/components/data-table/VirtualizedConnectionTable.css.js

@@ -1,7 +1,7 @@
 /* empty css                                   */
 /* empty css                                          */
 //#region src/components/data-table/VirtualizedConnectionTable.css.ts
-var e = "_1ifyzte0 txvbqb133r", t = "_1ifyzte1 txvbqb19fz", n = "_1ifyzte2 txvbqb19fz txvbqbj5i";
+var e = "_1ifyzte0 txvbqb13i7", t = "_1ifyzte1 txvbqb19uf", n = "_1ifyzte2 txvbqb19uf txvbqbjjy";
 //#endregion
 export { e as bodyViewport, n as sentinel, t as spacer };
 

package/lib/esm/components/feedback/OperationFeedback.css.js

@@ -1,7 +1,7 @@
 /* empty css                                   */
 /* empty css                                 */
 //#region src/components/feedback/OperationFeedback.css.ts
-var e = "_19ozap70 txvbqbfb7 txvbqbgqh txvbqbgzi txvbqb19fz";
+var e = "_19ozap70 txvbqbfpn txvbqbh4x txvbqbhdy txvbqb19uf";
 //#endregion
 export { e as stack };
 

package/lib/esm/components/feedback/inlineBanner.css.js

@@ -2,17 +2,17 @@
 /* empty css                            */
 import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/components/feedback/inlineBanner.css.ts
-var t = "j0pjq90 txvbqb108u txvbqb116f txvbqb123n txvbqbxfq txvbqbfb7 txvbqbel txvbqbler txvbqbgt0 txvbqbgzi txvbqb2r3 txvbqb9j txvbqb25s txvbqb2pn txvbqb1cw", n = e({
+var t = "j0pjq90 txvbqb10na txvbqb11kv txvbqb12i3 txvbqbxu6 txvbqbfpn txvbqbel txvbqblt7 txvbqbh7g txvbqbhdy txvbqb2tz txvbqb9j txvbqb28o txvbqb2sj txvbqb1cw", n = e({
 	defaultClassName: "j0pjq95",
 	variantClassNames: { tone: {
-		info: "j0pjq96 j0pjq91 txvbqb1avd txvbqb1b2l txvbqb1g5",
-		success: "j0pjq97 j0pjq92 txvbqb1avj txvbqb1b2r txvbqb1h8",
-		warning: "j0pjq98 j0pjq93 txvbqb1avp txvbqb1b2x txvbqb1ib",
-		danger: "j0pjq99 j0pjq94 txvbqb1avv txvbqb1b33 txvbqb1je"
+		info: "j0pjq96 j0pjq91 txvbqb1b9t txvbqb1bhh txvbqb1g5",
+		success: "j0pjq97 j0pjq92 txvbqb1b9z txvbqb1bhn txvbqb1h8",
+		warning: "j0pjq98 j0pjq93 txvbqb1ba5 txvbqb1bht txvbqb1ib",
+		danger: "j0pjq99 j0pjq94 txvbqb1bab txvbqb1bhz txvbqb1je"
 	} },
 	defaultVariants: { tone: "info" },
 	compoundVariants: []
-}), r = "j0pjq9a txvbqbfb7 txvbqbgqh txvbqbgys txvbqbfhc txvbqbuth", i = "j0pjq9b txvbqbgwz", a = "j0pjq9c ", o = "j0pjq9d txvbqbfca txvbqbey txvbqbgz5 txvbqbgt0 txvbqbgrx", s = "j0pjq9f qbwcuej qbwcueh txvbqbfca txvbqbey txvbqbldo txvbqb1qz txvbqb2ox txvbqb2r3 txvbqb1aqb txvbqb1b17 txvbqbv txvbqbwh2 txvbqb7h txvbqb76 txvbqb7t qbwcuei txvbqb1cc6 txvbqb1e3y qbwcue4 txvbqb1el8 txvbqb1ero qbwcue0 txvbqb1etc txvbqb1fls j0pjq9e txvbqb192m txvbqbj81 txvbqb1axd";
+}), r = "j0pjq9a txvbqbfpn txvbqbh4x txvbqbhd8 txvbqbfvs txvbqbv7x", i = "j0pjq9b txvbqbhbf", a = "j0pjq9c ", o = "j0pjq9d txvbqbfqq txvbqbey txvbqbhdl txvbqbh7g txvbqbh6d", s = "j0pjq9f qbwcuej qbwcueh txvbqbfqq txvbqbey txvbqbls4 txvbqb1tv txvbqb2rt txvbqb2tz txvbqb1b4r txvbqb1bg3 txvbqbv txvbqbwvi txvbqb7h txvbqb76 txvbqb7t qbwcuei txvbqb1cta txvbqb1eom qbwcue4 txvbqb1f7o txvbqb1fe4 qbwcue0 txvbqb1ffs txvbqb1ga0 j0pjq9e txvbqb19h2 txvbqbjmh txvbqb1bc9";
 //#endregion
 export { o as actions, s as closeButton, t as container, r as content, a as description, i as title, n as toneRecipe };
 

package/lib/esm/components/infinite/InfiniteScrollTrigger.js

@@ -36,7 +36,7 @@ var o = ({ enabled: o, hasNext: s, isLoading: c, onTrigger: l, thresholdPx: u =
 		className: n,
 		"aria-hidden": "true",
 		children: c && /* @__PURE__ */ a("span", {
-			className: "_14q3b2q1 txvbqb9j txvbqb1b17",
+			className: "_14q3b2q1 txvbqb9j txvbqb1bg3",
 			children: d
 		})
 	});

package/lib/esm/components/infinite/infiniteScrollTrigger.css.js

@@ -1,7 +1,7 @@
 /* empty css                                   */
 /* empty css                                     */
 //#region src/components/infinite/infiniteScrollTrigger.css.ts
-var e = "_14q3b2q0 txvbqb123a txvbqbxfd txvbqb19fz txvbqbfb7 txvbqbldo", t = "_14q3b2q1 txvbqb9j txvbqb1b17";
+var e = "_14q3b2q0 txvbqb12hq txvbqbxtt txvbqb19uf txvbqbfpn txvbqbls4", t = "_14q3b2q1 txvbqb9j txvbqb1bg3";
 //#endregion
 export { t as loadingText, e as trigger };
 

package/lib/esm/components/layout/ActionPanel.css.js

@@ -1,7 +1,7 @@
 /* empty css                                   */
 /* empty css                           */
 //#region src/components/layout/ActionPanel.css.ts
-var e = "_13wai4x0 txvbqbfb7 txvbqbgqh txvbqbgzi", t = "_13wai4x1 txvbqbfb7 txvbqbgqh txvbqbgys", n = "_13wai4x2 txvbqbntf txvbqb9j txvbqbgwz txvbqb1b15", r = "_13wai4x3 txvbqbntf txvbqb9j txvbqb1b17", i = "_13wai4x4 txvbqbfb7 txvbqbgqh txvbqbgzi", a = "_13wai4x5 txvbqbfb7 txvbqbgqh txvbqbgzi", o = "_13wai4x6 txvbqbfb7 txvbqbgt0 txvbqbgz5", s = "_13wai4x7 txvbqb9j txvbqb1b17";
+var e = "_13wai4x0 txvbqbfpn txvbqbh4x txvbqbhdy", t = "_13wai4x1 txvbqbfpn txvbqbh4x txvbqbhd8", n = "_13wai4x2 txvbqbo7v txvbqb9j txvbqbhbf txvbqb1bg1", r = "_13wai4x3 txvbqbo7v txvbqb9j txvbqb1bg3", i = "_13wai4x4 txvbqbfpn txvbqbh4x txvbqbhdy", a = "_13wai4x5 txvbqbfpn txvbqbh4x txvbqbhdy", o = "_13wai4x6 txvbqbfpn txvbqbh7g txvbqbhdl", s = "_13wai4x7 txvbqb9j txvbqb1bg3";
 //#endregion
 export { o as actions, i as content, r as description, s as feedback, a as footer, t as header, e as root, n as title };
 

package/lib/esm/components/layout/ActionPanel.js

@@ -7,10 +7,10 @@ var a = ({ actions: a, children: o, className: s, description: c, feedback: l, t
 	return (a != null || l != null) && (d = /* @__PURE__ */ i("div", {
 		className: n,
 		children: [a != null && /* @__PURE__ */ r("div", {
-			className: "_13wai4x6 txvbqbfb7 txvbqbgt0 txvbqbgz5",
+			className: "_13wai4x6 txvbqbfpn txvbqbh7g txvbqbhdl",
 			children: a
 		}), l != null && /* @__PURE__ */ r("div", {
-			className: "_13wai4x7 txvbqb9j txvbqb1b17",
+			className: "_13wai4x7 txvbqb9j txvbqb1bg3",
 			children: l
 		})]
 	})), /* @__PURE__ */ r(e, {

package/lib/esm/components/layout/AppHeader.css.js

@@ -1,7 +1,7 @@
 /* empty css                                   */
 /* empty css                         */
 //#region src/components/layout/AppHeader.css.ts
-var e = "_1e6xs5y0 txvbqb109k txvbqb1175 txvbqb1240 txvbqbxg3 txvbqbfb7 txvbqbgqh txvbqbgzi txvbqb19fz", t = "_1e6xs5y1 txvbqbfb7 txvbqbgqh txvbqbgq6 txvbqbel txvbqbf0 txvbqbler txvbqbgzv", n = "_1e6xs5y2 txvbqbfb7 txvbqbgqh txvbqbhu7 txvbqbuth", r = "_1e6xs5y3 txvbqbntf txvbqbaz txvbqbbe txvbqbgxc txvbqb1b15", i = "_1e6xs5y4 txvbqbntf txvbqb9j txvbqb1b17 txvbqbtiw", a = "_1e6xs5y5 txvbqbfb7 txvbqbey txvbqbgt0 txvbqbgz5 txvbqb1b17 txvbqb9j", o = "_1e6xs5y6 txvbqbfb7 txvbqbey txvbqbgt0 txvbqbgz5", s = "_1e6xs5y7 txvbqbfb7 txvbqbgqh txvbqbgz5";
+var e = "_1e6xs5y0 txvbqb10o0 txvbqb11ll txvbqb12ig txvbqbxuj txvbqbfpn txvbqbh4x txvbqbhdy txvbqb19uf", t = "_1e6xs5y1 txvbqbfpn txvbqbh4x txvbqbh4m txvbqbel txvbqbf0 txvbqblt7 txvbqbheb", n = "_1e6xs5y2 txvbqbfpn txvbqbh4x txvbqbi8n txvbqbv7x", r = "_1e6xs5y3 txvbqbo7v txvbqbaz txvbqbbe txvbqbhbs txvbqb1bg1", i = "_1e6xs5y4 txvbqbo7v txvbqb9j txvbqb1bg3 txvbqbtxc", a = "_1e6xs5y5 txvbqbfpn txvbqbey txvbqbh7g txvbqbhdl txvbqb1bg3 txvbqb9j", o = "_1e6xs5y6 txvbqbfpn txvbqbey txvbqbh7g txvbqbhdl", s = "_1e6xs5y7 txvbqbfpn txvbqbh4x txvbqbhdl";
 //#endregion
 export { o as actions, n as body, a as meta, s as navStack, e as root, i as subtitle, r as title, t as top };
 

package/lib/esm/components/layout/AppHeader.js

@@ -14,20 +14,20 @@ var s = ({ actions: s, className: c, meta: l, primaryNav: u, secondaryNav: d, su
 					children: p
 				}),
 				f != null && /* @__PURE__ */ a("div", {
-					className: "_1e6xs5y4 txvbqbntf txvbqb9j txvbqb1b17 txvbqbtiw",
+					className: "_1e6xs5y4 txvbqbo7v txvbqb9j txvbqb1bg3 txvbqbtxc",
 					children: f
 				}),
 				l != null && /* @__PURE__ */ a("div", {
-					className: "_1e6xs5y5 txvbqbfb7 txvbqbey txvbqbgt0 txvbqbgz5 txvbqb1b17 txvbqb9j",
+					className: "_1e6xs5y5 txvbqbfpn txvbqbey txvbqbh7g txvbqbhdl txvbqb1bg3 txvbqb9j",
 					children: l
 				})
 			]
 		}), s != null && /* @__PURE__ */ a("div", {
-			className: "_1e6xs5y6 txvbqbfb7 txvbqbey txvbqbgt0 txvbqbgz5",
+			className: "_1e6xs5y6 txvbqbfpn txvbqbey txvbqbh7g txvbqbhdl",
 			children: s
 		})]
 	}), (u != null || d != null) && /* @__PURE__ */ o("div", {
-		className: "_1e6xs5y7 txvbqbfb7 txvbqbgqh txvbqbgz5",
+		className: "_1e6xs5y7 txvbqbfpn txvbqbh4x txvbqbhdl",
 		children: [u, d]
 	})]
 });