@spark-ui/components 18.1.1 → 18.1.3

package/dist/{button-DwLTXeJX.mjs → button-DBNjh3Bi.mjs}

@@ -1,11 +1,11 @@
 import { Slot as e, wrapPolymorphicSlot as t } from "./slot/index.mjs";
-import { t as n } from "./spinner-TfGcjNm3.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";
+import { t as n } from "./spinner-DnrZf01S.mjs";
+import { makeVariants as r, tw as i } from "@spark-ui/internal-utils";
+import { cva as a, cx as o } from "class-variance-authority";
+import { useMemo as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/button/Button.appearance-styles.tsx
-var d = r([
+var d = a([
 	"u-shadow-border-transition",
 	"box-border inline-flex items-center justify-center gap-md whitespace-nowrap",
 	"default:px-lg",
@@ -88,7 +88,7 @@ var d = r([
 				"enabled:focus-visible:bg-ai-hovered"
 			]
 		},
-		size: l({
+		size: r({
 			sm: ["min-w-sz-32 h-sz-32"],
 			md: ["min-w-sz-44 h-sz-44"],
 			lg: ["min-w-sz-56 h-sz-56"]
@@ -103,7 +103,7 @@ var d = r([
 	{
 		intent: "main",
 		design: "filled",
-		class: u([
+		class: i([
 			"bg-main",
 			"text-on-main",
 			"hover:bg-main-hovered",
@@ -114,7 +114,7 @@ var d = r([
 	{
 		intent: "support",
 		design: "filled",
-		class: u([
+		class: i([
 			"bg-support",
 			"text-on-support",
 			"hover:bg-support-hovered",
@@ -125,7 +125,7 @@ var d = r([
 	{
 		intent: "accent",
 		design: "filled",
-		class: u([
+		class: i([
 			"bg-accent",
 			"text-on-accent",
 			"hover:bg-accent-hovered",
@@ -136,7 +136,7 @@ var d = r([
 	{
 		intent: "ai",
 		design: "filled",
-		class: u([
+		class: i([
 			"bg-ai",
 			"text-on-ai",
 			"hover:bg-ai-hovered",
@@ -147,7 +147,7 @@ var d = r([
 	{
 		intent: "success",
 		design: "filled",
-		class: u([
+		class: i([
 			"bg-success",
 			"text-on-success",
 			"hover:bg-success-hovered",
@@ -158,7 +158,7 @@ var d = r([
 	{
 		intent: "alert",
 		design: "filled",
-		class: u([
+		class: i([
 			"bg-alert",
 			"text-on-alert",
 			"hover:bg-alert-hovered",
@@ -169,7 +169,7 @@ var d = r([
 	{
 		intent: "danger",
 		design: "filled",
-		class: u([
+		class: i([
 			"text-on-error bg-error",
 			"hover:bg-error-hovered enabled:active:bg-error-hovered",
 			"focus-visible:bg-error-hovered"
@@ -178,7 +178,7 @@ var d = r([
 	{
 		intent: "info",
 		design: "filled",
-		class: u([
+		class: i([
 			"text-on-error bg-info",
 			"hover:bg-info-hovered enabled:active:bg-info-hovered",
 			"focus-visible:bg-info-hovered"
@@ -187,7 +187,7 @@ var d = r([
 	{
 		intent: "neutral",
 		design: "filled",
-		class: u([
+		class: i([
 			"bg-neutral",
 			"text-on-neutral",
 			"hover:bg-neutral-hovered",
@@ -198,7 +198,7 @@ var d = r([
 	{
 		intent: "surface",
 		design: "filled",
-		class: u([
+		class: i([
 			"bg-surface",
 			"text-on-surface",
 			"hover:bg-surface-hovered",
@@ -209,7 +209,7 @@ var d = r([
 	{
 		intent: "surfaceInverse",
 		design: "filled",
-		class: u([
+		class: i([
 			"bg-surface-inverse",
 			"text-on-surface-inverse",
 			"hover:bg-surface-inverse-hovered",
@@ -221,7 +221,7 @@ var d = r([
 	{
 		intent: "main",
 		design: "ghost",
-		class: u([
+		class: i([
 			"text-on-main-container",
 			"hover:bg-main/dim-5",
 			"enabled:active:bg-main/dim-5",
@@ -231,7 +231,7 @@ var d = r([
 	{
 		intent: "support",
 		design: "ghost",
-		class: u([
+		class: i([
 			"text-on-support-container",
 			"hover:bg-support/dim-5",
 			"enabled:active:bg-support/dim-5",
@@ -241,7 +241,7 @@ var d = r([
 	{
 		intent: "accent",
 		design: "ghost",
-		class: u([
+		class: i([
 			"text-on-accent-container",
 			"hover:bg-accent/dim-5",
 			"enabled:active:bg-accent/dim-5",
@@ -251,7 +251,7 @@ var d = r([
 	{
 		intent: "ai",
 		design: "ghost",
-		class: u([
+		class: i([
 			"text-on-ai-container",
 			"hover:bg-ai/dim-5",
 			"enabled:active:bg-ai/dim-5",
@@ -261,7 +261,7 @@ var d = r([
 	{
 		intent: "success",
 		design: "ghost",
-		class: u([
+		class: i([
 			"text-on-success-container",
 			"hover:bg-success/dim-5",
 			"enabled:active:bg-success/dim-5",
@@ -271,7 +271,7 @@ var d = r([
 	{
 		intent: "alert",
 		design: "ghost",
-		class: u([
+		class: i([
 			"text-on-alert-container",
 			"hover:bg-alert/dim-5",
 			"enabled:active:bg-alert/dim-5",
@@ -281,7 +281,7 @@ var d = r([
 	{
 		intent: "danger",
 		design: "ghost",
-		class: u([
+		class: i([
 			"text-on-error-container",
 			"hover:bg-error/dim-5",
 			"enabled:active:bg-error/dim-5",
@@ -291,7 +291,7 @@ var d = r([
 	{
 		intent: "info",
 		design: "ghost",
-		class: u([
+		class: i([
 			"text-on-info-container",
 			"hover:bg-info/dim-5",
 			"enabled:active:bg-info/dim-5",
@@ -301,7 +301,7 @@ var d = r([
 	{
 		intent: "neutral",
 		design: "ghost",
-		class: u([
+		class: i([
 			"text-on-neutral-container",
 			"hover:bg-neutral/dim-5",
 			"enabled:active:bg-neutral/dim-5",
@@ -311,7 +311,7 @@ var d = r([
 	{
 		intent: "surface",
 		design: "ghost",
-		class: u([
+		class: i([
 			"text-surface",
 			"hover:bg-surface/dim-5",
 			"enabled:active:bg-surface/dim-5",
@@ -321,7 +321,7 @@ var d = r([
 	{
 		intent: "surfaceInverse",
 		design: "ghost",
-		class: u([
+		class: i([
 			"text-surface-inverse",
 			"hover:bg-surface-inverse/dim-5",
 			"enabled:active:bg-surface-inverse/dim-5",
@@ -332,7 +332,7 @@ var d = r([
 	{
 		intent: "main",
 		design: "outlined",
-		class: u([
+		class: i([
 			"hover:bg-main/dim-5",
 			"enabled:active:bg-main/dim-5",
 			"focus-visible:bg-main/dim-5",
@@ -342,7 +342,7 @@ var d = r([
 	{
 		intent: "support",
 		design: "outlined",
-		class: u([
+		class: i([
 			"hover:bg-support/dim-5",
 			"enabled:active:bg-support/dim-5",
 			"focus-visible:bg-support/dim-5",
@@ -352,7 +352,7 @@ var d = r([
 	{
 		intent: "accent",
 		design: "outlined",
-		class: u([
+		class: i([
 			"hover:bg-accent/dim-5",
 			"enabled:active:bg-accent/dim-5",
 			"focus-visible:bg-accent/dim-5",
@@ -362,7 +362,7 @@ var d = r([
 	{
 		intent: "ai",
 		design: "outlined",
-		class: u([
+		class: i([
 			"hover:bg-ai/dim-5",
 			"enabled:active:bg-ai/dim-5",
 			"focus-visible:bg-ai/dim-5",
@@ -372,7 +372,7 @@ var d = r([
 	{
 		intent: "success",
 		design: "outlined",
-		class: u([
+		class: i([
 			"hover:bg-success/dim-5",
 			"enabled:active:bg-success/dim-5",
 			"focus-visible:bg-success/dim-5",
@@ -382,7 +382,7 @@ var d = r([
 	{
 		intent: "alert",
 		design: "outlined",
-		class: u([
+		class: i([
 			"hover:bg-alert/dim-5",
 			"enabled:active:bg-alert/dim-5",
 			"focus-visible:bg-alert/dim-5",
@@ -392,7 +392,7 @@ var d = r([
 	{
 		intent: "danger",
 		design: "outlined",
-		class: u([
+		class: i([
 			"hover:bg-error/dim-5",
 			"enabled:active:bg-error/dim-5",
 			"focus-visible:bg-error/dim-5",
@@ -402,7 +402,7 @@ var d = r([
 	{
 		intent: "info",
 		design: "outlined",
-		class: u([
+		class: i([
 			"hover:bg-info/dim-5",
 			"enabled:active:bg-info/dim-5",
 			"focus-visible:bg-info/dim-5",
@@ -412,7 +412,7 @@ var d = r([
 	{
 		intent: "neutral",
 		design: "outlined",
-		class: u([
+		class: i([
 			"hover:bg-neutral/dim-5",
 			"enabled:active:bg-neutral/dim-5",
 			"focus-visible:bg-neutral/dim-5",
@@ -422,7 +422,7 @@ var d = r([
 	{
 		intent: "surface",
 		design: "outlined",
-		class: u([
+		class: i([
 			"hover:bg-surface/dim-5",
 			"enabled:active:bg-surface/dim-5",
 			"focus-visible:bg-surface/dim-5",
@@ -432,7 +432,7 @@ var d = r([
 	{
 		intent: "surfaceInverse",
 		design: "outlined",
-		class: u([
+		class: i([
 			"hover:bg-surface-inverse/dim-5",
 			"enabled:active:bg-surface-inverse/dim-5",
 			"focus-visible:bg-surface-inverse/dim-5",
@@ -443,7 +443,7 @@ var d = r([
 	{
 		intent: "main",
 		design: "tinted",
-		class: u([
+		class: i([
 			"bg-main-container",
 			"text-on-main-container",
 			"hover:bg-main-container-hovered",
@@ -454,7 +454,7 @@ var d = r([
 	{
 		intent: "support",
 		design: "tinted",
-		class: u([
+		class: i([
 			"bg-support-container",
 			"text-on-support-container",
 			"hover:bg-support-container-hovered",
@@ -465,7 +465,7 @@ var d = r([
 	{
 		intent: "accent",
 		design: "tinted",
-		class: u([
+		class: i([
 			"bg-accent-container",
 			"text-on-accent-container",
 			"hover:bg-accent-container-hovered",
@@ -476,7 +476,7 @@ var d = r([
 	{
 		intent: "ai",
 		design: "tinted",
-		class: u([
+		class: i([
 			"bg-ai-container",
 			"text-on-ai-container",
 			"hover:bg-ai-container-hovered",
@@ -487,7 +487,7 @@ var d = r([
 	{
 		intent: "success",
 		design: "tinted",
-		class: u([
+		class: i([
 			"bg-success-container",
 			"text-on-success-container",
 			"hover:bg-success-container-hovered",
@@ -498,7 +498,7 @@ var d = r([
 	{
 		intent: "alert",
 		design: "tinted",
-		class: u([
+		class: i([
 			"bg-alert-container",
 			"text-on-alert-container",
 			"hover:bg-alert-container-hovered",
@@ -509,7 +509,7 @@ var d = r([
 	{
 		intent: "danger",
 		design: "tinted",
-		class: u([
+		class: i([
 			"bg-error-container",
 			"text-on-error-container",
 			"hover:bg-error-container-hovered",
@@ -520,7 +520,7 @@ var d = r([
 	{
 		intent: "info",
 		design: "tinted",
-		class: u([
+		class: i([
 			"bg-info-container",
 			"text-on-info-container",
 			"hover:bg-info-container-hovered",
@@ -531,7 +531,7 @@ var d = r([
 	{
 		intent: "neutral",
 		design: "tinted",
-		class: u([
+		class: i([
 			"bg-neutral-container",
 			"text-on-neutral-container",
 			"hover:bg-neutral-container-hovered",
@@ -542,7 +542,7 @@ var d = r([
 	{
 		intent: "surface",
 		design: "tinted",
-		class: u([
+		class: i([
 			"bg-surface",
 			"text-on-surface",
 			"hover:bg-surface-hovered",
@@ -553,7 +553,7 @@ var d = r([
 	{
 		intent: "surfaceInverse",
 		design: "tinted",
-		class: u([
+		class: i([
 			"bg-surface-inverse",
 			"text-on-surface-inverse",
 			"hover:bg-surface-inverse-hovered",
@@ -565,7 +565,7 @@ var d = r([
 	{
 		intent: "main",
 		design: "contrast",
-		class: u([
+		class: i([
 			"text-on-main-contaier bg-surface",
 			"hover:bg-main-container-hovered",
 			"enabled:active:bg-main-container-hovered",
@@ -575,7 +575,7 @@ var d = r([
 	{
 		intent: "support",
 		design: "contrast",
-		class: u([
+		class: i([
 			"text-on-support-container bg-surface",
 			"hover:bg-support-container-hovered",
 			"enabled:active:bg-support-container-hovered",
@@ -585,7 +585,7 @@ var d = r([
 	{
 		intent: "accent",
 		design: "contrast",
-		class: u([
+		class: i([
 			"text-on-accent-container bg-surface",
 			"hover:bg-accent-container-hovered",
 			"enabled:active:bg-accent-container-hovered",
@@ -595,7 +595,7 @@ var d = r([
 	{
 		intent: "ai",
 		design: "contrast",
-		class: u([
+		class: i([
 			"text-on-ai-container bg-surface",
 			"hover:bg-ai-container-hovered",
 			"enabled:active:bg-ai-container-hovered",
@@ -605,7 +605,7 @@ var d = r([
 	{
 		intent: "success",
 		design: "contrast",
-		class: u([
+		class: i([
 			"text-on-success-container bg-surface",
 			"hover:bg-success-container-hovered",
 			"enabled:active:bg-success-container-hovered",
@@ -615,7 +615,7 @@ var d = r([
 	{
 		intent: "alert",
 		design: "contrast",
-		class: u([
+		class: i([
 			"text-on-alert-container bg-surface",
 			"hover:bg-alert-container-hovered",
 			"enabled:active:bg-alert-container-hovered",
@@ -625,7 +625,7 @@ var d = r([
 	{
 		intent: "danger",
 		design: "contrast",
-		class: u([
+		class: i([
 			"text-on-error-container bg-surface",
 			"hover:bg-error-container-hovered",
 			"enabled:active:bg-error-container-hovered",
@@ -635,7 +635,7 @@ var d = r([
 	{
 		intent: "info",
 		design: "contrast",
-		class: u([
+		class: i([
 			"text-on-info-container bg-surface",
 			"hover:bg-info-container-hovered",
 			"enabled:active:bg-info-container-hovered",
@@ -645,7 +645,7 @@ var d = r([
 	{
 		intent: "neutral",
 		design: "contrast",
-		class: u([
+		class: i([
 			"text-on-neutral-container bg-surface",
 			"hover:bg-neutral-container-hovered",
 			"enabled:active:bg-neutral-container-hovered",
@@ -655,7 +655,7 @@ var d = r([
 	{
 		intent: "surface",
 		design: "contrast",
-		class: u([
+		class: i([
 			"text-on-surface bg-surface",
 			"hover:bg-surface-hovered",
 			"enabled:active:bg-surface-hovered",
@@ -665,14 +665,14 @@ var d = r([
 	{
 		intent: "surfaceInverse",
 		design: "contrast",
-		class: u([
+		class: i([
 			"text-on-surface-inverse bg-surface-inverse",
 			"hover:bg-surface-inverse-hovered",
 			"enabled:active:bg-surface-inverse-hovered",
 			"focus-visible:bg-surface-inverse-hovered"
 		])
 	}
-], _ = r([
+], _ = a([
 	"u-shadow-border-transition",
 	"box-border inline-flex items-center justify-center gap-md whitespace-nowrap",
 	"default:px-lg",
@@ -680,7 +680,7 @@ var d = r([
 	"focus-visible:u-outline"
 ], {
 	variants: {
-		design: l({
+		design: r({
 			filled: [],
 			outlined: [
 				"bg-transparent",
@@ -692,7 +692,7 @@ var d = r([
 			contrast: []
 		}),
 		underline: { true: ["underline"] },
-		intent: l({
+		intent: r({
 			main: [],
 			support: [],
 			accent: [],
@@ -705,12 +705,12 @@ var d = r([
 			surface: [],
 			surfaceInverse: []
 		}),
-		size: l({
+		size: r({
 			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({
+		shape: r({
 			rounded: ["rounded-button"],
 			square: ["rounded-0"],
 			pill: ["rounded-full"]
@@ -745,8 +745,8 @@ var d = r([
 	"onKeyPress",
 	"onKeyUp",
 	"onSubmit"
-], y = ({ children: r, design: l = "filled", disabled: u = !1, ariaDisabled: f = !1, intent: p = "main", isLoading: m = !1, loadingLabel: h, loadingText: g, shape: y = "pill", size: b = "md", asChild: x, className: S, underline: C = !1, appearance: w, ref: T, ...E }) => {
-	let D = x ? e : "button", O = !!u || !!f || m, k = !!u && !f, A = a(() => {
+], y = ({ children: r, design: i = "filled", disabled: a = !1, ariaDisabled: f = !1, intent: p = "main", isLoading: m = !1, loadingLabel: h, loadingText: g, shape: y = "pill", size: b = "md", asChild: x, className: S, underline: C = !1, appearance: w, ref: T, ...E }) => {
+	let D = x ? e : "button", O = !!a || !!f || m, k = !!a && !f, A = s(() => {
 		let e = {};
 		return O && v.forEach((t) => {
 			e[t] = (e) => {
@@ -765,14 +765,14 @@ var d = r([
 		underline: C
 	}) : _({
 		className: S,
-		design: l,
+		design: i,
 		disabled: O,
 		intent: p,
 		shape: y,
 		size: b,
 		underline: C
 	});
-	return /* @__PURE__ */ s(D, {
+	return /* @__PURE__ */ l(D, {
 		"data-spark-component": "button",
 		...D === "button" && { type: "button" },
 		ref: T,
@@ -783,12 +783,12 @@ var d = r([
 		"aria-live": m ? "assertive" : "off",
 		...E,
 		...A,
-		children: t(x, r, (e) => m ? /* @__PURE__ */ c(o, { children: [
-			/* @__PURE__ */ s(n, { ...j }),
+		children: t(x, r, (e) => m ? /* @__PURE__ */ u(c, { children: [
+			/* @__PURE__ */ l(n, { ...j }),
 			g,
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ l("div", {
 				"aria-hidden": !0,
-				className: i("gap-md", g ? "hidden" : "inline-flex opacity-0"),
+				className: o("gap-md", g ? "hidden" : "inline-flex opacity-0"),
 				children: e
 			})
 		] }) : e)
@@ -798,4 +798,4 @@ y.displayName = "Button";
 //#endregion
 export { _ as n, y as t };
 
-//# sourceMappingURL=button-DwLTXeJX.mjs.map
+//# sourceMappingURL=button-DBNjh3Bi.mjs.map