@enadhq/enad-react-sdk 1.0.0 → 1.1.0

package/dist/client/storefront/checkout/order-confirmation.mjs

@@ -0,0 +1,35 @@
+"use client";
+import { useIcon } from "../../icons/icon-context.mjs";
+import { cn } from "../../ui/utils.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/client/storefront/checkout/order-confirmation.tsx
+function OrderConfirmation({ orderNumber, title, message, children, className }) {
+	const CheckIcon = useIcon("check");
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("font-enad flex flex-col items-center text-center", className),
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "flex size-16 items-center justify-center rounded-full bg-(--enad-button-bg)/10 mb-4",
+				children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-8 text-(--enad-button-bg)" })
+			}),
+			/* @__PURE__ */ jsx("h2", {
+				className: "text-xl font-semibold text-(--enad-text-primary-color) mb-1",
+				children: title
+			}),
+			/* @__PURE__ */ jsxs("p", {
+				className: "text-sm text-(--enad-text-muted-color) mb-2",
+				children: ["Order #", orderNumber]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-sm text-(--enad-text-muted-color) max-w-md mb-6",
+				children: message
+			}),
+			children
+		]
+	});
+}
+//#endregion
+export { OrderConfirmation };
+
+//# sourceMappingURL=order-confirmation.mjs.map

package/dist/client/storefront/checkout/order-confirmation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-confirmation.mjs","names":[],"sources":["../../../../src/client/storefront/checkout/order-confirmation.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../ui/utils\";\nimport { useIcon } from \"../../icons/icon-context\";\n\nexport interface OrderConfirmationProps {\n  orderNumber: string;\n  title: string;\n  message: string;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport function OrderConfirmation({\n  orderNumber,\n  title,\n  message,\n  children,\n  className,\n}: OrderConfirmationProps) {\n  const CheckIcon = useIcon(\"check\");\n\n  return (\n    <div className={cn(\"font-enad flex flex-col items-center text-center\", className)}>\n      <div className=\"flex size-16 items-center justify-center rounded-full bg-(--enad-button-bg)/10 mb-4\">\n        <CheckIcon className=\"size-8 text-(--enad-button-bg)\" />\n      </div>\n\n      <h2 className=\"text-xl font-semibold text-(--enad-text-primary-color) mb-1\">{title}</h2>\n\n      <p className=\"text-sm text-(--enad-text-muted-color) mb-2\">Order #{orderNumber}</p>\n\n      <p className=\"text-sm text-(--enad-text-muted-color) max-w-md mb-6\">{message}</p>\n\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAcA,SAAgB,kBAAkB,EAChC,aACA,OACA,SACA,UACA,aACyB;CACzB,MAAM,YAAY,QAAQ,QAAQ;AAElC,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,oDAAoD,UAAU;YAAjF;GACE,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,WAAD,EAAW,WAAU,kCAAmC,CAAA;IACpD,CAAA;GAEN,oBAAC,MAAD;IAAI,WAAU;cAA+D;IAAW,CAAA;GAExF,qBAAC,KAAD;IAAG,WAAU;cAAb,CAA2D,WAAQ,YAAgB;;GAEnF,oBAAC,KAAD;IAAG,WAAU;cAAwD;IAAY,CAAA;GAEhF;GACG"}

package/dist/client/storefront/checkout/order-summary.d.ts

@@ -0,0 +1,48 @@
+import { AddressData } from "./address-form.js";
+import { CartLineItem } from "./cart-summary.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/checkout/order-summary.d.ts
+interface OrderSummaryProps {
+  items: CartLineItem[];
+  subtotal: number;
+  tax?: number;
+  shipping?: number;
+  total: number;
+  currency?: string;
+  locale?: string;
+  shippingAddress?: Partial<AddressData>;
+  billingAddress?: Partial<AddressData>;
+  shippingMethodName?: string;
+  paymentMethodName?: string;
+  className?: string;
+  labels?: {
+    items?: string;
+    shippingAddress?: string;
+    billingAddress?: string;
+    shippingMethod?: string;
+    paymentMethod?: string;
+    subtotal?: string;
+    tax?: string;
+    shipping?: string;
+    total?: string;
+  };
+}
+declare function OrderSummary({
+  items,
+  subtotal,
+  tax,
+  shipping,
+  total,
+  currency,
+  locale,
+  shippingAddress,
+  billingAddress,
+  shippingMethodName,
+  paymentMethodName,
+  className,
+  labels
+}: OrderSummaryProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OrderSummary, OrderSummaryProps };
+//# sourceMappingURL=order-summary.d.ts.map

package/dist/client/storefront/checkout/order-summary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-summary.d.ts","names":[],"sources":["../../../../src/client/storefront/checkout/order-summary.tsx"],"mappings":";;;;;UAOiB,iBAAA;EACf,KAAA,EAAO,YAAA;EACP,QAAA;EACA,GAAA;EACA,QAAA;EACA,KAAA;EACA,QAAA;EACA,MAAA;EACA,eAAA,GAAkB,OAAA,CAAQ,WAAA;EAC1B,cAAA,GAAiB,OAAA,CAAQ,WAAA;EACzB,kBAAA;EACA,iBAAA;EACA,SAAA;EACA,MAAA;IACE,KAAA;IACA,eAAA;IACA,cAAA;IACA,cAAA;IACA,aAAA;IACA,QAAA;IACA,GAAA;IACA,QAAA;IACA,KAAA;EAAA;AAAA;AAAA,iBAkBY,YAAA,CAAA;EACd,KAAA;EACA,QAAA;EACA,GAAA;EACA,QAAA;EACA,KAAA;EACA,QAAA;EACA,MAAA;EACA,eAAA;EACA,cAAA;EACA,kBAAA;EACA,iBAAA;EACA,SAAA;EACA;AAAA,GACC,iBAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/checkout/order-summary.mjs

@@ -0,0 +1,143 @@
+"use client";
+import { cn } from "../../ui/utils.mjs";
+import { Price } from "../components/price.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/client/storefront/checkout/order-summary.tsx
+function AddressBlock({ address }) {
+	const name = [address.firstName, address.lastName].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsxs("div", {
+		className: "text-sm text-(--enad-text-primary-color) space-y-0.5",
+		children: [
+			name && /* @__PURE__ */ jsx("p", {
+				className: "font-medium",
+				children: name
+			}),
+			address.company && /* @__PURE__ */ jsx("p", { children: address.company }),
+			address.address1 && /* @__PURE__ */ jsx("p", { children: address.address1 }),
+			address.address2 && /* @__PURE__ */ jsx("p", { children: address.address2 }),
+			/* @__PURE__ */ jsx("p", { children: [address.postalCode, address.city].filter(Boolean).join(" ") }),
+			address.country && /* @__PURE__ */ jsx("p", { children: address.country })
+		]
+	});
+}
+function OrderSummary({ items, subtotal, tax, shipping, total, currency = "SEK", locale, shippingAddress, billingAddress, shippingMethodName, paymentMethodName, className, labels = {} }) {
+	const l = {
+		items: labels.items ?? "Items",
+		shippingAddress: labels.shippingAddress ?? "Shipping address",
+		billingAddress: labels.billingAddress ?? "Billing address",
+		shippingMethod: labels.shippingMethod ?? "Shipping",
+		paymentMethod: labels.paymentMethod ?? "Payment",
+		subtotal: labels.subtotal ?? "Subtotal",
+		tax: labels.tax ?? "Tax",
+		shipping: labels.shipping ?? "Shipping",
+		total: labels.total ?? "Total"
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("font-enad space-y-6", className),
+		children: [
+			/* @__PURE__ */ jsxs("section", { children: [/* @__PURE__ */ jsx("h3", {
+				className: "text-sm font-semibold text-(--enad-text-primary-color) mb-2",
+				children: l.items
+			}), /* @__PURE__ */ jsx("ul", {
+				className: "space-y-2",
+				children: items.map((item) => /* @__PURE__ */ jsxs("li", {
+					className: "flex items-center justify-between text-sm",
+					children: [/* @__PURE__ */ jsxs("span", {
+						className: "text-(--enad-text-primary-color)",
+						children: [
+							item.name,
+							" ",
+							/* @__PURE__ */ jsxs("span", {
+								className: "text-(--enad-text-muted-color)",
+								children: ["× ", item.quantity]
+							})
+						]
+					}), /* @__PURE__ */ jsx(Price, {
+						amount: item.price * item.quantity,
+						currency: item.currency ?? currency,
+						locale
+					})]
+				}, item.id))
+			})] }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+				children: [shippingAddress && /* @__PURE__ */ jsxs("section", { children: [/* @__PURE__ */ jsx("h3", {
+					className: "text-sm font-semibold text-(--enad-text-primary-color) mb-2",
+					children: l.shippingAddress
+				}), /* @__PURE__ */ jsx(AddressBlock, { address: shippingAddress })] }), billingAddress && /* @__PURE__ */ jsxs("section", { children: [/* @__PURE__ */ jsx("h3", {
+					className: "text-sm font-semibold text-(--enad-text-primary-color) mb-2",
+					children: l.billingAddress
+				}), /* @__PURE__ */ jsx(AddressBlock, { address: billingAddress })] })]
+			}),
+			(shippingMethodName || paymentMethodName) && /* @__PURE__ */ jsxs("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+				children: [shippingMethodName && /* @__PURE__ */ jsxs("section", { children: [/* @__PURE__ */ jsx("h3", {
+					className: "text-sm font-semibold text-(--enad-text-primary-color) mb-1",
+					children: l.shippingMethod
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-sm text-(--enad-text-muted-color)",
+					children: shippingMethodName
+				})] }), paymentMethodName && /* @__PURE__ */ jsxs("section", { children: [/* @__PURE__ */ jsx("h3", {
+					className: "text-sm font-semibold text-(--enad-text-primary-color) mb-1",
+					children: l.paymentMethod
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-sm text-(--enad-text-muted-color)",
+					children: paymentMethodName
+				})] })]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-2 border-t border-(--enad-border-color) pt-4",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex justify-between text-sm",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-(--enad-text-muted-color)",
+							children: l.subtotal
+						}), /* @__PURE__ */ jsx(Price, {
+							amount: subtotal,
+							currency,
+							locale
+						})]
+					}),
+					tax != null && /* @__PURE__ */ jsxs("div", {
+						className: "flex justify-between text-sm",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-(--enad-text-muted-color)",
+							children: l.tax
+						}), /* @__PURE__ */ jsx(Price, {
+							amount: tax,
+							currency,
+							locale
+						})]
+					}),
+					shipping != null && /* @__PURE__ */ jsxs("div", {
+						className: "flex justify-between text-sm",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-(--enad-text-muted-color)",
+							children: l.shipping
+						}), /* @__PURE__ */ jsx(Price, {
+							amount: shipping,
+							currency,
+							locale
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex justify-between border-t border-(--enad-border-color) pt-2 text-base font-semibold",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-(--enad-text-primary-color)",
+							children: l.total
+						}), /* @__PURE__ */ jsx(Price, {
+							amount: total,
+							currency,
+							locale
+						})]
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { OrderSummary };
+
+//# sourceMappingURL=order-summary.mjs.map

package/dist/client/storefront/checkout/order-summary.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-summary.mjs","names":[],"sources":["../../../../src/client/storefront/checkout/order-summary.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../../ui/utils\";\nimport { Price } from \"../components/price\";\nimport type { AddressData } from \"./address-form\";\nimport type { CartLineItem } from \"./cart-summary\";\n\nexport interface OrderSummaryProps {\n  items: CartLineItem[];\n  subtotal: number;\n  tax?: number;\n  shipping?: number;\n  total: number;\n  currency?: string;\n  locale?: string;\n  shippingAddress?: Partial<AddressData>;\n  billingAddress?: Partial<AddressData>;\n  shippingMethodName?: string;\n  paymentMethodName?: string;\n  className?: string;\n  labels?: {\n    items?: string;\n    shippingAddress?: string;\n    billingAddress?: string;\n    shippingMethod?: string;\n    paymentMethod?: string;\n    subtotal?: string;\n    tax?: string;\n    shipping?: string;\n    total?: string;\n  };\n}\n\nfunction AddressBlock({ address }: { address: Partial<AddressData> }) {\n  const name = [address.firstName, address.lastName].filter(Boolean).join(\" \");\n  return (\n    <div className=\"text-sm text-(--enad-text-primary-color) space-y-0.5\">\n      {name && <p className=\"font-medium\">{name}</p>}\n      {address.company && <p>{address.company}</p>}\n      {address.address1 && <p>{address.address1}</p>}\n      {address.address2 && <p>{address.address2}</p>}\n      <p>{[address.postalCode, address.city].filter(Boolean).join(\" \")}</p>\n      {address.country && <p>{address.country}</p>}\n    </div>\n  );\n}\n\nexport function OrderSummary({\n  items,\n  subtotal,\n  tax,\n  shipping,\n  total,\n  currency = \"SEK\",\n  locale,\n  shippingAddress,\n  billingAddress,\n  shippingMethodName,\n  paymentMethodName,\n  className,\n  labels = {},\n}: OrderSummaryProps) {\n  const l = {\n    items: labels.items ?? \"Items\",\n    shippingAddress: labels.shippingAddress ?? \"Shipping address\",\n    billingAddress: labels.billingAddress ?? \"Billing address\",\n    shippingMethod: labels.shippingMethod ?? \"Shipping\",\n    paymentMethod: labels.paymentMethod ?? \"Payment\",\n    subtotal: labels.subtotal ?? \"Subtotal\",\n    tax: labels.tax ?? \"Tax\",\n    shipping: labels.shipping ?? \"Shipping\",\n    total: labels.total ?? \"Total\",\n  };\n\n  return (\n    <div className={cn(\"font-enad space-y-6\", className)}>\n      {/* Items summary */}\n      <section>\n        <h3 className=\"text-sm font-semibold text-(--enad-text-primary-color) mb-2\">{l.items}</h3>\n        <ul className=\"space-y-2\">\n          {items.map((item) => (\n            <li key={item.id} className=\"flex items-center justify-between text-sm\">\n              <span className=\"text-(--enad-text-primary-color)\">\n                {item.name}{\" \"}\n                <span className=\"text-(--enad-text-muted-color)\">× {item.quantity}</span>\n              </span>\n              <Price\n                amount={item.price * item.quantity}\n                currency={item.currency ?? currency}\n                locale={locale}\n              />\n            </li>\n          ))}\n        </ul>\n      </section>\n\n      {/* Addresses */}\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n        {shippingAddress && (\n          <section>\n            <h3 className=\"text-sm font-semibold text-(--enad-text-primary-color) mb-2\">\n              {l.shippingAddress}\n            </h3>\n            <AddressBlock address={shippingAddress} />\n          </section>\n        )}\n        {billingAddress && (\n          <section>\n            <h3 className=\"text-sm font-semibold text-(--enad-text-primary-color) mb-2\">\n              {l.billingAddress}\n            </h3>\n            <AddressBlock address={billingAddress} />\n          </section>\n        )}\n      </div>\n\n      {/* Method info */}\n      {(shippingMethodName || paymentMethodName) && (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          {shippingMethodName && (\n            <section>\n              <h3 className=\"text-sm font-semibold text-(--enad-text-primary-color) mb-1\">\n                {l.shippingMethod}\n              </h3>\n              <p className=\"text-sm text-(--enad-text-muted-color)\">{shippingMethodName}</p>\n            </section>\n          )}\n          {paymentMethodName && (\n            <section>\n              <h3 className=\"text-sm font-semibold text-(--enad-text-primary-color) mb-1\">\n                {l.paymentMethod}\n              </h3>\n              <p className=\"text-sm text-(--enad-text-muted-color)\">{paymentMethodName}</p>\n            </section>\n          )}\n        </div>\n      )}\n\n      {/* Totals */}\n      <div className=\"space-y-2 border-t border-(--enad-border-color) pt-4\">\n        <div className=\"flex justify-between text-sm\">\n          <span className=\"text-(--enad-text-muted-color)\">{l.subtotal}</span>\n          <Price amount={subtotal} currency={currency} locale={locale} />\n        </div>\n        {tax != null && (\n          <div className=\"flex justify-between text-sm\">\n            <span className=\"text-(--enad-text-muted-color)\">{l.tax}</span>\n            <Price amount={tax} currency={currency} locale={locale} />\n          </div>\n        )}\n        {shipping != null && (\n          <div className=\"flex justify-between text-sm\">\n            <span className=\"text-(--enad-text-muted-color)\">{l.shipping}</span>\n            <Price amount={shipping} currency={currency} locale={locale} />\n          </div>\n        )}\n        <div className=\"flex justify-between border-t border-(--enad-border-color) pt-2 text-base font-semibold\">\n          <span className=\"text-(--enad-text-primary-color)\">{l.total}</span>\n          <Price amount={total} currency={currency} locale={locale} />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/client/storefront/checkout/payment-method-selector.d.ts

@@ -0,0 +1,29 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/checkout/payment-method-selector.d.ts
+interface PaymentMethod {
+  id: string;
+  name: string;
+  description?: string;
+  icon?: React$1.ReactNode;
+  disabled?: boolean;
+}
+interface PaymentMethodSelectorProps {
+  methods: PaymentMethod[];
+  selected?: string;
+  onSelect: (methodId: string) => void;
+  /** Accessible legend for the fieldset */
+  legend?: string;
+  className?: string;
+}
+declare function PaymentMethodSelector({
+  methods,
+  selected,
+  onSelect,
+  legend,
+  className
+}: PaymentMethodSelectorProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { PaymentMethod, PaymentMethodSelector, PaymentMethodSelectorProps };
+//# sourceMappingURL=payment-method-selector.d.ts.map

package/dist/client/storefront/checkout/payment-method-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"payment-method-selector.d.ts","names":[],"sources":["../../../../src/client/storefront/checkout/payment-method-selector.tsx"],"mappings":";;;;UAKiB,aAAA;EACf,EAAA;EACA,IAAA;EACA,WAAA;EACA,IAAA,GAAO,OAAA,CAAM,SAAA;EACb,QAAA;AAAA;AAAA,UAGe,0BAAA;EACf,OAAA,EAAS,aAAA;EACT,QAAA;EACA,QAAA,GAAW,QAAA;EAPJ;EASP,MAAA;EACA,SAAA;AAAA;AAAA,iBAGc,qBAAA,CAAA;EACd,OAAA;EACA,QAAA;EACA,QAAA;EACA,MAAA;EACA;AAAA,GACC,0BAAA,GAA0B,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/checkout/payment-method-selector.mjs

@@ -0,0 +1,49 @@
+"use client";
+import { cn } from "../../ui/utils.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/client/storefront/checkout/payment-method-selector.tsx
+function PaymentMethodSelector({ methods, selected, onSelect, legend, className }) {
+	return /* @__PURE__ */ jsxs("fieldset", {
+		className: cn("font-enad space-y-2", className),
+		children: [legend && /* @__PURE__ */ jsx("legend", {
+			className: "sr-only",
+			children: legend
+		}), methods.map((method) => {
+			const isSelected = selected === method.id;
+			return /* @__PURE__ */ jsxs("label", {
+				className: cn("flex cursor-pointer items-center gap-3 rounded-(--enad-card-radius) border p-4 transition-colors", method.disabled && "cursor-not-allowed opacity-50", isSelected ? "border-(--enad-button-bg) bg-(--enad-button-bg)/5" : "border-(--enad-border-color) hover:border-(--enad-button-bg)/50"),
+				children: [
+					/* @__PURE__ */ jsx("input", {
+						type: "radio",
+						name: "payment-method",
+						value: method.id,
+						checked: isSelected,
+						onChange: () => onSelect(method.id),
+						disabled: method.disabled,
+						className: "sr-only"
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: cn("flex size-5 shrink-0 items-center justify-center rounded-full border-2 transition-colors", isSelected ? "border-(--enad-button-bg)" : "border-(--enad-border-color)"),
+						children: isSelected && /* @__PURE__ */ jsx("span", { className: "size-2.5 rounded-full bg-(--enad-button-bg)" })
+					}),
+					method.icon && /* @__PURE__ */ jsx("span", {
+						className: "flex size-8 shrink-0 items-center justify-center text-(--enad-text-muted-color)",
+						children: method.icon
+					}),
+					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+						className: "text-sm font-medium text-(--enad-text-primary-color)",
+						children: method.name
+					}), method.description && /* @__PURE__ */ jsx("p", {
+						className: "text-xs text-(--enad-text-muted-color)",
+						children: method.description
+					})] })
+				]
+			}, method.id);
+		})]
+	});
+}
+//#endregion
+export { PaymentMethodSelector };
+
+//# sourceMappingURL=payment-method-selector.mjs.map

package/dist/client/storefront/checkout/payment-method-selector.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"payment-method-selector.mjs","names":[],"sources":["../../../../src/client/storefront/checkout/payment-method-selector.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../ui/utils\";\n\nexport interface PaymentMethod {\n  id: string;\n  name: string;\n  description?: string;\n  icon?: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface PaymentMethodSelectorProps {\n  methods: PaymentMethod[];\n  selected?: string;\n  onSelect: (methodId: string) => void;\n  /** Accessible legend for the fieldset */\n  legend?: string;\n  className?: string;\n}\n\nexport function PaymentMethodSelector({\n  methods,\n  selected,\n  onSelect,\n  legend,\n  className,\n}: PaymentMethodSelectorProps) {\n  return (\n    <fieldset className={cn(\"font-enad space-y-2\", className)}>\n      {legend && <legend className=\"sr-only\">{legend}</legend>}\n      {methods.map((method) => {\n        const isSelected = selected === method.id;\n        return (\n          <label\n            key={method.id}\n            className={cn(\n              \"flex cursor-pointer items-center gap-3 rounded-(--enad-card-radius) border p-4 transition-colors\",\n              method.disabled && \"cursor-not-allowed opacity-50\",\n              isSelected\n                ? \"border-(--enad-button-bg) bg-(--enad-button-bg)/5\"\n                : \"border-(--enad-border-color) hover:border-(--enad-button-bg)/50\",\n            )}\n          >\n            <input\n              type=\"radio\"\n              name=\"payment-method\"\n              value={method.id}\n              checked={isSelected}\n              onChange={() => onSelect(method.id)}\n              disabled={method.disabled}\n              className=\"sr-only\"\n            />\n            <span\n              className={cn(\n                \"flex size-5 shrink-0 items-center justify-center rounded-full border-2 transition-colors\",\n                isSelected ? \"border-(--enad-button-bg)\" : \"border-(--enad-border-color)\",\n              )}\n            >\n              {isSelected && <span className=\"size-2.5 rounded-full bg-(--enad-button-bg)\" />}\n            </span>\n\n            {method.icon && (\n              <span className=\"flex size-8 shrink-0 items-center justify-center text-(--enad-text-muted-color)\">\n                {method.icon}\n              </span>\n            )}\n\n            <div>\n              <p className=\"text-sm font-medium text-(--enad-text-primary-color)\">{method.name}</p>\n              {method.description && (\n                <p className=\"text-xs text-(--enad-text-muted-color)\">{method.description}</p>\n              )}\n            </div>\n          </label>\n        );\n      })}\n    </fieldset>\n  );\n}\n"],"mappings":";;;;;AAsBA,SAAgB,sBAAsB,EACpC,SACA,UACA,UACA,QACA,aAC6B;AAC7B,QACE,qBAAC,YAAD;EAAU,WAAW,GAAG,uBAAuB,UAAU;YAAzD,CACG,UAAU,oBAAC,UAAD;GAAQ,WAAU;aAAW;GAAgB,CAAA,EACvD,QAAQ,KAAK,WAAW;GACvB,MAAM,aAAa,aAAa,OAAO;AACvC,UACE,qBAAC,SAAD;IAEE,WAAW,GACT,oGACA,OAAO,YAAY,iCACnB,aACI,sDACA,kEACL;cARH;KAUE,oBAAC,SAAD;MACE,MAAK;MACL,MAAK;MACL,OAAO,OAAO;MACd,SAAS;MACT,gBAAgB,SAAS,OAAO,GAAG;MACnC,UAAU,OAAO;MACjB,WAAU;MACV,CAAA;KACF,oBAAC,QAAD;MACE,WAAW,GACT,4FACA,aAAa,8BAA8B,+BAC5C;gBAEA,cAAc,oBAAC,QAAD,EAAM,WAAU,+CAAgD,CAAA;MAC1E,CAAA;KAEN,OAAO,QACN,oBAAC,QAAD;MAAM,WAAU;gBACb,OAAO;MACH,CAAA;KAGT,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,KAAD;MAAG,WAAU;gBAAwD,OAAO;MAAS,CAAA,EACpF,OAAO,eACN,oBAAC,KAAD;MAAG,WAAU;gBAA0C,OAAO;MAAgB,CAAA,CAE5E,EAAA,CAAA;KACA;MAvCD,OAAO,GAuCN;IAEV,CACO"}

package/dist/client/storefront/checkout/shipping-method-selector.d.ts

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/checkout/shipping-method-selector.d.ts
+interface ShippingMethod {
+  id: string;
+  name: string;
+  description?: string;
+  price: number;
+  estimatedDays?: string;
+  currency?: string;
+}
+interface ShippingMethodSelectorProps {
+  methods: ShippingMethod[];
+  selected?: string;
+  onSelect: (methodId: string) => void;
+  currency?: string;
+  locale?: string;
+  /** Accessible legend for the fieldset */
+  legend?: string;
+  className?: string;
+  labels?: {
+    freeShipping?: string;
+  };
+}
+declare function ShippingMethodSelector({
+  methods,
+  selected,
+  onSelect,
+  currency,
+  locale,
+  legend,
+  className,
+  labels
+}: ShippingMethodSelectorProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ShippingMethod, ShippingMethodSelector, ShippingMethodSelectorProps };
+//# sourceMappingURL=shipping-method-selector.d.ts.map

package/dist/client/storefront/checkout/shipping-method-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shipping-method-selector.d.ts","names":[],"sources":["../../../../src/client/storefront/checkout/shipping-method-selector.tsx"],"mappings":";;;UAKiB,cAAA;EACf,EAAA;EACA,IAAA;EACA,WAAA;EACA,KAAA;EACA,aAAA;EACA,QAAA;AAAA;AAAA,UAGe,2BAAA;EACf,OAAA,EAAS,cAAA;EACT,QAAA;EACA,QAAA,GAAW,QAAA;EACX,QAAA;EACA,MAAA;EARQ;EAUR,MAAA;EACA,SAAA;EACA,MAAA;IACE,YAAA;EAAA;AAAA;AAAA,iBAIY,sBAAA,CAAA;EACd,OAAA;EACA,QAAA;EACA,QAAA;EACA,QAAA;EACA,MAAA;EACA,MAAA;EACA,SAAA;EACA;AAAA,GACC,2BAAA,GAA2B,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/checkout/shipping-method-selector.mjs

@@ -0,0 +1,59 @@
+"use client";
+import { cn } from "../../ui/utils.mjs";
+import { Price } from "../components/price.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/client/storefront/checkout/shipping-method-selector.tsx
+function ShippingMethodSelector({ methods, selected, onSelect, currency = "SEK", locale, legend, className, labels = {} }) {
+	const { freeShipping = "Free" } = labels;
+	return /* @__PURE__ */ jsxs("fieldset", {
+		className: cn("font-enad space-y-2", className),
+		children: [legend && /* @__PURE__ */ jsx("legend", {
+			className: "sr-only",
+			children: legend
+		}), methods.map((method) => {
+			const isSelected = selected === method.id;
+			return /* @__PURE__ */ jsxs("label", {
+				className: cn("flex cursor-pointer items-center gap-3 rounded-(--enad-card-radius) border p-4 transition-colors", isSelected ? "border-(--enad-button-bg) bg-(--enad-button-bg)/5" : "border-(--enad-border-color) hover:border-(--enad-button-bg)/50"),
+				children: [
+					/* @__PURE__ */ jsx("input", {
+						type: "radio",
+						name: "shipping-method",
+						value: method.id,
+						checked: isSelected,
+						onChange: () => onSelect(method.id),
+						className: "sr-only"
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: cn("flex size-5 shrink-0 items-center justify-center rounded-full border-2 transition-colors", isSelected ? "border-(--enad-button-bg)" : "border-(--enad-border-color)"),
+						children: isSelected && /* @__PURE__ */ jsx("span", { className: "size-2.5 rounded-full bg-(--enad-button-bg)" })
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-1 items-center justify-between",
+						children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+							className: "text-sm font-medium text-(--enad-text-primary-color)",
+							children: method.name
+						}), (method.description || method.estimatedDays) && /* @__PURE__ */ jsxs("p", {
+							className: "text-xs text-(--enad-text-muted-color)",
+							children: [
+								method.description,
+								method.description && method.estimatedDays && " · ",
+								method.estimatedDays
+							]
+						})] }), /* @__PURE__ */ jsx("span", {
+							className: "text-sm font-medium text-(--enad-text-primary-color)",
+							children: method.price === 0 ? freeShipping : /* @__PURE__ */ jsx(Price, {
+								amount: method.price,
+								currency: method.currency ?? currency,
+								locale
+							})
+						})]
+					})
+				]
+			}, method.id);
+		})]
+	});
+}
+//#endregion
+export { ShippingMethodSelector };
+
+//# sourceMappingURL=shipping-method-selector.mjs.map

package/dist/client/storefront/checkout/shipping-method-selector.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shipping-method-selector.mjs","names":[],"sources":["../../../../src/client/storefront/checkout/shipping-method-selector.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../../ui/utils\";\nimport { Price } from \"../components/price\";\n\nexport interface ShippingMethod {\n  id: string;\n  name: string;\n  description?: string;\n  price: number;\n  estimatedDays?: string;\n  currency?: string;\n}\n\nexport interface ShippingMethodSelectorProps {\n  methods: ShippingMethod[];\n  selected?: string;\n  onSelect: (methodId: string) => void;\n  currency?: string;\n  locale?: string;\n  /** Accessible legend for the fieldset */\n  legend?: string;\n  className?: string;\n  labels?: {\n    freeShipping?: string;\n  };\n}\n\nexport function ShippingMethodSelector({\n  methods,\n  selected,\n  onSelect,\n  currency = \"SEK\",\n  locale,\n  legend,\n  className,\n  labels = {},\n}: ShippingMethodSelectorProps) {\n  const { freeShipping = \"Free\" } = labels;\n\n  return (\n    <fieldset className={cn(\"font-enad space-y-2\", className)}>\n      {legend && <legend className=\"sr-only\">{legend}</legend>}\n      {methods.map((method) => {\n        const isSelected = selected === method.id;\n        return (\n          <label\n            key={method.id}\n            className={cn(\n              \"flex cursor-pointer items-center gap-3 rounded-(--enad-card-radius) border p-4 transition-colors\",\n              isSelected\n                ? \"border-(--enad-button-bg) bg-(--enad-button-bg)/5\"\n                : \"border-(--enad-border-color) hover:border-(--enad-button-bg)/50\",\n            )}\n          >\n            <input\n              type=\"radio\"\n              name=\"shipping-method\"\n              value={method.id}\n              checked={isSelected}\n              onChange={() => onSelect(method.id)}\n              className=\"sr-only\"\n            />\n            <span\n              className={cn(\n                \"flex size-5 shrink-0 items-center justify-center rounded-full border-2 transition-colors\",\n                isSelected ? \"border-(--enad-button-bg)\" : \"border-(--enad-border-color)\",\n              )}\n            >\n              {isSelected && <span className=\"size-2.5 rounded-full bg-(--enad-button-bg)\" />}\n            </span>\n\n            <div className=\"flex flex-1 items-center justify-between\">\n              <div>\n                <p className=\"text-sm font-medium text-(--enad-text-primary-color)\">\n                  {method.name}\n                </p>\n                {(method.description || method.estimatedDays) && (\n                  <p className=\"text-xs text-(--enad-text-muted-color)\">\n                    {method.description}\n                    {method.description && method.estimatedDays && \" · \"}\n                    {method.estimatedDays}\n                  </p>\n                )}\n              </div>\n              <span className=\"text-sm font-medium text-(--enad-text-primary-color)\">\n                {method.price === 0 ? (\n                  freeShipping\n                ) : (\n                  <Price\n                    amount={method.price}\n                    currency={method.currency ?? currency}\n                    locale={locale}\n                  />\n                )}\n              </span>\n            </div>\n          </label>\n        );\n      })}\n    </fieldset>\n  );\n}\n"],"mappings":";;;;;AA4BA,SAAgB,uBAAuB,EACrC,SACA,UACA,UACA,WAAW,OACX,QACA,QACA,WACA,SAAS,EAAE,IACmB;CAC9B,MAAM,EAAE,eAAe,WAAW;AAElC,QACE,qBAAC,YAAD;EAAU,WAAW,GAAG,uBAAuB,UAAU;YAAzD,CACG,UAAU,oBAAC,UAAD;GAAQ,WAAU;aAAW;GAAgB,CAAA,EACvD,QAAQ,KAAK,WAAW;GACvB,MAAM,aAAa,aAAa,OAAO;AACvC,UACE,qBAAC,SAAD;IAEE,WAAW,GACT,oGACA,aACI,sDACA,kEACL;cAPH;KASE,oBAAC,SAAD;MACE,MAAK;MACL,MAAK;MACL,OAAO,OAAO;MACd,SAAS;MACT,gBAAgB,SAAS,OAAO,GAAG;MACnC,WAAU;MACV,CAAA;KACF,oBAAC,QAAD;MACE,WAAW,GACT,4FACA,aAAa,8BAA8B,+BAC5C;gBAEA,cAAc,oBAAC,QAAD,EAAM,WAAU,+CAAgD,CAAA;MAC1E,CAAA;KAEP,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,KAAD;OAAG,WAAU;iBACV,OAAO;OACN,CAAA,GACF,OAAO,eAAe,OAAO,kBAC7B,qBAAC,KAAD;OAAG,WAAU;iBAAb;QACG,OAAO;QACP,OAAO,eAAe,OAAO,iBAAiB;QAC9C,OAAO;QACN;SAEF,EAAA,CAAA,EACN,oBAAC,QAAD;OAAM,WAAU;iBACb,OAAO,UAAU,IAChB,eAEA,oBAAC,OAAD;QACE,QAAQ,OAAO;QACf,UAAU,OAAO,YAAY;QACrB;QACR,CAAA;OAEC,CAAA,CACH;;KACA;MAlDD,OAAO,GAkDN;IAEV,CACO"}

package/dist/client/storefront/components/address-field-group.d.ts

@@ -0,0 +1,45 @@
+import { SelectOption } from "../primitives/select.js";
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/components/address-field-group.d.ts
+interface AddressFieldGroupProps {
+  /** react-hook-form register props for each field */
+  fields: {
+    streetAddress: React$1.ComponentProps<"input">;
+    houseNumber?: React$1.ComponentProps<"input">;
+    coAddress?: React$1.ComponentProps<"input">;
+    postalCode: React$1.ComponentProps<"input">;
+    city: React$1.ComponentProps<"input">;
+    country: {
+      value: string;
+      onValueChange: (value: string) => void;
+    };
+  };
+  errors?: {
+    streetAddress?: string;
+    houseNumber?: string;
+    coAddress?: string;
+    postalCode?: string;
+    city?: string;
+    country?: string;
+  };
+  labels: {
+    streetAddress: string;
+    houseNumber: string;
+    coAddress: string;
+    postalCode: string;
+    city: string;
+    country: string;
+  };
+  countries?: SelectOption[];
+}
+declare function AddressFieldGroup({
+  fields,
+  errors,
+  labels,
+  countries
+}: AddressFieldGroupProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AddressFieldGroup, type AddressFieldGroupProps };
+//# sourceMappingURL=address-field-group.d.ts.map

package/dist/client/storefront/components/address-field-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"address-field-group.d.ts","names":[],"sources":["../../../../src/client/storefront/components/address-field-group.tsx"],"mappings":";;;;;UAOU,sBAAA;;EAER,MAAA;IACE,aAAA,EAAe,OAAA,CAAM,cAAA;IACrB,WAAA,GAAc,OAAA,CAAM,cAAA;IACpB,SAAA,GAAY,OAAA,CAAM,cAAA;IAClB,UAAA,EAAY,OAAA,CAAM,cAAA;IAClB,IAAA,EAAM,OAAA,CAAM,cAAA;IACZ,OAAA;MACE,KAAA;MACA,aAAA,GAAgB,KAAA;IAAA;EAAA;EAGpB,MAAA;IACE,aAAA;IACA,WAAA;IACA,SAAA;IACA,UAAA;IACA,IAAA;IACA,OAAA;EAAA;EAEF,MAAA;IACE,aAAA;IACA,WAAA;IACA,SAAA;IACA,UAAA;IACA,IAAA;IACA,OAAA;EAAA;EAEF,SAAA,GAAY,YAAA;AAAA;AAAA,iBAGL,iBAAA,CAAA;EAAoB,MAAA;EAAQ,MAAA;EAAQ,MAAA;EAAQ;AAAA,GAAa,sBAAA,GAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/components/address-field-group.mjs

@@ -0,0 +1,64 @@
+"use client";
+import { StorefrontInput } from "../primitives/input.mjs";
+import { CountrySelect } from "../primitives/country-select.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/client/storefront/components/address-field-group.tsx
+function AddressFieldGroup({ fields, errors, labels, countries }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid md:grid-cols-2 gap-4",
+				children: [/* @__PURE__ */ jsx(StorefrontInput, {
+					label: labels.streetAddress,
+					required: true,
+					error: errors?.streetAddress,
+					placeholder: labels.streetAddress,
+					...fields.streetAddress
+				}), /* @__PURE__ */ jsx(StorefrontInput, {
+					label: labels.houseNumber,
+					placeholder: labels.houseNumber,
+					error: errors?.houseNumber,
+					...fields.houseNumber
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid md:grid-cols-2 gap-4",
+				children: [/* @__PURE__ */ jsx(StorefrontInput, {
+					label: labels.coAddress,
+					placeholder: labels.coAddress,
+					error: errors?.coAddress,
+					...fields.coAddress
+				}), /* @__PURE__ */ jsx(StorefrontInput, {
+					label: labels.postalCode,
+					required: true,
+					error: errors?.postalCode,
+					placeholder: labels.postalCode,
+					...fields.postalCode
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid md:grid-cols-2 gap-4",
+				children: [/* @__PURE__ */ jsx(StorefrontInput, {
+					label: labels.city,
+					required: true,
+					error: errors?.city,
+					placeholder: labels.city,
+					...fields.city
+				}), /* @__PURE__ */ jsx(CountrySelect, {
+					label: labels.country,
+					required: true,
+					error: errors?.country,
+					countries,
+					value: fields.country.value,
+					onValueChange: fields.country.onValueChange
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { AddressFieldGroup };
+
+//# sourceMappingURL=address-field-group.mjs.map

package/dist/client/storefront/components/address-field-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"address-field-group.mjs","names":[],"sources":["../../../../src/client/storefront/components/address-field-group.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { StorefrontInput } from \"../primitives/input\";\nimport { CountrySelect } from \"../primitives/country-select\";\nimport type { SelectOption } from \"../primitives/select\";\n\ninterface AddressFieldGroupProps {\n  /** react-hook-form register props for each field */\n  fields: {\n    streetAddress: React.ComponentProps<\"input\">;\n    houseNumber?: React.ComponentProps<\"input\">;\n    coAddress?: React.ComponentProps<\"input\">;\n    postalCode: React.ComponentProps<\"input\">;\n    city: React.ComponentProps<\"input\">;\n    country: {\n      value: string;\n      onValueChange: (value: string) => void;\n    };\n  };\n  errors?: {\n    streetAddress?: string;\n    houseNumber?: string;\n    coAddress?: string;\n    postalCode?: string;\n    city?: string;\n    country?: string;\n  };\n  labels: {\n    streetAddress: string;\n    houseNumber: string;\n    coAddress: string;\n    postalCode: string;\n    city: string;\n    country: string;\n  };\n  countries?: SelectOption[];\n}\n\nfunction AddressFieldGroup({ fields, errors, labels, countries }: AddressFieldGroupProps) {\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"grid md:grid-cols-2 gap-4\">\n        <StorefrontInput\n          label={labels.streetAddress}\n          required\n          error={errors?.streetAddress}\n          placeholder={labels.streetAddress}\n          {...fields.streetAddress}\n        />\n        <StorefrontInput\n          label={labels.houseNumber}\n          placeholder={labels.houseNumber}\n          error={errors?.houseNumber}\n          {...fields.houseNumber}\n        />\n      </div>\n      <div className=\"grid md:grid-cols-2 gap-4\">\n        <StorefrontInput\n          label={labels.coAddress}\n          placeholder={labels.coAddress}\n          error={errors?.coAddress}\n          {...fields.coAddress}\n        />\n        <StorefrontInput\n          label={labels.postalCode}\n          required\n          error={errors?.postalCode}\n          placeholder={labels.postalCode}\n          {...fields.postalCode}\n        />\n      </div>\n      <div className=\"grid md:grid-cols-2 gap-4\">\n        <StorefrontInput\n          label={labels.city}\n          required\n          error={errors?.city}\n          placeholder={labels.city}\n          {...fields.city}\n        />\n        <CountrySelect\n          label={labels.country}\n          required\n          error={errors?.country}\n          countries={countries}\n          value={fields.country.value}\n          onValueChange={fields.country.onValueChange}\n        />\n      </div>\n    </div>\n  );\n}\n\nexport { AddressFieldGroup, type AddressFieldGroupProps };\n"],"mappings":";;;;;;AAuCA,SAAS,kBAAkB,EAAE,QAAQ,QAAQ,QAAQ,aAAqC;AACxF,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACE,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,iBAAD;KACE,OAAO,OAAO;KACd,UAAA;KACA,OAAO,QAAQ;KACf,aAAa,OAAO;KACpB,GAAI,OAAO;KACX,CAAA,EACF,oBAAC,iBAAD;KACE,OAAO,OAAO;KACd,aAAa,OAAO;KACpB,OAAO,QAAQ;KACf,GAAI,OAAO;KACX,CAAA,CACE;;GACN,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,iBAAD;KACE,OAAO,OAAO;KACd,aAAa,OAAO;KACpB,OAAO,QAAQ;KACf,GAAI,OAAO;KACX,CAAA,EACF,oBAAC,iBAAD;KACE,OAAO,OAAO;KACd,UAAA;KACA,OAAO,QAAQ;KACf,aAAa,OAAO;KACpB,GAAI,OAAO;KACX,CAAA,CACE;;GACN,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,iBAAD;KACE,OAAO,OAAO;KACd,UAAA;KACA,OAAO,QAAQ;KACf,aAAa,OAAO;KACpB,GAAI,OAAO;KACX,CAAA,EACF,oBAAC,eAAD;KACE,OAAO,OAAO;KACd,UAAA;KACA,OAAO,QAAQ;KACJ;KACX,OAAO,OAAO,QAAQ;KACtB,eAAe,OAAO,QAAQ;KAC9B,CAAA,CACE;;GACF"}

package/dist/client/storefront/components/badge.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/components/badge.d.ts
+interface BadgeProps {
+  variant?: "default" | "sale" | "new" | "out-of-stock" | "featured" | "limited" | "premium" | "info";
+  children: ReactNode;
+  className?: string;
+}
+declare function Badge({
+  variant,
+  children,
+  className
+}: BadgeProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Badge, BadgeProps };
+//# sourceMappingURL=badge.d.ts.map

package/dist/client/storefront/components/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","names":[],"sources":["../../../../src/client/storefront/components/badge.tsx"],"mappings":";;;;UAEiB,UAAA;EACf,OAAA;EACA,QAAA,EAAU,SAAA;EACV,SAAA;AAAA;AAAA,iBAsBc,KAAA,CAAA;EACd,OAAA;EACA,QAAA;EACA;AAAA,GACC,UAAA,GAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/components/badge.mjs

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+//#region src/client/storefront/components/badge.tsx
+const variantClasses = {
+	default: "bg-muted text-(--enad-text-primary-color)",
+	sale: "bg-(--enad-error-color) text-white font-semibold",
+	new: "bg-(--enad-button-bg) text-(--enad-button-color)",
+	"out-of-stock": "bg-(--enad-border-color) text-(--enad-text-muted-color) line-through",
+	featured: "bg-(--enad-button-bg) text-(--enad-button-color) ring-1 ring-(--enad-button-bg)/30",
+	limited: "bg-(--enad-highlight-color) text-white font-semibold",
+	premium: "bg-(--enad-accent-color) text-white",
+	info: "bg-(--enad-info-color)/15 text-(--enad-info-color)"
+};
+function Badge({ variant = "default", children, className = "" }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: `inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${variantClasses[variant]} ${className}`,
+		children
+	});
+}
+//#endregion
+export { Badge };
+
+//# sourceMappingURL=badge.mjs.map

package/dist/client/storefront/components/badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.mjs","names":[],"sources":["../../../../src/client/storefront/components/badge.tsx"],"sourcesContent":["import type { ReactNode } from \"react\"\n\nexport interface BadgeProps {\n  variant?: \"default\" | \"sale\" | \"new\" | \"out-of-stock\" | \"featured\" | \"limited\" | \"premium\" | \"info\"\n  children: ReactNode\n  className?: string\n}\n\nconst variantClasses: Record<NonNullable<BadgeProps[\"variant\"]>, string> = {\n  default:\n    \"bg-muted text-(--enad-text-primary-color)\",\n  sale:\n    \"bg-(--enad-error-color) text-white font-semibold\",\n  new:\n    \"bg-(--enad-button-bg) text-(--enad-button-color)\",\n  \"out-of-stock\":\n    \"bg-(--enad-border-color) text-(--enad-text-muted-color) line-through\",\n  featured:\n    \"bg-(--enad-button-bg) text-(--enad-button-color) ring-1 ring-(--enad-button-bg)/30\",\n  limited:\n    \"bg-(--enad-highlight-color) text-white font-semibold\",\n  premium:\n    \"bg-(--enad-accent-color) text-white\",\n  info:\n    \"bg-(--enad-info-color)/15 text-(--enad-info-color)\",\n}\n\nexport function Badge({\n  variant = \"default\",\n  children,\n  className = \"\",\n}: BadgeProps) {\n  return (\n    <span\n      className={`inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${variantClasses[variant]} ${className}`}\n    >\n      {children}\n    </span>\n  )\n}\n"],"mappings":";;AAQA,MAAM,iBAAqE;CACzE,SACE;CACF,MACE;CACF,KACE;CACF,gBACE;CACF,UACE;CACF,SACE;CACF,SACE;CACF,MACE;CACH;AAED,SAAgB,MAAM,EACpB,UAAU,WACV,UACA,YAAY,MACC;AACb,QACE,oBAAC,QAAD;EACE,WAAW,2EAA2E,eAAe,SAAS,GAAG;EAEhH;EACI,CAAA"}