@enadhq/enad-react-sdk 0.0.6 → 1.0.2

package/dist/client/storefront/checkout/checkout-stepper.mjs

@@ -0,0 +1,58 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../ui/utils";
+import { useIcon } from "../../icons/icon-context";
+function CheckoutStepper({ steps, onStepClick, className }) {
+  const CheckIcon = useIcon("check");
+  return /* @__PURE__ */ jsx("nav", { "aria-label": "Checkout progress", className: cn("font-enad", className), children: /* @__PURE__ */ jsx("ol", { className: "flex items-center gap-0", children: steps.map((step, index) => {
+    const isLast = index === steps.length - 1;
+    const isClickable = step.status === "completed" && onStepClick;
+    return /* @__PURE__ */ jsxs("li", { className: "flex flex-1 items-center", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => isClickable && onStepClick(step.id),
+          disabled: !isClickable,
+          "aria-current": step.status === "active" ? "step" : void 0,
+          className: cn(
+            "flex items-center gap-2 text-sm font-medium transition-colors",
+            "disabled:cursor-default",
+            step.status === "completed" && "text-(--enad-button-bg) cursor-pointer",
+            step.status === "active" && "text-(--enad-text-primary-color)",
+            step.status === "upcoming" && "text-(--enad-text-muted-color)"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "flex size-8 shrink-0 items-center justify-center rounded-full text-xs font-semibold transition-colors",
+                  step.status === "completed" && "bg-(--enad-button-bg) text-(--enad-button-color)",
+                  step.status === "active" && "border-2 border-(--enad-button-bg) text-(--enad-button-bg)",
+                  step.status === "upcoming" && "border border-(--enad-border-color) text-(--enad-text-muted-color)"
+                ),
+                children: step.status === "completed" ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) : index + 1
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: step.label })
+          ]
+        }
+      ),
+      !isLast && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "mx-2 h-px flex-1 transition-colors",
+            step.status === "completed" ? "bg-(--enad-button-bg)" : "bg-(--enad-border-color)"
+          ),
+          "aria-hidden": "true"
+        }
+      )
+    ] }, step.id);
+  }) }) });
+}
+export {
+  CheckoutStepper
+};
+//# sourceMappingURL=checkout-stepper.mjs.map

package/dist/client/storefront/checkout/checkout-stepper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/checkout/checkout-stepper.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../../ui/utils\";\nimport { useIcon } from \"../../icons/icon-context\";\n\nexport type StepStatus = \"completed\" | \"active\" | \"upcoming\";\n\nexport interface CheckoutStep {\n  id: string;\n  label: string;\n  status: StepStatus;\n}\n\nexport interface CheckoutStepperProps {\n  steps: CheckoutStep[];\n  onStepClick?: (stepId: string) => void;\n  className?: string;\n}\n\nexport function CheckoutStepper({ steps, onStepClick, className }: CheckoutStepperProps) {\n  const CheckIcon = useIcon(\"check\");\n\n  return (\n    <nav aria-label=\"Checkout progress\" className={cn(\"font-enad\", className)}>\n      <ol className=\"flex items-center gap-0\">\n        {steps.map((step, index) => {\n          const isLast = index === steps.length - 1;\n          const isClickable = step.status === \"completed\" && onStepClick;\n\n          return (\n            <li key={step.id} className=\"flex flex-1 items-center\">\n              <button\n                type=\"button\"\n                onClick={() => isClickable && onStepClick(step.id)}\n                disabled={!isClickable}\n                aria-current={step.status === \"active\" ? \"step\" : undefined}\n                className={cn(\n                  \"flex items-center gap-2 text-sm font-medium transition-colors\",\n                  \"disabled:cursor-default\",\n                  step.status === \"completed\" && \"text-(--enad-button-bg) cursor-pointer\",\n                  step.status === \"active\" && \"text-(--enad-text-primary-color)\",\n                  step.status === \"upcoming\" && \"text-(--enad-text-muted-color)\",\n                )}\n              >\n                <span\n                  className={cn(\n                    \"flex size-8 shrink-0 items-center justify-center rounded-full text-xs font-semibold transition-colors\",\n                    step.status === \"completed\" &&\n                      \"bg-(--enad-button-bg) text-(--enad-button-color)\",\n                    step.status === \"active\" &&\n                      \"border-2 border-(--enad-button-bg) text-(--enad-button-bg)\",\n                    step.status === \"upcoming\" &&\n                      \"border border-(--enad-border-color) text-(--enad-text-muted-color)\",\n                  )}\n                >\n                  {step.status === \"completed\" ? <CheckIcon className=\"size-4\" /> : index + 1}\n                </span>\n                <span className=\"hidden sm:inline\">{step.label}</span>\n              </button>\n\n              {!isLast && (\n                <div\n                  className={cn(\n                    \"mx-2 h-px flex-1 transition-colors\",\n                    step.status === \"completed\"\n                      ? \"bg-(--enad-button-bg)\"\n                      : \"bg-(--enad-border-color)\",\n                  )}\n                  aria-hidden=\"true\"\n                />\n              )}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n}\n"],"mappings":";AA+Bc,SAwBmC,KAxBnC;AA7Bd,SAAS,UAAU;AACnB,SAAS,eAAe;AAgBjB,SAAS,gBAAgB,EAAE,OAAO,aAAa,UAAU,GAAyB;AACvF,QAAM,YAAY,QAAQ,OAAO;AAEjC,SACE,oBAAC,SAAI,cAAW,qBAAoB,WAAW,GAAG,aAAa,SAAS,GACtE,8BAAC,QAAG,WAAU,2BACX,gBAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,UAAM,SAAS,UAAU,MAAM,SAAS;AACxC,UAAM,cAAc,KAAK,WAAW,eAAe;AAEnD,WACE,qBAAC,QAAiB,WAAU,4BAC1B;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,eAAe,YAAY,KAAK,EAAE;AAAA,UACjD,UAAU,CAAC;AAAA,UACX,gBAAc,KAAK,WAAW,WAAW,SAAS;AAAA,UAClD,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA,KAAK,WAAW,eAAe;AAAA,YAC/B,KAAK,WAAW,YAAY;AAAA,YAC5B,KAAK,WAAW,cAAc;AAAA,UAChC;AAAA,UAEA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA,KAAK,WAAW,eACd;AAAA,kBACF,KAAK,WAAW,YACd;AAAA,kBACF,KAAK,WAAW,cACd;AAAA,gBACJ;AAAA,gBAEC,eAAK,WAAW,cAAc,oBAAC,aAAU,WAAU,UAAS,IAAK,QAAQ;AAAA;AAAA,YAC5E;AAAA,YACA,oBAAC,UAAK,WAAU,oBAAoB,eAAK,OAAM;AAAA;AAAA;AAAA,MACjD;AAAA,MAEC,CAAC,UACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA,KAAK,WAAW,cACZ,0BACA;AAAA,UACN;AAAA,UACA,eAAY;AAAA;AAAA,MACd;AAAA,SAvCK,KAAK,EAyCd;AAAA,EAEJ,CAAC,GACH,GACF;AAEJ;","names":[]}

package/dist/client/storefront/checkout/index.d.ts

@@ -0,0 +1,15 @@
+export { CheckoutStepper } from "./checkout-stepper";
+export type { CheckoutStepperProps, CheckoutStep, StepStatus } from "./checkout-stepper";
+export { CartSummary } from "./cart-summary";
+export type { CartSummaryProps, CartLineItem } from "./cart-summary";
+export { AddressForm } from "./address-form";
+export type { AddressFormProps, AddressData } from "./address-form";
+export { ShippingMethodSelector } from "./shipping-method-selector";
+export type { ShippingMethodSelectorProps, ShippingMethod } from "./shipping-method-selector";
+export { PaymentMethodSelector } from "./payment-method-selector";
+export type { PaymentMethodSelectorProps, PaymentMethod } from "./payment-method-selector";
+export { OrderSummary } from "./order-summary";
+export type { OrderSummaryProps } from "./order-summary";
+export { OrderConfirmation } from "./order-confirmation";
+export type { OrderConfirmationProps } from "./order-confirmation";
+//# sourceMappingURL=index.d.ts.map

package/dist/client/storefront/checkout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/checkout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EAAE,oBAAoB,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEzF,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAEpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,YAAY,EAAE,2BAA2B,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE9F,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,EAAE,0BAA0B,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE3F,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,YAAY,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/client/storefront/checkout/index.mjs

@@ -0,0 +1,17 @@
+import { CheckoutStepper } from "./checkout-stepper";
+import { CartSummary } from "./cart-summary";
+import { AddressForm } from "./address-form";
+import { ShippingMethodSelector } from "./shipping-method-selector";
+import { PaymentMethodSelector } from "./payment-method-selector";
+import { OrderSummary } from "./order-summary";
+import { OrderConfirmation } from "./order-confirmation";
+export {
+  AddressForm,
+  CartSummary,
+  CheckoutStepper,
+  OrderConfirmation,
+  OrderSummary,
+  PaymentMethodSelector,
+  ShippingMethodSelector
+};
+//# sourceMappingURL=index.mjs.map

package/dist/client/storefront/checkout/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/checkout/index.ts"],"sourcesContent":["export { CheckoutStepper } from \"./checkout-stepper\";\nexport type { CheckoutStepperProps, CheckoutStep, StepStatus } from \"./checkout-stepper\";\n\nexport { CartSummary } from \"./cart-summary\";\nexport type { CartSummaryProps, CartLineItem } from \"./cart-summary\";\n\nexport { AddressForm } from \"./address-form\";\nexport type { AddressFormProps, AddressData } from \"./address-form\";\n\nexport { ShippingMethodSelector } from \"./shipping-method-selector\";\nexport type { ShippingMethodSelectorProps, ShippingMethod } from \"./shipping-method-selector\";\n\nexport { PaymentMethodSelector } from \"./payment-method-selector\";\nexport type { PaymentMethodSelectorProps, PaymentMethod } from \"./payment-method-selector\";\n\nexport { OrderSummary } from \"./order-summary\";\nexport type { OrderSummaryProps } from \"./order-summary\";\n\nexport { OrderConfirmation } from \"./order-confirmation\";\nexport type { OrderConfirmationProps } from \"./order-confirmation\";\n"],"mappings":"AAAA,SAAS,uBAAuB;AAGhC,SAAS,mBAAmB;AAG5B,SAAS,mBAAmB;AAG5B,SAAS,8BAA8B;AAGvC,SAAS,6BAA6B;AAGtC,SAAS,oBAAoB;AAG7B,SAAS,yBAAyB;","names":[]}

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+export interface OrderConfirmationProps {
+    orderNumber: string;
+    title: string;
+    message: string;
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare function OrderConfirmation({ orderNumber, title, message, children, className, }: OrderConfirmationProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=order-confirmation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"order-confirmation.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/checkout/order-confirmation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE,sBAAsB,2CAkBxB"}

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

@@ -0,0 +1,27 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../ui/utils";
+import { useIcon } from "../../icons/icon-context";
+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
+  ] });
+}
+export {
+  OrderConfirmation
+};
+//# sourceMappingURL=order-confirmation.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"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":";AA0BQ,cAKF,YALE;AAvBR,SAAS,UAAU;AACnB,SAAS,eAAe;AAUjB,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,YAAY,QAAQ,OAAO;AAEjC,SACE,qBAAC,SAAI,WAAW,GAAG,oDAAoD,SAAS,GAC9E;AAAA,wBAAC,SAAI,WAAU,uFACb,8BAAC,aAAU,WAAU,kCAAiC,GACxD;AAAA,IAEA,oBAAC,QAAG,WAAU,+DAA+D,iBAAM;AAAA,IAEnF,qBAAC,OAAE,WAAU,+CAA8C;AAAA;AAAA,MAAQ;AAAA,OAAY;AAAA,IAE/E,oBAAC,OAAE,WAAU,wDAAwD,mBAAQ;AAAA,IAE5E;AAAA,KACH;AAEJ;","names":[]}

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

@@ -0,0 +1,29 @@
+import type { AddressData } from "./address-form";
+import type { CartLineItem } from "./cart-summary";
+export 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;
+    };
+}
+export declare function OrderSummary({ items, subtotal, tax, shipping, total, currency, locale, shippingAddress, billingAddress, shippingMethodName, paymentMethodName, className, labels, }: OrderSummaryProps): import("react/jsx-runtime").JSX.Element;
+//# 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","sourceRoot":"","sources":["../../../../src/client/storefront/checkout/order-summary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACtC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAgBD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,GAAG,EACH,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,MAAgB,EAChB,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,SAAS,EACT,MAAW,GACZ,EAAE,iBAAiB,2CAsGnB"}

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

@@ -0,0 +1,106 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../ui/utils";
+import { Price } from "../components/price";
+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 = "sv-SE",
+  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: [
+            "\xD7 ",
+            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 })
+      ] })
+    ] })
+  ] });
+}
+export {
+  OrderSummary
+};
+//# sourceMappingURL=order-summary.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/checkout/order-summary.tsx"],"sourcesContent":["import { 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 = \"sv-SE\",\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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","names":[]}

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

@@ -0,0 +1,18 @@
+import * as React from "react";
+export interface PaymentMethod {
+    id: string;
+    name: string;
+    description?: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+}
+export interface PaymentMethodSelectorProps {
+    methods: PaymentMethod[];
+    selected?: string;
+    onSelect: (methodId: string) => void;
+    /** Accessible legend for the fieldset */
+    legend?: string;
+    className?: string;
+}
+export declare function PaymentMethodSelector({ methods, selected, onSelect, legend, className, }: PaymentMethodSelectorProps): import("react/jsx-runtime").JSX.Element;
+//# 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","sourceRoot":"","sources":["../../../../src/client/storefront/checkout/payment-method-selector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE,0BAA0B,2CAoD5B"}

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

@@ -0,0 +1,61 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../ui/utils";
+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
+      );
+    })
+  ] });
+}
+export {
+  PaymentMethodSelector
+};
+//# sourceMappingURL=payment-method-selector.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"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":";AA+BiB,cAsCL,YAtCK;AA5BjB,SAAS,UAAU;AAmBZ,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA+B;AAC7B,SACE,qBAAC,cAAS,WAAW,GAAG,uBAAuB,SAAS,GACrD;AAAA,cAAU,oBAAC,YAAO,WAAU,WAAW,kBAAO;AAAA,IAC9C,QAAQ,IAAI,CAAC,WAAW;AACvB,YAAM,aAAa,aAAa,OAAO;AACvC,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,WAAW;AAAA,YACT;AAAA,YACA,OAAO,YAAY;AAAA,YACnB,aACI,sDACA;AAAA,UACN;AAAA,UAEA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,OAAO,OAAO;AAAA,gBACd,SAAS;AAAA,gBACT,UAAU,MAAM,SAAS,OAAO,EAAE;AAAA,gBAClC,UAAU,OAAO;AAAA,gBACjB,WAAU;AAAA;AAAA,YACZ;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA,aAAa,8BAA8B;AAAA,gBAC7C;AAAA,gBAEC,wBAAc,oBAAC,UAAK,WAAU,+CAA8C;AAAA;AAAA,YAC/E;AAAA,YAEC,OAAO,QACN,oBAAC,UAAK,WAAU,mFACb,iBAAO,MACV;AAAA,YAGF,qBAAC,SACC;AAAA,kCAAC,OAAE,WAAU,wDAAwD,iBAAO,MAAK;AAAA,cAChF,OAAO,eACN,oBAAC,OAAE,WAAU,0CAA0C,iBAAO,aAAY;AAAA,eAE9E;AAAA;AAAA;AAAA,QAtCK,OAAO;AAAA,MAuCd;AAAA,IAEJ,CAAC;AAAA,KACH;AAEJ;","names":[]}

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

@@ -0,0 +1,23 @@
+export interface ShippingMethod {
+    id: string;
+    name: string;
+    description?: string;
+    price: number;
+    estimatedDays?: string;
+    currency?: string;
+}
+export 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;
+    };
+}
+export declare function ShippingMethodSelector({ methods, selected, onSelect, currency, locale, legend, className, labels, }: ShippingMethodSelectorProps): import("react/jsx-runtime").JSX.Element;
+//# 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","sourceRoot":"","sources":["../../../../src/client/storefront/checkout/shipping-method-selector.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE;QACP,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;CACH;AAED,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAgB,EAChB,MAAgB,EAChB,MAAM,EACN,SAAS,EACT,MAAW,GACZ,EAAE,2BAA2B,2CAiE7B"}

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

@@ -0,0 +1,77 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../ui/utils";
+import { Price } from "../components/price";
+function ShippingMethodSelector({
+  methods,
+  selected,
+  onSelect,
+  currency = "SEK",
+  locale = "sv-SE",
+  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 && " \xB7 ",
+                  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
+      );
+    })
+  ] });
+}
+export {
+  ShippingMethodSelector
+};
+//# sourceMappingURL=shipping-method-selector.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"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 = \"sv-SE\",\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":";AA0CiB,cAoCC,YApCD;AAxCjB,SAAS,UAAU;AACnB,SAAS,aAAa;AAyBf,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,SAAS,CAAC;AACZ,GAAgC;AAC9B,QAAM,EAAE,eAAe,OAAO,IAAI;AAElC,SACE,qBAAC,cAAS,WAAW,GAAG,uBAAuB,SAAS,GACrD;AAAA,cAAU,oBAAC,YAAO,WAAU,WAAW,kBAAO;AAAA,IAC9C,QAAQ,IAAI,CAAC,WAAW;AACvB,YAAM,aAAa,aAAa,OAAO;AACvC,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,WAAW;AAAA,YACT;AAAA,YACA,aACI,sDACA;AAAA,UACN;AAAA,UAEA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,OAAO,OAAO;AAAA,gBACd,SAAS;AAAA,gBACT,UAAU,MAAM,SAAS,OAAO,EAAE;AAAA,gBAClC,WAAU;AAAA;AAAA,YACZ;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA,aAAa,8BAA8B;AAAA,gBAC7C;AAAA,gBAEC,wBAAc,oBAAC,UAAK,WAAU,+CAA8C;AAAA;AAAA,YAC/E;AAAA,YAEA,qBAAC,SAAI,WAAU,4CACb;AAAA,mCAAC,SACC;AAAA,oCAAC,OAAE,WAAU,wDACV,iBAAO,MACV;AAAA,iBACE,OAAO,eAAe,OAAO,kBAC7B,qBAAC,OAAE,WAAU,0CACV;AAAA,yBAAO;AAAA,kBACP,OAAO,eAAe,OAAO,iBAAiB;AAAA,kBAC9C,OAAO;AAAA,mBACV;AAAA,iBAEJ;AAAA,cACA,oBAAC,UAAK,WAAU,wDACb,iBAAO,UAAU,IAChB,eAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,QAAQ,OAAO;AAAA,kBACf,UAAU,OAAO,YAAY;AAAA,kBAC7B;AAAA;AAAA,cACF,GAEJ;AAAA,eACF;AAAA;AAAA;AAAA,QAjDK,OAAO;AAAA,MAkDd;AAAA,IAEJ,CAAC;AAAA,KACH;AAEJ;","names":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/components/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,KAAK,GAAG,cAAc,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAA;IACnG,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAqBD,wBAAgB,KAAK,CAAC,EACpB,OAAmB,EACnB,QAAQ,EACR,SAAc,GACf,EAAE,UAAU,2CAQZ"}

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

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+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
+    }
+  );
+}
+export {
+  Badge
+};
+//# sourceMappingURL=badge.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"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":"AAiCI;AAzBJ,MAAM,iBAAqE;AAAA,EACzE,SACE;AAAA,EACF,MACE;AAAA,EACF,KACE;AAAA,EACF,gBACE;AAAA,EACF,UACE;AAAA,EACF,SACE;AAAA,EACF,SACE;AAAA,EACF,MACE;AACJ;AAEO,SAAS,MAAM;AAAA,EACpB,UAAU;AAAA,EACV;AAAA,EACA,YAAY;AACd,GAAe;AACb,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,2EAA2E,eAAe,OAAO,CAAC,IAAI,SAAS;AAAA,MAEzH;AAAA;AAAA,EACH;AAEJ;","names":[]}