@kanso-labs/kanso-ui 0.26.2 → 0.26.3

package/dist/components/supporting-pane/index.js

@@ -1,5 +1,6 @@
 import { useRender } from "../../render/useRender.js";
 import { mergeStyles } from "../../styles/merge.js";
+import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/supporting-pane/index.tsx
 /**
@@ -15,29 +16,99 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 * Material Design asks of co-planar panes: focus order has to match the
 * arrangement on screen.
 */
-function SupportingPane({ main, placement = "trailing", render, supporting, ...props }) {
-	const leading = placement === "leading";
-	return useRender({
-		defaultTagName: "div",
-		props: {
-			...props,
-			children: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+function SupportingPane(t0) {
+	const $ = c(24);
+	let render;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	if ($[0] !== t0) {
+		const { main, placement: t6, render: t7, supporting, ...props } = t0;
+		render = t7;
+		const leading = (t6 === void 0 ? "trailing" : t6) === "leading";
+		t5 = useRender;
+		t4 = "div";
+		t1 = props;
+		let t8;
+		if ($[7] !== main) {
+			t8 = /* @__PURE__ */ jsx("div", {
 				className: "x9f619 xeuugli",
 				children: main
-			}), /* @__PURE__ */ jsx("div", {
-				...{
-					0: { className: "x9f619 xeuugli" },
-					1: { className: "x9f619 xeuugli xm5moh1 x1mqhcjd x15daork x15qucf8" }
-				}[!!leading << 0],
+			});
+			$[7] = main;
+			$[8] = t8;
+		} else t8 = $[8];
+		let t9;
+		if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+			t9 = {
+				0: { className: "x9f619 xeuugli" },
+				1: { className: "x9f619 xeuugli xm5moh1 x1mqhcjd x15daork x15qucf8" }
+			};
+			$[9] = t9;
+		} else t9 = $[9];
+		const t10 = t9[!!leading << 0];
+		let t11;
+		if ($[10] !== supporting || $[11] !== t10) {
+			t11 = /* @__PURE__ */ jsx("div", {
+				...t10,
 				children: supporting
-			})] }),
-			...mergeStyles({
-				0: { className: "x9f619 xrvj5dj xj2l1yv x1mkdm3x x1674ulc" },
-				1: { className: "x9f619 xrvj5dj xj2l1yv x1mkdm3x xkgydl7" }
-			}[!!leading << 0], props)
-		},
-		render
-	});
+			});
+			$[10] = supporting;
+			$[11] = t10;
+			$[12] = t11;
+		} else t11 = $[12];
+		if ($[13] !== t11 || $[14] !== t8) {
+			t2 = /* @__PURE__ */ jsxs(Fragment, { children: [t8, t11] });
+			$[13] = t11;
+			$[14] = t8;
+			$[15] = t2;
+		} else t2 = $[15];
+		t3 = mergeStyles({
+			0: { className: "x9f619 xrvj5dj xj2l1yv x1mkdm3x x1674ulc" },
+			1: { className: "x9f619 xrvj5dj xj2l1yv x1mkdm3x xkgydl7" }
+		}[!!leading << 0], props);
+		$[0] = t0;
+		$[1] = render;
+		$[2] = t1;
+		$[3] = t2;
+		$[4] = t3;
+		$[5] = t4;
+		$[6] = t5;
+	} else {
+		render = $[1];
+		t1 = $[2];
+		t2 = $[3];
+		t3 = $[4];
+		t4 = $[5];
+		t5 = $[6];
+	}
+	let t6;
+	if ($[16] !== t1 || $[17] !== t2 || $[18] !== t3) {
+		t6 = {
+			...t1,
+			children: t2,
+			...t3
+		};
+		$[16] = t1;
+		$[17] = t2;
+		$[18] = t3;
+		$[19] = t6;
+	} else t6 = $[19];
+	let t7;
+	if ($[20] !== render || $[21] !== t4 || $[22] !== t6) {
+		t7 = {
+			defaultTagName: t4,
+			props: t6,
+			render
+		};
+		$[20] = render;
+		$[21] = t4;
+		$[22] = t6;
+		$[23] = t7;
+	} else t7 = $[23];
+	return t5(t7);
 }
 //#endregion
 export { SupportingPane as default };

package/dist/components/supporting-pane/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/supporting-pane/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport * as stylex from '@stylexjs/stylex';\nimport type { RenderComponentProps } from '../../render/useRender';\nimport { useRender } from '../../render/useRender';\nimport { mergeStyles } from '../../styles/merge';\nimport '../../tokens/design.tokens.stylex';\nimport { media, spacing } from '../../tokens/design.tokens.stylex';\n\n// One of Material Design's canonical layouts. The supporting pane holds\n// content that only means anything next to the main pane — reviewer comments,\n// related items, a tool panel — which is what separates it from list-detail,\n// where the second pane stands on its own.\n//\n// The canonical layout page gives this layout two shapes across the\n// breakpoints, and both are reachable in CSS because neither depends on what\n// the reader selected: stacked at compact and medium, and from expanded up the\n// supporting pane beside the main one at a fixed 360, with the main pane\n// taking the rest. Stacking is Material Design's \"reflow\" strategy, where the\n// supporting pane moves under the main one rather than being dismissed. The\n// page's other compact option is a bottom sheet, which is a different\n// component's job — reach for Sheet at the call site when the supporting\n// content should be summoned rather than scrolled to.\n//\n// **Which side the supporting pane takes is an expanded-window choice, and\n// only that.** The page gives two rules: below the focus pane in medium\n// windows and under, and \"on the leading or trailing side of the focus pane\"\n// from expanded up. So `placement` moves the pane beside the main one and\n// leaves the stacked shape alone — stacked, the supporting pane is under the\n// main one either way.\n//\n// **A leading pane is placed with grid columns rather than by reordering the\n// DOM, and that is a departure worth naming.** The page also asks that focus\n// order match the arrangement on screen for co-planar panes, and no single\n// DOM order satisfies both of its rules: a supporting pane written first\n// reads left of the main one at expanded, as leading should, but then sits\n// above it when the layout stacks — which is the one thing the page says it\n// should not do. Whichever way it is written, one breakpoint has focus order\n// crossing the visual order.\n//\n// The main pane stays first in the DOM, so the break lands at expanded and\n// not on a phone. Side by side, a keyboard reaches the main pane before the\n// supporting one that is drawn to its left, which is an odd half-second with\n// both panes in view; stacked the other way round, a reader meets content\n// that \"only means anything next to the main pane\" before reaching the pane\n// it is talking about. The second is worse, and it is the case the page\n// rules on explicitly.\n\ntype SupportingPaneProps = Omit<RenderComponentProps<'div'>, 'children'> & {\n  /**\n   * The primary content. Takes whatever width the supporting pane leaves from\n   * expanded up.\n   */\n  main?: ReactNode;\n  /**\n   * Which side of the main pane the supporting one takes from expanded up.\n   * Below the medium breakpoint the layout stacks either way, with the\n   * supporting pane under the main one.\n   * @default 'trailing'\n   */\n  placement?: 'leading' | 'trailing';\n  /**\n   * Content that only means something beside `main`. Sits below it at compact\n   * and medium, and beside it at a fixed 360px from expanded up.\n   */\n  supporting?: ReactNode;\n};\n\n/**\n * Material Design's supporting pane layout: a main pane and a companion that\n * reflows underneath it when there is no room beside it.\n *\n * Layout only — neither pane paints a surface or a border of its own, so what\n * goes in them is composed at the call site out of Cards, lists, or plain\n * content. `render` swaps the container's element, for a layout that should\n * be a `<main>` rather than a `<div>`.\n *\n * The panes are written to the DOM in the order they are shown, which is what\n * Material Design asks of co-planar panes: focus order has to match the\n * arrangement on screen.\n */\nfunction SupportingPane({\n  main,\n  placement = 'trailing',\n  render,\n  supporting,\n  ...props\n}: SupportingPaneProps) {\n  const leading = placement === 'leading';\n  return useRender({\n    defaultTagName: 'div',\n    props: {\n      ...props,\n      children: <>\n          <div className=\"x9f619 xeuugli\">{main}</div>\n          <div {...{\n          0: {\n            className: \"x9f619 xeuugli\"\n          },\n          1: {\n            className: \"x9f619 xeuugli xm5moh1 x1mqhcjd x15daork x15qucf8\"\n          }\n        }[!!leading << 0]}>\n            {supporting}\n          </div>\n        </>,\n      ...mergeStyles({\n        0: {\n          className: \"x9f619 xrvj5dj xj2l1yv x1mkdm3x x1674ulc\"\n        },\n        1: {\n          className: \"x9f619 xrvj5dj xj2l1yv x1mkdm3x xkgydl7\"\n        }\n      }[!!leading << 0], props)\n    },\n    render\n  });\n}\nexport type { SupportingPaneProps };\nexport default SupportingPane;"],"mappings":";;;;;;;;;;;;;;;;;AAgFA,SAAS,eAAe,EACtB,MACA,YAAY,YACZ,QACA,YACA,GAAG,SACmB;CACtB,MAAM,UAAU,cAAc;CAC9B,OAAO,UAAU;EACf,gBAAgB;EAChB,OAAO;GACL,GAAG;GACH,UAAU,qBAAA,UAAA,EAAA,UAAA,CACN,oBAAC,OAAD;IAAK,WAAU;IAAkB,UAAA;GAAU,CAAA,GAC3C,oBAAC,OAAD;IAAK,GAAI;KACT,GAAG,EACD,WAAW,iBACb;KACA,GAAG,EACD,WAAW,oDACb;IACF,EAAE,CAAC,CAAC,WAAW;IACV,UAAA;GACE,CAAA,CACP,EAAA,CAAA;GACF,GAAG,YAAY;IACb,GAAG,EACD,WAAW,2CACb;IACA,GAAG,EACD,WAAW,0CACb;GACF,EAAE,CAAC,CAAC,WAAW,IAAI,KAAK;EAC1B;EACA;CACF,CAAC;AACH"}
+{"version":3,"file":"index.js","names":["ReactNode","stylex","RenderComponentProps","useRender","mergeStyles","media","spacing","SupportingPaneProps","Omit","main","placement","supporting","SupportingPane","t0","$","_c","render","t1","t2","t3","t4","t5","t6","t7","props","undefined","leading","t8","t9","Symbol","for","0","className","1","t10","t11","children","defaultTagName"],"sources":["../../../src/components/supporting-pane/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport * as stylex from '@stylexjs/stylex';\nimport type { RenderComponentProps } from '../../render/useRender';\nimport { useRender } from '../../render/useRender';\nimport { mergeStyles } from '../../styles/merge';\nimport '../../tokens/design.tokens.stylex';\nimport { media, spacing } from '../../tokens/design.tokens.stylex';\n\n// One of Material Design's canonical layouts. The supporting pane holds\n// content that only means anything next to the main pane — reviewer comments,\n// related items, a tool panel — which is what separates it from list-detail,\n// where the second pane stands on its own.\n//\n// The canonical layout page gives this layout two shapes across the\n// breakpoints, and both are reachable in CSS because neither depends on what\n// the reader selected: stacked at compact and medium, and from expanded up the\n// supporting pane beside the main one at a fixed 360, with the main pane\n// taking the rest. Stacking is Material Design's \"reflow\" strategy, where the\n// supporting pane moves under the main one rather than being dismissed. The\n// page's other compact option is a bottom sheet, which is a different\n// component's job — reach for Sheet at the call site when the supporting\n// content should be summoned rather than scrolled to.\n//\n// **Which side the supporting pane takes is an expanded-window choice, and\n// only that.** The page gives two rules: below the focus pane in medium\n// windows and under, and \"on the leading or trailing side of the focus pane\"\n// from expanded up. So `placement` moves the pane beside the main one and\n// leaves the stacked shape alone — stacked, the supporting pane is under the\n// main one either way.\n//\n// **A leading pane is placed with grid columns rather than by reordering the\n// DOM, and that is a departure worth naming.** The page also asks that focus\n// order match the arrangement on screen for co-planar panes, and no single\n// DOM order satisfies both of its rules: a supporting pane written first\n// reads left of the main one at expanded, as leading should, but then sits\n// above it when the layout stacks — which is the one thing the page says it\n// should not do. Whichever way it is written, one breakpoint has focus order\n// crossing the visual order.\n//\n// The main pane stays first in the DOM, so the break lands at expanded and\n// not on a phone. Side by side, a keyboard reaches the main pane before the\n// supporting one that is drawn to its left, which is an odd half-second with\n// both panes in view; stacked the other way round, a reader meets content\n// that \"only means anything next to the main pane\" before reaching the pane\n// it is talking about. The second is worse, and it is the case the page\n// rules on explicitly.\n\ntype SupportingPaneProps = Omit<RenderComponentProps<'div'>, 'children'> & {\n  /**\n   * The primary content. Takes whatever width the supporting pane leaves from\n   * expanded up.\n   */\n  main?: ReactNode;\n  /**\n   * Which side of the main pane the supporting one takes from expanded up.\n   * Below the medium breakpoint the layout stacks either way, with the\n   * supporting pane under the main one.\n   * @default 'trailing'\n   */\n  placement?: 'leading' | 'trailing';\n  /**\n   * Content that only means something beside `main`. Sits below it at compact\n   * and medium, and beside it at a fixed 360px from expanded up.\n   */\n  supporting?: ReactNode;\n};\n\n/**\n * Material Design's supporting pane layout: a main pane and a companion that\n * reflows underneath it when there is no room beside it.\n *\n * Layout only — neither pane paints a surface or a border of its own, so what\n * goes in them is composed at the call site out of Cards, lists, or plain\n * content. `render` swaps the container's element, for a layout that should\n * be a `<main>` rather than a `<div>`.\n *\n * The panes are written to the DOM in the order they are shown, which is what\n * Material Design asks of co-planar panes: focus order has to match the\n * arrangement on screen.\n */\nfunction SupportingPane({\n  main,\n  placement = 'trailing',\n  render,\n  supporting,\n  ...props\n}: SupportingPaneProps) {\n  const leading = placement === 'leading';\n  return useRender({\n    defaultTagName: 'div',\n    props: {\n      ...props,\n      children: <>\n          <div className=\"x9f619 xeuugli\">{main}</div>\n          <div {...{\n          0: {\n            className: \"x9f619 xeuugli\"\n          },\n          1: {\n            className: \"x9f619 xeuugli xm5moh1 x1mqhcjd x15daork x15qucf8\"\n          }\n        }[!!leading << 0]}>\n            {supporting}\n          </div>\n        </>,\n      ...mergeStyles({\n        0: {\n          className: \"x9f619 xrvj5dj xj2l1yv x1mkdm3x x1674ulc\"\n        },\n        1: {\n          className: \"x9f619 xrvj5dj xj2l1yv x1mkdm3x xkgydl7\"\n        }\n      }[!!leading << 0], props)\n    },\n    render\n  });\n}\nexport type { SupportingPaneProps };\nexport default SupportingPane;"],"mappings":";;;;;;;;;;;;;;;;;;AAgFA,SAAAY,eAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAP,EAAA,OAAAD,IAAA;EAAwB,MAAA,EAAAJ,MAAAC,WAAAY,IAAAN,QAAAO,IAAAZ,YAAA,GAAAa,UAAAX;EAAAG,SAAAO;EAOtB,MAAAG,WALAJ,OAAAG,KAAAA,IAAA,aAAAH,QAK8B;EACvBnB,KAAAA;EACWiB,KAAA;EAEXI,KAAAA;EAAK,IAAAG;EAAA,IAAAb,EAAA,OAAAL,MAAA;GAEJkB,KAAA,oBAAA,OAAA;IAAe,WAAA;IAAkBlB,UAAAA;GAAW,CAAA;GAAAK,EAAA,KAAAL;GAAAK,EAAA,KAAAa;EAAA,OAAAA,KAAAb,EAAA;EAAA,IAAAc;EAAA,IAAAd,EAAA,OAAAe,OAAAC,IAAA,2BAAA,GAAA;GACnCF,KAAA;IAAAG,GACN,EAAAC,WACU,iBACb;IAACC,GACE,EAAAD,WACU,oDACb;GACF;GAAClB,EAAA,KAAAc;EAAA,OAAAA,KAAAd,EAAA;EAPU,MAAAoB,MAAAN,GAOT,CAAC,CAACF,WAAW;EAAE,IAAAS;EAAA,IAAArB,EAAA,QAAAH,cAAAG,EAAA,QAAAoB,KAAA;GAPfC,MAAA,oBAAA,OAAA;IASM,GATGD;IAQNvB,UAAAA;GACG,CAAA;GAAAG,EAAA,MAAAH;GAAAG,EAAA,MAAAoB;GAAApB,EAAA,MAAAqB;EAAA,OAAAA,MAAArB,EAAA;EAAA,IAAAA,EAAA,QAAAqB,OAAArB,EAAA,QAAAa,IAAA;GAXAT,KAAA,qBAAA,UAAA,EAAA,UAAA,CACNS,IACAQ,GASM,EAAA,CAAA;GACLrB,EAAA,MAAAqB;GAAArB,EAAA,MAAAa;GAAAb,EAAA,MAAAI;EAAA,OAAAA,KAAAJ,EAAA;EACFK,KAAAf,YAAY;GAAA2B,GACV,EAAAC,WACU,2CACb;GAACC,GACE,EAAAD,WACU,0CACb;EACF,EAAE,CAAC,CAACN,WAAW,IAAIF,KAAK;EAACV,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAM;EAAAN,EAAA,KAAAO;CAAA,OAAA;EAAAL,SAAAF,EAAA;EAAAG,KAAAH,EAAA;EAAAI,KAAAJ,EAAA;EAAAK,KAAAL,EAAA;EAAAM,KAAAN,EAAA;EAAAO,KAAAP,EAAA;CAAA;CAAA,IAAAQ;CAAA,IAAAR,EAAA,QAAAG,MAAAH,EAAA,QAAAI,MAAAJ,EAAA,QAAAK,IAAA;EAtBpBG,KAAA;GAAA,GACFE;GAAKY,UACElB;GAYL,GACFC;EAQL;EAACL,EAAA,MAAAG;EAAAH,EAAA,MAAAI;EAAAJ,EAAA,MAAAK;EAAAL,EAAA,MAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,IAAAS;CAAA,IAAAT,EAAA,QAAAE,UAAAF,EAAA,QAAAM,MAAAN,EAAA,QAAAQ,IAAA;EAzBcC,KAAA;GAAAc,gBACCjB;GAAKI,OACdF;GAuBNN;EAEH;EAACF,EAAA,MAAAE;EAAAF,EAAA,MAAAM;EAAAN,EAAA,MAAAQ;EAAAR,EAAA,MAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,OA3BMX,GAAUoB,EA2BhB;AAAC"}

package/dist/components/switch/index.js

@@ -4,9 +4,9 @@ import { CheckGlyph } from "../../glyphs/index.js";
 import { useRipple } from "../../hooks/useRipple.js";
 import { invalidFrom, useFieldValidationBehavior } from "../../field/root.js";
 import { FieldMessage } from "../../field/index.js";
+import { c } from "react/compiler-runtime";
 import { useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { c } from "react/compiler-runtime";
 import { SwitchButton, SwitchField } from "react-aria-components";
 //#region src/components/switch/index.tsx
 const _temp = {
@@ -203,27 +203,72 @@ function buttonContent(children, icon, ripple, drag) {
 * The call site's `className` and `style` land on the field as a whole,
 * which is the element a layout positions.
 */
-function Switch({ children, description, error, icon = false, ...props }) {
+function Switch(t0) {
+	const $ = c(20);
+	const { children, description, error, icon: t1, ...props } = t0;
+	const icon = t1 === void 0 ? false : t1;
 	const ripple = useRipple();
 	const drag = useHandleDrag();
 	const validationBehavior = useFieldValidationBehavior();
-	return /* @__PURE__ */ jsxs(SwitchField, {
-		isInvalid: invalidFrom(error),
-		validationBehavior,
-		...props,
-		...mergeStatefulStyles({ className: "x7a106z x9f619 xpr5407 xrvj5dj x1pmbctz" }, props),
-		children: [/* @__PURE__ */ jsx(SwitchButton, {
+	const T0 = SwitchField;
+	let t2;
+	if ($[0] !== error) {
+		t2 = invalidFrom(error);
+		$[0] = error;
+		$[1] = t2;
+	} else t2 = $[1];
+	const t3 = mergeStatefulStyles({ className: "x7a106z x9f619 xpr5407 xrvj5dj x1pmbctz" }, props);
+	let t4;
+	if ($[2] !== children || $[3] !== drag || $[4] !== icon || $[5] !== ripple) {
+		t4 = buttonContent(children, icon, ripple, drag);
+		$[2] = children;
+		$[3] = drag;
+		$[4] = icon;
+		$[5] = ripple;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== t4) {
+		t5 = /* @__PURE__ */ jsx(SwitchButton, {
 			className: "xjp7ctv",
-			children: buttonContent(children, icon, ripple, drag)
-		}), /* @__PURE__ */ jsx("div", {
+			children: t4
+		});
+		$[7] = t4;
+		$[8] = t5;
+	} else t5 = $[8];
+	let t6;
+	if ($[9] !== description || $[10] !== error) {
+		t6 = /* @__PURE__ */ jsx("div", {
 			className: "x1xdureb",
 			children: /* @__PURE__ */ jsx(FieldMessage, {
 				description,
 				error,
 				inset: false
 			})
-		})]
-	});
+		});
+		$[9] = description;
+		$[10] = error;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== T0 || $[13] !== props || $[14] !== t2 || $[15] !== t3 || $[16] !== t5 || $[17] !== t6 || $[18] !== validationBehavior) {
+		t7 = /* @__PURE__ */ jsxs(T0, {
+			isInvalid: t2,
+			validationBehavior,
+			...props,
+			...t3,
+			children: [t5, t6]
+		});
+		$[12] = T0;
+		$[13] = props;
+		$[14] = t2;
+		$[15] = t3;
+		$[16] = t5;
+		$[17] = t6;
+		$[18] = validationBehavior;
+		$[19] = t7;
+	} else t7 = $[19];
+	return t7;
 }
 /**
 * The handle following a pointer across the track, as the switch page draws

package/dist/components/switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["event","from"],"sources":["../../../src/components/switch/index.tsx"],"sourcesContent":["// React's event types are aliased because `useHandleDrag` also constructs a\n// DOM `PointerEvent`. Imported unaliased, the name shadows that constructor:\n// TypeScript still resolves the call to the global, since a type-only import\n// takes no value name, but a reader and a static analyser alike read it as\n// React's type, which has no runtime value behind it at all.\nimport type { MouseEvent as ReactMouseEvent, ReactNode, PointerEvent as ReactPointerEvent } from 'react';\nimport type { SwitchFieldProps as RACSwitchFieldProps, SwitchButtonRenderProps } from 'react-aria-components';\nimport * as stylex from '@stylexjs/stylex';\nimport { useCallback, useRef, useState } from 'react';\nimport { SwitchButton, SwitchField } from 'react-aria-components';\nimport { FieldMessage } from '../../field';\nimport { invalidFrom, useFieldValidationBehavior } from '../../field/root';\nimport { CheckGlyph } from '../../glyphs';\nimport { useRipple } from '../../hooks/useRipple';\nimport { mergeStatefulStyles } from '../../styles/merge';\nimport '../../tokens/design.tokens.stylex';\nimport { colors, motion, radii, spacing, stateLayerOpacity, typography } from '../../tokens/design.tokens.stylex';\n\n// The switch page: a 52 by 32dp track with a 2dp outline and a full corner,\n// a handle that is 16dp off, 24dp on and 28dp while pressed, a 16dp icon in\n// the handle when asked for, a 40dp state layer around the handle and a 48dp\n// target. Off, the track is surface container highest inside an outline\n// rule and the handle is outline, turning on surface variant while hovered,\n// pressed or focused; on, the track is primary and the handle on primary,\n// turning primary container in the same states, with the icon in on primary\n// container. Disabled, the track and its rule are on surface at the\n// disabled container opacity and the handle on surface at the disabled\n// content opacity, or surface when on. The state layer is on surface off and\n// primary on.\n//\n// React Aria's `SwitchField` is the root, a div holding the description and\n// error slots; its `SwitchButton` is the label around a visually hidden\n// input, and everything drawn is that label's children, chosen from the\n// render state React Aria hands them. The field is the two-column grid the\n// checkbox uses, with the label `display: contents`, so the description and\n// error line up under the text.\n//\n// The handle travels between the two ends of the track and grows between\n// its three sizes on the same transition, `motion.durationShort2` with the\n// standard easing; the state layer and the ripple sit on a 40dp disc centred\n// on the handle, so they move with it. The adjacent label is body-large on\n// surface, which the page keeps the same whichever way the switch is.\n//\n// The page's pressed handle follows the pointer: it grows, travels with the\n// drag, and the switch flips when it is released past the middle of the\n// track or springs back when it is not. React Aria's `SwitchButton` has no\n// drag of its own, so the travel is this component's — see `useHandleDrag`.\nconst _temp = {\n  kLqNvP: \"x1lxsm33\",\n  \"$$css\": true\n};\nconst styles = {\n  handle: {\n    kGNEyG: \"x6s0dn4\",\n    kWkggS: \"xp2scj5\",\n    kZKoxP: \"xlup9mm\",\n    kaIpWk: \"x3y1ksm\",\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"xscdzaa\",\n    k1xSpc: \"x78zum5\",\n    kzqmXN: \"x1kky2od\",\n    kjj79g: \"xl56j7k\",\n    kIyJzY: \"x1qno0dh\",\n    k1ekBW: \"x7okvu4\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  handleActive: {\n    kWkggS: \"x1ccu2yh\",\n    $$css: true\n  },\n  handleDisabled: {\n    kWkggS: \"x1crcgwy\",\n    $$css: true\n  },\n  handleOn: {\n    kWkggS: \"x1ntwmx2\",\n    kZKoxP: \"xxk0z11\",\n    kzqmXN: \"xvy4d1p\",\n    $$css: true\n  },\n  handleOnActive: {\n    kWkggS: \"xp89om9\",\n    $$css: true\n  },\n  handleOnDisabled: {\n    kWkggS: \"x14s9m32\",\n    kMwMTN: \"x1gpw424\",\n    $$css: true\n  },\n  handlePressed: {\n    kZKoxP: \"x1fgtraw\",\n    kzqmXN: \"xgd8bvy\",\n    $$css: true\n  },\n  layer: {\n    kWkggS: \"xjbqb8w\",\n    kZKoxP: \"x1vqgdyp\",\n    kaIpWk: \"x3y1ksm\",\n    kB7OPa: \"x9f619\",\n    kzqmXN: \"x100vrsf\",\n    kpwlN0: \"x1qx2jxi\",\n    kVAEAm: \"x10l6tqk\",\n    kIyJzY: \"x1qno0dh\",\n    k1ekBW: \"x15406qy\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  seat: {\n    kGNEyG: \"x6s0dn4\",\n    kZKoxP: \"x1fgtraw\",\n    kB7OPa: \"x9f619\",\n    k1xSpc: \"x78zum5\",\n    kzqmXN: \"xgd8bvy\",\n    k87sOh: \"x13vifvy\",\n    kLqNvP: \"x1o0tod\",\n    kjj79g: \"xl56j7k\",\n    kVAEAm: \"x10l6tqk\",\n    kIyJzY: \"x1qno0dh\",\n    k1ekBW: \"x2hifos\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  seatAt: (offset: number) => [_temp, {\n    \"--x-insetInlineStart\": (val => typeof val === \"number\" ? val + \"px\" : val != null ? val : undefined)(`${offset}px`)\n  }],\n  seatDragging: {\n    kIyJzY: \"x1mq3mr6\",\n    $$css: true\n  },\n  seatOn: {\n    kLqNvP: \"x1n8ud3w\",\n    $$css: true\n  },\n  track: {\n    kWkggS: \"x1rrhr5q\",\n    kZKoxP: \"x10w6t97\",\n    kVAM5u: \"x1fwvt7v\",\n    kaIpWk: \"x3y1ksm\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xdh2fpr\",\n    kB7OPa: \"x9f619\",\n    kmuXW: \"x2lah0s\",\n    kzqmXN: \"xvni27\",\n    kVAEAm: \"x1n2onr6\",\n    kIyJzY: \"x1qno0dh\",\n    k1ekBW: \"xts7igz\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  trackDisabled: {\n    kWkggS: \"x1trd85j\",\n    kVAM5u: \"xrh88j3\",\n    $$css: true\n  },\n  trackFocused: {\n    kjBf7l: \"xrgy624\",\n    kInvED: \"x1hl8ikr\",\n    k3XXqK: \"xaatb59\",\n    kMeerF: \"x1de99jn\",\n    $$css: true\n  },\n  trackOn: {\n    kWkggS: \"xnety89\",\n    kVAM5u: \"x1uajy3w\",\n    $$css: true\n  },\n  trackOnDisabled: {\n    kWkggS: \"x19v6zzp\",\n    kVAM5u: \"x9r1u3d\",\n    $$css: true\n  }\n};\n\n// The state layer over the handle: on surface while the switch is off and\n// primary while it is on, at the hover or the pressed opacity.\nconst hoverLayers = {\n  off: {\n    kWkggS: \"x1b18xnh\",\n    $$css: true\n  },\n  on: {\n    kWkggS: \"x659ado\",\n    $$css: true\n  }\n};\nconst pressedLayers = {\n  off: {\n    kWkggS: \"xjeeohs\",\n    $$css: true\n  },\n  on: {\n    kWkggS: \"x1dvjsmr\",\n    $$css: true\n  }\n};\n\n// How far the seat travels: the track's 48dp inside its 2dp rule, less the\n// seat's own 28dp.\nconst TRAVEL = 20;\ntype Drag = ReturnType<typeof useHandleDrag>;\ntype Ripple = ReturnType<typeof useRipple<HTMLSpanElement>>;\ntype SwitchProps = {\n  /**\n   * The label, beside the switch. A switch that a row labels some other way\n   * leaves it out and passes `aria-label` instead.\n   */\n  children?: ReactNode;\n  /**\n   * A hint under the label. Replaced by `error` when there is one, so the\n   * two never stack.\n   */\n  description?: string;\n  /**\n   * The problem with the current value, in words. Its presence is what puts\n   * the switch in its error state — the message and `aria-invalid` follow\n   * from it.\n   */\n  error?: string;\n  /**\n   * Draws the check in the handle while the switch is on, the page's\n   * \"icon on selected switch\" form.\n   * @default false\n   */\n  icon?: boolean;\n} & Omit<RACSwitchFieldProps, 'children' | 'isInvalid' | 'validationBehavior'>;\n\n// What the label draws, chosen from the render state React Aria hands it.\n// Built by a call rather than written inline at the prop, which is what\n// react-perf's no-new-function-as-prop is after; the React Compiler memoises\n// the result on its inputs. The ripple's handlers and surface go on the\n// state layer while the switch can change, and are left off while it\n// cannot, since a press that changes nothing should not look like one.\nfunction buttonContent(children: ReactNode, icon: boolean, ripple: Ripple, drag: Drag) {\n  return (state: SwitchButtonRenderProps) => {\n    const interactive = !state.isDisabled && !state.isReadOnly;\n    const on = state.isSelected;\n    const dragging = interactive && drag.offset !== null;\n    const active = interactive && (state.isHovered || state.isPressed || state.isFocusVisible);\n    return <>\n        <span {...{\n        0: {\n          className: \"x6s0dn4 x1vqgdyp x9f619 x1ypdohk x78zum5 x2lah0s xvni27 xl56j7k\"\n        },\n        2: {\n          className: \"x6s0dn4 x1vqgdyp x9f619 x78zum5 x2lah0s xvni27 xl56j7k xt0e3qv\"\n        },\n        1: {\n          className: \"x6s0dn4 x1vqgdyp x9f619 x78zum5 x2lah0s xvni27 xl56j7k x1h6gzvc\"\n        },\n        3: {\n          className: \"x6s0dn4 x1vqgdyp x9f619 x78zum5 x2lah0s xvni27 xl56j7k x1h6gzvc\"\n        }\n      }[!!state.isReadOnly << 1 | !!state.isDisabled << 0]}>\n          <span {...stylex.props(styles.track, on && styles.trackOn, state.isDisabled && (on ? styles.trackOnDisabled : styles.trackDisabled), state.isFocusVisible && styles.trackFocused)}>\n            <span {...interactive ? drag.handlers(on) : {}} {...stylex.props(styles.seat, on && styles.seatOn, dragging && styles.seatDragging, dragging && styles.seatAt(drag.offset ?? 0))}>\n              <span {...interactive ? ripple.handlers : {}} {...stylex.props(styles.layer, interactive && state.isHovered && hoverLayers[on ? 'on' : 'off'], interactive && state.isPressed && pressedLayers[on ? 'on' : 'off'])}>\n                {interactive ? ripple.surface : null}\n              </span>\n              <span {...stylex.props(styles.handle, on && styles.handleOn, active && (on ? styles.handleOnActive : styles.handleActive), (dragging || interactive && state.isPressed) && styles.handlePressed, state.isDisabled && (on ? styles.handleOnDisabled : styles.handleDisabled))}>\n                {icon && on ? <CheckGlyph className=\"xlup9mm x1lliihq x1kky2od\" /> : null}\n              </span>\n            </span>\n          </span>\n        </span>\n        {children === undefined ? null : <span {...{\n        0: {\n          className: \"x9f619 x139gbkf x1ypdohk x16svsjw x1848etk x1c52epr x1qn8t5l xh7dzej x1cmllll\"\n        },\n        2: {\n          className: \"x9f619 x139gbkf x16svsjw x1848etk x1c52epr x1qn8t5l xh7dzej x1cmllll xt0e3qv\"\n        },\n        1: {\n          className: \"x9f619 x16svsjw x1848etk x1c52epr x1qn8t5l xh7dzej x1cmllll x1xj74d8 x1h6gzvc\"\n        },\n        3: {\n          className: \"x9f619 x16svsjw x1848etk x1c52epr x1qn8t5l xh7dzej x1cmllll x1xj74d8 x1h6gzvc\"\n        }\n      }[!!state.isReadOnly << 1 | !!state.isDisabled << 0]}>\n            {children}\n          </span>}\n      </>;\n  };\n}\n\n/**\n * A switch that turns a setting on or off, with its label and optionally a\n * description or an error under it. Its state is React Aria's: pass\n * `isSelected` with `onChange` to control it, or `defaultSelected` to let it\n * keep its own. A switch takes effect as it is flipped, which is what sets\n * it apart from a checkbox in a form.\n *\n * The call site's `className` and `style` land on the field as a whole,\n * which is the element a layout positions.\n */\nfunction Switch({\n  children,\n  description,\n  error,\n  icon = false,\n  ...props\n}: SwitchProps) {\n  const ripple = useRipple<HTMLSpanElement>();\n  const drag = useHandleDrag();\n  const validationBehavior = useFieldValidationBehavior();\n  return <SwitchField isInvalid={invalidFrom(error)} validationBehavior={validationBehavior} {...props} {...mergeStatefulStyles({\n    className: \"x7a106z x9f619 xpr5407 xrvj5dj x1pmbctz\"\n  }, props)}>\n      <SwitchButton className=\"xjp7ctv\">\n        {buttonContent(children, icon, ripple, drag)}\n      </SwitchButton>\n      <div className=\"x1xdureb\">\n        <FieldMessage description={description} error={error} inset={false} />\n      </div>\n    </SwitchField>;\n}\n\n/**\n * The handle following a pointer across the track, as the switch page draws\n * a pressed switch. The seat's inset comes from the drag while one is under\n * way, and the switch settles from where the handle was let go: on past the\n * middle of the track, off before it.\n *\n * What flips the switch on an ordinary tap is React Aria's own press, which\n * ends on the pointer being released and pays no attention to where the\n * handle was dragged to — so a drag has to end that press before releasing,\n * which is what the pointer cancel is for, and settle the switch itself.\n * Settling means clicking the field's own input, the same element a tap\n * reaches in the end: the change goes through React Aria, and a controlled\n * switch stays controlled, since nothing here calls `onChange` or holds any\n * state of the switch's own. The click the pointer's release sends after\n * that is cancelled too, so nothing flips the switch a second time.\n *\n * A press that never moves is left alone entirely, so a tap flips the switch\n * as it did before.\n */\nfunction useHandleDrag() {\n  const [offset, setOffset] = useState<null | number>(null);\n  const origin = useRef<null | {\n    base: number;\n    on: boolean;\n    rtl: boolean;\n    x: number;\n  }>(null);\n  const settled = useRef<null | number>(null);\n  const cancelClick = useRef(false);\n  const onPointerCancel = useCallback(() => {\n    origin.current = null;\n    settled.current = null;\n    setOffset(null);\n  }, []);\n  const onClickCapture = useCallback((event: ReactMouseEvent<HTMLSpanElement>) => {\n    if (!cancelClick.current) {\n      return;\n    }\n    cancelClick.current = false;\n    // The label's activation is the browser's own, so this is what stops the\n    // input being flipped by a drag that settled where it began.\n    event.preventDefault();\n    event.stopPropagation();\n  }, []);\n  const onPointerMove = useCallback((event: ReactPointerEvent<HTMLSpanElement>) => {\n    const from = origin.current;\n    if (from === null) {\n      return;\n    }\n    const along = from.rtl ? from.x - event.clientX : event.clientX - from.x;\n    const next = Math.min(TRAVEL, Math.max(0, from.base + along));\n    settled.current = next;\n    setOffset(next);\n  }, []);\n  const onPointerUp = useCallback((event: ReactPointerEvent<HTMLSpanElement>) => {\n    const from = origin.current;\n    const stopped = settled.current;\n    const seat = event.currentTarget;\n    origin.current = null;\n    settled.current = null;\n    setOffset(null);\n    // A press that never moved is a tap, which React Aria flips on its own.\n    if (from === null || stopped === null) {\n      return;\n    }\n    // React Aria's press is about to flip the switch from wherever it\n    // started, so it is cancelled first — a pointer cancel is what ends a\n    // press without firing it — and the drag settles the switch instead.\n    seat.dispatchEvent(new PointerEvent('pointercancel', {\n      bubbles: true,\n      pointerId: event.pointerId,\n      pointerType: event.pointerType\n    }));\n    // The pointer's own click follows this, by which time the switch has\n    // already settled.\n    cancelClick.current = true;\n    if (stopped > TRAVEL / 2 === from.on) {\n      return;\n    }\n    const input = seat.closest('label')?.querySelector('input');\n    input?.click();\n  }, []);\n  const handlers = useCallback((on: boolean) => ({\n    onClickCapture,\n    onPointerCancel,\n    onPointerDown: (event: ReactPointerEvent<HTMLSpanElement>) => {\n      if (event.pointerType === 'mouse' && event.button !== 0) {\n        return;\n      }\n      origin.current = {\n        base: on ? TRAVEL : 0,\n        on,\n        rtl: getComputedStyle(event.currentTarget).direction === 'rtl',\n        x: event.clientX\n      };\n      settled.current = null;\n      try {\n        event.currentTarget.setPointerCapture(event.pointerId);\n      } catch {\n        // A pointer the browser is not tracking has no capture to take —\n        // a synthetic event in a test, where the moves are dispatched on\n        // this element anyway.\n      }\n    },\n    onPointerMove,\n    onPointerUp\n  }), [onClickCapture, onPointerCancel, onPointerMove, onPointerUp]);\n  return {\n    handlers,\n    offset\n  };\n}\nexport type { SwitchProps };\nexport default Switch;"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["MouseEvent","ReactMouseEvent","ReactNode","PointerEvent","ReactPointerEvent","SwitchFieldProps","RACSwitchFieldProps","SwitchButtonRenderProps","stylex","useCallback","useRef","useState","SwitchButton","SwitchField","FieldMessage","invalidFrom","useFieldValidationBehavior","CheckGlyph","useRipple","mergeStatefulStyles","colors","motion","radii","spacing","stateLayerOpacity","typography","_temp","kLqNvP","styles","handle","kGNEyG","kWkggS","kZKoxP","kaIpWk","kB7OPa","kMwMTN","k1xSpc","kzqmXN","kjj79g","kIyJzY","k1ekBW","kAMwcw","$$css","handleActive","handleDisabled","handleOn","handleOnActive","handleOnDisabled","handlePressed","layer","kpwlN0","kVAEAm","seat","k87sOh","seatAt","offset","val","undefined","seatDragging","seatOn","track","kVAM5u","ksu8eU","kMzoRj","kmuXW","trackDisabled","trackFocused","kjBf7l","kInvED","k3XXqK","kMeerF","trackOn","trackOnDisabled","hoverLayers","off","on","pressedLayers","TRAVEL","Drag","ReturnType","useHandleDrag","Ripple","HTMLSpanElement","SwitchProps","children","description","error","icon","Omit","buttonContent","ripple","drag","state","interactive","isDisabled","isReadOnly","isSelected","dragging","active","isHovered","isPressed","isFocusVisible","className","props","handlers","surface","Switch","t0","$","_c","t1","validationBehavior","T0","t2","t3","t4","t5","t6","t7","setOffset","origin","settled","cancelClick","Symbol","for","current","onPointerCancel","event","preventDefault","stopPropagation","onClickCapture","event_0","from","along","rtl","x","clientX","next","Math","min","max","base","onPointerMove","event_1","from_0","stopped","currentTarget","dispatchEvent","bubbles","pointerId","pointerType","input","closest","querySelector","click","onPointerUp","onPointerDown","event_2","button","getComputedStyle","direction","setPointerCapture"],"sources":["../../../src/components/switch/index.tsx"],"sourcesContent":["// React's event types are aliased because `useHandleDrag` also constructs a\n// DOM `PointerEvent`. Imported unaliased, the name shadows that constructor:\n// TypeScript still resolves the call to the global, since a type-only import\n// takes no value name, but a reader and a static analyser alike read it as\n// React's type, which has no runtime value behind it at all.\nimport type { MouseEvent as ReactMouseEvent, ReactNode, PointerEvent as ReactPointerEvent } from 'react';\nimport type { SwitchFieldProps as RACSwitchFieldProps, SwitchButtonRenderProps } from 'react-aria-components';\nimport * as stylex from '@stylexjs/stylex';\nimport { useCallback, useRef, useState } from 'react';\nimport { SwitchButton, SwitchField } from 'react-aria-components';\nimport { FieldMessage } from '../../field';\nimport { invalidFrom, useFieldValidationBehavior } from '../../field/root';\nimport { CheckGlyph } from '../../glyphs';\nimport { useRipple } from '../../hooks/useRipple';\nimport { mergeStatefulStyles } from '../../styles/merge';\nimport '../../tokens/design.tokens.stylex';\nimport { colors, motion, radii, spacing, stateLayerOpacity, typography } from '../../tokens/design.tokens.stylex';\n\n// The switch page: a 52 by 32dp track with a 2dp outline and a full corner,\n// a handle that is 16dp off, 24dp on and 28dp while pressed, a 16dp icon in\n// the handle when asked for, a 40dp state layer around the handle and a 48dp\n// target. Off, the track is surface container highest inside an outline\n// rule and the handle is outline, turning on surface variant while hovered,\n// pressed or focused; on, the track is primary and the handle on primary,\n// turning primary container in the same states, with the icon in on primary\n// container. Disabled, the track and its rule are on surface at the\n// disabled container opacity and the handle on surface at the disabled\n// content opacity, or surface when on. The state layer is on surface off and\n// primary on.\n//\n// React Aria's `SwitchField` is the root, a div holding the description and\n// error slots; its `SwitchButton` is the label around a visually hidden\n// input, and everything drawn is that label's children, chosen from the\n// render state React Aria hands them. The field is the two-column grid the\n// checkbox uses, with the label `display: contents`, so the description and\n// error line up under the text.\n//\n// The handle travels between the two ends of the track and grows between\n// its three sizes on the same transition, `motion.durationShort2` with the\n// standard easing; the state layer and the ripple sit on a 40dp disc centred\n// on the handle, so they move with it. The adjacent label is body-large on\n// surface, which the page keeps the same whichever way the switch is.\n//\n// The page's pressed handle follows the pointer: it grows, travels with the\n// drag, and the switch flips when it is released past the middle of the\n// track or springs back when it is not. React Aria's `SwitchButton` has no\n// drag of its own, so the travel is this component's — see `useHandleDrag`.\nconst _temp = {\n  kLqNvP: \"x1lxsm33\",\n  \"$$css\": true\n};\nconst styles = {\n  handle: {\n    kGNEyG: \"x6s0dn4\",\n    kWkggS: \"xp2scj5\",\n    kZKoxP: \"xlup9mm\",\n    kaIpWk: \"x3y1ksm\",\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"xscdzaa\",\n    k1xSpc: \"x78zum5\",\n    kzqmXN: \"x1kky2od\",\n    kjj79g: \"xl56j7k\",\n    kIyJzY: \"x1qno0dh\",\n    k1ekBW: \"x7okvu4\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  handleActive: {\n    kWkggS: \"x1ccu2yh\",\n    $$css: true\n  },\n  handleDisabled: {\n    kWkggS: \"x1crcgwy\",\n    $$css: true\n  },\n  handleOn: {\n    kWkggS: \"x1ntwmx2\",\n    kZKoxP: \"xxk0z11\",\n    kzqmXN: \"xvy4d1p\",\n    $$css: true\n  },\n  handleOnActive: {\n    kWkggS: \"xp89om9\",\n    $$css: true\n  },\n  handleOnDisabled: {\n    kWkggS: \"x14s9m32\",\n    kMwMTN: \"x1gpw424\",\n    $$css: true\n  },\n  handlePressed: {\n    kZKoxP: \"x1fgtraw\",\n    kzqmXN: \"xgd8bvy\",\n    $$css: true\n  },\n  layer: {\n    kWkggS: \"xjbqb8w\",\n    kZKoxP: \"x1vqgdyp\",\n    kaIpWk: \"x3y1ksm\",\n    kB7OPa: \"x9f619\",\n    kzqmXN: \"x100vrsf\",\n    kpwlN0: \"x1qx2jxi\",\n    kVAEAm: \"x10l6tqk\",\n    kIyJzY: \"x1qno0dh\",\n    k1ekBW: \"x15406qy\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  seat: {\n    kGNEyG: \"x6s0dn4\",\n    kZKoxP: \"x1fgtraw\",\n    kB7OPa: \"x9f619\",\n    k1xSpc: \"x78zum5\",\n    kzqmXN: \"xgd8bvy\",\n    k87sOh: \"x13vifvy\",\n    kLqNvP: \"x1o0tod\",\n    kjj79g: \"xl56j7k\",\n    kVAEAm: \"x10l6tqk\",\n    kIyJzY: \"x1qno0dh\",\n    k1ekBW: \"x2hifos\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  seatAt: (offset: number) => [_temp, {\n    \"--x-insetInlineStart\": (val => typeof val === \"number\" ? val + \"px\" : val != null ? val : undefined)(`${offset}px`)\n  }],\n  seatDragging: {\n    kIyJzY: \"x1mq3mr6\",\n    $$css: true\n  },\n  seatOn: {\n    kLqNvP: \"x1n8ud3w\",\n    $$css: true\n  },\n  track: {\n    kWkggS: \"x1rrhr5q\",\n    kZKoxP: \"x10w6t97\",\n    kVAM5u: \"x1fwvt7v\",\n    kaIpWk: \"x3y1ksm\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xdh2fpr\",\n    kB7OPa: \"x9f619\",\n    kmuXW: \"x2lah0s\",\n    kzqmXN: \"xvni27\",\n    kVAEAm: \"x1n2onr6\",\n    kIyJzY: \"x1qno0dh\",\n    k1ekBW: \"xts7igz\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  trackDisabled: {\n    kWkggS: \"x1trd85j\",\n    kVAM5u: \"xrh88j3\",\n    $$css: true\n  },\n  trackFocused: {\n    kjBf7l: \"xrgy624\",\n    kInvED: \"x1hl8ikr\",\n    k3XXqK: \"xaatb59\",\n    kMeerF: \"x1de99jn\",\n    $$css: true\n  },\n  trackOn: {\n    kWkggS: \"xnety89\",\n    kVAM5u: \"x1uajy3w\",\n    $$css: true\n  },\n  trackOnDisabled: {\n    kWkggS: \"x19v6zzp\",\n    kVAM5u: \"x9r1u3d\",\n    $$css: true\n  }\n};\n\n// The state layer over the handle: on surface while the switch is off and\n// primary while it is on, at the hover or the pressed opacity.\nconst hoverLayers = {\n  off: {\n    kWkggS: \"x1b18xnh\",\n    $$css: true\n  },\n  on: {\n    kWkggS: \"x659ado\",\n    $$css: true\n  }\n};\nconst pressedLayers = {\n  off: {\n    kWkggS: \"xjeeohs\",\n    $$css: true\n  },\n  on: {\n    kWkggS: \"x1dvjsmr\",\n    $$css: true\n  }\n};\n\n// How far the seat travels: the track's 48dp inside its 2dp rule, less the\n// seat's own 28dp.\nconst TRAVEL = 20;\ntype Drag = ReturnType<typeof useHandleDrag>;\ntype Ripple = ReturnType<typeof useRipple<HTMLSpanElement>>;\ntype SwitchProps = {\n  /**\n   * The label, beside the switch. A switch that a row labels some other way\n   * leaves it out and passes `aria-label` instead.\n   */\n  children?: ReactNode;\n  /**\n   * A hint under the label. Replaced by `error` when there is one, so the\n   * two never stack.\n   */\n  description?: string;\n  /**\n   * The problem with the current value, in words. Its presence is what puts\n   * the switch in its error state — the message and `aria-invalid` follow\n   * from it.\n   */\n  error?: string;\n  /**\n   * Draws the check in the handle while the switch is on, the page's\n   * \"icon on selected switch\" form.\n   * @default false\n   */\n  icon?: boolean;\n} & Omit<RACSwitchFieldProps, 'children' | 'isInvalid' | 'validationBehavior'>;\n\n// What the label draws, chosen from the render state React Aria hands it.\n// Built by a call rather than written inline at the prop, which is what\n// react-perf's no-new-function-as-prop is after; the React Compiler memoises\n// the result on its inputs. The ripple's handlers and surface go on the\n// state layer while the switch can change, and are left off while it\n// cannot, since a press that changes nothing should not look like one.\nfunction buttonContent(children: ReactNode, icon: boolean, ripple: Ripple, drag: Drag) {\n  return (state: SwitchButtonRenderProps) => {\n    const interactive = !state.isDisabled && !state.isReadOnly;\n    const on = state.isSelected;\n    const dragging = interactive && drag.offset !== null;\n    const active = interactive && (state.isHovered || state.isPressed || state.isFocusVisible);\n    return <>\n        <span {...{\n        0: {\n          className: \"x6s0dn4 x1vqgdyp x9f619 x1ypdohk x78zum5 x2lah0s xvni27 xl56j7k\"\n        },\n        2: {\n          className: \"x6s0dn4 x1vqgdyp x9f619 x78zum5 x2lah0s xvni27 xl56j7k xt0e3qv\"\n        },\n        1: {\n          className: \"x6s0dn4 x1vqgdyp x9f619 x78zum5 x2lah0s xvni27 xl56j7k x1h6gzvc\"\n        },\n        3: {\n          className: \"x6s0dn4 x1vqgdyp x9f619 x78zum5 x2lah0s xvni27 xl56j7k x1h6gzvc\"\n        }\n      }[!!state.isReadOnly << 1 | !!state.isDisabled << 0]}>\n          <span {...stylex.props(styles.track, on && styles.trackOn, state.isDisabled && (on ? styles.trackOnDisabled : styles.trackDisabled), state.isFocusVisible && styles.trackFocused)}>\n            <span {...interactive ? drag.handlers(on) : {}} {...stylex.props(styles.seat, on && styles.seatOn, dragging && styles.seatDragging, dragging && styles.seatAt(drag.offset ?? 0))}>\n              <span {...interactive ? ripple.handlers : {}} {...stylex.props(styles.layer, interactive && state.isHovered && hoverLayers[on ? 'on' : 'off'], interactive && state.isPressed && pressedLayers[on ? 'on' : 'off'])}>\n                {interactive ? ripple.surface : null}\n              </span>\n              <span {...stylex.props(styles.handle, on && styles.handleOn, active && (on ? styles.handleOnActive : styles.handleActive), (dragging || interactive && state.isPressed) && styles.handlePressed, state.isDisabled && (on ? styles.handleOnDisabled : styles.handleDisabled))}>\n                {icon && on ? <CheckGlyph className=\"xlup9mm x1lliihq x1kky2od\" /> : null}\n              </span>\n            </span>\n          </span>\n        </span>\n        {children === undefined ? null : <span {...{\n        0: {\n          className: \"x9f619 x139gbkf x1ypdohk x16svsjw x1848etk x1c52epr x1qn8t5l xh7dzej x1cmllll\"\n        },\n        2: {\n          className: \"x9f619 x139gbkf x16svsjw x1848etk x1c52epr x1qn8t5l xh7dzej x1cmllll xt0e3qv\"\n        },\n        1: {\n          className: \"x9f619 x16svsjw x1848etk x1c52epr x1qn8t5l xh7dzej x1cmllll x1xj74d8 x1h6gzvc\"\n        },\n        3: {\n          className: \"x9f619 x16svsjw x1848etk x1c52epr x1qn8t5l xh7dzej x1cmllll x1xj74d8 x1h6gzvc\"\n        }\n      }[!!state.isReadOnly << 1 | !!state.isDisabled << 0]}>\n            {children}\n          </span>}\n      </>;\n  };\n}\n\n/**\n * A switch that turns a setting on or off, with its label and optionally a\n * description or an error under it. Its state is React Aria's: pass\n * `isSelected` with `onChange` to control it, or `defaultSelected` to let it\n * keep its own. A switch takes effect as it is flipped, which is what sets\n * it apart from a checkbox in a form.\n *\n * The call site's `className` and `style` land on the field as a whole,\n * which is the element a layout positions.\n */\nfunction Switch({\n  children,\n  description,\n  error,\n  icon = false,\n  ...props\n}: SwitchProps) {\n  const ripple = useRipple<HTMLSpanElement>();\n  const drag = useHandleDrag();\n  const validationBehavior = useFieldValidationBehavior();\n  return <SwitchField isInvalid={invalidFrom(error)} validationBehavior={validationBehavior} {...props} {...mergeStatefulStyles({\n    className: \"x7a106z x9f619 xpr5407 xrvj5dj x1pmbctz\"\n  }, props)}>\n      <SwitchButton className=\"xjp7ctv\">\n        {buttonContent(children, icon, ripple, drag)}\n      </SwitchButton>\n      <div className=\"x1xdureb\">\n        <FieldMessage description={description} error={error} inset={false} />\n      </div>\n    </SwitchField>;\n}\n\n/**\n * The handle following a pointer across the track, as the switch page draws\n * a pressed switch. The seat's inset comes from the drag while one is under\n * way, and the switch settles from where the handle was let go: on past the\n * middle of the track, off before it.\n *\n * What flips the switch on an ordinary tap is React Aria's own press, which\n * ends on the pointer being released and pays no attention to where the\n * handle was dragged to — so a drag has to end that press before releasing,\n * which is what the pointer cancel is for, and settle the switch itself.\n * Settling means clicking the field's own input, the same element a tap\n * reaches in the end: the change goes through React Aria, and a controlled\n * switch stays controlled, since nothing here calls `onChange` or holds any\n * state of the switch's own. The click the pointer's release sends after\n * that is cancelled too, so nothing flips the switch a second time.\n *\n * A press that never moves is left alone entirely, so a tap flips the switch\n * as it did before.\n */\nfunction useHandleDrag() {\n  const [offset, setOffset] = useState<null | number>(null);\n  const origin = useRef<null | {\n    base: number;\n    on: boolean;\n    rtl: boolean;\n    x: number;\n  }>(null);\n  const settled = useRef<null | number>(null);\n  const cancelClick = useRef(false);\n  const onPointerCancel = useCallback(() => {\n    origin.current = null;\n    settled.current = null;\n    setOffset(null);\n  }, []);\n  const onClickCapture = useCallback((event: ReactMouseEvent<HTMLSpanElement>) => {\n    if (!cancelClick.current) {\n      return;\n    }\n    cancelClick.current = false;\n    // The label's activation is the browser's own, so this is what stops the\n    // input being flipped by a drag that settled where it began.\n    event.preventDefault();\n    event.stopPropagation();\n  }, []);\n  const onPointerMove = useCallback((event: ReactPointerEvent<HTMLSpanElement>) => {\n    const from = origin.current;\n    if (from === null) {\n      return;\n    }\n    const along = from.rtl ? from.x - event.clientX : event.clientX - from.x;\n    const next = Math.min(TRAVEL, Math.max(0, from.base + along));\n    settled.current = next;\n    setOffset(next);\n  }, []);\n  const onPointerUp = useCallback((event: ReactPointerEvent<HTMLSpanElement>) => {\n    const from = origin.current;\n    const stopped = settled.current;\n    const seat = event.currentTarget;\n    origin.current = null;\n    settled.current = null;\n    setOffset(null);\n    // A press that never moved is a tap, which React Aria flips on its own.\n    if (from === null || stopped === null) {\n      return;\n    }\n    // React Aria's press is about to flip the switch from wherever it\n    // started, so it is cancelled first — a pointer cancel is what ends a\n    // press without firing it — and the drag settles the switch instead.\n    seat.dispatchEvent(new PointerEvent('pointercancel', {\n      bubbles: true,\n      pointerId: event.pointerId,\n      pointerType: event.pointerType\n    }));\n    // The pointer's own click follows this, by which time the switch has\n    // already settled.\n    cancelClick.current = true;\n    if (stopped > TRAVEL / 2 === from.on) {\n      return;\n    }\n    const input = seat.closest('label')?.querySelector('input');\n    input?.click();\n  }, []);\n  const handlers = useCallback((on: boolean) => ({\n    onClickCapture,\n    onPointerCancel,\n    onPointerDown: (event: ReactPointerEvent<HTMLSpanElement>) => {\n      if (event.pointerType === 'mouse' && event.button !== 0) {\n        return;\n      }\n      origin.current = {\n        base: on ? TRAVEL : 0,\n        on,\n        rtl: getComputedStyle(event.currentTarget).direction === 'rtl',\n        x: event.clientX\n      };\n      settled.current = null;\n      try {\n        event.currentTarget.setPointerCapture(event.pointerId);\n      } catch {\n        // A pointer the browser is not tracking has no capture to take —\n        // a synthetic event in a test, where the moves are dispatched on\n        // this element anyway.\n      }\n    },\n    onPointerMove,\n    onPointerUp\n  }), [onClickCapture, onPointerCancel, onPointerMove, onPointerUp]);\n  return {\n    handlers,\n    offset\n  };\n}\nexport type { SwitchProps };\nexport default Switch;"],"mappings":";;;;;;;;;;;AA+CA,MAAM0B,QAAQ;CACZC,QAAQ;CACR,SAAS;AACX;AACA,MAAMC,SAAS;CACbC,QAAQ;EACNC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,OAAO;CACT;CACAC,cAAc;EACZZ,QAAQ;EACRW,OAAO;CACT;CACAE,gBAAgB;EACdb,QAAQ;EACRW,OAAO;CACT;CACAG,UAAU;EACRd,QAAQ;EACRC,QAAQ;EACRK,QAAQ;EACRK,OAAO;CACT;CACAI,gBAAgB;EACdf,QAAQ;EACRW,OAAO;CACT;CACAK,kBAAkB;EAChBhB,QAAQ;EACRI,QAAQ;EACRO,OAAO;CACT;CACAM,eAAe;EACbhB,QAAQ;EACRK,QAAQ;EACRK,OAAO;CACT;CACAO,OAAO;EACLlB,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRG,QAAQ;EACRa,QAAQ;EACRC,QAAQ;EACRZ,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,OAAO;CACT;CACAU,MAAM;EACJtB,QAAQ;EACRE,QAAQ;EACRE,QAAQ;EACRE,QAAQ;EACRC,QAAQ;EACRgB,QAAQ;EACR1B,QAAQ;EACRW,QAAQ;EACRa,QAAQ;EACRZ,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,OAAO;CACT;CACAY,SAASC,WAAmB,CAAC7B,OAAO,EAClC,0BAAyB8B,QAAO,OAAOA,QAAQ,WAAWA,MAAM,OAAOA,OAAO,OAAOA,MAAMC,KAAAA,EAAAA,CAAW,GAAGF,OAAM,GAAI,EACrH,CAAC;CACDG,cAAc;EACZnB,QAAQ;EACRG,OAAO;CACT;CACAiB,QAAQ;EACNhC,QAAQ;EACRe,OAAO;CACT;CACAkB,OAAO;EACL7B,QAAQ;EACRC,QAAQ;EACR6B,QAAQ;EACR5B,QAAQ;EACR6B,QAAQ;EACRC,QAAQ;EACR7B,QAAQ;EACR8B,OAAO;EACP3B,QAAQ;EACRc,QAAQ;EACRZ,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,OAAO;CACT;CACAuB,eAAe;EACblC,QAAQ;EACR8B,QAAQ;EACRnB,OAAO;CACT;CACAwB,cAAc;EACZC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACR5B,OAAO;CACT;CACA6B,SAAS;EACPxC,QAAQ;EACR8B,QAAQ;EACRnB,OAAO;CACT;CACA8B,iBAAiB;EACfzC,QAAQ;EACR8B,QAAQ;EACRnB,OAAO;CACT;AACF;AAIA,MAAM+B,cAAc;CAClBC,KAAK;EACH3C,QAAQ;EACRW,OAAO;CACT;CACAiC,IAAI;EACF5C,QAAQ;EACRW,OAAO;CACT;AACF;AACA,MAAMkC,gBAAgB;CACpBF,KAAK;EACH3C,QAAQ;EACRW,OAAO;CACT;CACAiC,IAAI;EACF5C,QAAQ;EACRW,OAAO;CACT;AACF;AAIA,MAAMmC,SAAS;AAkCf,SAASY,cAAcL,UAAqBG,MAAeG,QAAgBC,MAAY;CACrF,QAAQC,UAAmC;EACzC,MAAMC,cAAc,CAACD,MAAME,cAAc,CAACF,MAAMG;EAChD,MAAMpB,KAAKiB,MAAMI;EACjB,MAAMC,WAAWJ,eAAeF,KAAKpC,WAAW;EAChD,MAAM2C,SAASL,gBAAgBD,MAAMO,aAAaP,MAAMQ,aAAaR,MAAMS;EAC3E,OAAO,qBAAA,YAAA,EAAA,UAAA,CACH,oBAAC,QAAD;GAAM,GAAI;IACV,GAAG,EACDC,WAAW,kEACb;IACA,GAAG,EACDA,WAAW,iEACb;IACA,GAAG,EACDA,WAAW,kEACb;IACA,GAAG,EACDA,WAAW,kEACb;GACF,EAAE,CAAC,CAACV,MAAMG,cAAc,IAAI,CAAC,CAACH,MAAME,cAAc;GAC9C,UAAA,oBAAC,QAAD;IAAM,GAAItF,MAAaoB,OAAOgC,OAAOe,MAAM/C,OAAO2C,SAASqB,MAAME,eAAenB,KAAK/C,OAAO4C,kBAAkB5C,OAAOqC,gBAAgB2B,MAAMS,kBAAkBzE,OAAOsC,YAAY;IAC9K,UAAA,qBAAC,QAAD;KAAM,GAAI2B,cAAcF,KAAKa,SAAS7B,EAAE,IAAI,CAAC;KAAG,GAAInE,MAAaoB,OAAOwB,MAAMuB,MAAM/C,OAAO+B,QAAQsC,YAAYrE,OAAO8B,cAAcuC,YAAYrE,OAAO0B,OAAOqC,KAAKpC,UAAU,CAAC,CAAC;KAA/K,UAAA,CACE,oBAAC,QAAD;MAAM,GAAIsC,cAAcH,OAAOc,WAAW,CAAC;MAAG,GAAIhG,MAAaoB,OAAOqB,OAAO4C,eAAeD,MAAMO,aAAa1B,YAAYE,KAAK,OAAO,QAAQkB,eAAeD,MAAMQ,aAAaxB,cAAcD,KAAK,OAAO,MAAM;MAC9MkB,UAAAA,cAAcH,OAAOe,UAAU;KAC5B,CAAA,GACN,oBAAC,QAAD;MAAM,GAAIjG,MAAaoB,OAAOC,QAAQ8C,MAAM/C,OAAOiB,UAAUqD,WAAWvB,KAAK/C,OAAOkB,iBAAiBlB,OAAOe,gBAAgBsD,YAAYJ,eAAeD,MAAMQ,cAAcxE,OAAOoB,eAAe4C,MAAME,eAAenB,KAAK/C,OAAOmB,mBAAmBnB,OAAOgB,eAAe;MACxQ2C,UAAAA,QAAQZ,KAAK,oBAAC,YAAD,EAAY,WAAU,4BAA2B,CAAA,IAAM;KACjE,CAAA,CACF;;GACF,CAAA;EACF,CAAA,GACLS,aAAa3B,KAAAA,IAAY,OAAO,oBAAC,QAAD;GAAM,GAAI;IAC3C,GAAG,EACD6C,WAAW,gFACb;IACA,GAAG,EACDA,WAAW,+EACb;IACA,GAAG,EACDA,WAAW,gFACb;IACA,GAAG,EACDA,WAAW,gFACb;GACF,EAAE,CAAC,CAACV,MAAMG,cAAc,IAAI,CAAC,CAACH,MAAME,cAAc;GAC3CV;EACG,CAAA,CACV,EAAA,CAAA;CACJ;AACF;;;;;;;;;;;AAYA,SAAAsB,OAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAgB,MAAA,EAAAzB,UAAAC,aAAAC,OAAAC,MAAAuB,IAAA,GAAAP,UAAAI;CAId,MAAApB,OAAAuB,OAAArD,KAAAA,IAAA,QAAAqD;CAGA,MAAApB,SAAexE,UAA2B;CAC1C,MAAAyE,OAAaX,cAAc;CAC3B,MAAA+B,qBAA2B/F,2BAA2B;CAC9C,MAAAgG,KAAAnG;CAAW,IAAAoG;CAAA,IAAAL,EAAA,OAAAtB,OAAA;EAAY2B,KAAAlG,YAAYuE,KAAK;EAACsB,EAAA,KAAAtB;EAAAsB,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAyD,MAAAM,KAAA/F,oBAAoB,EAAAmF,WACjH,0CACb,GAAGC,KAAK;CAAC,IAAAY;CAAA,IAAAP,EAAA,OAAAxB,YAAAwB,EAAA,OAAAjB,QAAAiB,EAAA,OAAArB,QAAAqB,EAAA,OAAAlB,QAAA;EAEFyB,KAAA1B,cAAcL,UAAUG,MAAMG,QAAQC,IAAI;EAACiB,EAAA,KAAAxB;EAAAwB,EAAA,KAAAjB;EAAAiB,EAAA,KAAArB;EAAAqB,EAAA,KAAAlB;EAAAkB,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,IAAAQ;CAAA,IAAAR,EAAA,OAAAO,IAAA;EAD9CC,KAAA,oBAAC,cAAD;GAAwB,WAAA;GACrBD,UAAAA;EADU,CAAA;EAEEP,EAAA,KAAAO;EAAAP,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,IAAAS;CAAA,IAAAT,EAAA,OAAAvB,eAAAuB,EAAA,QAAAtB,OAAA;EACf+B,KAAA,oBAAA,OAAA;GAAe,WAAA;GACb,UAAA,oBAAC,cAAD;IAA2BhC;IAAoBC;IAAc,OAAA;GAAK,CAAA;EAC9D,CAAA;EAAAsB,EAAA,KAAAvB;EAAAuB,EAAA,MAAAtB;EAAAsB,EAAA,MAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,IAAAU;CAAA,IAAAV,EAAA,QAAAI,MAAAJ,EAAA,QAAAL,SAAAK,EAAA,QAAAK,MAAAL,EAAA,QAAAM,MAAAN,EAAA,QAAAQ,MAAAR,EAAA,QAAAS,MAAAT,EAAA,QAAAG,oBAAA;EARHO,KAAA,qBAAC,IAAD;GAAwB,WAAAL;GAAwCF;GAAkB,GAAMR;GAAK,GAAMW;GAAnG,UAAA,CAGHE,IAGAC,EANe;;EASHT,EAAA,MAAAI;EAAAJ,EAAA,MAAAL;EAAAK,EAAA,MAAAK;EAAAL,EAAA,MAAAM;EAAAN,EAAA,MAAAQ;EAAAR,EAAA,MAAAS;EAAAT,EAAA,MAAAG;EAAAH,EAAA,MAAAU;CAAA,OAAAA,KAAAV,EAAA;CAAA,OATTU;AASS;;;;;;;;;;;;;;;;;;;;AAsBlB,SAAAtC,gBAAA;CAAA,MAAA4B,IAAAC,EAAA,CAAA;CACE,MAAA,CAAAtD,QAAAgE,aAA4B5G,SAAwB,IAAI;CACxD,MAAA6G,SAAe9G,OAKZ,IAAI;CACP,MAAA+G,UAAgB/G,OAAsB,IAAI;CAC1C,MAAAgH,cAAoBhH,OAAO,KAAK;CAAE,IAAAiG;CAAA,IAAAC,EAAA,OAAAe,OAAAC,IAAA,2BAAA,GAAA;EACEjB,WAAA;GAClCa,OAAMK,UAAW;GACjBJ,QAAOI,UAAW;GAClBN,UAAU,IAAI;EAAC;EAChBX,EAAA,KAAAD;CAAA,OAAAA,KAAAC,EAAA;CAJD,MAAAkB,kBAAwBnB;CAIjB,IAAAG;CAAA,IAAAF,EAAA,OAAAe,OAAAC,IAAA,2BAAA,GAAA;EAC4Bd,MAAAiB,UAAA;GACjC,IAAI,CAACL,YAAWG,SAAQ;GAGxBH,YAAWG,UAAW;GAGtBE,MAAKC,eAAgB;GACrBD,MAAKE,gBAAiB;EAAC;EACxBrB,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CATD,MAAAsB,iBAAuBpB;CAShB,IAAAG;CAAA,IAAAL,EAAA,OAAAe,OAAAC,IAAA,2BAAA,GAAA;EAC2BX,MAAAkB,YAAA;GAChC,MAAAC,OAAaZ,OAAMK;GACnB,IAAIO,SAAS,MAAI;GAGjB,MAAAC,QAAcD,KAAIE,MAAOF,KAAIG,IAAKR,QAAKS,UAAWT,QAAKS,UAAWJ,KAAIG;GACtE,MAAAE,OAAaC,KAAIC,IAAK9D,QAAQ6D,KAAIE,IAAK,GAAGR,KAAIS,OAAQR,KAAK,CAAC;GAC5DZ,QAAOI,UAAWY;GAClBlB,UAAUkB,IAAI;EAAC;EAChB7B,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CATD,MAAAkC,gBAAsB7B;CASf,IAAAC;CAAA,IAAAN,EAAA,OAAAe,OAAAC,IAAA,2BAAA,GAAA;EACyBV,MAAA6B,YAAA;GAC9B,MAAAC,SAAaxB,OAAMK;GACnB,MAAAoB,UAAgBxB,QAAOI;GACvB,MAAAzE,OAAa2E,QAAKmB;GAClB1B,OAAMK,UAAW;GACjBJ,QAAOI,UAAW;GAClBN,UAAU,IAAI;GAEd,IAAIa,WAAS,QAAQa,YAAY,MAAI;GAMrC7F,KAAI+F,cAAe,IAAIhJ,aAAa,iBAAiB;IAAAiJ,SAC1C;IAAIC,WACFtB,QAAKsB;IAAUC,aACbvB,QAAKuB;GACpB,CAAC,CAAC;GAGF5B,YAAWG,UAAW;GACtB,IAAIoB,UAAUpE,SAAS,MAAMuD,OAAIzD,IAAG;GAIpC4E,CADcnG,KAAIoG,QAAS,OAAsB,CAAC,EAAAC,cAAC,OAAO,EAAA,EACrDC,MAAQ;EAAC;EACf9C,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CA3BD,MAAA+C,cAAoBzC;CA2Bb,IAAAC;CAAA,IAAAP,EAAA,OAAAe,OAAAC,IAAA,2BAAA,GAAA;EACsBT,MAAAxC,QAAkB;GAAAuD;GAAAJ;GAAA8B,gBAG9BC,YAAA;IACb,IAAI9B,QAAKuB,gBAAiB,WAAWvB,QAAK+B,WAAY,GAAC;IAGvDtC,OAAMK,UAAW;KAAAgB,MACTlE,KAAAE,SAAA;KAAeF;KAAA2D,KAEhByB,iBAAiBhC,QAAKmB,aAAc,CAAC,CAAAc,cAAe;KAAKzB,GAC3DR,QAAKS;IACV;IACAf,QAAOI,UAAW;IAClB,IAAA;KACEE,QAAKmB,cAAce,kBAAmBlC,QAAKsB,SAAU;IAAC,QAAA,CAAA;GAKvD;GACFP;GAAAa;EAGH;EAAE/C,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAxBF,MAAAJ,WAAiBW;CAwBkD,IAAAC;CAAA,IAAAR,EAAA,OAAArD,QAAA;EAC5D6D,KAAA;GAAAZ;GAAAjD;EAGP;EAACqD,EAAA,KAAArD;EAAAqD,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,OAHMQ;AAGN"}