@burdenoff/microfe-billing 2026.614.1 → 2026.623.2

package/dist/billing/modules/coupons/pages/CreateCouponPage.js

@@ -133,7 +133,7 @@ var v = [
 			children: [/* @__PURE__ */ h("button", {
 				type: "button",
 				onClick: () => x("/coupons"),
-				className: "p-2 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground",
+				className: "p-2 rounded-lg hover:bg-bg-sunken text-text-muted hover:text-text-primary",
 				children: /* @__PURE__ */ h(s, { className: "size-5" })
 			}), /* @__PURE__ */ h(t, {
 				title: b("billing.coupons.createTitle", "Create Coupon"),
@@ -177,15 +177,15 @@ var v = [
 			className: "space-y-6",
 			children: [
 				/* @__PURE__ */ g("div", {
-					className: "bg-card border border-border rounded-lg p-6 space-y-4",
+					className: "bg-bg-surface border border-border-subtle rounded-lg p-6 space-y-4",
 					children: [
 						/* @__PURE__ */ h("h3", {
-							className: "text-lg font-semibold text-foreground",
+							className: "text-lg font-semibold text-text-primary",
 							children: "Basic Information"
 						}),
 						/* @__PURE__ */ g("div", { children: [
 							/* @__PURE__ */ h("label", {
-								className: "block text-sm font-medium text-foreground mb-1",
+								className: "block text-sm font-medium text-text-primary mb-1",
 								children: "Coupon Code *"
 							}),
 							/* @__PURE__ */ h("input", {
@@ -193,20 +193,20 @@ var v = [
 								value: E.code,
 								onChange: (e) => P("code", e.target.value.toUpperCase()),
 								placeholder: "e.g., WELCOME20",
-								className: `w-full px-4 py-2 rounded-lg border ${O.code ? "border-destructive" : "border-border"} bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/20`
+								className: `w-full px-4 py-2 rounded-input border ${O.code ? "border-destructive" : "border-border-subtle"} bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]`
 							}),
 							O.code && /* @__PURE__ */ h("p", {
-								className: "text-sm text-destructive mt-1",
+								className: "text-sm text-status-error-text mt-1",
 								children: O.code
 							}),
 							/* @__PURE__ */ h("p", {
-								className: "text-xs text-muted-foreground mt-1",
+								className: "text-xs text-text-muted mt-1",
 								children: "Use uppercase letters, numbers, hyphens, and underscores"
 							})
 						] }),
 						/* @__PURE__ */ g("div", { children: [
 							/* @__PURE__ */ h("label", {
-								className: "block text-sm font-medium text-foreground mb-1",
+								className: "block text-sm font-medium text-text-primary mb-1",
 								children: "Display Name *"
 							}),
 							/* @__PURE__ */ h("input", {
@@ -214,41 +214,41 @@ var v = [
 								value: E.name,
 								onChange: (e) => P("name", e.target.value),
 								placeholder: "e.g., Welcome 20% Off",
-								className: `w-full px-4 py-2 rounded-lg border ${O.name ? "border-destructive" : "border-border"} bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/20`
+								className: `w-full px-4 py-2 rounded-input border ${O.name ? "border-destructive" : "border-border-subtle"} bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]`
 							}),
 							O.name && /* @__PURE__ */ h("p", {
-								className: "text-sm text-destructive mt-1",
+								className: "text-sm text-status-error-text mt-1",
 								children: O.name
 							})
 						] }),
 						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
-							className: "block text-sm font-medium text-foreground mb-1",
+							className: "block text-sm font-medium text-text-primary mb-1",
 							children: "Description"
 						}), /* @__PURE__ */ h("textarea", {
 							value: E.description,
 							onChange: (e) => P("description", e.target.value),
 							placeholder: "Optional description for internal use",
 							rows: 3,
-							className: "w-full px-4 py-2 rounded-lg border border-border bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/20"
+							className: "w-full px-4 py-2 rounded-input border border-border-subtle bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 						})] })
 					]
 				}),
 				/* @__PURE__ */ g("div", {
-					className: "bg-card border border-border rounded-lg p-6 space-y-4",
+					className: "bg-bg-surface border border-border-subtle rounded-lg p-6 space-y-4",
 					children: [
 						/* @__PURE__ */ h("h3", {
-							className: "text-lg font-semibold text-foreground",
+							className: "text-lg font-semibold text-text-primary",
 							children: "Discount Configuration"
 						}),
 						/* @__PURE__ */ g("div", { children: [
 							/* @__PURE__ */ h("label", {
-								className: "block text-sm font-medium text-foreground mb-1",
+								className: "block text-sm font-medium text-text-primary mb-1",
 								children: "Coupon Currency *"
 							}),
 							/* @__PURE__ */ h("select", {
 								value: E.currency,
 								onChange: (e) => P("currency", e.target.value),
-								className: "w-full px-4 py-2 rounded-lg border border-border bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/20",
+								className: "w-full px-4 py-2 rounded-input border border-border-subtle bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 								children: v.map(({ code: e, symbol: t, name: n }) => /* @__PURE__ */ g("option", {
 									value: e,
 									children: [
@@ -261,12 +261,12 @@ var v = [
 								}, e))
 							}),
 							/* @__PURE__ */ h("p", {
-								className: "text-xs text-muted-foreground mt-1",
+								className: "text-xs text-text-muted mt-1",
 								children: "Amounts below are in this currency. Users paying in a different currency (e.g. INR) will have the amounts automatically converted using live exchange rates at validation time."
 							})
 						] }),
 						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
-							className: "block text-sm font-medium text-foreground mb-2",
+							className: "block text-sm font-medium text-text-primary mb-2",
 							children: "Discount Type *"
 						}), /* @__PURE__ */ h("div", {
 							className: "grid grid-cols-3 gap-3",
@@ -289,7 +289,7 @@ var v = [
 							].map(({ value: e, label: t, icon: n }) => /* @__PURE__ */ g("button", {
 								type: "button",
 								onClick: () => P("type", e),
-								className: `p-4 rounded-lg border-2 transition-colors ${E.type === e ? "border-primary bg-primary/10" : "border-border hover:border-primary/50"}`,
+								className: `p-4 rounded-lg border-2 transition-colors ${E.type === e ? "border-action-primary-bg bg-[var(--color-accent-soft)]" : "border-border-subtle hover:border-action-primary-bg/50"}`,
 								children: [n ? /* @__PURE__ */ h(n, { className: "size-5 mx-auto mb-2" }) : /* @__PURE__ */ h("span", {
 									className: "block text-lg font-bold mb-2",
 									children: M
@@ -301,21 +301,21 @@ var v = [
 						})] }),
 						/* @__PURE__ */ g("div", { children: [
 							/* @__PURE__ */ h("label", {
-								className: "block text-sm font-medium text-foreground mb-1",
+								className: "block text-sm font-medium text-text-primary mb-1",
 								children: "Discount Value *"
 							}),
 							/* @__PURE__ */ h("div", {
 								className: "relative",
-								children: E.type === "PERCENTAGE" ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(l, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }), /* @__PURE__ */ h("input", {
+								children: E.type === "PERCENTAGE" ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(l, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-text-muted" }), /* @__PURE__ */ h("input", {
 									type: "number",
 									value: E.value,
 									onChange: (e) => P("value", parseFloat(e.target.value)),
 									min: "0",
 									max: "100",
 									step: "0.01",
-									className: `w-full pl-10 pr-4 py-2 rounded-lg border ${O.value ? "border-destructive" : "border-border"} bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/20`
+									className: `w-full pl-10 pr-4 py-2 rounded-input border ${O.value ? "border-destructive" : "border-border-subtle"} bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]`
 								})] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("span", {
-									className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-muted-foreground font-medium",
+									className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-text-muted font-medium",
 									children: M
 								}), /* @__PURE__ */ h("input", {
 									type: "number",
@@ -323,17 +323,17 @@ var v = [
 									onChange: (e) => P("value", parseFloat(e.target.value)),
 									min: "0",
 									step: "0.01",
-									className: `w-full pl-10 pr-4 py-2 rounded-lg border ${O.value ? "border-destructive" : "border-border"} bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/20`
+									className: `w-full pl-10 pr-4 py-2 rounded-input border ${O.value ? "border-destructive" : "border-border-subtle"} bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]`
 								})] })
 							}),
 							O.value && /* @__PURE__ */ h("p", {
-								className: "text-sm text-destructive mt-1",
+								className: "text-sm text-status-error-text mt-1",
 								children: O.value
 							})
 						] }),
 						/* @__PURE__ */ g("div", { children: [
 							/* @__PURE__ */ g("label", {
-								className: "block text-sm font-medium text-foreground mb-1",
+								className: "block text-sm font-medium text-text-primary mb-1",
 								children: [
 									"Minimum Purchase Amount (",
 									E.currency,
@@ -343,7 +343,7 @@ var v = [
 							/* @__PURE__ */ g("div", {
 								className: "relative",
 								children: [/* @__PURE__ */ h("span", {
-									className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-muted-foreground font-medium",
+									className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-text-muted font-medium",
 									children: M
 								}), /* @__PURE__ */ h("input", {
 									type: "number",
@@ -352,11 +352,11 @@ var v = [
 									min: "0",
 									step: "0.01",
 									placeholder: "No minimum",
-									className: "w-full pl-10 pr-4 py-2 rounded-lg border border-border bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/20"
+									className: "w-full pl-10 pr-4 py-2 rounded-input border border-border-subtle bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})]
 							}),
 							/* @__PURE__ */ g("p", {
-								className: "text-xs text-muted-foreground mt-1",
+								className: "text-xs text-text-muted mt-1",
 								children: [
 									"Order must be at least this amount in ",
 									E.currency,
@@ -366,7 +366,7 @@ var v = [
 						] }),
 						E.type === "PERCENTAGE" && /* @__PURE__ */ g("div", { children: [
 							/* @__PURE__ */ g("label", {
-								className: "block text-sm font-medium text-foreground mb-1",
+								className: "block text-sm font-medium text-text-primary mb-1",
 								children: [
 									"Maximum Discount Amount (",
 									E.currency,
@@ -376,7 +376,7 @@ var v = [
 							/* @__PURE__ */ g("div", {
 								className: "relative",
 								children: [/* @__PURE__ */ h("span", {
-									className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-muted-foreground font-medium",
+									className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-text-muted font-medium",
 									children: M
 								}), /* @__PURE__ */ h("input", {
 									type: "number",
@@ -385,11 +385,11 @@ var v = [
 									min: "0",
 									step: "0.01",
 									placeholder: "No maximum",
-									className: "w-full pl-10 pr-4 py-2 rounded-lg border border-border bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/20"
+									className: "w-full pl-10 pr-4 py-2 rounded-input border border-border-subtle bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})]
 							}),
 							/* @__PURE__ */ g("p", {
-								className: "text-xs text-muted-foreground mt-1",
+								className: "text-xs text-text-muted mt-1",
 								children: [
 									"Cap the discount in ",
 									E.currency,
@@ -400,15 +400,15 @@ var v = [
 					]
 				}),
 				/* @__PURE__ */ g("div", {
-					className: "bg-card border border-border rounded-lg p-6 space-y-4",
+					className: "bg-bg-surface border border-border-subtle rounded-lg p-6 space-y-4",
 					children: [
 						/* @__PURE__ */ h("h3", {
-							className: "text-lg font-semibold text-foreground",
+							className: "text-lg font-semibold text-text-primary",
 							children: "Usage Limits"
 						}),
 						/* @__PURE__ */ g("div", { children: [
 							/* @__PURE__ */ h("label", {
-								className: "block text-sm font-medium text-foreground mb-1",
+								className: "block text-sm font-medium text-text-primary mb-1",
 								children: "Total Usage Limit"
 							}),
 							/* @__PURE__ */ h("input", {
@@ -417,16 +417,16 @@ var v = [
 								onChange: (e) => P("maxTotalUses", e.target.value ? parseInt(e.target.value) : null),
 								min: "1",
 								placeholder: "Unlimited",
-								className: "w-full px-4 py-2 rounded-lg border border-border bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/20"
+								className: "w-full px-4 py-2 rounded-input border border-border-subtle bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 							}),
 							/* @__PURE__ */ h("p", {
-								className: "text-xs text-muted-foreground mt-1",
+								className: "text-xs text-text-muted mt-1",
 								children: "Maximum number of times this coupon can be used across all users"
 							})
 						] }),
 						/* @__PURE__ */ g("div", { children: [
 							/* @__PURE__ */ h("label", {
-								className: "block text-sm font-medium text-foreground mb-1",
+								className: "block text-sm font-medium text-text-primary mb-1",
 								children: "Per-User Limit *"
 							}),
 							/* @__PURE__ */ h("input", {
@@ -434,73 +434,73 @@ var v = [
 								value: E.maxUsesPerUser,
 								onChange: (e) => P("maxUsesPerUser", parseInt(e.target.value)),
 								min: "1",
-								className: "w-full px-4 py-2 rounded-lg border border-border bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/20"
+								className: "w-full px-4 py-2 rounded-input border border-border-subtle bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 							}),
 							/* @__PURE__ */ h("p", {
-								className: "text-xs text-muted-foreground mt-1",
+								className: "text-xs text-text-muted mt-1",
 								children: "Maximum times a single user can use this coupon"
 							})
 						] })
 					]
 				}),
 				/* @__PURE__ */ g("div", {
-					className: "bg-card border border-border rounded-lg p-6 space-y-4",
+					className: "bg-bg-surface border border-border-subtle rounded-lg p-6 space-y-4",
 					children: [/* @__PURE__ */ h("h3", {
-						className: "text-lg font-semibold text-foreground",
+						className: "text-lg font-semibold text-text-primary",
 						children: "Validity Period"
 					}), /* @__PURE__ */ g("div", {
 						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
 						children: [/* @__PURE__ */ g("div", { children: [
 							/* @__PURE__ */ h("label", {
-								className: "block text-sm font-medium text-foreground mb-1",
+								className: "block text-sm font-medium text-text-primary mb-1",
 								children: "Start Date *"
 							}),
 							/* @__PURE__ */ h("input", {
 								type: "date",
 								value: E.validFrom,
 								onChange: (e) => P("validFrom", e.target.value),
-								className: `w-full px-4 py-2 rounded-lg border ${O.validFrom ? "border-destructive" : "border-border"} bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/20`
+								className: `w-full px-4 py-2 rounded-input border ${O.validFrom ? "border-destructive" : "border-border-subtle"} bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]`
 							}),
 							O.validFrom && /* @__PURE__ */ h("p", {
-								className: "text-sm text-destructive mt-1",
+								className: "text-sm text-status-error-text mt-1",
 								children: O.validFrom
 							})
 						] }), /* @__PURE__ */ g("div", { children: [
 							/* @__PURE__ */ h("label", {
-								className: "block text-sm font-medium text-foreground mb-1",
+								className: "block text-sm font-medium text-text-primary mb-1",
 								children: "End Date"
 							}),
 							/* @__PURE__ */ h("input", {
 								type: "date",
 								value: E.validUntil,
 								onChange: (e) => P("validUntil", e.target.value),
-								className: `w-full px-4 py-2 rounded-lg border ${O.validUntil ? "border-destructive" : "border-border"} bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/20`
+								className: `w-full px-4 py-2 rounded-input border ${O.validUntil ? "border-destructive" : "border-border-subtle"} bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]`
 							}),
 							O.validUntil && /* @__PURE__ */ h("p", {
-								className: "text-sm text-destructive mt-1",
+								className: "text-sm text-status-error-text mt-1",
 								children: O.validUntil
 							}),
 							/* @__PURE__ */ h("p", {
-								className: "text-xs text-muted-foreground mt-1",
+								className: "text-xs text-text-muted mt-1",
 								children: "Leave empty for no expiry"
 							})
 						] })]
 					})]
 				}),
 				/* @__PURE__ */ g("div", {
-					className: "bg-card border border-border rounded-lg p-6 space-y-4",
+					className: "bg-bg-surface border border-border-subtle rounded-lg p-6 space-y-4",
 					children: [
 						/* @__PURE__ */ h("h3", {
-							className: "text-lg font-semibold text-foreground",
+							className: "text-lg font-semibold text-text-primary",
 							children: "Coupon Scope"
 						}),
 						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
-							className: "block text-sm font-medium text-foreground mb-2",
+							className: "block text-sm font-medium text-text-primary mb-2",
 							children: "Who can use this coupon? *"
 						}), /* @__PURE__ */ g("select", {
 							value: E.scope,
 							onChange: (e) => P("scope", e.target.value),
-							className: "w-full px-4 py-2 rounded-lg border border-border bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/20",
+							className: "w-full px-4 py-2 rounded-input border border-border-subtle bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 							children: [
 								/* @__PURE__ */ h("option", {
 									value: "GENERIC",
@@ -521,34 +521,34 @@ var v = [
 							]
 						})] }),
 						E.scope === "CAMPAIGN" && /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
-							className: "block text-sm font-medium text-foreground mb-1",
+							className: "block text-sm font-medium text-text-primary mb-1",
 							children: "Campaign Name"
 						}), /* @__PURE__ */ h("input", {
 							type: "text",
 							value: E.campaignName,
 							onChange: (e) => P("campaignName", e.target.value),
 							placeholder: "e.g., Summer Sale 2024",
-							className: "w-full px-4 py-2 rounded-lg border border-border bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/20"
+							className: "w-full px-4 py-2 rounded-input border border-border-subtle bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 						})] }),
 						E.scope === "USER_SPECIFIC" && /* @__PURE__ */ g("div", { children: [
 							/* @__PURE__ */ h("label", {
-								className: "block text-sm font-medium text-foreground mb-1",
+								className: "block text-sm font-medium text-text-primary mb-1",
 								children: /* @__PURE__ */ g("span", {
 									className: "flex items-center gap-1.5",
 									children: [/* @__PURE__ */ h(f, { className: "size-4" }), "Restricted Users *"]
 								})
 							}),
 							/* @__PURE__ */ g("div", {
-								className: `min-h-[42px] flex flex-wrap gap-2 px-3 py-2 rounded-lg border ${O.restrictedToUserIds ? "border-destructive" : "border-border"} bg-background cursor-text`,
+								className: `min-h-[42px] flex flex-wrap gap-2 px-3 py-2 rounded-lg border ${O.restrictedToUserIds ? "border-destructive" : "border-border-subtle"} bg-bg-surface cursor-text`,
 								onClick: () => T.current?.focus(),
 								children: [E.restrictedToUserIds.map((e) => /* @__PURE__ */ g("span", {
-									className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-md bg-primary/10 text-primary text-sm font-medium",
+									className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-md bg-[var(--color-accent-soft)] text-text-link text-sm font-medium",
 									children: [e, /* @__PURE__ */ h("button", {
 										type: "button",
 										onClick: (t) => {
 											t.stopPropagation(), L(e);
 										},
-										className: "hover:text-destructive",
+										className: "hover:text-status-error-text",
 										children: /* @__PURE__ */ h(p, { className: "size-3" })
 									})]
 								}, e)), /* @__PURE__ */ h("input", {
@@ -561,15 +561,15 @@ var v = [
 									},
 									onBlur: () => I(C),
 									placeholder: E.restrictedToUserIds.length === 0 ? "Enter user email or ID, press Enter to add" : "Add another…",
-									className: "flex-1 min-w-[200px] bg-transparent text-foreground placeholder:text-muted-foreground text-sm focus:outline-none"
+									className: "flex-1 min-w-[200px] bg-transparent text-text-primary placeholder:text-text-muted text-sm focus:outline-none"
 								})]
 							}),
 							O.restrictedToUserIds && /* @__PURE__ */ h("p", {
-								className: "text-sm text-destructive mt-1",
+								className: "text-sm text-status-error-text mt-1",
 								children: O.restrictedToUserIds
 							}),
 							/* @__PURE__ */ h("p", {
-								className: "text-xs text-muted-foreground mt-1",
+								className: "text-xs text-text-muted mt-1",
 								children: "Type an email or user ID and press Enter or comma to add. Only these users can redeem this coupon."
 							})
 						] })
@@ -580,13 +580,13 @@ var v = [
 					children: [/* @__PURE__ */ h("button", {
 						type: "button",
 						onClick: () => x("/coupons"),
-						className: "px-6 py-3 rounded-lg border border-border text-foreground hover:bg-muted",
+						className: "px-6 py-3 rounded-lg border border-border-subtle text-text-primary hover:bg-bg-sunken",
 						children: "Cancel"
 					}), /* @__PURE__ */ h("button", {
 						type: "submit",
 						disabled: A,
-						className: "px-6 py-3 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 flex items-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed",
-						children: A ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("div", { className: "size-4 border-2 border-primary-foreground border-t-transparent rounded-full animate-spin" }), "Creating…"] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(u, { className: "size-4" }), "Create Coupon"] })
+						className: "px-6 py-3 rounded-lg bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bgHover flex items-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed",
+						children: A ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("div", { className: "size-4 border-2 border-action-primary-text border-t-transparent rounded-full animate-spin" }), "Creating…"] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(u, { className: "size-4" }), "Create Coupon"] })
 					})]
 				})
 			]