@plumile/ui 0.1.187 → 0.1.188

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

@@ -139,7 +139,7 @@ var ge = 520, _e = 360, ve = .5, ye = 480, S = 1024, C = "plumile:page-shell:sid
 					children: [
 						B && !q && !j && /* @__PURE__ */ b("button", {
 							type: "button",
-							className: "_1kley2de _1kley2dd txvbqbfqq txvbqbfou txvbqbey txvbqbls4 txvbqb19hs txvbqbjn7 txvbqb2uc txvbqb2sj txvbqb28o txvbqb1cw txvbqb1b7z txvbqb1bg1 txvbqbv txvbqbh6d txvbqb7g txvbqb76 txvbqb7t",
+							className: "_1kley2de _1kley2dd txvbqbfqq txvbqbfou txvbqbey txvbqbls4 txvbqb19i5 txvbqbjn7 txvbqb2uc txvbqb2sj txvbqb28o txvbqb1cw txvbqb1b8p txvbqb1bgr txvbqbv txvbqbh6d txvbqb7g txvbqb76 txvbqb7t",
 							onClick: N,
 							"aria-label": $,
 							title: $,
@@ -152,7 +152,7 @@ var ge = 520, _e = 360, ve = .5, ye = 480, S = 1024, C = "plumile:page-shell:sid
 						B && q && /* @__PURE__ */ b("button", {
 							ref: W,
 							type: "button",
-							className: "_1kley2dc txvbqbfok txvbqbfr0 txvbqbey txvbqbls4 txvbqb19hs txvbqbjn7 txvbqb2uc txvbqb2sj txvbqb28o txvbqb1cw txvbqb1b7z txvbqb1bg1 txvbqbv txvbqbh6d",
+							className: "_1kley2dc txvbqbfok txvbqbfr0 txvbqbey txvbqbls4 txvbqb19i5 txvbqbjn7 txvbqb2uc txvbqb2sj txvbqb28o txvbqb1cw txvbqb1b8p txvbqb1bgr txvbqbv txvbqbh6d",
 							onClick: Z,
 							"aria-expanded": J,
 							"aria-label": R("navigation.pageShell.openNavigation"),
@@ -181,13 +181,13 @@ var ge = 520, _e = 360, ve = .5, ye = 480, S = 1024, C = "plumile:page-shell:sid
 			}),
 			Te && /* @__PURE__ */ x("div", {
 				ref: U,
-				className: e("_1kley2d5 txvbqb13ix txvbqb18f5 txvbqbko1 txvbqbh6d txvbqbfpn txvbqbwr6", "_1kley2d6", { _1kley2d7: q && J }),
+				className: e("_1kley2d5 txvbqb13ja txvbqb18fi txvbqbko1 txvbqbh6d txvbqbfpn txvbqbwr6", "_1kley2d6", { _1kley2d7: q && J }),
 				"aria-hidden": q && !J,
 				inert: q && !J,
 				children: [/* @__PURE__ */ b("button", {
 					ref: G,
 					type: "button",
-					className: "_1kley2df txvbqbfok txvbqbfr0 txvbqb13ja txvbqb13i4 txvbqb13jn txvbqb13l0 txvbqb18f5 txvbqb18gi txvbqb1auj txvbqbey txvbqbls4 txvbqb19hs txvbqbjn7 txvbqb2uc txvbqb2sj txvbqb28o txvbqb1cw txvbqb1b7z txvbqb1bg1 txvbqbv",
+					className: "_1kley2df txvbqbfok txvbqbfr0 txvbqb13jn txvbqb13ih txvbqb13k0 txvbqb13ld txvbqb18fi txvbqb18gv txvbqb1av9 txvbqbey txvbqbls4 txvbqb19i5 txvbqbjn7 txvbqb2uc txvbqb2sj txvbqb28o txvbqb1cw txvbqb1b8p txvbqb1bgr txvbqbv",
 					onClick: X,
 					"aria-label": R("navigation.pageShell.closeNavigation"),
 					children: /* @__PURE__ */ b(n, {

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

@@ -1,7 +1,7 @@
 /* empty css                                   */
 /* empty css                                  */
 //#region src/components/layout/ResizableSplitView.css.ts
-var e = "_1sh6osj1 _1sh6osj0 txvbqbfpn txvbqbe8 txvbqbhcv txvbqbv7x txvbqb19uf", t = "_1sh6osj2 txvbqbh4x txvbqbhdy", n = "_1sh6osj3 txvbqbh4k", r = "_1sh6osj5 _1sh6osj4 txvbqbfvs txvbqbv7x", i = "_1sh6osj6 txvbqbfwv txvbqbv7x", a = "_1sh6osj7 txvbqb19uf", o = "_1sh6osj9 _1sh6osj8 txvbqbhh txvbqb1b4r txvbqbb txvbqbfwv txvbqbv9d txvbqb13i7 txvbqb19fm";
+var e = "_1sh6osj1 _1sh6osj0 txvbqbfpn txvbqbe8 txvbqbhcv txvbqbv7x txvbqb19us", t = "_1sh6osj2 txvbqbh4x txvbqbhdy", n = "_1sh6osj3 txvbqbh4k", r = "_1sh6osj5 _1sh6osj4 txvbqbfvs txvbqbv7x", i = "_1sh6osj6 txvbqbfwv txvbqbv7x", a = "_1sh6osj7 txvbqb19us", o = "_1sh6osj9 _1sh6osj8 txvbqbhh txvbqb1b5h txvbqbb txvbqbfwv txvbqbv9d txvbqb13ik txvbqb19fz";
 //#endregion
 export { r as main, o as resizer, e as root, n as rootSplit, t as rootStacked, i as sidePanel, a as sidePanelStacked };
 

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

@@ -144,7 +144,7 @@ function v({ className: v, defaultSidePanelWidth: y = te, main: b, mainClassName
 				children: b
 			}),
 			H && /* @__PURE__ */ f("div", {
-				className: "_1sh6osj9 _1sh6osj8 txvbqbhh txvbqb1b4r txvbqbb txvbqbfwv txvbqbv9d txvbqb13i7 txvbqb19fm",
+				className: "_1sh6osj9 _1sh6osj8 txvbqbhh txvbqb1b5h txvbqbb txvbqbfwv txvbqbv9d txvbqb13ik txvbqb19fz",
 				role: "separator",
 				"aria-orientation": "vertical",
 				"aria-label": ge,

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

@@ -1,7 +1,7 @@
 /* empty css                                   */
 /* empty css                              */
 //#region src/components/layout/SettingsLayout.css.ts
-var e = "j42upe0 txvbqbfq0 txvbqbheb txvbqbwxo txvbqbj8e txvbqbj5y", t = "j42upe1 txvbqb2uc txvbqb1b87 txvbqb28o txvbqb2sj txvbqb1cw txvbqbwr6", n = "j42upe2 txvbqb2uc txvbqb1b87 txvbqb28o txvbqb2sj txvbqb1cw txvbqbwr6";
+var e = "j42upe0 txvbqbfq0 txvbqbheb txvbqbwy1 txvbqbj8e txvbqbj5y", t = "j42upe1 txvbqb2uc txvbqb1b8x txvbqb28o txvbqb2sj txvbqb1cw txvbqbwr6", n = "j42upe2 txvbqb2uc txvbqb1b8x txvbqb28o txvbqb2sj txvbqb1cw txvbqbwr6";
 //#endregion
 export { e as container, n as content, t as sidebar };
 

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

@@ -3,18 +3,18 @@
 import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/components/layout/Surface.css.ts
 var t = e({
-	defaultClassName: "_1e1g2cpe _1e1g2cp0 txvbqbfpn txvbqbh4x txvbqbv7x txvbqb19uf txvbqbeqm",
+	defaultClassName: "_1e1g2cpe _1e1g2cp0 txvbqbfpn txvbqbh4x txvbqbv7x txvbqb19us txvbqbeqm",
 	variantClassNames: {
 		variant: {
-			brand: "_1e1g2cpf _1e1g2cp1 txvbqb1ban",
-			neutral: "_1e1g2cpg _1e1g2cp2 txvbqb1b7z",
-			muted: "_1e1g2cph _1e1g2cp3 txvbqb1b81",
-			plain: "_1e1g2cpi _1e1g2cp4 txvbqb1b4r"
+			brand: "_1e1g2cpf _1e1g2cp1 txvbqb1bbd",
+			neutral: "_1e1g2cpg _1e1g2cp2 txvbqb1b8p",
+			muted: "_1e1g2cph _1e1g2cp3 txvbqb1b8r",
+			plain: "_1e1g2cpi _1e1g2cp4 txvbqb1b5h"
 		},
 		density: {
-			compact: "_1e1g2cpj _1e1g2cp5 txvbqbhdy txvbqbwwy",
-			default: "_1e1g2cpk _1e1g2cp6 txvbqbhdy txvbqbwwy",
-			spacious: "_1e1g2cpl _1e1g2cp7 txvbqbheb txvbqbwxo"
+			compact: "_1e1g2cpj _1e1g2cp5 txvbqbhdy txvbqbwxb",
+			default: "_1e1g2cpk _1e1g2cp6 txvbqbhdy txvbqbwxb",
+			spacious: "_1e1g2cpl _1e1g2cp7 txvbqbheb txvbqbwy1"
 		},
 		border: {
 			none: "_1e1g2cpm _1e1g2cp8 txvbqb1tv txvbqb2rt",
@@ -34,7 +34,7 @@ var t = e({
 		radius: "lg"
 	},
 	compoundVariants: []
-}), n = "_1e1g2cps txvbqbfpn txvbqbel txvbqblt7 txvbqbhdy", r = "_1e1g2cpt txvbqbfpn txvbqbh4x txvbqbhd8 txvbqbv7x", i = "_1e1g2cpu txvbqbo7v txvbqb9w txvbqbhbf txvbqb1bg1", a = "_1e1g2cpv txvbqbo7v txvbqb9j txvbqb1bg3", o = "_1e1g2cpw txvbqbfpn txvbqbey txvbqblsh txvbqbh7g txvbqbhdl", s = "_1e1g2cpx txvbqbv7x", c = "_1e1g2cpy txvbqbfpn txvbqbh7g txvbqbhdl";
+}), n = "_1e1g2cps txvbqbfpn txvbqbel txvbqblt7 txvbqbhdy", r = "_1e1g2cpt txvbqbfpn txvbqbh4x txvbqbhd8 txvbqbv7x", i = "_1e1g2cpu txvbqbo7v txvbqb9w txvbqbhbf txvbqb1bgr", a = "_1e1g2cpv txvbqbo7v txvbqb9j txvbqb1bgt", o = "_1e1g2cpw txvbqbfpn txvbqbey txvbqblsh txvbqbh7g txvbqbhdl", s = "_1e1g2cpx txvbqbv7x", c = "_1e1g2cpy txvbqbfpn txvbqbh7g txvbqbhdl";
 //#endregion
 export { o as actions, s as content, a as description, c as footer, n as header, r as heading, t as surface, i as title };
 

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

@@ -19,11 +19,11 @@ var o = ({ actions: r, ariaLabelledBy: o, as: s = "div", border: c = "subtle", c
 				children: [(g != null || p != null) && /* @__PURE__ */ a("div", {
 					className: "_1e1g2cpt txvbqbfpn txvbqbh4x txvbqbhd8 txvbqbv7x",
 					children: [g != null && /* @__PURE__ */ i(_, {
-						className: "_1e1g2cpu txvbqbo7v txvbqb9w txvbqbhbf txvbqb1bg1",
+						className: "_1e1g2cpu txvbqbo7v txvbqb9w txvbqbhbf txvbqb1bgr",
 						id: o,
 						children: g
 					}), p != null && /* @__PURE__ */ i("div", {
-						className: "_1e1g2cpv txvbqbo7v txvbqb9j txvbqb1bg3",
+						className: "_1e1g2cpv txvbqbo7v txvbqb9j txvbqb1bgt",
 						children: p
 					})]
 				}), r != null && /* @__PURE__ */ i("div", {

package/lib/esm/components/layout/toolbar/Toolbar.css.js

@@ -3,7 +3,7 @@
 import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/components/layout/toolbar/Toolbar.css.ts
 var t = e({
-	defaultClassName: "_8tcb289 _8tcb280 txvbqbfpn txvbqbey txvbqb19uf",
+	defaultClassName: "_8tcb289 _8tcb280 txvbqbfpn txvbqbey txvbqb19us",
 	variantClassNames: {
 		density: {
 			compact: "_8tcb28a _8tcb281 txvbqbhdl",
@@ -20,7 +20,7 @@ var t = e({
 		},
 		surface: {
 			plain: "_8tcb28h",
-			bar: "_8tcb28i _8tcb288 txvbqb10na txvbqb11kv txvbqb12i3 txvbqbxu6 txvbqb2uc txvbqb28o txvbqb2sj txvbqb1cw txvbqb1b7z"
+			bar: "_8tcb28i _8tcb288 txvbqb10nn txvbqb11l8 txvbqb12ig txvbqbxuj txvbqb2uc txvbqb28o txvbqb2sj txvbqb1cw txvbqb1b8p"
 		}
 	},
 	defaultVariants: {
@@ -57,7 +57,7 @@ var t = e({
 		wrap: !1
 	},
 	compoundVariants: []
-}), r = "_8tcb2810 txvbqbfw5 txvbqbv7x", i = "_8tcb2811 txvbqbhh txvbqb19us txvbqbvqc txvbqb1b9h";
+}), r = "_8tcb2810 txvbqbfw5 txvbqbv7x", i = "_8tcb2811 txvbqbhh txvbqb19v5 txvbqbvqc txvbqb1ba7";
 //#endregion
 export { n as group, i as separator, r as spacer, t as toolbar };
 

package/lib/esm/components/layout/top_navigation_shell/TopNavigationShell.css.js

@@ -3,10 +3,10 @@
 import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/components/layout/top_navigation_shell/TopNavigationShell.css.ts
 var t = e({
-	defaultClassName: "_1xrtzaa3 _1xrtzaa0 txvbqbfpn txvbqbh4x txvbqbv7k txvbqb1bg1",
+	defaultClassName: "_1xrtzaa3 _1xrtzaa0 txvbqbfpn txvbqbh4x txvbqbv7k txvbqb1bgr",
 	variantClassNames: { variant: {
-		default: "_1xrtzaa4 _1xrtzaa1 txvbqb1b87",
-		muted: "_1xrtzaa5 _1xrtzaa2 txvbqb1b89"
+		default: "_1xrtzaa4 _1xrtzaa1 txvbqb1b8x",
+		muted: "_1xrtzaa5 _1xrtzaa2 txvbqb1b8z"
 	} },
 	defaultVariants: { variant: "default" },
 	compoundVariants: []

package/lib/esm/components/media/imagePreviewModal.css.js

@@ -3,15 +3,15 @@
 import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/components/media/imagePreviewModal.css.ts
 var t = e({
-	defaultClassName: "_1xsy8p94 _1xsy8p90 txvbqbfqq txvbqbey txvbqbls4 txvbqb2uc txvbqbwr6 txvbqb28o txvbqb2sj txvbqb1cw txvbqb1b85 txvbqbv txvbqbwvi",
+	defaultClassName: "_1xsy8p94 _1xsy8p90 txvbqbfqq txvbqbey txvbqbls4 txvbqb2uc txvbqbwr6 txvbqb28o txvbqb2sj txvbqb1cw txvbqb1b8v txvbqbv txvbqbwvv",
 	variantClassNames: { size: {
-		sm: "_1xsy8p95 _1xsy8p91 txvbqb19le txvbqbjqt",
-		md: "_1xsy8p96 _1xsy8p92 txvbqb19mh txvbqbjrw",
-		lg: "_1xsy8p97 _1xsy8p93 txvbqb19nk txvbqbjsz"
+		sm: "_1xsy8p95 _1xsy8p91 txvbqb19lr txvbqbjqt",
+		md: "_1xsy8p96 _1xsy8p92 txvbqb19mu txvbqbjrw",
+		lg: "_1xsy8p97 _1xsy8p93 txvbqb19nx txvbqbjsz"
 	} },
 	defaultVariants: { size: "md" },
 	compoundVariants: []
-}), n = "_1xsy8p98 txvbqbfox txvbqb19uf txvbqbjzu txvbqb24", r = "_1xsy8p99 txvbqbfpn txvbqbey txvbqbls4", i = "_1xsy8p9a txvbqbfox txvbqbu4k txvbqbttq txvbqb23";
+}), n = "_1xsy8p98 txvbqbfox txvbqb19us txvbqbjzu txvbqb24", r = "_1xsy8p99 txvbqbfpn txvbqbey txvbqbls4", i = "_1xsy8p9a txvbqbfox txvbqbu4k txvbqbttq txvbqb23";
 //#endregion
 export { r as modalBody, i as modalImage, t as previewButton, n as previewImage };
 

package/lib/esm/components/navigation/sidebar/SidebarNavigation.js

@@ -60,7 +60,7 @@ var m = (e, t, n) => t == null ? !1 : n === !0 ? e === t : e === t || e.startsWi
 					})]
 				}),
 				h != null && !j && /* @__PURE__ */ d("div", {
-					className: "_6jdbjof txvbqb10m7 txvbqb11js txvbqbfpn txvbqbh4x txvbqbhdl",
+					className: "_6jdbjof txvbqb10mk txvbqb11k5 txvbqbfpn txvbqbh4x txvbqbhdl",
 					children: h
 				}),
 				/* @__PURE__ */ d("nav", {

package/lib/esm/components/navigation/sidebar/sidebarNavigation.css.js

@@ -41,7 +41,7 @@ var t = "_6jdbjo1 _6jdbjo0 txvbqbfpn txvbqbh4x txvbqbjzu txvbqb1tv txvbqb2sj txv
 			state: "collapsed"
 		}, "_6jdbjoa"]
 	]
-}), r = "_6jdbjob txvbqbfpn txvbqbh4x txvbqbhdy txvbqbwwl txvbqbjzu txvbqbu86", i = "_6jdbjoc txvbqb10m7 txvbqb11js txvbqbfpn txvbqbey txvbqblt7 txvbqbhdl", a = "_6jdbjoe _6jdbjod txvbqbfpn txvbqbh4x txvbqbhdy txvbqbfvs txvbqbu86 txvbqbwsz txvbqb38", o = "_6jdbjof txvbqb10m7 txvbqb11js txvbqbfpn txvbqbh4x txvbqbhdl", s = "_6jdbjog txvbqb10m7 txvbqb11js txvbqbfpn txvbqbh4x txvbqbhdl";
+}), r = "_6jdbjob txvbqbfpn txvbqbh4x txvbqbhdy txvbqbwwy txvbqbjzu txvbqbu86", i = "_6jdbjoc txvbqb10mk txvbqb11k5 txvbqbfpn txvbqbey txvbqblt7 txvbqbhdl", a = "_6jdbjoe _6jdbjod txvbqbfpn txvbqbh4x txvbqbhdy txvbqbfvs txvbqbu86 txvbqbwtc txvbqb38", o = "_6jdbjof txvbqb10mk txvbqb11k5 txvbqbfpn txvbqbh4x txvbqbhdl", s = "_6jdbjog txvbqb10mk txvbqb11k5 txvbqbfpn txvbqbh4x txvbqbhdl";
 //#endregion
 export { t as container, n as containerRecipe, s as footer, i as header, r as inner, o as search, a as sections };
 

package/lib/esm/components/responsive/ResponsiveCollectionRenderer.css.js

@@ -1,7 +1,7 @@
 /* empty css                                   */
 /* empty css                                            */
 //#region src/components/responsive/ResponsiveCollectionRenderer.css.ts
-var e = "vaohr92 vaohr91 txvbqb19uf txvbqbv7x", t = "vaohr93", n = "vaohr95 vaohr94 txvbqbfok";
+var e = "vaohr92 vaohr91 txvbqb19us txvbqbv7x", t = "vaohr93", n = "vaohr95 vaohr94 txvbqbfok";
 //#endregion
 export { n as cardsMode, e as root, t as tableMode };
 

package/lib/esm/components/routing/routeFallback.css.js

@@ -1,7 +1,7 @@
 /* empty css                                   */
 /* empty css                             */
 //#region src/components/routing/routeFallback.css.ts
-var e = "_16yu4q33 _16yu4q31 txvbqbfpn txvbqbh4x txvbqbey txvbqbls4 txvbqb19uf _16yu4q32 txvbqbhdy txvbqb12km txvbqbxwp txvbqb2v2 txvbqb1b83", t = "_16yu4q35 _16yu4q31 txvbqbfpn txvbqbh4x txvbqbey txvbqbls4 txvbqb19uf _16yu4q34 txvbqbv7k txvbqbheb txvbqb1b81", n = "_16yu4q37 _16yu4q36 txvbqb1b9l txvbqb2wi", r = "_16yu4q39 _16yu4q38 txvbqb1b83 txvbqb2wi", i = "_16yu4q3a txvbqb1bg3 txvbqb9j txvbqbo7v";
+var e = "_16yu4q33 _16yu4q31 txvbqbfpn txvbqbh4x txvbqbey txvbqbls4 txvbqb19us _16yu4q32 txvbqbhdy txvbqb12kz txvbqbxx2 txvbqb2v2 txvbqb1b8t", t = "_16yu4q35 _16yu4q31 txvbqbfpn txvbqbh4x txvbqbey txvbqbls4 txvbqb19us _16yu4q34 txvbqbv7k txvbqbheb txvbqb1b8r", n = "_16yu4q37 _16yu4q36 txvbqb1bab txvbqb2wi", r = "_16yu4q39 _16yu4q38 txvbqb1b8t txvbqb2wi", i = "_16yu4q3a txvbqb1bgt txvbqb9j txvbqbo7v";
 //#endregion
 export { n as contentPulse, e as contentRoot, i as label, r as pagePulse, t as pageRoot };
 

package/lib/esm/components/routing/routePendingBar.css.js

@@ -1,7 +1,7 @@
 /* empty css                                   */
 /* empty css                               */
 //#region src/components/routing/routePendingBar.css.ts
-var e = "_1cjlm662 _1cjlm661 txvbqb1b83 txvbqb13ik txvbqb18f5 txvbqblvq txvbqbwr6 txvbqb2o txvbqb19uf txvbqb1auw", t = "_1cjlm664 _1cjlm663 txvbqbjzu txvbqb1aiz";
+var e = "_1cjlm662 _1cjlm661 txvbqb1b8t txvbqb13ix txvbqb18fi txvbqblvq txvbqbwr6 txvbqb2o txvbqb19us txvbqb1avm", t = "_1cjlm664 _1cjlm663 txvbqbjzu txvbqb1ajc";
 //#endregion
 export { t as bar, e as root };
 

package/lib/esm/components/select/SimpleSelect.css.js

@@ -3,28 +3,28 @@
 import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/components/select/SimpleSelect.css.ts
 var t = e({
-	defaultClassName: "_11ypmks3 _11ypmks0 txvbqb13i7",
+	defaultClassName: "_11ypmks3 _11ypmks0 txvbqb13ik",
 	variantClassNames: { fullWidth: {
-		true: "_11ypmks4 _11ypmks1 txvbqb19uf",
-		false: "_11ypmks5 _11ypmks2 txvbqb19u2"
+		true: "_11ypmks4 _11ypmks1 txvbqb19us",
+		false: "_11ypmks5 _11ypmks2 txvbqb19uf"
 	} },
 	defaultVariants: { fullWidth: !0 },
 	compoundVariants: []
-}), n = "_11ypmks6 txvbqbfox txvbqbp66 txvbqb96 txvbqbhbf txvbqbmv4 txvbqb6a txvbqb1bg5", r = e({
-	defaultClassName: "_11ypmksk _11ypmks8 _11ypmks7 txvbqb10mx txvbqb11ki txvbqb12hq txvbqbxtt txvbqb19uf txvbqbfpn txvbqbey txvbqblt7 txvbqbhdl txvbqb2up txvbqb9j txvbqbhbf txvbqb18dc txvbqbv txvbqb7h txvbqb76 txvbqb7t qbwcue4 txvbqb1f7o txvbqb1fe4",
+}), n = "_11ypmks6 txvbqbfox txvbqbp66 txvbqb96 txvbqbhbf txvbqbmv4 txvbqb6a txvbqb1bgv", r = e({
+	defaultClassName: "_11ypmksk _11ypmks8 _11ypmks7 txvbqb10na txvbqb11kv txvbqb12i3 txvbqbxu6 txvbqb19us txvbqbfpn txvbqbey txvbqblt7 txvbqbhdl txvbqb2up txvbqb9j txvbqbhbf txvbqb18dp txvbqbv txvbqb7h txvbqb76 txvbqb7t qbwcue4 txvbqb1f8e txvbqb1feu",
 	variantClassNames: {
 		variant: {
-			default: "_11ypmksl _11ypmksb _11ypmks9 txvbqb29r txvbqb2sj txvbqb18k txvbqb1b8l txvbqb1bgf _11ypmksa txvbqb1ffk qbwcue1 txvbqb1dld txvbqb1e6h",
-			brand: "_11ypmksm _11ypmksg _11ypmkse txvbqb1bi7 txvbqb28o txvbqb2sj txvbqb1qm txvbqb1ayv _11ypmksf txvbqb1fbp qbwcue3 txvbqb1ffk txvbqb1e6w"
+			default: "_11ypmksl _11ypmksb _11ypmks9 txvbqb29r txvbqb2sj txvbqb18k txvbqb1b9b txvbqb1bh5 _11ypmksa txvbqb1fga qbwcue1 txvbqb1dm3 txvbqb1e77",
+			brand: "_11ypmksm _11ypmksg _11ypmkse txvbqb1bix txvbqb28o txvbqb2sj txvbqb1qm txvbqb1azl _11ypmksf txvbqb1fcf qbwcue3 txvbqb1fga txvbqb1e7m"
 		},
 		state: {
 			default: "_11ypmksn",
-			error: "_11ypmkso _11ypmksd _11ypmksc txvbqb29r txvbqb2sj txvbqb1je txvbqb1b8l txvbqb1bgf qbwcue2 txvbqb1e6p"
+			error: "_11ypmkso _11ypmksd _11ypmksc txvbqb29r txvbqb2sj txvbqb1je txvbqb1b9b txvbqb1bh5 qbwcue2 txvbqb1e7f"
 		},
 		size: {
-			small: "_11ypmksp _11ypmksh txvbqb10mk txvbqb11k5 txvbqb12hd txvbqbxtg txvbqb9j",
-			medium: "_11ypmksq _11ypmksi txvbqb10mx txvbqb11ki txvbqb12hq txvbqbxtt txvbqb9j",
-			large: "_11ypmksr _11ypmksj txvbqb10na txvbqb11kv txvbqb12i3 txvbqbxu6 txvbqb9w"
+			small: "_11ypmksp _11ypmksh txvbqb10mx txvbqb11ki txvbqb12hq txvbqbxtt txvbqb9j",
+			medium: "_11ypmksq _11ypmksi txvbqb10na txvbqb11kv txvbqb12i3 txvbqbxu6 txvbqb9j",
+			large: "_11ypmksr _11ypmksj txvbqb10nn txvbqb11l8 txvbqb12ig txvbqbxuj txvbqb9w"
 		}
 	},
 	defaultVariants: {
@@ -35,8 +35,8 @@ var t = e({
 	compoundVariants: [[{
 		variant: "brand",
 		state: "error"
-	}, "_11ypmksg _11ypmkse txvbqb1bi7 txvbqb28o txvbqb2sj txvbqb1qm txvbqb1ayv _11ypmksf txvbqb1fbp qbwcue3 txvbqb1ffk txvbqb1e6w"]]
-}), i = "_11ypmkss txvbqbcfx txvbqbcby", a = "_11ypmkst txvbqbfvs txvbqbv7x txvbqb1avz txvbqbwr6 txvbqb18ef", o = "_11ypmksu txvbqbfq0 txvbqbey txvbqbls4 txvbqb19fm txvbqbjl1 txvbqb1bg5 txvbqb7g txvbqb76 txvbqb7t", s = "_11ypmksv txvbqb30 txvbqb1bg1", c = "_11ypmksw txvbqb1bi7", l = "_11ypmksx txvbqb13hu txvbqb18ub txvbqblvq txvbqb13jn txvbqb1atg txvbqbfpn txvbqbh4x txvbqbhd8 txvbqbwvv txvbqb2up txvbqb28o txvbqb2sj txvbqb1cw txvbqb1b85 txvbqbegv txvbqbt7p txvbqbwsz", u = "_11ypmksy txvbqbc7z txvbqbc27 txvbqbse3", d = "_11ypmks10 _11ypmksz txvbqb10mx txvbqb11ki txvbqb12hq txvbqbxtt txvbqbfpn txvbqbh4x txvbqbel txvbqbhd8 txvbqb19uf txvbqb1tv txvbqb2rt txvbqb2uc txvbqb1b4r txvbqb9j txvbqbhb2 txvbqb1bg1 txvbqb18dc txvbqbv txvbqb7h txvbqb75 txvbqb7t", f = "_11ypmks11 txvbqb1bhb txvbqb1b9n", p = "_11ypmks12 txvbqb96 txvbqb1bg5", m = "_11ypmks13 txvbqbq3r txvbqbr1c txvbqbryk txvbqbp5t txvbqbk07 txvbqb1b9f", h = "_11ypmks14 txvbqb10mk txvbqb11k5 txvbqb12hd txvbqbxtg";
+	}, "_11ypmksg _11ypmkse txvbqb1bix txvbqb28o txvbqb2sj txvbqb1qm txvbqb1azl _11ypmksf txvbqb1fcf qbwcue3 txvbqb1fga txvbqb1e7m"]]
+}), i = "_11ypmkss txvbqbcfx txvbqbcby", a = "_11ypmkst txvbqbfvs txvbqbv7x txvbqb1awp txvbqbwr6 txvbqb18es", o = "_11ypmksu txvbqbfq0 txvbqbey txvbqbls4 txvbqb19fz txvbqbjl1 txvbqb1bgv txvbqb7g txvbqb76 txvbqb7t", s = "_11ypmksv txvbqb30 txvbqb1bgr", c = "_11ypmksw txvbqb1bix", l = "_11ypmksx txvbqb13ix txvbqb18fi txvbqblvq txvbqb1awc txvbqbfpn txvbqbh4x txvbqbhd8 txvbqbww8 txvbqb2up txvbqb28o txvbqb2sj txvbqb1cw txvbqb1b8v txvbqbegv txvbqbwtc", u = "_11ypmksy txvbqbc7z txvbqbc27 txvbqbse3", d = "_11ypmks10 _11ypmksz txvbqb10na txvbqb11kv txvbqb12i3 txvbqbxu6 txvbqbfpn txvbqbh4x txvbqbel txvbqbhd8 txvbqb19us txvbqb1tv txvbqb2rt txvbqb2uc txvbqb1b5h txvbqb9j txvbqbhb2 txvbqb1bgr txvbqb18dp txvbqbv txvbqb7h txvbqb75 txvbqb7t", f = "_11ypmks11 txvbqb1bi1 txvbqb1bad", p = "_11ypmks12 txvbqb96 txvbqb1bgv", m = "_11ypmks13 txvbqbq3r txvbqbr1c txvbqbryk txvbqbp5t txvbqbk07 txvbqb1ba5", h = "_11ypmks14 txvbqb10mx txvbqb11ki txvbqb12hq txvbqbxtt";
 //#endregion
 export { h as actionsContainer, t as container, n as label, l as menu, u as menuOpen, m as menuSeparator, d as optionButton, p as optionDescription, f as optionSelected, r as trigger, o as triggerIcon, c as triggerIconBrand, s as triggerIconOpen, i as triggerOpen, a as valueText };
 

package/lib/esm/components/select/SimpleSelect.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleSelect.css.js","names":[],"sources":["../../../../src/components/select/SimpleSelect.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe, type RecipeVariants } from '@vanilla-extract/recipes';\n\nimport { sprinkles, stateSprinkles } from '../../theme/sprinkles.css.js';\nimport {\n  brandFocusRing,\n  controlFocusRing,\n  disabledControl,\n  errorControlFocusRing,\n} from '../../theme/styleRecipes.css.js';\nimport { vars } from '../../theme/themeContract.css.js';\n\nexport const container = recipe({\n  base: sprinkles({\n    position: 'relative',\n  }),\n  variants: {\n    fullWidth: {\n      true: sprinkles({ width: 'full' }),\n      false: sprinkles({ width: 'auto' }),\n    },\n  },\n  defaultVariants: {\n    fullWidth: true,\n  },\n});\n\nexport const label = sprinkles({\n  display: 'block',\n  marginBottom: 2,\n  fontSize: 'xs',\n  fontWeight: 'semibold',\n  letterSpacing: 'wider',\n  textTransform: 'uppercase',\n  color: 'textMuted',\n});\n\nconst triggerBase = style([\n  sprinkles({\n    width: 'full',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: 2,\n    paddingY: 2,\n    paddingX: 3,\n    borderRadius: 'xl',\n    fontSize: 'sm',\n    fontWeight: 'semibold',\n    textAlign: 'left',\n    cursor: 'pointer',\n    transitionProperty: 'colors',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  disabledControl,\n]);\n\nconst defaultTrigger = style([\n  sprinkles({\n    borderWidth: 'px',\n    borderStyle: 'solid',\n    borderColor: 'controlBorder',\n    backgroundColor: 'controlSurface',\n    color: 'controlText',\n  }),\n  stateSprinkles({ outline: { focusVisible: 'none' } }),\n  controlFocusRing,\n]);\n\nconst errorTrigger = style([\n  sprinkles({\n    borderWidth: 'px',\n    borderStyle: 'solid',\n    borderColor: 'toneDangerBorder',\n    backgroundColor: 'controlSurface',\n    color: 'controlText',\n  }),\n  errorControlFocusRing,\n]);\n\nconst brandTrigger = style([\n  sprinkles({\n    color: 'onBrand',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'brandPrimaryRed',\n    backgroundImage: 'brandDiagonal',\n  }),\n  stateSprinkles({ filter: { hover: 'brightness98' } }),\n  brandFocusRing,\n]);\n\nexport const trigger = recipe({\n  base: triggerBase,\n  variants: {\n    variant: {\n      default: defaultTrigger,\n      brand: brandTrigger,\n    },\n    state: {\n      default: {},\n      error: errorTrigger,\n    },\n    size: {\n      small: sprinkles({\n        paddingY: 1,\n        paddingX: 2,\n        fontSize: 'sm',\n      }),\n      medium: sprinkles({\n        paddingY: 2,\n        paddingX: 3,\n        fontSize: 'sm',\n      }),\n      large: sprinkles({\n        paddingY: 3,\n        paddingX: 4,\n        fontSize: 'base',\n      }),\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    state: 'default',\n    size: 'medium',\n  },\n  compoundVariants: [\n    {\n      variants: {\n        variant: 'brand',\n        state: 'error',\n      },\n      style: brandTrigger,\n    },\n  ],\n});\n\nexport const triggerOpen = sprinkles({\n  borderBottomLeftRadius: 'none',\n  borderBottomRightRadius: 'none',\n});\n\nexport const valueText = sprinkles({\n  flex: 1,\n  minWidth: 0,\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n});\n\nexport const triggerIcon = sprinkles({\n  display: 'grid',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 4,\n  height: 4,\n  color: 'textMuted',\n  transitionProperty: 'default',\n  transitionDuration: 150,\n  transitionTimingFunction: 'ease',\n});\n\nexport const triggerIconOpen = sprinkles({\n  rotate: 180,\n  color: 'text',\n});\n\nexport const triggerIconBrand = sprinkles({\n  color: 'onBrand',\n});\n\nexport const menu = sprinkles({\n  position: 'absolute',\n  top: 'full',\n  left: 0,\n  right: 0,\n  zIndex: 10,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  padding: 1,\n  borderRadius: 'xl',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'border',\n  backgroundColor: 'surfaceElevated',\n  boxShadow: 'lg',\n  maxHeight: 72,\n  overflowY: 'auto',\n});\n\nexport const menuOpen = sprinkles({\n  borderTopLeftRadius: 'none',\n  borderTopRightRadius: 'none',\n  marginTop: '-px',\n});\n\nexport const optionButton = style([\n  sprinkles({\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'flex-start',\n    gap: 1,\n    width: 'full',\n    borderWidth: 0,\n    borderStyle: 'none',\n    borderRadius: 'lg',\n    backgroundColor: 'transparent',\n    paddingY: 2,\n    paddingX: 3,\n    fontSize: 'sm',\n    fontWeight: 'medium',\n    color: 'text',\n    textAlign: 'left',\n    cursor: 'pointer',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        backgroundColor: vars.colors.controlSurfaceHover,\n      },\n      '&:focus-visible': {\n        outline: 'none',\n        backgroundColor: vars.colors.controlSurfaceHover,\n        boxShadow: vars.boxShadow.primaryLightRingStrong,\n      },\n    },\n  },\n]);\n\nexport const optionSelected = sprinkles({\n  color: 'tonePrimaryText',\n  backgroundColor: 'tonePrimarySurface',\n});\n\nexport const optionDescription = sprinkles({\n  fontSize: 'xs',\n  color: 'textMuted',\n});\n\nexport const menuSeparator = sprinkles({\n  height: 'px',\n  marginY: 1,\n  marginX: 2,\n  backgroundColor: 'border',\n});\n\nexport const actionsContainer = sprinkles({\n  paddingY: 1,\n  paddingX: 2,\n});\n\nexport type SimpleSelectVariants = RecipeVariants<typeof trigger>;\n"],"mappings":""}
+{"version":3,"file":"SimpleSelect.css.js","names":[],"sources":["../../../../src/components/select/SimpleSelect.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe, type RecipeVariants } from '@vanilla-extract/recipes';\n\nimport { sprinkles, stateSprinkles } from '../../theme/sprinkles.css.js';\nimport {\n  brandFocusRing,\n  controlFocusRing,\n  disabledControl,\n  errorControlFocusRing,\n} from '../../theme/styleRecipes.css.js';\nimport { vars } from '../../theme/themeContract.css.js';\n\nexport const container = recipe({\n  base: sprinkles({\n    position: 'relative',\n  }),\n  variants: {\n    fullWidth: {\n      true: sprinkles({ width: 'full' }),\n      false: sprinkles({ width: 'auto' }),\n    },\n  },\n  defaultVariants: {\n    fullWidth: true,\n  },\n});\n\nexport const label = sprinkles({\n  display: 'block',\n  marginBottom: 2,\n  fontSize: 'xs',\n  fontWeight: 'semibold',\n  letterSpacing: 'wider',\n  textTransform: 'uppercase',\n  color: 'textMuted',\n});\n\nconst triggerBase = style([\n  sprinkles({\n    width: 'full',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: 2,\n    paddingY: 2,\n    paddingX: 3,\n    borderRadius: 'xl',\n    fontSize: 'sm',\n    fontWeight: 'semibold',\n    textAlign: 'left',\n    cursor: 'pointer',\n    transitionProperty: 'colors',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  disabledControl,\n]);\n\nconst defaultTrigger = style([\n  sprinkles({\n    borderWidth: 'px',\n    borderStyle: 'solid',\n    borderColor: 'controlBorder',\n    backgroundColor: 'controlSurface',\n    color: 'controlText',\n  }),\n  stateSprinkles({ outline: { focusVisible: 'none' } }),\n  controlFocusRing,\n]);\n\nconst errorTrigger = style([\n  sprinkles({\n    borderWidth: 'px',\n    borderStyle: 'solid',\n    borderColor: 'toneDangerBorder',\n    backgroundColor: 'controlSurface',\n    color: 'controlText',\n  }),\n  errorControlFocusRing,\n]);\n\nconst brandTrigger = style([\n  sprinkles({\n    color: 'onBrand',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'brandPrimaryRed',\n    backgroundImage: 'brandDiagonal',\n  }),\n  stateSprinkles({ filter: { hover: 'brightness98' } }),\n  brandFocusRing,\n]);\n\nexport const trigger = recipe({\n  base: triggerBase,\n  variants: {\n    variant: {\n      default: defaultTrigger,\n      brand: brandTrigger,\n    },\n    state: {\n      default: {},\n      error: errorTrigger,\n    },\n    size: {\n      small: sprinkles({\n        paddingY: 1,\n        paddingX: 2,\n        fontSize: 'sm',\n      }),\n      medium: sprinkles({\n        paddingY: 2,\n        paddingX: 3,\n        fontSize: 'sm',\n      }),\n      large: sprinkles({\n        paddingY: 3,\n        paddingX: 4,\n        fontSize: 'base',\n      }),\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    state: 'default',\n    size: 'medium',\n  },\n  compoundVariants: [\n    {\n      variants: {\n        variant: 'brand',\n        state: 'error',\n      },\n      style: brandTrigger,\n    },\n  ],\n});\n\nexport const triggerOpen = sprinkles({\n  borderBottomLeftRadius: 'none',\n  borderBottomRightRadius: 'none',\n});\n\nexport const valueText = sprinkles({\n  flex: 1,\n  minWidth: 0,\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n});\n\nexport const triggerIcon = sprinkles({\n  display: 'grid',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 4,\n  height: 4,\n  color: 'textMuted',\n  transitionProperty: 'default',\n  transitionDuration: 150,\n  transitionTimingFunction: 'ease',\n});\n\nexport const triggerIconOpen = sprinkles({\n  rotate: 180,\n  color: 'text',\n});\n\nexport const triggerIconBrand = sprinkles({\n  color: 'onBrand',\n});\n\nexport const menu = sprinkles({\n  position: 'fixed',\n  top: 0,\n  left: 0,\n  zIndex: 'modal',\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  padding: 1,\n  borderRadius: 'xl',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'border',\n  backgroundColor: 'surfaceElevated',\n  boxShadow: 'lg',\n  overflowY: 'auto',\n});\n\nexport const menuOpen = sprinkles({\n  borderTopLeftRadius: 'none',\n  borderTopRightRadius: 'none',\n  marginTop: '-px',\n});\n\nexport const optionButton = style([\n  sprinkles({\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'flex-start',\n    gap: 1,\n    width: 'full',\n    borderWidth: 0,\n    borderStyle: 'none',\n    borderRadius: 'lg',\n    backgroundColor: 'transparent',\n    paddingY: 2,\n    paddingX: 3,\n    fontSize: 'sm',\n    fontWeight: 'medium',\n    color: 'text',\n    textAlign: 'left',\n    cursor: 'pointer',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        backgroundColor: vars.colors.controlSurfaceHover,\n      },\n      '&:focus-visible': {\n        outline: 'none',\n        backgroundColor: vars.colors.controlSurfaceHover,\n        boxShadow: vars.boxShadow.primaryLightRingStrong,\n      },\n    },\n  },\n]);\n\nexport const optionSelected = sprinkles({\n  color: 'tonePrimaryText',\n  backgroundColor: 'tonePrimarySurface',\n});\n\nexport const optionDescription = sprinkles({\n  fontSize: 'xs',\n  color: 'textMuted',\n});\n\nexport const menuSeparator = sprinkles({\n  height: 'px',\n  marginY: 1,\n  marginX: 2,\n  backgroundColor: 'border',\n});\n\nexport const actionsContainer = sprinkles({\n  paddingY: 1,\n  paddingX: 2,\n});\n\nexport type SimpleSelectVariants = RecipeVariants<typeof trigger>;\n"],"mappings":""}