@spark-ui/components 17.2.3 → 17.2.4-beta.0

package/dist/button-_YZ_4J42.mjs

@@ -0,0 +1,643 @@
+import { Slot as e, wrapPolymorphicSlot as t } from "./slot/index.mjs";
+import { t as n } from "./spinner-DULLiM6a.mjs";
+import { cva as r, cx as i } from "class-variance-authority";
+import { useMemo as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { makeVariants as l, tw as u } from "@spark-ui/internal-utils";
+//#region src/button/variants/filled.ts
+var d = [
+	{
+		intent: "main",
+		design: "filled",
+		class: u([
+			"bg-main",
+			"text-on-main",
+			"hover:bg-main-hovered",
+			"enabled:active:bg-main-hovered",
+			"focus-visible:bg-main-hovered"
+		])
+	},
+	{
+		intent: "support",
+		design: "filled",
+		class: u([
+			"bg-support",
+			"text-on-support",
+			"hover:bg-support-hovered",
+			"enabled:active:bg-support-hovered",
+			"focus-visible:bg-support-hovered"
+		])
+	},
+	{
+		intent: "accent",
+		design: "filled",
+		class: u([
+			"bg-accent",
+			"text-on-accent",
+			"hover:bg-accent-hovered",
+			"enabled:active:bg-accent-hovered",
+			"focus-visible:bg-accent-hovered"
+		])
+	},
+	{
+		intent: "success",
+		design: "filled",
+		class: u([
+			"bg-success",
+			"text-on-success",
+			"hover:bg-success-hovered",
+			"enabled:active:bg-success-hovered",
+			"focus-visible:bg-success-hovered"
+		])
+	},
+	{
+		intent: "alert",
+		design: "filled",
+		class: u([
+			"bg-alert",
+			"text-on-alert",
+			"hover:bg-alert-hovered",
+			"enabled:active:bg-alert-hovered",
+			"focus-visible:bg-alert-hovered"
+		])
+	},
+	{
+		intent: "danger",
+		design: "filled",
+		class: u([
+			"text-on-error bg-error",
+			"hover:bg-error-hovered enabled:active:bg-error-hovered",
+			"focus-visible:bg-error-hovered"
+		])
+	},
+	{
+		intent: "info",
+		design: "filled",
+		class: u([
+			"text-on-error bg-info",
+			"hover:bg-info-hovered enabled:active:bg-info-hovered",
+			"focus-visible:bg-info-hovered"
+		])
+	},
+	{
+		intent: "neutral",
+		design: "filled",
+		class: u([
+			"bg-neutral",
+			"text-on-neutral",
+			"hover:bg-neutral-hovered",
+			"enabled:active:bg-neutral-hovered",
+			"focus-visible:bg-neutral-hovered"
+		])
+	},
+	{
+		intent: "surface",
+		design: "filled",
+		class: u([
+			"bg-surface",
+			"text-on-surface",
+			"hover:bg-surface-hovered",
+			"enabled:active:bg-surface-hovered",
+			"focus-visible:bg-surface-hovered"
+		])
+	},
+	{
+		intent: "surfaceInverse",
+		design: "filled",
+		class: u([
+			"bg-surface-inverse",
+			"text-on-surface-inverse",
+			"hover:bg-surface-inverse-hovered",
+			"enabled:active:bg-surface-inverse-hovered",
+			"focus-visible:bg-surface-inverse-hovered"
+		])
+	}
+], f = [
+	{
+		intent: "main",
+		design: "ghost",
+		class: u([
+			"text-on-main-container",
+			"hover:bg-main/dim-5",
+			"enabled:active:bg-main/dim-5",
+			"focus-visible:bg-main/dim-5"
+		])
+	},
+	{
+		intent: "support",
+		design: "ghost",
+		class: u([
+			"text-on-support-container",
+			"hover:bg-support/dim-5",
+			"enabled:active:bg-support/dim-5",
+			"focus-visible:bg-support/dim-5"
+		])
+	},
+	{
+		intent: "accent",
+		design: "ghost",
+		class: u([
+			"text-on-accent-container",
+			"hover:bg-accent/dim-5",
+			"enabled:active:bg-accent/dim-5",
+			"focus-visible:bg-accent/dim-5"
+		])
+	},
+	{
+		intent: "success",
+		design: "ghost",
+		class: u([
+			"text-on-success-container",
+			"hover:bg-success/dim-5",
+			"enabled:active:bg-success/dim-5",
+			"focus-visible:bg-success/dim-5"
+		])
+	},
+	{
+		intent: "alert",
+		design: "ghost",
+		class: u([
+			"text-on-alert-container",
+			"hover:bg-alert/dim-5",
+			"enabled:active:bg-alert/dim-5",
+			"focus-visible:bg-alert/dim-5"
+		])
+	},
+	{
+		intent: "danger",
+		design: "ghost",
+		class: u([
+			"text-on-error-container",
+			"hover:bg-error/dim-5",
+			"enabled:active:bg-error/dim-5",
+			"focus-visible:bg-error/dim-5"
+		])
+	},
+	{
+		intent: "info",
+		design: "ghost",
+		class: u([
+			"text-on-info-container",
+			"hover:bg-info/dim-5",
+			"enabled:active:bg-info/dim-5",
+			"focus-visible:bg-info/dim-5"
+		])
+	},
+	{
+		intent: "neutral",
+		design: "ghost",
+		class: u([
+			"text-on-neutral-container",
+			"hover:bg-neutral/dim-5",
+			"enabled:active:bg-neutral/dim-5",
+			"focus-visible:bg-neutral/dim-5"
+		])
+	},
+	{
+		intent: "surface",
+		design: "ghost",
+		class: u([
+			"text-surface",
+			"hover:bg-surface/dim-5",
+			"enabled:active:bg-surface/dim-5",
+			"focus-visible:bg-surface/dim-5"
+		])
+	},
+	{
+		intent: "surfaceInverse",
+		design: "ghost",
+		class: u([
+			"text-surface-inverse",
+			"hover:bg-surface-inverse/dim-5",
+			"enabled:active:bg-surface-inverse/dim-5",
+			"focus-visible:bg-surface-inverse/dim-5"
+		])
+	}
+], p = [
+	{
+		intent: "main",
+		design: "outlined",
+		class: u([
+			"hover:bg-main/dim-5",
+			"enabled:active:bg-main/dim-5",
+			"focus-visible:bg-main/dim-5",
+			"text-main"
+		])
+	},
+	{
+		intent: "support",
+		design: "outlined",
+		class: u([
+			"hover:bg-support/dim-5",
+			"enabled:active:bg-support/dim-5",
+			"focus-visible:bg-support/dim-5",
+			"text-support"
+		])
+	},
+	{
+		intent: "accent",
+		design: "outlined",
+		class: u([
+			"hover:bg-accent/dim-5",
+			"enabled:active:bg-accent/dim-5",
+			"focus-visible:bg-accent/dim-5",
+			"text-accent"
+		])
+	},
+	{
+		intent: "success",
+		design: "outlined",
+		class: u([
+			"hover:bg-success/dim-5",
+			"enabled:active:bg-success/dim-5",
+			"focus-visible:bg-success/dim-5",
+			"text-success"
+		])
+	},
+	{
+		intent: "alert",
+		design: "outlined",
+		class: u([
+			"hover:bg-alert/dim-5",
+			"enabled:active:bg-alert/dim-5",
+			"focus-visible:bg-alert/dim-5",
+			"text-alert"
+		])
+	},
+	{
+		intent: "danger",
+		design: "outlined",
+		class: u([
+			"hover:bg-error/dim-5",
+			"enabled:active:bg-error/dim-5",
+			"focus-visible:bg-error/dim-5",
+			"text-error"
+		])
+	},
+	{
+		intent: "info",
+		design: "outlined",
+		class: u([
+			"hover:bg-info/dim-5",
+			"enabled:active:bg-info/dim-5",
+			"focus-visible:bg-info/dim-5",
+			"text-info"
+		])
+	},
+	{
+		intent: "neutral",
+		design: "outlined",
+		class: u([
+			"hover:bg-neutral/dim-5",
+			"enabled:active:bg-neutral/dim-5",
+			"focus-visible:bg-neutral/dim-5",
+			"text-neutral"
+		])
+	},
+	{
+		intent: "surface",
+		design: "outlined",
+		class: u([
+			"hover:bg-surface/dim-5",
+			"enabled:active:bg-surface/dim-5",
+			"focus-visible:bg-surface/dim-5",
+			"text-surface"
+		])
+	},
+	{
+		intent: "surfaceInverse",
+		design: "outlined",
+		class: u([
+			"hover:bg-surface-inverse/dim-5",
+			"enabled:active:bg-surface-inverse/dim-5",
+			"focus-visible:bg-surface-inverse/dim-5",
+			"text-surface-inverse"
+		])
+	}
+], m = [
+	{
+		intent: "main",
+		design: "tinted",
+		class: u([
+			"bg-main-container",
+			"text-on-main-container",
+			"hover:bg-main-container-hovered",
+			"enabled:active:bg-main-container-hovered",
+			"focus-visible:bg-main-container-hovered"
+		])
+	},
+	{
+		intent: "support",
+		design: "tinted",
+		class: u([
+			"bg-support-container",
+			"text-on-support-container",
+			"hover:bg-support-container-hovered",
+			"enabled:active:bg-support-container-hovered",
+			"focus-visible:bg-support-container-hovered"
+		])
+	},
+	{
+		intent: "accent",
+		design: "tinted",
+		class: u([
+			"bg-accent-container",
+			"text-on-accent-container",
+			"hover:bg-accent-container-hovered",
+			"enabled:active:bg-accent-container-hovered",
+			"focus-visible:bg-accent-container-hovered"
+		])
+	},
+	{
+		intent: "success",
+		design: "tinted",
+		class: u([
+			"bg-success-container",
+			"text-on-success-container",
+			"hover:bg-success-container-hovered",
+			"enabled:active:bg-success-container-hovered",
+			"focus-visible:bg-success-container-hovered"
+		])
+	},
+	{
+		intent: "alert",
+		design: "tinted",
+		class: u([
+			"bg-alert-container",
+			"text-on-alert-container",
+			"hover:bg-alert-container-hovered",
+			"enabled:active:bg-alert-container-hovered",
+			"focus-visible:bg-alert-container-hovered"
+		])
+	},
+	{
+		intent: "danger",
+		design: "tinted",
+		class: u([
+			"bg-error-container",
+			"text-on-error-container",
+			"hover:bg-error-container-hovered",
+			"enabled:active:bg-error-container-hovered",
+			"focus-visible:bg-error-container-hovered"
+		])
+	},
+	{
+		intent: "info",
+		design: "tinted",
+		class: u([
+			"bg-info-container",
+			"text-on-info-container",
+			"hover:bg-info-container-hovered",
+			"enabled:active:bg-info-container-hovered",
+			"focus-visible:bg-info-container-hovered"
+		])
+	},
+	{
+		intent: "neutral",
+		design: "tinted",
+		class: u([
+			"bg-neutral-container",
+			"text-on-neutral-container",
+			"hover:bg-neutral-container-hovered",
+			"enabled:active:bg-neutral-container-hovered",
+			"focus-visible:bg-neutral-container-hovered"
+		])
+	},
+	{
+		intent: "surface",
+		design: "tinted",
+		class: u([
+			"bg-surface",
+			"text-on-surface",
+			"hover:bg-surface-hovered",
+			"enabled:active:bg-surface-hovered",
+			"focus-visible:bg-surface-hovered"
+		])
+	},
+	{
+		intent: "surfaceInverse",
+		design: "tinted",
+		class: u([
+			"bg-surface-inverse",
+			"text-on-surface-inverse",
+			"hover:bg-surface-inverse-hovered",
+			"enabled:active:bg-surface-inverse-hovered",
+			"focus-visible:bg-surface-inverse-hovered"
+		])
+	}
+], h = [
+	{
+		intent: "main",
+		design: "contrast",
+		class: u([
+			"text-on-main-contaier bg-surface",
+			"hover:bg-main-container-hovered",
+			"enabled:active:bg-main-container-hovered",
+			"focus-visible:bg-main-container-hovered"
+		])
+	},
+	{
+		intent: "support",
+		design: "contrast",
+		class: u([
+			"text-on-support-container bg-surface",
+			"hover:bg-support-container-hovered",
+			"enabled:active:bg-support-container-hovered",
+			"focus-visible:bg-support-container-hovered"
+		])
+	},
+	{
+		intent: "accent",
+		design: "contrast",
+		class: u([
+			"text-on-accent-container bg-surface",
+			"hover:bg-accent-container-hovered",
+			"enabled:active:bg-accent-container-hovered",
+			"focus-visible:bg-accent-container-hovered"
+		])
+	},
+	{
+		intent: "success",
+		design: "contrast",
+		class: u([
+			"text-on-success-container bg-surface",
+			"hover:bg-success-container-hovered",
+			"enabled:active:bg-success-container-hovered",
+			"focus-visible:bg-success-container-hovered"
+		])
+	},
+	{
+		intent: "alert",
+		design: "contrast",
+		class: u([
+			"text-on-alert-container bg-surface",
+			"hover:bg-alert-container-hovered",
+			"enabled:active:bg-alert-container-hovered",
+			"focus-visible:bg-alert-container-hovered"
+		])
+	},
+	{
+		intent: "danger",
+		design: "contrast",
+		class: u([
+			"text-on-error-container bg-surface",
+			"hover:bg-error-container-hovered",
+			"enabled:active:bg-error-container-hovered",
+			"focus-visible:bg-error-container-hovered"
+		])
+	},
+	{
+		intent: "info",
+		design: "contrast",
+		class: u([
+			"text-on-info-container bg-surface",
+			"hover:bg-info-container-hovered",
+			"enabled:active:bg-info-container-hovered",
+			"focus-visible:bg-info-container-hovered"
+		])
+	},
+	{
+		intent: "neutral",
+		design: "contrast",
+		class: u([
+			"text-on-neutral-container bg-surface",
+			"hover:bg-neutral-container-hovered",
+			"enabled:active:bg-neutral-container-hovered",
+			"focus-visible:bg-neutral-container-hovered"
+		])
+	},
+	{
+		intent: "surface",
+		design: "contrast",
+		class: u([
+			"text-on-surface bg-surface",
+			"hover:bg-surface-hovered",
+			"enabled:active:bg-surface-hovered",
+			"focus-visible:bg-surface-hovered"
+		])
+	},
+	{
+		intent: "surfaceInverse",
+		design: "contrast",
+		class: u([
+			"text-on-surface-inverse bg-surface-inverse",
+			"hover:bg-surface-inverse-hovered",
+			"enabled:active:bg-surface-inverse-hovered",
+			"focus-visible:bg-surface-inverse-hovered"
+		])
+	}
+], g = r([
+	"u-shadow-border-transition",
+	"box-border inline-flex items-center justify-center gap-md whitespace-nowrap",
+	"default:px-lg",
+	"text-body-1 font-bold",
+	"focus-visible:u-outline"
+], {
+	variants: {
+		design: l({
+			filled: [],
+			outlined: [
+				"bg-transparent",
+				"border-sm",
+				"border-current"
+			],
+			tinted: [],
+			ghost: ["default:-mx-md px-md hover:bg-main/dim-5"],
+			contrast: []
+		}),
+		underline: { true: ["underline"] },
+		intent: l({
+			main: [],
+			support: [],
+			accent: [],
+			success: [],
+			alert: [],
+			danger: [],
+			info: [],
+			neutral: [],
+			surface: [],
+			surfaceInverse: []
+		}),
+		size: l({
+			sm: ["min-w-sz-32", "h-sz-32"],
+			md: ["min-w-sz-44", "h-sz-44"],
+			lg: ["min-w-sz-56", "h-sz-56"]
+		}),
+		shape: l({
+			rounded: ["rounded-lg"],
+			square: ["rounded-0"],
+			pill: ["rounded-full"]
+		}),
+		disabled: {
+			true: ["cursor-not-allowed", "opacity-dim-3"],
+			false: ["cursor-pointer"]
+		}
+	},
+	compoundVariants: [
+		...d,
+		...p,
+		...m,
+		...f,
+		...h
+	],
+	defaultVariants: {
+		design: "filled",
+		intent: "main",
+		size: "md",
+		shape: "rounded"
+	}
+}), _ = [
+	"onClick",
+	"onMouseDown",
+	"onMouseUp",
+	"onMouseEnter",
+	"onMouseLeave",
+	"onMouseOver",
+	"onMouseOut",
+	"onKeyDown",
+	"onKeyPress",
+	"onKeyUp",
+	"onSubmit"
+], v = ({ children: r, design: l = "filled", disabled: u = !1, intent: d = "main", isLoading: f = !1, loadingLabel: p, loadingText: m, shape: h = "rounded", size: v = "md", asChild: y, className: b, underline: x = !1, ref: S, ...C }) => {
+	let w = y ? e : "button", T = !!u || f, E = a(() => {
+		let e = {};
+		return T && _.forEach((t) => e[t] = void 0), e;
+	}, [T]), D = {
+		size: "current",
+		className: m ? "inline-block" : "absolute",
+		...p && { "aria-label": p }
+	};
+	return /* @__PURE__ */ s(w, {
+		"data-spark-component": "button",
+		...w === "button" && { type: "button" },
+		ref: S,
+		className: g({
+			className: b,
+			design: l,
+			disabled: T,
+			intent: d,
+			shape: h,
+			size: v,
+			underline: x
+		}),
+		disabled: !!u,
+		"aria-busy": f,
+		"aria-live": f ? "assertive" : "off",
+		...C,
+		...E,
+		children: t(y, r, (e) => f ? /* @__PURE__ */ c(o, { children: [
+			/* @__PURE__ */ s(n, { ...D }),
+			m,
+			/* @__PURE__ */ s("div", {
+				"aria-hidden": !0,
+				className: i("gap-md", m ? "hidden" : "inline-flex opacity-0"),
+				children: e
+			})
+		] }) : e)
+	});
+};
+v.displayName = "Button";
+//#endregion
+export { g as n, v as t };
+
+//# sourceMappingURL=button-_YZ_4J42.mjs.map

package/dist/button-_YZ_4J42.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-_YZ_4J42.mjs","names":[],"sources":["../src/button/variants/filled.ts","../src/button/variants/ghost.ts","../src/button/variants/outlined.ts","../src/button/variants/tinted.ts","../src/button/variants/contrast.ts","../src/button/Button.styles.tsx","../src/button/Button.tsx"],"sourcesContent":["import { tw } from '@spark-ui/internal-utils'\n\nexport const filledVariants = [\n  // Main\n  {\n    intent: 'main',\n    design: 'filled',\n    class: tw([\n      'bg-main',\n      'text-on-main',\n      'hover:bg-main-hovered',\n      'enabled:active:bg-main-hovered',\n      'focus-visible:bg-main-hovered',\n    ]),\n  },\n  // Support\n  {\n    intent: 'support',\n    design: 'filled',\n    class: tw([\n      'bg-support',\n      'text-on-support',\n      'hover:bg-support-hovered',\n      'enabled:active:bg-support-hovered',\n      'focus-visible:bg-support-hovered',\n    ]),\n  },\n  // Accent\n  {\n    intent: 'accent',\n    design: 'filled',\n    class: tw([\n      'bg-accent',\n      'text-on-accent',\n      'hover:bg-accent-hovered',\n      'enabled:active:bg-accent-hovered',\n      'focus-visible:bg-accent-hovered',\n    ]),\n  },\n  // Success\n  {\n    intent: 'success',\n    design: 'filled',\n    class: tw([\n      'bg-success',\n      'text-on-success',\n      'hover:bg-success-hovered',\n      'enabled:active:bg-success-hovered',\n      'focus-visible:bg-success-hovered',\n    ]),\n  },\n  // Alert\n  {\n    intent: 'alert',\n    design: 'filled',\n    class: tw([\n      'bg-alert',\n      'text-on-alert',\n      'hover:bg-alert-hovered',\n      'enabled:active:bg-alert-hovered',\n      'focus-visible:bg-alert-hovered',\n    ]),\n  },\n  // Danger\n  {\n    intent: 'danger',\n    design: 'filled',\n    class: tw([\n      'text-on-error bg-error',\n      'hover:bg-error-hovered enabled:active:bg-error-hovered',\n      'focus-visible:bg-error-hovered',\n    ]),\n  },\n  // Info\n  {\n    intent: 'info',\n    design: 'filled',\n    class: tw([\n      'text-on-error bg-info',\n      'hover:bg-info-hovered enabled:active:bg-info-hovered',\n      'focus-visible:bg-info-hovered',\n    ]),\n  },\n  // Neutral\n  {\n    intent: 'neutral',\n    design: 'filled',\n    class: tw([\n      'bg-neutral',\n      'text-on-neutral',\n      'hover:bg-neutral-hovered',\n      'enabled:active:bg-neutral-hovered',\n      'focus-visible:bg-neutral-hovered',\n    ]),\n  },\n  // Surface\n  {\n    intent: 'surface',\n    design: 'filled',\n    class: tw([\n      'bg-surface',\n      'text-on-surface',\n      'hover:bg-surface-hovered',\n      'enabled:active:bg-surface-hovered',\n      'focus-visible:bg-surface-hovered',\n    ]),\n  },\n  {\n    intent: 'surfaceInverse',\n    design: 'filled',\n    class: tw([\n      'bg-surface-inverse',\n      'text-on-surface-inverse',\n      'hover:bg-surface-inverse-hovered',\n      'enabled:active:bg-surface-inverse-hovered',\n      'focus-visible:bg-surface-inverse-hovered',\n    ]),\n  },\n] as const\n","import { tw } from '@spark-ui/internal-utils'\n\nexport const ghostVariants = [\n  {\n    intent: 'main',\n    design: 'ghost',\n    class: tw([\n      'text-on-main-container',\n      'hover:bg-main/dim-5',\n      'enabled:active:bg-main/dim-5',\n      'focus-visible:bg-main/dim-5',\n    ]),\n  },\n  {\n    intent: 'support',\n    design: 'ghost',\n    class: tw([\n      'text-on-support-container',\n      'hover:bg-support/dim-5',\n      'enabled:active:bg-support/dim-5',\n      'focus-visible:bg-support/dim-5',\n    ]),\n  },\n  {\n    intent: 'accent',\n    design: 'ghost',\n    class: tw([\n      'text-on-accent-container',\n      'hover:bg-accent/dim-5',\n      'enabled:active:bg-accent/dim-5',\n      'focus-visible:bg-accent/dim-5',\n    ]),\n  },\n  {\n    intent: 'success',\n    design: 'ghost',\n    class: tw([\n      'text-on-success-container',\n      'hover:bg-success/dim-5',\n      'enabled:active:bg-success/dim-5',\n      'focus-visible:bg-success/dim-5',\n    ]),\n  },\n  {\n    intent: 'alert',\n    design: 'ghost',\n    class: tw([\n      'text-on-alert-container',\n      'hover:bg-alert/dim-5',\n      'enabled:active:bg-alert/dim-5',\n      'focus-visible:bg-alert/dim-5',\n    ]),\n  },\n  {\n    intent: 'danger',\n    design: 'ghost',\n    class: tw([\n      'text-on-error-container',\n      'hover:bg-error/dim-5',\n      'enabled:active:bg-error/dim-5',\n      'focus-visible:bg-error/dim-5',\n    ]),\n  },\n  {\n    intent: 'info',\n    design: 'ghost',\n    class: tw([\n      'text-on-info-container',\n      'hover:bg-info/dim-5',\n      'enabled:active:bg-info/dim-5',\n      'focus-visible:bg-info/dim-5',\n    ]),\n  },\n  {\n    intent: 'neutral',\n    design: 'ghost',\n    class: tw([\n      'text-on-neutral-container',\n      'hover:bg-neutral/dim-5',\n      'enabled:active:bg-neutral/dim-5',\n      'focus-visible:bg-neutral/dim-5',\n    ]),\n  },\n  {\n    intent: 'surface',\n    design: 'ghost',\n    class: tw([\n      'text-surface',\n      'hover:bg-surface/dim-5',\n      'enabled:active:bg-surface/dim-5',\n      'focus-visible:bg-surface/dim-5',\n    ]),\n  },\n  {\n    intent: 'surfaceInverse',\n    design: 'ghost',\n    class: tw([\n      'text-surface-inverse',\n      'hover:bg-surface-inverse/dim-5',\n      'enabled:active:bg-surface-inverse/dim-5',\n      'focus-visible:bg-surface-inverse/dim-5',\n    ]),\n  },\n] as const\n","import { tw } from '@spark-ui/internal-utils'\n\nexport const outlinedVariants = [\n  {\n    intent: 'main',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-main/dim-5',\n      'enabled:active:bg-main/dim-5',\n      'focus-visible:bg-main/dim-5',\n      'text-main',\n    ]),\n  },\n  {\n    intent: 'support',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-support/dim-5',\n      'enabled:active:bg-support/dim-5',\n      'focus-visible:bg-support/dim-5',\n      'text-support',\n    ]),\n  },\n  {\n    intent: 'accent',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-accent/dim-5',\n      'enabled:active:bg-accent/dim-5',\n      'focus-visible:bg-accent/dim-5',\n      'text-accent',\n    ]),\n  },\n  {\n    intent: 'success',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-success/dim-5',\n      'enabled:active:bg-success/dim-5',\n      'focus-visible:bg-success/dim-5',\n      'text-success',\n    ]),\n  },\n  {\n    intent: 'alert',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-alert/dim-5',\n      'enabled:active:bg-alert/dim-5',\n      'focus-visible:bg-alert/dim-5',\n      'text-alert',\n    ]),\n  },\n  {\n    intent: 'danger',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-error/dim-5',\n      'enabled:active:bg-error/dim-5',\n      'focus-visible:bg-error/dim-5',\n      'text-error',\n    ]),\n  },\n  {\n    intent: 'info',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-info/dim-5',\n      'enabled:active:bg-info/dim-5',\n      'focus-visible:bg-info/dim-5',\n      'text-info',\n    ]),\n  },\n  {\n    intent: 'neutral',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-neutral/dim-5',\n      'enabled:active:bg-neutral/dim-5',\n      'focus-visible:bg-neutral/dim-5',\n      'text-neutral',\n    ]),\n  },\n  {\n    intent: 'surface',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-surface/dim-5',\n      'enabled:active:bg-surface/dim-5',\n      'focus-visible:bg-surface/dim-5',\n      'text-surface',\n    ]),\n  },\n  {\n    intent: 'surfaceInverse',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-surface-inverse/dim-5',\n      'enabled:active:bg-surface-inverse/dim-5',\n      'focus-visible:bg-surface-inverse/dim-5',\n      'text-surface-inverse',\n    ]),\n  },\n] as const\n","import { tw } from '@spark-ui/internal-utils'\n\nexport const tintedVariants = [\n  {\n    intent: 'main',\n    design: 'tinted',\n    class: tw([\n      'bg-main-container',\n      'text-on-main-container',\n      'hover:bg-main-container-hovered',\n      'enabled:active:bg-main-container-hovered',\n      'focus-visible:bg-main-container-hovered',\n    ]),\n  },\n  {\n    intent: 'support',\n    design: 'tinted',\n    class: tw([\n      'bg-support-container',\n      'text-on-support-container',\n      'hover:bg-support-container-hovered',\n      'enabled:active:bg-support-container-hovered',\n      'focus-visible:bg-support-container-hovered',\n    ]),\n  },\n  {\n    intent: 'accent',\n    design: 'tinted',\n    class: tw([\n      'bg-accent-container',\n      'text-on-accent-container',\n      'hover:bg-accent-container-hovered',\n      'enabled:active:bg-accent-container-hovered',\n      'focus-visible:bg-accent-container-hovered',\n    ]),\n  },\n  {\n    intent: 'success',\n    design: 'tinted',\n    class: tw([\n      'bg-success-container',\n      'text-on-success-container',\n      'hover:bg-success-container-hovered',\n      'enabled:active:bg-success-container-hovered',\n      'focus-visible:bg-success-container-hovered',\n    ]),\n  },\n  {\n    intent: 'alert',\n    design: 'tinted',\n    class: tw([\n      'bg-alert-container',\n      'text-on-alert-container',\n      'hover:bg-alert-container-hovered',\n      'enabled:active:bg-alert-container-hovered',\n      'focus-visible:bg-alert-container-hovered',\n    ]),\n  },\n  {\n    intent: 'danger',\n    design: 'tinted',\n    class: tw([\n      'bg-error-container',\n      'text-on-error-container',\n      'hover:bg-error-container-hovered',\n      'enabled:active:bg-error-container-hovered',\n      'focus-visible:bg-error-container-hovered',\n    ]),\n  },\n  {\n    intent: 'info',\n    design: 'tinted',\n    class: tw([\n      'bg-info-container',\n      'text-on-info-container',\n      'hover:bg-info-container-hovered',\n      'enabled:active:bg-info-container-hovered',\n      'focus-visible:bg-info-container-hovered',\n    ]),\n  },\n  {\n    intent: 'neutral',\n    design: 'tinted',\n    class: tw([\n      'bg-neutral-container',\n      'text-on-neutral-container',\n      'hover:bg-neutral-container-hovered',\n      'enabled:active:bg-neutral-container-hovered',\n      'focus-visible:bg-neutral-container-hovered',\n    ]),\n  },\n  {\n    intent: 'surface',\n    design: 'tinted',\n    class: tw([\n      'bg-surface',\n      'text-on-surface',\n      'hover:bg-surface-hovered',\n      'enabled:active:bg-surface-hovered',\n      'focus-visible:bg-surface-hovered',\n    ]),\n  },\n  {\n    intent: 'surfaceInverse',\n    design: 'tinted',\n    class: tw([\n      'bg-surface-inverse',\n      'text-on-surface-inverse',\n      'hover:bg-surface-inverse-hovered',\n      'enabled:active:bg-surface-inverse-hovered',\n      'focus-visible:bg-surface-inverse-hovered',\n    ]),\n  },\n] as const\n","import { tw } from '@spark-ui/internal-utils'\n\nexport const contrastVariants = [\n  {\n    intent: 'main',\n    design: 'contrast',\n    class: tw([\n      'text-on-main-contaier bg-surface',\n      'hover:bg-main-container-hovered',\n      'enabled:active:bg-main-container-hovered',\n      'focus-visible:bg-main-container-hovered',\n    ]),\n  },\n  {\n    intent: 'support',\n    design: 'contrast',\n    class: tw([\n      'text-on-support-container bg-surface',\n      'hover:bg-support-container-hovered',\n      'enabled:active:bg-support-container-hovered',\n      'focus-visible:bg-support-container-hovered',\n    ]),\n  },\n  {\n    intent: 'accent',\n    design: 'contrast',\n    class: tw([\n      'text-on-accent-container bg-surface',\n      'hover:bg-accent-container-hovered',\n      'enabled:active:bg-accent-container-hovered',\n      'focus-visible:bg-accent-container-hovered',\n    ]),\n  },\n  {\n    intent: 'success',\n    design: 'contrast',\n    class: tw([\n      'text-on-success-container bg-surface',\n      'hover:bg-success-container-hovered',\n      'enabled:active:bg-success-container-hovered',\n      'focus-visible:bg-success-container-hovered',\n    ]),\n  },\n  {\n    intent: 'alert',\n    design: 'contrast',\n    class: tw([\n      'text-on-alert-container bg-surface',\n      'hover:bg-alert-container-hovered',\n      'enabled:active:bg-alert-container-hovered',\n      'focus-visible:bg-alert-container-hovered',\n    ]),\n  },\n  {\n    intent: 'danger',\n    design: 'contrast',\n    class: tw([\n      'text-on-error-container bg-surface',\n      'hover:bg-error-container-hovered',\n      'enabled:active:bg-error-container-hovered',\n      'focus-visible:bg-error-container-hovered',\n    ]),\n  },\n  {\n    intent: 'info',\n    design: 'contrast',\n    class: tw([\n      'text-on-info-container bg-surface',\n      'hover:bg-info-container-hovered',\n      'enabled:active:bg-info-container-hovered',\n      'focus-visible:bg-info-container-hovered',\n    ]),\n  },\n  {\n    intent: 'neutral',\n    design: 'contrast',\n    class: tw([\n      'text-on-neutral-container bg-surface',\n      'hover:bg-neutral-container-hovered',\n      'enabled:active:bg-neutral-container-hovered',\n      'focus-visible:bg-neutral-container-hovered',\n    ]),\n  },\n  {\n    intent: 'surface',\n    design: 'contrast',\n    class: tw([\n      'text-on-surface bg-surface',\n      'hover:bg-surface-hovered',\n      'enabled:active:bg-surface-hovered',\n      'focus-visible:bg-surface-hovered',\n    ]),\n  },\n  {\n    intent: 'surfaceInverse',\n    design: 'contrast',\n    class: tw([\n      'text-on-surface-inverse bg-surface-inverse',\n      'hover:bg-surface-inverse-hovered',\n      'enabled:active:bg-surface-inverse-hovered',\n      'focus-visible:bg-surface-inverse-hovered',\n    ]),\n  },\n] as const\n","import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nimport {\n  contrastVariants,\n  filledVariants,\n  ghostVariants,\n  outlinedVariants,\n  tintedVariants,\n} from './variants'\n\nexport const buttonStyles = cva(\n  [\n    'u-shadow-border-transition',\n    'box-border inline-flex items-center justify-center gap-md whitespace-nowrap',\n    'default:px-lg',\n    'text-body-1 font-bold',\n    'focus-visible:u-outline',\n  ],\n  {\n    variants: {\n      /**\n       * Main style of the button.\n       *\n       * - `filled`: Button will be plain.\n       *\n       * - `outlined`: Button will be transparent with an outline.\n       *\n       * - `tinted`: Button will be filled but using a lighter color scheme.\n       *\n       * - `ghost`: Button will look like a link. No borders, plain text.\n       *\n       * - `contrast`: Button will be surface filled. No borders, plain text.\n       *\n       */\n      design: makeVariants<'design', ['filled', 'outlined', 'tinted', 'ghost', 'contrast']>({\n        filled: [],\n        outlined: ['bg-transparent', 'border-sm', 'border-current'],\n        tinted: [],\n        ghost: ['default:-mx-md px-md hover:bg-main/dim-5'],\n        contrast: [],\n      }),\n      underline: {\n        true: ['underline'],\n      },\n      /**\n       * Color scheme of the button.\n       */\n      intent: makeVariants<\n        'intent',\n        [\n          'main',\n          'support',\n          'accent',\n          'success',\n          'alert',\n          'danger',\n          'info',\n          'neutral',\n          'surface',\n          'surfaceInverse',\n        ]\n      >({\n        main: [],\n        support: [],\n        accent: [],\n        success: [],\n        alert: [],\n        danger: [],\n        info: [],\n        neutral: [],\n        surface: [],\n        surfaceInverse: [],\n      }),\n      /**\n       * Size of the button.\n       */\n      size: makeVariants<'size', ['sm', 'md', 'lg']>({\n        sm: ['min-w-sz-32', 'h-sz-32'],\n        md: ['min-w-sz-44', 'h-sz-44'],\n        lg: ['min-w-sz-56', 'h-sz-56'],\n      }),\n      /**\n       * Shape of the button.\n       */\n      shape: makeVariants<'shape', ['rounded', 'square', 'pill']>({\n        rounded: ['rounded-lg'],\n        square: ['rounded-0'],\n        pill: ['rounded-full'],\n      }),\n      /**\n       * Disable the button, preventing user interaction and adding opacity.\n       */\n      disabled: {\n        true: ['cursor-not-allowed', 'opacity-dim-3'],\n        false: ['cursor-pointer'],\n      },\n    },\n    compoundVariants: [\n      ...filledVariants,\n      ...outlinedVariants,\n      ...tintedVariants,\n      ...ghostVariants,\n      ...contrastVariants,\n    ],\n    defaultVariants: {\n      design: 'filled',\n      intent: 'main',\n      size: 'md',\n      shape: 'rounded',\n    },\n  }\n)\n\nexport type ButtonStylesProps = VariantProps<typeof buttonStyles>\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, type DOMAttributes, Ref, useMemo } from 'react'\n\nimport { Slot, wrapPolymorphicSlot } from '../slot'\nimport { Spinner, type SpinnerProps } from '../spinner'\nimport { buttonStyles, type ButtonStylesProps } from './Button.styles'\n\nexport interface ButtonProps\n  extends Omit<ComponentPropsWithoutRef<'button'>, 'disabled'>, ButtonStylesProps {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  /**\n   * Display a spinner to indicate to the user that the button is loading something after they interacted with it.\n   */\n  isLoading?: boolean\n  /**\n   * If your loading state should only display a spinner, it is better to specify a label for it (a11y).\n   */\n  loadingLabel?: string\n  /**\n   * If your loading state should also display a label, you can use this prop instead of `loadingLabel`.\n   * **Please note that using this can result in layout shifting when the Button goes from loading state to normal state.**\n   */\n  loadingText?: string\n  ref?: Ref<HTMLButtonElement>\n}\n\ntype DOMAttributesEventHandler = keyof Omit<\n  DOMAttributes<HTMLButtonElement>,\n  'children' | 'dangerouslySetInnerHTML'\n>\n\nconst blockedEventHandlers: DOMAttributesEventHandler[] = [\n  'onClick',\n  'onMouseDown',\n  'onMouseUp',\n  'onMouseEnter',\n  'onMouseLeave',\n  'onMouseOver',\n  'onMouseOut',\n  'onKeyDown',\n  'onKeyPress',\n  'onKeyUp',\n  'onSubmit',\n]\n\nexport const Button = ({\n  children,\n  design = 'filled',\n  disabled = false,\n  intent = 'main',\n  isLoading = false,\n  loadingLabel,\n  loadingText,\n  shape = 'rounded',\n  size = 'md',\n  asChild,\n  className,\n  underline = false,\n  ref,\n  ...others\n}: ButtonProps) => {\n  const Component = asChild ? Slot : 'button'\n\n  const shouldNotInteract = !!disabled || isLoading\n\n  const disabledEventHandlers = useMemo(() => {\n    const result: Partial<Record<DOMAttributesEventHandler, () => void>> = {}\n\n    if (shouldNotInteract) {\n      blockedEventHandlers.forEach(eventHandler => (result[eventHandler] = undefined))\n    }\n\n    return result\n  }, [shouldNotInteract])\n\n  const spinnerProps = {\n    size: 'current' as SpinnerProps['size'],\n    className: loadingText ? 'inline-block' : 'absolute',\n    ...(loadingLabel && { 'aria-label': loadingLabel }),\n  }\n\n  return (\n    <Component\n      data-spark-component=\"button\"\n      {...(Component === 'button' && { type: 'button' })}\n      ref={ref}\n      className={buttonStyles({\n        className,\n        design,\n        disabled: shouldNotInteract,\n        intent,\n        shape,\n        size,\n        underline,\n      })}\n      disabled={!!disabled}\n      aria-busy={isLoading}\n      aria-live={isLoading ? 'assertive' : 'off'}\n      {...others}\n      {...disabledEventHandlers}\n    >\n      {wrapPolymorphicSlot(asChild, children, slotted =>\n        isLoading ? (\n          <>\n            <Spinner {...spinnerProps} />\n            {loadingText}\n\n            <div\n              aria-hidden\n              className={cx('gap-md', loadingText ? 'hidden' : 'inline-flex opacity-0')}\n            >\n              {slotted}\n            </div>\n          </>\n        ) : (\n          slotted\n        )\n      )}\n    </Component>\n  )\n}\n\nButton.displayName = 'Button'\n"],"mappings":";;;;;;;AAEA,IAAa,IAAiB;CAE5B;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACA;GACD,CAAC;EACH;CAED;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACA;GACD,CAAC;EACH;CAED;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACA;GACD,CAAC;EACH;CAED;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACA;GACD,CAAC;EACH;CAED;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACA;GACD,CAAC;EACH;CAED;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACD,CAAC;EACH;CAED;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACD,CAAC;EACH;CAED;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACA;GACD,CAAC;EACH;CAED;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACA;GACD,CAAC;EACH;CACF,ECpHY,IAAgB;CAC3B;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACF,ECrGY,IAAmB;CAC9B;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACF,ECrGY,IAAiB;CAC5B;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACA;GACD,CAAC;EACH;CACF,EC/GY,IAAmB;CAC9B;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACD;EACE,QAAQ;EACR,QAAQ;EACR,OAAO,EAAG;GACR;GACA;GACA;GACA;GACD,CAAC;EACH;CACF,EC5FY,IAAe,EAC1B;CACE;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU;EAeR,QAAQ,EAA8E;GACpF,QAAQ,EAAE;GACV,UAAU;IAAC;IAAkB;IAAa;IAAiB;GAC3D,QAAQ,EAAE;GACV,OAAO,CAAC,2CAA2C;GACnD,UAAU,EAAE;GACb,CAAC;EACF,WAAW,EACT,MAAM,CAAC,YAAY,EACpB;EAID,QAAQ,EAcN;GACA,MAAM,EAAE;GACR,SAAS,EAAE;GACX,QAAQ,EAAE;GACV,SAAS,EAAE;GACX,OAAO,EAAE;GACT,QAAQ,EAAE;GACV,MAAM,EAAE;GACR,SAAS,EAAE;GACX,SAAS,EAAE;GACX,gBAAgB,EAAE;GACnB,CAAC;EAIF,MAAM,EAAyC;GAC7C,IAAI,CAAC,eAAe,UAAU;GAC9B,IAAI,CAAC,eAAe,UAAU;GAC9B,IAAI,CAAC,eAAe,UAAU;GAC/B,CAAC;EAIF,OAAO,EAAqD;GAC1D,SAAS,CAAC,aAAa;GACvB,QAAQ,CAAC,YAAY;GACrB,MAAM,CAAC,eAAe;GACvB,CAAC;EAIF,UAAU;GACR,MAAM,CAAC,sBAAsB,gBAAgB;GAC7C,OAAO,CAAC,iBAAiB;GAC1B;EACF;CACD,kBAAkB;EAChB,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACJ;CACD,iBAAiB;EACf,QAAQ;EACR,QAAQ;EACR,MAAM;EACN,OAAO;EACR;CACF,CACF,EC9EK,IAAoD;CACxD;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAEY,KAAU,EACrB,aACA,YAAS,UACT,cAAW,IACX,YAAS,QACT,eAAY,IACZ,iBACA,gBACA,WAAQ,WACR,UAAO,MACP,YACA,cACA,eAAY,IACZ,QACA,GAAG,QACc;CACjB,IAAM,IAAY,IAAU,IAAO,UAE7B,IAAoB,CAAC,CAAC,KAAY,GAElC,IAAwB,QAAc;EAC1C,IAAM,IAAiE,EAAE;AAMzE,SAJI,KACF,EAAqB,SAAQ,MAAiB,EAAO,KAAgB,KAAA,EAAW,EAG3E;IACN,CAAC,EAAkB,CAAC,EAEjB,IAAe;EACnB,MAAM;EACN,WAAW,IAAc,iBAAiB;EAC1C,GAAI,KAAgB,EAAE,cAAc,GAAc;EACnD;AAED,QACE,kBAAC,GAAD;EACE,wBAAqB;EACrB,GAAK,MAAc,YAAY,EAAE,MAAM,UAAU;EAC5C;EACL,WAAW,EAAa;GACtB;GACA;GACA,UAAU;GACV;GACA;GACA;GACA;GACD,CAAC;EACF,UAAU,CAAC,CAAC;EACZ,aAAW;EACX,aAAW,IAAY,cAAc;EACrC,GAAI;EACJ,GAAI;YAEH,EAAoB,GAAS,IAAU,MACtC,IACE,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD,EAAS,GAAI,GAAgB,CAAA;GAC5B;GAED,kBAAC,OAAD;IACE,eAAA;IACA,WAAW,EAAG,UAAU,IAAc,WAAW,wBAAwB;cAExE;IACG,CAAA;GACL,EAAA,CAAA,GAEH,EAEH;EACS,CAAA;;AAIhB,EAAO,cAAc"}