@stisocial/ui 0.2.1 → 0.3.0

package/dist/commerce/CartSummary/CartSummary.js

@@ -0,0 +1,81 @@
+import { useFormatter, useMessages } from "../../provider/UIProvider.js";
+import { template } from "../../text/text.js";
+import { ProgressBar } from "../../components/ProgressBar/ProgressBar.js";
+import CartSummary_module_default from "./CartSummary.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/commerce/CartSummary/CartSummary.tsx
+/** Genel toplam: ara toplam + kargo + ek satırlar + indirimler (eksi), en az 0. */
+function cartTotal(subtotal, shipping = 0, lines = []) {
+	return Math.max(0, subtotal + shipping + lines.reduce((s, l) => s + l.amount, 0));
+}
+/**
+* Sepet özeti: ara toplam, indirimler, kargo, ek satırlar ve genel toplam (tanım listesi);
+* ücretsiz kargoya kalan tutar ve ilerleme çubuğu; KDV dahil notu; eylem alanı.
+*/
+function CartSummary({ subtotal, shipping, discounts = [], extras = [], freeShippingThreshold, currency, vatIncluded = true, children, title, className, id }) {
+	const t = useMessages();
+	const f = useFormatter();
+	const money = (v) => f.currency(v, { currency });
+	const total = cartTotal(subtotal, shipping ?? 0, [...discounts, ...extras]);
+	const remaining = freeShippingThreshold !== void 0 ? Math.max(0, freeShippingThreshold - subtotal) : null;
+	return /* @__PURE__ */ jsxs("section", {
+		id,
+		className: [CartSummary_module_default.root, className].filter(Boolean).join(" "),
+		"aria-label": title ?? t.commerceSummary,
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: CartSummary_module_default.title,
+				children: title ?? t.commerceSummary
+			}),
+			remaining !== null && freeShippingThreshold ? /* @__PURE__ */ jsx("div", {
+				className: CartSummary_module_default.free,
+				children: /* @__PURE__ */ jsx(ProgressBar, {
+					label: remaining > 0 ? template(t.commerceFreeShippingLeft, { amount: money(remaining) }) : t.commerceFreeShippingReached,
+					value: Math.min(subtotal, freeShippingThreshold),
+					maxValue: freeShippingThreshold,
+					showValueLabel: false,
+					tone: remaining > 0 ? "accent" : "success",
+					size: "sm"
+				})
+			}) : null,
+			/* @__PURE__ */ jsxs("dl", {
+				className: CartSummary_module_default.lines,
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: CartSummary_module_default.line,
+						children: [/* @__PURE__ */ jsx("dt", { children: t.commerceSubtotal }), /* @__PURE__ */ jsx("dd", { children: money(subtotal) })]
+					}),
+					discounts.map((d, i) => /* @__PURE__ */ jsxs("div", {
+						className: CartSummary_module_default.line,
+						"data-discount": "",
+						children: [/* @__PURE__ */ jsx("dt", { children: d.label }), /* @__PURE__ */ jsx("dd", { children: money(d.amount) })]
+					}, `d${i}`)),
+					extras.map((d, i) => /* @__PURE__ */ jsxs("div", {
+						className: CartSummary_module_default.line,
+						children: [/* @__PURE__ */ jsx("dt", { children: d.label }), /* @__PURE__ */ jsx("dd", { children: money(d.amount) })]
+					}, `e${i}`)),
+					/* @__PURE__ */ jsxs("div", {
+						className: CartSummary_module_default.line,
+						children: [/* @__PURE__ */ jsx("dt", { children: t.commerceShipping }), /* @__PURE__ */ jsx("dd", {
+							"data-muted": shipping === void 0 ? "" : void 0,
+							children: shipping === void 0 ? t.commerceShippingLater : shipping === 0 ? t.commerceShippingFree : money(shipping)
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: CartSummary_module_default.totalLine,
+						children: [/* @__PURE__ */ jsx("dt", { children: t.commerceTotal }), /* @__PURE__ */ jsx("dd", { children: money(total) })]
+					})
+				]
+			}),
+			vatIncluded ? /* @__PURE__ */ jsx("p", {
+				className: CartSummary_module_default.vat,
+				children: t.commerceVatIncluded
+			}) : null,
+			children ? /* @__PURE__ */ jsx("div", {
+				className: CartSummary_module_default.actions,
+				children
+			}) : null
+		]
+	});
+}
+export { CartSummary, cartTotal };

package/dist/commerce/CartSummary/CartSummary.module.js

@@ -0,0 +1,12 @@
+import './CartSummary.css';
+// src/commerce/CartSummary/CartSummary.module.css
+var CartSummary_module_default = {
+	"root": "sti-CartSummary-root-4ba9a",
+	"title": "sti-CartSummary-title-13c5c",
+	"lines": "sti-CartSummary-lines-bf94b",
+	"line": "sti-CartSummary-line-7b323",
+	"totalLine": "sti-CartSummary-totalLine-fe694",
+	"vat": "sti-CartSummary-vat-cec7e",
+	"actions": "sti-CartSummary-actions-a445f"
+};
+export { CartSummary_module_default as default };

package/dist/commerce/CartSummary/index.d.ts

@@ -0,0 +1,2 @@
+import { CartSummary, CartSummaryLine, CartSummaryProps, cartTotal } from "./CartSummary.js";
+export { CartSummary, CartSummaryLine, CartSummaryProps, cartTotal };

package/dist/commerce/CheckoutSteps/CheckoutSteps.css

@@ -0,0 +1,152 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-CheckoutSteps-root-71301 {
+    box-sizing: border-box;
+    inline-size: 100%;
+    font-family: var(--sti-font-text);
+  }
+
+  .sti-CheckoutSteps-compact-e9192, .sti-CheckoutSteps-track-d2636 {
+    display: none;
+  }
+
+  .sti-CheckoutSteps-list-e4923 {
+    align-items: center;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: flex;
+  }
+
+  .sti-CheckoutSteps-step-83dc7 {
+    flex: 1;
+    align-items: center;
+    min-inline-size: 0;
+    display: flex;
+  }
+
+  .sti-CheckoutSteps-step-83dc7:last-child {
+    flex: none;
+  }
+
+  .sti-CheckoutSteps-step-83dc7:not(:last-child):after {
+    block-size: var(--sti-border-width);
+    margin-inline: var(--sti-space-3);
+    background: var(--sti-border);
+    content: "";
+    flex: 1;
+  }
+
+  .sti-CheckoutSteps-step-83dc7[data-status="done"]:not(:last-child):after {
+    background: var(--sti-border-accent);
+  }
+
+  .sti-CheckoutSteps-link-b1647 {
+    align-items: center;
+    gap: var(--sti-space-2);
+    border-radius: var(--sti-radius-pill);
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    font-weight: var(--sti-font-weight-semibold);
+    white-space: nowrap;
+    text-decoration: none;
+    display: inline-flex;
+  }
+
+  a.sti-CheckoutSteps-link-b1647:hover .sti-CheckoutSteps-label-2e441 {
+    text-underline-offset: .2em;
+    text-decoration: underline;
+  }
+
+  a.sti-CheckoutSteps-link-b1647:focus-visible {
+    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
+    outline-offset: var(--sti-focus-ring-offset);
+  }
+
+  .sti-CheckoutSteps-step-83dc7[data-status="current"] .sti-CheckoutSteps-link-b1647, .sti-CheckoutSteps-step-83dc7[data-status="done"] .sti-CheckoutSteps-link-b1647 {
+    color: var(--sti-fg);
+  }
+
+  .sti-CheckoutSteps-marker-efc62 {
+    box-sizing: border-box;
+    inline-size: var(--sti-space-8);
+    block-size: var(--sti-space-8);
+    border: var(--sti-border-width) solid var(--sti-border);
+    border-radius: var(--sti-radius-pill);
+    font-variant-numeric: tabular-nums;
+    flex: none;
+    place-items: center;
+    display: grid;
+  }
+
+  .sti-CheckoutSteps-marker-efc62 > svg {
+    inline-size: var(--sti-space-4);
+    block-size: var(--sti-space-4);
+  }
+
+  .sti-CheckoutSteps-step-83dc7[data-status="done"] .sti-CheckoutSteps-marker-efc62 {
+    background: var(--sti-fill-accent);
+    color: var(--sti-fg-on-accent);
+    border-color: #0000;
+  }
+
+  .sti-CheckoutSteps-step-83dc7[data-status="current"] .sti-CheckoutSteps-marker-efc62 {
+    border: var(--sti-border-width-strong) solid var(--sti-border-accent);
+    color: var(--sti-fg-accent-strong);
+  }
+
+  @media (width <= 40rem) {
+    .sti-CheckoutSteps-list-e4923 {
+      clip-path: inset(50%);
+      block-size: 1px;
+      inline-size: 1px;
+      position: absolute;
+      overflow: hidden;
+    }
+
+    .sti-CheckoutSteps-compact-e9192 {
+      gap: var(--sti-space-2);
+      margin: 0 0 var(--sti-space-2);
+      font-size: var(--sti-font-size-sm);
+      font-weight: var(--sti-font-weight-semibold);
+      display: flex;
+    }
+
+    .sti-CheckoutSteps-compactCount-e11fc {
+      color: var(--sti-fg-muted);
+      font-weight: var(--sti-font-weight-regular);
+    }
+
+    .sti-CheckoutSteps-track-d2636 {
+      block-size: var(--sti-space-1);
+      border-radius: var(--sti-radius-pill);
+      background: var(--sti-bg-subtle);
+      display: block;
+      overflow: hidden;
+    }
+
+    .sti-CheckoutSteps-fill-2d75d {
+      background: var(--sti-fill-accent);
+      block-size: 100%;
+      scale: var(--sti-step-ratio, 0) 1;
+      transform-origin: 0;
+      display: block;
+    }
+  }
+
+  .sti-CheckoutSteps-srOnly-9f12e {
+    clip-path: inset(50%);
+    white-space: nowrap;
+    block-size: 1px;
+    inline-size: 1px;
+    margin: -1px;
+    position: absolute;
+    overflow: hidden;
+  }
+
+  @media (forced-colors: active) {
+    .sti-CheckoutSteps-step-83dc7[data-status="current"] .sti-CheckoutSteps-marker-efc62 {
+      border-color: highlight;
+    }
+  }
+}

package/dist/commerce/CheckoutSteps/CheckoutSteps.d.ts

@@ -0,0 +1,20 @@
+export interface CheckoutStep {
+  id: string;
+  label: string;
+  /** Tamamlanan adıma dönüş adresi. */
+  href?: string;
+}
+export interface CheckoutStepsProps {
+  /** Varsayılan: Sepet, Teslimat, Ödeme, Onay. */
+  steps?: readonly CheckoutStep[];
+  /** Şimdiki adımın kimliği. */
+  current: string;
+  className?: string;
+  id?: string;
+}
+/**
+ * Ödeme adımları: sepet, teslimat, ödeme, onay. Tamamlanan adımlar onay işaretli ve geri dönmek
+ * için bağlantı; şimdiki adım `aria-current="step"`; sonraki adımlar soluk. Dar ekranda yalnız
+ * "Adım 2 / 4: Teslimat" ve ilerleme çizgisi.
+ */
+export declare function CheckoutSteps({ steps, current, className, id }: CheckoutStepsProps): import("react").JSX.Element;

package/dist/commerce/CheckoutSteps/CheckoutSteps.js

@@ -0,0 +1,96 @@
+import { useFormatter, useMessages } from "../../provider/UIProvider.js";
+import { template } from "../../text/text.js";
+import { CheckIcon } from "../../icons/generated/CheckIcon.js";
+import CheckoutSteps_module_default from "./CheckoutSteps.module.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/commerce/CheckoutSteps/CheckoutSteps.tsx
+/**
+* Ödeme adımları: sepet, teslimat, ödeme, onay. Tamamlanan adımlar onay işaretli ve geri dönmek
+* için bağlantı; şimdiki adım `aria-current="step"`; sonraki adımlar soluk. Dar ekranda yalnız
+* "Adım 2 / 4: Teslimat" ve ilerleme çizgisi.
+*/
+function CheckoutSteps({ steps, current, className, id }) {
+	const t = useMessages();
+	const f = useFormatter();
+	const list = steps ?? [
+		{
+			id: "cart",
+			label: t.commerceStepCart
+		},
+		{
+			id: "shipping",
+			label: t.commerceStepShipping
+		},
+		{
+			id: "payment",
+			label: t.commerceStepPayment
+		},
+		{
+			id: "review",
+			label: t.commerceStepReview
+		}
+	];
+	const index = Math.max(0, list.findIndex((s) => s.id === current));
+	const currentStep = list[index];
+	return /* @__PURE__ */ jsxs("nav", {
+		id,
+		className: [CheckoutSteps_module_default.root, className].filter(Boolean).join(" "),
+		"aria-label": t.commerceSteps,
+		children: [
+			/* @__PURE__ */ jsxs("p", {
+				className: CheckoutSteps_module_default.compact,
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: CheckoutSteps_module_default.compactCount,
+					children: template(t.commerceStepOf, {
+						current: f.number(index + 1),
+						total: f.number(list.length)
+					})
+				}), currentStep?.label]
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: CheckoutSteps_module_default.track,
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ jsx("span", {
+					className: CheckoutSteps_module_default.fill,
+					ref: (el) => el?.style.setProperty("--sti-step-ratio", String((index + 1) / list.length))
+				})
+			}),
+			/* @__PURE__ */ jsx("ol", {
+				className: CheckoutSteps_module_default.list,
+				children: list.map((s, i) => {
+					const status = i < index ? "done" : i === index ? "current" : "upcoming";
+					const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+						/* @__PURE__ */ jsx("span", {
+							className: CheckoutSteps_module_default.marker,
+							"aria-hidden": "true",
+							children: status === "done" ? /* @__PURE__ */ jsx(CheckIcon, {}) : f.number(i + 1)
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: CheckoutSteps_module_default.label,
+							children: s.label
+						}),
+						status === "done" ? /* @__PURE__ */ jsx("span", {
+							className: CheckoutSteps_module_default.srOnly,
+							children: ` (${t.commerceStepDone})`
+						}) : null
+					] });
+					return /* @__PURE__ */ jsx("li", {
+						className: CheckoutSteps_module_default.step,
+						"data-status": status,
+						children: status === "done" && s.href ? /* @__PURE__ */ jsx("a", {
+							className: CheckoutSteps_module_default.link,
+							href: s.href,
+							children: content
+						}) : /* @__PURE__ */ jsx("span", {
+							className: CheckoutSteps_module_default.link,
+							"aria-current": status === "current" ? "step" : void 0,
+							children: content
+						})
+					}, s.id);
+				})
+			})
+		]
+	});
+}
+export { CheckoutSteps };

package/dist/commerce/CheckoutSteps/CheckoutSteps.module.js

@@ -0,0 +1,16 @@
+import './CheckoutSteps.css';
+// src/commerce/CheckoutSteps/CheckoutSteps.module.css
+var CheckoutSteps_module_default = {
+	"root": "sti-CheckoutSteps-root-71301",
+	"compact": "sti-CheckoutSteps-compact-e9192",
+	"track": "sti-CheckoutSteps-track-d2636",
+	"list": "sti-CheckoutSteps-list-e4923",
+	"step": "sti-CheckoutSteps-step-83dc7",
+	"link": "sti-CheckoutSteps-link-b1647",
+	"label": "sti-CheckoutSteps-label-2e441",
+	"marker": "sti-CheckoutSteps-marker-efc62",
+	"compactCount": "sti-CheckoutSteps-compactCount-e11fc",
+	"fill": "sti-CheckoutSteps-fill-2d75d",
+	"srOnly": "sti-CheckoutSteps-srOnly-9f12e"
+};
+export { CheckoutSteps_module_default as default };

package/dist/commerce/CouponField/CouponField.css

@@ -0,0 +1,76 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-CouponField-root-49d36 {
+    gap: var(--sti-space-2);
+    font-family: var(--sti-font-text);
+    display: grid;
+  }
+
+  .sti-CouponField-toggle-5ae8b {
+    justify-self: start;
+    align-items: center;
+    gap: var(--sti-space-2);
+    min-block-size: var(--sti-control-h-sm);
+    border-radius: var(--sti-radius-xs);
+    color: var(--sti-fg-link);
+    font: inherit;
+    font-size: var(--sti-font-size-sm);
+    font-weight: var(--sti-font-weight-semibold);
+    cursor: pointer;
+    background: none;
+    border: 0;
+    padding: 0;
+    display: inline-flex;
+  }
+
+  .sti-CouponField-toggle-5ae8b:hover {
+    text-underline-offset: .2em;
+    text-decoration: underline;
+  }
+
+  .sti-CouponField-toggle-5ae8b:focus-visible {
+    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
+    outline-offset: var(--sti-focus-ring-offset);
+  }
+
+  .sti-CouponField-toggle-5ae8b > svg, .sti-CouponField-applied-946f5 > svg {
+    inline-size: var(--sti-space-4);
+    block-size: var(--sti-space-4);
+    flex: none;
+  }
+
+  .sti-CouponField-region-307a1[hidden] {
+    display: none;
+  }
+
+  .sti-CouponField-row-123aa {
+    align-items: start;
+    gap: var(--sti-space-2);
+    grid-template-columns: minmax(0, 1fr) auto;
+    display: grid;
+  }
+
+  .sti-CouponField-field-fdbeb {
+    min-inline-size: 0;
+  }
+
+  .sti-CouponField-apply-7bff1 {
+    margin-block-start: calc(var(--sti-font-size-sm) * 1.5 + var(--sti-space-1));
+  }
+
+  .sti-CouponField-applied-946f5 {
+    align-items: center;
+    gap: var(--sti-space-2);
+    padding: var(--sti-space-1) var(--sti-space-1) var(--sti-space-1) var(--sti-space-3);
+    border-radius: var(--sti-radius-md);
+    background: var(--sti-bg-accent-subtle);
+    color: var(--sti-fg);
+    font-size: var(--sti-font-size-sm);
+    margin: 0;
+    display: flex;
+  }
+
+  .sti-CouponField-applied-946f5 > span {
+    flex: 1;
+  }
+}

package/dist/commerce/CouponField/CouponField.d.ts

@@ -0,0 +1,23 @@
+export interface CouponFieldProps {
+  /**
+   * Kodu doğrular ve uygular: `true` uygulandı; metin dönerse o hata gösterilir (ör. "Kodun süresi
+   * dolmuş."); `false` genel hata.
+   */
+  onApply: (code: string) => Promise<true | false | string>;
+  /** Uygulanmış kodu kaldırır. */
+  onRemove?: (code: string) => void;
+  /** Uygulanmış kod (dışarıdan yönetiliyorsa). */
+  appliedCode?: string | null;
+  /** Kapalı başlar ("İndirim kodunuz var mı?" bağlantısıyla açılır). Varsayılan `true`. */
+  collapsible?: boolean;
+  className?: string;
+  id?: string;
+}
+/** Kodu büyük harfe çevirir, boşlukları atar (Türkçe büyük harf kuralıyla değil, ASCII ile). */
+export declare function normalizeCoupon(code: string): string;
+/**
+ * İndirim kodu alanı: açılır bağlantı, kod alanı ve "Uygula" düğmesi; doğrulama sırasında
+ * bekleme, hata alanın altında, uygulanan kod etiket olarak kaldırma düğmesiyle. Kod büyük harfe
+ * çevrilir, boşluklar atılır.
+ */
+export declare function CouponField({ onApply, onRemove, appliedCode, collapsible, className, id }: CouponFieldProps): import("react").JSX.Element;

package/dist/commerce/CouponField/CouponField.js

@@ -0,0 +1,119 @@
+"use client";
+import { useMessages } from "../../provider/UIProvider.js";
+import { template } from "../../text/text.js";
+import { Button } from "../../components/Button/Button.js";
+import { IconButton } from "../../components/IconButton/IconButton.js";
+import { TextField } from "../../components/TextField/TextField.js";
+import { CloseIcon } from "../../icons/generated/CloseIcon.js";
+import { TagIcon } from "../../icons/generated/TagIcon.js";
+import CouponField_module_default from "./CouponField.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId, useState } from "react";
+// src/commerce/CouponField/CouponField.tsx
+/** Kodu büyük harfe çevirir, boşlukları atar (Türkçe büyük harf kuralıyla değil, ASCII ile). */
+function normalizeCoupon(code) {
+	return code.replace(/\s+/g, "").toLocaleUpperCase("en-US").slice(0, 32);
+}
+/**
+* İndirim kodu alanı: açılır bağlantı, kod alanı ve "Uygula" düğmesi; doğrulama sırasında
+* bekleme, hata alanın altında, uygulanan kod etiket olarak kaldırma düğmesiyle. Kod büyük harfe
+* çevrilir, boşluklar atılır.
+*/
+function CouponField({ onApply, onRemove, appliedCode, collapsible = true, className, id }) {
+	const t = useMessages();
+	const [open, setOpen] = useState(!collapsible);
+	const [code, setCode] = useState("");
+	const [error, setError] = useState(null);
+	const [pending, setPending] = useState(false);
+	const [localApplied, setLocalApplied] = useState(null);
+	const applied = appliedCode === void 0 ? localApplied : appliedCode;
+	const regionId = useId();
+	if (applied) return /* @__PURE__ */ jsx("div", {
+		id,
+		className: [CouponField_module_default.root, className].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ jsxs("p", {
+			className: CouponField_module_default.applied,
+			children: [
+				/* @__PURE__ */ jsx(TagIcon, { "aria-hidden": "true" }),
+				/* @__PURE__ */ jsxs("span", { children: [
+					t.commerceCouponApplied,
+					" ",
+					/* @__PURE__ */ jsx("strong", { children: applied })
+				] }),
+				onRemove || appliedCode === void 0 ? /* @__PURE__ */ jsx(IconButton, {
+					variant: "ghost",
+					size: "sm",
+					icon: /* @__PURE__ */ jsx(CloseIcon, {}),
+					label: template(t.commerceCouponRemove, { code: applied }),
+					onPress: () => {
+						setLocalApplied(null);
+						onRemove?.(applied);
+					}
+				}) : null
+			]
+		})
+	});
+	const submit = async () => {
+		const value = normalizeCoupon(code);
+		if (!value) {
+			setError(t.commerceCouponEmpty);
+			return;
+		}
+		setPending(true);
+		setError(null);
+		try {
+			const result = await onApply(value);
+			if (result === true) {
+				setLocalApplied(value);
+				setCode("");
+			} else setError(typeof result === "string" ? result : t.commerceCouponInvalid);
+		} catch {
+			setError(t.commerceCouponInvalid);
+		} finally {
+			setPending(false);
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		id,
+		className: [CouponField_module_default.root, className].filter(Boolean).join(" "),
+		children: [collapsible ? /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			className: CouponField_module_default.toggle,
+			"aria-expanded": open,
+			"aria-controls": regionId,
+			onClick: () => setOpen((o) => !o),
+			children: [/* @__PURE__ */ jsx(TagIcon, { "aria-hidden": "true" }), t.commerceCouponToggle]
+		}) : null, /* @__PURE__ */ jsx("div", {
+			id: regionId,
+			className: CouponField_module_default.region,
+			hidden: !open,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: CouponField_module_default.row,
+				children: [/* @__PURE__ */ jsx(TextField, {
+					className: CouponField_module_default.field,
+					label: t.commerceCouponLabel,
+					value: code,
+					onChange: (v) => {
+						setCode(v);
+						setError(null);
+					},
+					isInvalid: Boolean(error),
+					errorMessage: error ?? void 0,
+					autoComplete: "off",
+					spellCheck: false,
+					autoCapitalize: "characters",
+					maxLength: 32,
+					size: "sm"
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "secondary",
+					size: "sm",
+					isPending: pending,
+					onPress: submit,
+					className: CouponField_module_default.apply,
+					children: t.commerceCouponApply
+				})]
+			})
+		})]
+	});
+}
+export { CouponField, normalizeCoupon };

package/dist/commerce/CouponField/CouponField.module.js

@@ -0,0 +1,12 @@
+import './CouponField.css';
+// src/commerce/CouponField/CouponField.module.css
+var CouponField_module_default = {
+	"root": "sti-CouponField-root-49d36",
+	"toggle": "sti-CouponField-toggle-5ae8b",
+	"applied": "sti-CouponField-applied-946f5",
+	"region": "sti-CouponField-region-307a1",
+	"row": "sti-CouponField-row-123aa",
+	"field": "sti-CouponField-field-fdbeb",
+	"apply": "sti-CouponField-apply-7bff1"
+};
+export { CouponField_module_default as default };

package/dist/commerce/InstallmentTable/InstallmentTable.css

@@ -0,0 +1,38 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-InstallmentTable-root-dc6a8 {
+    box-sizing: border-box;
+    justify-items: start;
+    gap: var(--sti-space-3);
+    inline-size: 100%;
+    font-family: var(--sti-font-text);
+    display: grid;
+  }
+
+  .sti-InstallmentTable-root-dc6a8 > :last-child {
+    justify-self: stretch;
+  }
+
+  .sti-InstallmentTable-title-bb15f {
+    font-size: var(--sti-font-size-md);
+    font-weight: var(--sti-font-weight-semibold);
+    margin: 0;
+  }
+
+  .sti-InstallmentTable-total-df6c3 {
+    justify-content: flex-end;
+    align-items: center;
+    gap: var(--sti-space-2);
+    flex-wrap: wrap;
+    display: inline-flex;
+  }
+
+  .sti-InstallmentTable-free-66e74 {
+    padding: 0 var(--sti-space-2);
+    border-radius: var(--sti-radius-pill);
+    background: var(--sti-bg-accent-subtle);
+    color: var(--sti-fg-accent-strong);
+    font-size: var(--sti-font-size-xs);
+    font-weight: var(--sti-font-weight-semibold);
+  }
+}

package/dist/commerce/InstallmentTable/InstallmentTable.d.ts

@@ -0,0 +1,26 @@
+export interface InstallmentProgram {
+  /** Kart programı ("Bonus", "World", "Maximum"). */
+  name: string;
+  /** Taksit sayısına göre toplam vade farkı oranı (0 = peşin fiyatına). Ör. `{ 1: 0, 3: 0, 6: 0.0499 }`. */
+  rates: Readonly<Record<number, number>>;
+}
+export interface InstallmentTableProps {
+  /** Peşin tutar. */
+  amount: number;
+  programs: readonly InstallmentProgram[];
+  currency?: string;
+  /** Başlık. Varsayılan "Taksit seçenekleri". */
+  title?: string;
+  className?: string;
+  id?: string;
+}
+/** Taksit planı: aylık tutar (kuruşa yuvarlanır) ve toplam (aylık × sayı). */
+export declare function installmentPlan(amount: number, count: number, rate: number): {
+  monthly: number;
+  total: number;
+};
+/**
+ * Taksit tablosu: kart programına göre (birden çoksa seçimle) taksit sayısı, aylık tutar ve toplam;
+ * vade farksız taksitler "Peşin fiyatına" işaretli. Gerçek tablo; tutarlar yerel para biçiminde.
+ */
+export declare function InstallmentTable({ amount, programs, currency, title, className, id }: InstallmentTableProps): import("react").JSX.Element | null;