@enadhq/enad-react-sdk 0.0.6 → 1.0.2

package/dist/client/storefront/blocks/truncated-text.mjs

@@ -0,0 +1,36 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../ui-resolver/collapsible";
+import { cn } from "../../ui/utils";
+function TruncatedText({ html, visibleLines = 4, labels, className }) {
+  const [isOpen, setIsOpen] = React.useState(false);
+  return /* @__PURE__ */ jsxs(Collapsible, { open: isOpen, onOpenChange: setIsOpen, className: cn("w-full", className), children: [
+    !isOpen && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "prose prose-sm max-w-none",
+        style: {
+          display: "-webkit-box",
+          WebkitLineClamp: visibleLines,
+          WebkitBoxOrient: "vertical",
+          overflow: "hidden"
+        },
+        dangerouslySetInnerHTML: { __html: html }
+      }
+    ),
+    /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "prose prose-sm max-w-none", dangerouslySetInnerHTML: { __html: html } }) }),
+    /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "mt-2 text-sm font-medium text-foreground underline underline-offset-4 transition-colors hover:text-muted-foreground",
+        children: isOpen ? labels?.showLess ?? "Show less" : labels?.showMore ?? "Read more"
+      }
+    ) })
+  ] });
+}
+export {
+  TruncatedText
+};
+//# sourceMappingURL=truncated-text.mjs.map

package/dist/client/storefront/blocks/truncated-text.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/blocks/truncated-text.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from \"../../ui-resolver/collapsible\";\nimport { cn } from \"../../ui/utils\";\nimport type { TruncatedTextProps } from \"../types\";\n\nfunction TruncatedText({ html, visibleLines = 4, labels, className }: TruncatedTextProps) {\n  const [isOpen, setIsOpen] = React.useState(false);\n\n  return (\n    <Collapsible open={isOpen} onOpenChange={setIsOpen} className={cn(\"w-full\", className)}>\n      {/* Clamped preview */}\n      {!isOpen && (\n        <div\n          className=\"prose prose-sm max-w-none\"\n          style={{\n            display: \"-webkit-box\",\n            WebkitLineClamp: visibleLines,\n            WebkitBoxOrient: \"vertical\",\n            overflow: \"hidden\",\n          }}\n          dangerouslySetInnerHTML={{ __html: html }}\n        />\n      )}\n\n      {/* Full content */}\n      <CollapsibleContent>\n        <div className=\"prose prose-sm max-w-none\" dangerouslySetInnerHTML={{ __html: html }} />\n      </CollapsibleContent>\n\n      <CollapsibleTrigger asChild>\n        <button\n          type=\"button\"\n          className=\"mt-2 text-sm font-medium text-foreground underline underline-offset-4 transition-colors hover:text-muted-foreground\"\n        >\n          {isOpen ? (labels?.showLess ?? \"Show less\") : (labels?.showMore ?? \"Read more\")}\n        </button>\n      </CollapsibleTrigger>\n    </Collapsible>\n  );\n}\n\nexport { TruncatedText, type TruncatedTextProps };\n"],"mappings":";AAWI,SAGI,KAHJ;AATJ,YAAY,WAAW;AACvB,SAAS,aAAa,oBAAoB,0BAA0B;AACpE,SAAS,UAAU;AAGnB,SAAS,cAAc,EAAE,MAAM,eAAe,GAAG,QAAQ,UAAU,GAAuB;AACxF,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAEhD,SACE,qBAAC,eAAY,MAAM,QAAQ,cAAc,WAAW,WAAW,GAAG,UAAU,SAAS,GAElF;AAAA,KAAC,UACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,SAAS;AAAA,UACT,iBAAiB;AAAA,UACjB,iBAAiB;AAAA,UACjB,UAAU;AAAA,QACZ;AAAA,QACA,yBAAyB,EAAE,QAAQ,KAAK;AAAA;AAAA,IAC1C;AAAA,IAIF,oBAAC,sBACC,8BAAC,SAAI,WAAU,6BAA4B,yBAAyB,EAAE,QAAQ,KAAK,GAAG,GACxF;AAAA,IAEA,oBAAC,sBAAmB,SAAO,MACzB;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QAET,mBAAU,QAAQ,YAAY,cAAgB,QAAQ,YAAY;AAAA;AAAA,IACrE,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/client/storefront/blocks/variable-text-content.d.ts

@@ -0,0 +1,4 @@
+import type { VariableTextContentProps } from "../types";
+declare function VariableTextContent({ html, className }: VariableTextContentProps): import("react/jsx-runtime").JSX.Element;
+export { VariableTextContent, type VariableTextContentProps };
+//# sourceMappingURL=variable-text-content.d.ts.map

package/dist/client/storefront/blocks/variable-text-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variable-text-content.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/blocks/variable-text-content.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAA;AAExD,iBAAS,mBAAmB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,wBAAwB,2CASzE;AAED,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,CAAA"}

package/dist/client/storefront/blocks/variable-text-content.mjs

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../ui/utils";
+function VariableTextContent({ html, className }) {
+  return /* @__PURE__ */ jsx("section", { className: cn("px-4 py-12 md:px-8", className), children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "prose prose-lg mx-auto max-w-3xl xl:prose-xl",
+      dangerouslySetInnerHTML: { __html: html }
+    }
+  ) });
+}
+export {
+  VariableTextContent
+};
+//# sourceMappingURL=variable-text-content.mjs.map

package/dist/client/storefront/blocks/variable-text-content.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/blocks/variable-text-content.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\nimport type { VariableTextContentProps } from \"../types\"\n\nfunction VariableTextContent({ html, className }: VariableTextContentProps) {\n  return (\n    <section className={cn(\"px-4 py-12 md:px-8\", className)}>\n      <div\n        className=\"prose prose-lg mx-auto max-w-3xl xl:prose-xl\"\n        dangerouslySetInnerHTML={{ __html: html }}\n      />\n    </section>\n  )\n}\n\nexport { VariableTextContent, type VariableTextContentProps }\n"],"mappings":"AAOM;AANN,SAAS,UAAU;AAGnB,SAAS,oBAAoB,EAAE,MAAM,UAAU,GAA6B;AAC1E,SACE,oBAAC,aAAQ,WAAW,GAAG,sBAAsB,SAAS,GACpD;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,yBAAyB,EAAE,QAAQ,KAAK;AAAA;AAAA,EAC1C,GACF;AAEJ;","names":[]}

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

@@ -0,0 +1,2 @@
+export { SwipeableCarousel, type SwipeableCarouselProps } from "./swipeable-carousel";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,sBAAsB,CAAA"}

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

@@ -0,0 +1,5 @@
+import { SwipeableCarousel } from "./swipeable-carousel";
+export {
+  SwipeableCarousel
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/carousel/index.ts"],"sourcesContent":["export { SwipeableCarousel, type SwipeableCarouselProps } from \"./swipeable-carousel\"\n"],"mappings":"AAAA,SAAS,yBAAsD;","names":[]}

package/dist/client/storefront/carousel/swipeable-carousel.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+interface SwipeableCarouselProps {
+    items: React.ReactNode[];
+    className?: string;
+    /** 'inset' — arrows float over the image edges; 'outset' — arrows sit outside the image bounds */
+    arrows?: "inset" | "outset";
+    showDots?: boolean;
+    dotsClassName?: string;
+    activeSlide?: number;
+    onSlideChange?: (index: number) => void;
+}
+declare function SwipeableCarousel({ items, className, arrows, showDots, dotsClassName, activeSlide, onSlideChange, }: SwipeableCarouselProps): import("react/jsx-runtime").JSX.Element | null;
+export { SwipeableCarousel, type SwipeableCarouselProps };
+//# sourceMappingURL=swipeable-carousel.d.ts.map

package/dist/client/storefront/carousel/swipeable-carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swipeable-carousel.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/carousel/swipeable-carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,UAAU,sBAAsB;IAC9B,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kGAAkG;IAClG,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AAED,iBAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,SAAS,EACT,MAAM,EACN,QAAe,EACf,aAAa,EACb,WAAW,EACX,aAAa,GACd,EAAE,sBAAsB,kDAwExB;AAED,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,CAAA"}

package/dist/client/storefront/carousel/swipeable-carousel.mjs

@@ -0,0 +1,80 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import {
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselPrevious,
+  CarouselNext
+} from "../../ui-resolver/carousel";
+import { cn } from "../../ui/utils";
+function SwipeableCarousel({
+  items,
+  className,
+  arrows,
+  showDots = true,
+  dotsClassName,
+  activeSlide,
+  onSlideChange
+}) {
+  const [api, setApi] = React.useState();
+  const [current, setCurrent] = React.useState(0);
+  const [count, setCount] = React.useState(0);
+  React.useEffect(() => {
+    if (!api) return;
+    setCount(api.scrollSnapList().length);
+    setCurrent(api.selectedScrollSnap());
+    api.on("select", () => {
+      const idx = api.selectedScrollSnap();
+      setCurrent(idx);
+      onSlideChange?.(idx);
+    });
+  }, [api, onSlideChange]);
+  React.useEffect(() => {
+    if (!api || activeSlide === void 0) return;
+    if (api.selectedScrollSnap() !== activeSlide) {
+      api.scrollTo(activeSlide);
+    }
+  }, [api, activeSlide]);
+  if (items.length === 0) return null;
+  const singleItem = items.length === 1;
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", arrows === "outset" && "mx-12", className), children: [
+    /* @__PURE__ */ jsxs(Carousel, { setApi, opts: { loop: !singleItem }, children: [
+      /* @__PURE__ */ jsx(CarouselContent, { children: items.map((item, index) => /* @__PURE__ */ jsx(CarouselItem, { children: item }, index)) }),
+      arrows && !singleItem && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          CarouselPrevious,
+          {
+            className: arrows === "inset" ? "left-3 -translate-x-0" : void 0
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          CarouselNext,
+          {
+            className: arrows === "inset" ? "right-3 translate-x-0" : void 0
+          }
+        )
+      ] })
+    ] }),
+    showDots && !singleItem && count > 1 && /* @__PURE__ */ jsx("div", { className: cn("absolute inset-x-0 bottom-3 z-10 flex items-center justify-center gap-1.5", dotsClassName), role: "tablist", children: Array.from({ length: count }).map((_, index) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        role: "tab",
+        "aria-selected": index === current,
+        "aria-label": `Go to slide ${index + 1}`,
+        onClick: () => api?.scrollTo(index),
+        className: cn(
+          "size-2 rounded-full transition-all shadow-sm",
+          index === current ? "bg-primary" : "bg-background/70 hover:bg-background/90"
+        )
+      },
+      index
+    )) })
+  ] });
+}
+export {
+  SwipeableCarousel
+};
+//# sourceMappingURL=swipeable-carousel.mjs.map

package/dist/client/storefront/carousel/swipeable-carousel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/carousel/swipeable-carousel.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselPrevious,\n  CarouselNext,\n  type CarouselApi,\n} from \"../../ui-resolver/carousel\"\nimport { cn } from \"../../ui/utils\"\n\ninterface SwipeableCarouselProps {\n  items: React.ReactNode[]\n  className?: string\n  /** 'inset' — arrows float over the image edges; 'outset' — arrows sit outside the image bounds */\n  arrows?: \"inset\" | \"outset\"\n  showDots?: boolean\n  dotsClassName?: string\n  activeSlide?: number\n  onSlideChange?: (index: number) => void\n}\n\nfunction SwipeableCarousel({\n  items,\n  className,\n  arrows,\n  showDots = true,\n  dotsClassName,\n  activeSlide,\n  onSlideChange,\n}: SwipeableCarouselProps) {\n  const [api, setApi] = React.useState<CarouselApi>()\n  const [current, setCurrent] = React.useState(0)\n  const [count, setCount] = React.useState(0)\n\n  React.useEffect(() => {\n    if (!api) return\n\n    setCount(api.scrollSnapList().length)\n    setCurrent(api.selectedScrollSnap())\n\n    api.on(\"select\", () => {\n      const idx = api.selectedScrollSnap()\n      setCurrent(idx)\n      onSlideChange?.(idx)\n    })\n  }, [api, onSlideChange])\n\n  React.useEffect(() => {\n    if (!api || activeSlide === undefined) return\n    if (api.selectedScrollSnap() !== activeSlide) {\n      api.scrollTo(activeSlide)\n    }\n  }, [api, activeSlide])\n\n  if (items.length === 0) return null\n\n  const singleItem = items.length === 1\n\n  return (\n    <div className={cn(\"relative\", arrows === \"outset\" && \"mx-12\", className)}>\n      <Carousel setApi={setApi} opts={{ loop: !singleItem }}>\n        <CarouselContent>\n          {items.map((item, index) => (\n            <CarouselItem key={index}>{item}</CarouselItem>\n          ))}\n        </CarouselContent>\n\n        {arrows && !singleItem && (\n          <>\n            <CarouselPrevious\n              className={arrows === \"inset\" ? \"left-3 -translate-x-0\" : undefined}\n            />\n            <CarouselNext\n              className={arrows === \"inset\" ? \"right-3 translate-x-0\" : undefined}\n            />\n          </>\n        )}\n      </Carousel>\n\n      {showDots && !singleItem && count > 1 && (\n        <div className={cn(\"absolute inset-x-0 bottom-3 z-10 flex items-center justify-center gap-1.5\", dotsClassName)} role=\"tablist\">\n          {Array.from({ length: count }).map((_, index) => (\n            <button\n              key={index}\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={index === current}\n              aria-label={`Go to slide ${index + 1}`}\n              onClick={() => api?.scrollTo(index)}\n              className={cn(\n                \"size-2 rounded-full transition-all shadow-sm\",\n                index === current\n                  ? \"bg-primary\"\n                  : \"bg-background/70 hover:bg-background/90\"\n              )}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport { SwipeableCarousel, type SwipeableCarouselProps }\n"],"mappings":";AAkEY,SAKF,UALE,KAKF,YALE;AAhEZ,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,UAAU;AAanB,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,CAAC,KAAK,MAAM,IAAI,MAAM,SAAsB;AAClD,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,CAAC;AAC9C,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,CAAC;AAE1C,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,IAAK;AAEV,aAAS,IAAI,eAAe,EAAE,MAAM;AACpC,eAAW,IAAI,mBAAmB,CAAC;AAEnC,QAAI,GAAG,UAAU,MAAM;AACrB,YAAM,MAAM,IAAI,mBAAmB;AACnC,iBAAW,GAAG;AACd,sBAAgB,GAAG;AAAA,IACrB,CAAC;AAAA,EACH,GAAG,CAAC,KAAK,aAAa,CAAC;AAEvB,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,OAAO,gBAAgB,OAAW;AACvC,QAAI,IAAI,mBAAmB,MAAM,aAAa;AAC5C,UAAI,SAAS,WAAW;AAAA,IAC1B;AAAA,EACF,GAAG,CAAC,KAAK,WAAW,CAAC;AAErB,MAAI,MAAM,WAAW,EAAG,QAAO;AAE/B,QAAM,aAAa,MAAM,WAAW;AAEpC,SACE,qBAAC,SAAI,WAAW,GAAG,YAAY,WAAW,YAAY,SAAS,SAAS,GACtE;AAAA,yBAAC,YAAS,QAAgB,MAAM,EAAE,MAAM,CAAC,WAAW,GAClD;AAAA,0BAAC,mBACE,gBAAM,IAAI,CAAC,MAAM,UAChB,oBAAC,gBAA0B,kBAAR,KAAa,CACjC,GACH;AAAA,MAEC,UAAU,CAAC,cACV,iCACE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,WAAW,UAAU,0BAA0B;AAAA;AAAA,QAC5D;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,WAAW,UAAU,0BAA0B;AAAA;AAAA,QAC5D;AAAA,SACF;AAAA,OAEJ;AAAA,IAEC,YAAY,CAAC,cAAc,QAAQ,KAClC,oBAAC,SAAI,WAAW,GAAG,6EAA6E,aAAa,GAAG,MAAK,WAClH,gBAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,EAAE,IAAI,CAAC,GAAG,UACrC;AAAA,MAAC;AAAA;AAAA,QAEC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,iBAAe,UAAU;AAAA,QACzB,cAAY,eAAe,QAAQ,CAAC;AAAA,QACpC,SAAS,MAAM,KAAK,SAAS,KAAK;AAAA,QAClC,WAAW;AAAA,UACT;AAAA,UACA,UAAU,UACN,eACA;AAAA,QACN;AAAA;AAAA,MAXK;AAAA,IAYP,CACD,GACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/client/storefront/checkout/address-form.d.ts

@@ -0,0 +1,31 @@
+export interface AddressData {
+    firstName: string;
+    lastName: string;
+    company?: string;
+    address1: string;
+    address2?: string;
+    city: string;
+    postalCode: string;
+    region?: string;
+    country: string;
+    phone?: string;
+    email?: string;
+}
+export interface AddressFormProps {
+    value: Partial<AddressData>;
+    onChange: (field: keyof AddressData, value: string) => void;
+    onSubmit?: () => void;
+    errors?: Partial<Record<keyof AddressData, string>>;
+    countries?: {
+        code: string;
+        name: string;
+    }[];
+    showCompany?: boolean;
+    showRegion?: boolean;
+    showPhone?: boolean;
+    showEmail?: boolean;
+    className?: string;
+    labels?: Partial<Record<keyof AddressData, string>>;
+}
+export declare function AddressForm({ value, onChange, onSubmit, errors, countries, showCompany, showRegion, showPhone, showEmail, className, labels, }: AddressFormProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=address-form.d.ts.map

package/dist/client/storefront/checkout/address-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"address-form.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/checkout/address-form.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,WAAW,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;CACrD;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAW,EACX,SAAc,EACd,WAAmB,EACnB,UAAiB,EACjB,SAAiB,EACjB,SAAiB,EACjB,SAAS,EACT,MAAW,GACZ,EAAE,gBAAgB,2CAiHlB"}

package/dist/client/storefront/checkout/address-form.mjs

@@ -0,0 +1,124 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../ui/utils";
+import { Input } from "../../ui-resolver/input";
+import { Label } from "../../ui-resolver/label";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "../../ui-resolver/select";
+function AddressForm({
+  value,
+  onChange,
+  onSubmit,
+  errors = {},
+  countries = [],
+  showCompany = false,
+  showRegion = true,
+  showPhone = false,
+  showEmail = false,
+  className,
+  labels = {}
+}) {
+  const l = {
+    firstName: labels.firstName ?? "First name",
+    lastName: labels.lastName ?? "Last name",
+    company: labels.company ?? "Company",
+    address1: labels.address1 ?? "Address",
+    address2: labels.address2 ?? "Apartment, suite, etc.",
+    city: labels.city ?? "City",
+    postalCode: labels.postalCode ?? "Postal code",
+    region: labels.region ?? "Region / State",
+    country: labels.country ?? "Country",
+    phone: labels.phone ?? "Phone",
+    email: labels.email ?? "Email"
+  };
+  const requiredFields = /* @__PURE__ */ new Set([
+    "firstName",
+    "lastName",
+    "address1",
+    "city",
+    "postalCode",
+    "country"
+  ]);
+  function field(name, label, opts) {
+    const { type = "text", span = "half" } = opts ?? {};
+    const isRequired = requiredFields.has(name);
+    return /* @__PURE__ */ jsxs("div", { className: cn(span === "full" ? "col-span-2" : "col-span-1"), children: [
+      /* @__PURE__ */ jsx(
+        Label,
+        {
+          htmlFor: `address-${name}`,
+          className: "text-sm font-medium text-(--enad-text-primary-color)",
+          children: label
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: `address-${name}`,
+          type,
+          value: value[name] ?? "",
+          onChange: (e) => onChange(name, e.target.value),
+          "aria-invalid": !!errors[name],
+          "aria-required": isRequired || void 0,
+          "aria-describedby": errors[name] ? `address-${name}-error` : void 0,
+          className: "mt-1"
+        }
+      ),
+      errors[name] && /* @__PURE__ */ jsx("p", { id: `address-${name}-error`, className: "mt-1 text-xs text-(--enad-error-color)", children: errors[name] })
+    ] }, name);
+  }
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      onSubmit: (e) => {
+        e.preventDefault();
+        onSubmit?.();
+      },
+      className: cn("font-enad grid grid-cols-2 gap-4", className),
+      children: [
+        field("firstName", l.firstName),
+        field("lastName", l.lastName),
+        showCompany && field("company", l.company, { span: "full" }),
+        field("address1", l.address1, { span: "full" }),
+        field("address2", l.address2, { span: "full" }),
+        field("city", l.city),
+        field("postalCode", l.postalCode),
+        showRegion && field("region", l.region),
+        /* @__PURE__ */ jsxs("div", { className: "col-span-1", children: [
+          /* @__PURE__ */ jsx(
+            Label,
+            {
+              htmlFor: "address-country",
+              className: "text-sm font-medium text-(--enad-text-primary-color)",
+              children: l.country
+            }
+          ),
+          countries.length > 0 ? /* @__PURE__ */ jsxs(Select, { value: value.country ?? "", onValueChange: (v) => onChange("country", v), children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { id: "address-country", className: "mt-1", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: l.country }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: countries.map((c) => /* @__PURE__ */ jsx(SelectItem, { value: c.code, children: c.name }, c.code)) })
+          ] }) : /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "address-country",
+              value: value.country ?? "",
+              onChange: (e) => onChange("country", e.target.value),
+              className: "mt-1"
+            }
+          ),
+          errors.country && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-(--enad-error-color)", children: errors.country })
+        ] }),
+        showPhone && field("phone", l.phone, { type: "tel" }),
+        showEmail && field("email", l.email, { type: "email" })
+      ]
+    }
+  );
+}
+export {
+  AddressForm
+};
+//# sourceMappingURL=address-form.mjs.map

package/dist/client/storefront/checkout/address-form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/checkout/address-form.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../ui/utils\";\nimport { Input } from \"../../ui-resolver/input\";\nimport { Label } from \"../../ui-resolver/label\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../ui-resolver/select\";\n\nexport interface AddressData {\n  firstName: string;\n  lastName: string;\n  company?: string;\n  address1: string;\n  address2?: string;\n  city: string;\n  postalCode: string;\n  region?: string;\n  country: string;\n  phone?: string;\n  email?: string;\n}\n\nexport interface AddressFormProps {\n  value: Partial<AddressData>;\n  onChange: (field: keyof AddressData, value: string) => void;\n  onSubmit?: () => void;\n  errors?: Partial<Record<keyof AddressData, string>>;\n  countries?: { code: string; name: string }[];\n  showCompany?: boolean;\n  showRegion?: boolean;\n  showPhone?: boolean;\n  showEmail?: boolean;\n  className?: string;\n  labels?: Partial<Record<keyof AddressData, string>>;\n}\n\nexport function AddressForm({\n  value,\n  onChange,\n  onSubmit,\n  errors = {},\n  countries = [],\n  showCompany = false,\n  showRegion = true,\n  showPhone = false,\n  showEmail = false,\n  className,\n  labels = {},\n}: AddressFormProps) {\n  const l = {\n    firstName: labels.firstName ?? \"First name\",\n    lastName: labels.lastName ?? \"Last name\",\n    company: labels.company ?? \"Company\",\n    address1: labels.address1 ?? \"Address\",\n    address2: labels.address2 ?? \"Apartment, suite, etc.\",\n    city: labels.city ?? \"City\",\n    postalCode: labels.postalCode ?? \"Postal code\",\n    region: labels.region ?? \"Region / State\",\n    country: labels.country ?? \"Country\",\n    phone: labels.phone ?? \"Phone\",\n    email: labels.email ?? \"Email\",\n  };\n\n  const requiredFields = new Set<keyof AddressData>([\n    \"firstName\",\n    \"lastName\",\n    \"address1\",\n    \"city\",\n    \"postalCode\",\n    \"country\",\n  ]);\n\n  function field(\n    name: keyof AddressData,\n    label: string,\n    opts?: { type?: string; span?: \"full\" | \"half\" },\n  ) {\n    const { type = \"text\", span = \"half\" } = opts ?? {};\n    const isRequired = requiredFields.has(name);\n    return (\n      <div className={cn(span === \"full\" ? \"col-span-2\" : \"col-span-1\")} key={name}>\n        <Label\n          htmlFor={`address-${name}`}\n          className=\"text-sm font-medium text-(--enad-text-primary-color)\"\n        >\n          {label}\n        </Label>\n        <Input\n          id={`address-${name}`}\n          type={type}\n          value={value[name] ?? \"\"}\n          onChange={(e) => onChange(name, e.target.value)}\n          aria-invalid={!!errors[name]}\n          aria-required={isRequired || undefined}\n          aria-describedby={errors[name] ? `address-${name}-error` : undefined}\n          className=\"mt-1\"\n        />\n        {errors[name] && (\n          <p id={`address-${name}-error`} className=\"mt-1 text-xs text-(--enad-error-color)\">\n            {errors[name]}\n          </p>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <form\n      onSubmit={(e) => {\n        e.preventDefault();\n        onSubmit?.();\n      }}\n      className={cn(\"font-enad grid grid-cols-2 gap-4\", className)}\n    >\n      {field(\"firstName\", l.firstName)}\n      {field(\"lastName\", l.lastName)}\n      {showCompany && field(\"company\", l.company, { span: \"full\" })}\n      {field(\"address1\", l.address1, { span: \"full\" })}\n      {field(\"address2\", l.address2, { span: \"full\" })}\n      {field(\"city\", l.city)}\n      {field(\"postalCode\", l.postalCode)}\n      {showRegion && field(\"region\", l.region)}\n\n      {/* Country select */}\n      <div className=\"col-span-1\">\n        <Label\n          htmlFor=\"address-country\"\n          className=\"text-sm font-medium text-(--enad-text-primary-color)\"\n        >\n          {l.country}\n        </Label>\n        {countries.length > 0 ? (\n          <Select value={value.country ?? \"\"} onValueChange={(v) => onChange(\"country\", v)}>\n            <SelectTrigger id=\"address-country\" className=\"mt-1\">\n              <SelectValue placeholder={l.country} />\n            </SelectTrigger>\n            <SelectContent>\n              {countries.map((c) => (\n                <SelectItem key={c.code} value={c.code}>\n                  {c.name}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        ) : (\n          <Input\n            id=\"address-country\"\n            value={value.country ?? \"\"}\n            onChange={(e) => onChange(\"country\", e.target.value)}\n            className=\"mt-1\"\n          />\n        )}\n        {errors.country && (\n          <p className=\"mt-1 text-xs text-(--enad-error-color)\">{errors.country}</p>\n        )}\n      </div>\n\n      {showPhone && field(\"phone\", l.phone, { type: \"tel\" })}\n      {showEmail && field(\"email\", l.email, { type: \"email\" })}\n    </form>\n  );\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,40 @@
+export interface CartLineItem {
+    id: string;
+    name: string;
+    variant?: string;
+    imageUrl?: string;
+    price: number;
+    originalPrice?: number;
+    quantity: number;
+    maxQuantity?: number;
+    currency?: string;
+}
+export interface CartSummaryProps {
+    items: CartLineItem[];
+    subtotal: number;
+    tax?: number;
+    shipping?: number;
+    total: number;
+    currency?: string;
+    locale?: string;
+    onQuantityChange?: (itemId: string, quantity: number) => void;
+    onRemoveItem?: (itemId: string) => void;
+    onPromoApply?: (code: string) => void;
+    promoCode?: string;
+    promoError?: string;
+    promoDiscount?: number;
+    className?: string;
+    labels?: {
+        subtotal?: string;
+        tax?: string;
+        shipping?: string;
+        total?: string;
+        discount?: string;
+        promoPlaceholder?: string;
+        promoApply?: string;
+        freeShipping?: string;
+        remove?: string;
+    };
+}
+export declare function CartSummary({ items, subtotal, tax, shipping, total, currency, locale, onQuantityChange, onRemoveItem, onPromoApply, promoCode: initialPromo, promoError, promoDiscount, className, labels, }: CartSummaryProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=cart-summary.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cart-summary.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/checkout/cart-summary.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,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,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE;QACP,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACH;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,GAAG,EACH,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,MAAgB,EAChB,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,SAAS,EAAE,YAAiB,EAC5B,UAAU,EACV,aAAa,EACb,SAAS,EACT,MAAW,GACZ,EAAE,gBAAgB,2CAkJlB"}

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

@@ -0,0 +1,150 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../ui/utils";
+import { useIcon } from "../../icons/icon-context";
+import { Price } from "../components/price";
+import { QuantityPicker } from "../product/quantity-picker";
+import { Button } from "../../ui-resolver/button";
+import { Input } from "../../ui-resolver/input";
+function CartSummary({
+  items,
+  subtotal,
+  tax,
+  shipping,
+  total,
+  currency = "SEK",
+  locale = "sv-SE",
+  onQuantityChange,
+  onRemoveItem,
+  onPromoApply,
+  promoCode: initialPromo = "",
+  promoError,
+  promoDiscount,
+  className,
+  labels = {}
+}) {
+  const {
+    subtotal: subtotalLabel = "Subtotal",
+    tax: taxLabel = "Tax",
+    shipping: shippingLabel = "Shipping",
+    total: totalLabel = "Total",
+    discount: discountLabel = "Discount",
+    promoPlaceholder = "Promo code",
+    promoApply = "Apply",
+    freeShipping = "Free",
+    remove: removeLabel = "Remove"
+  } = labels;
+  const [promoInput, setPromoInput] = React.useState(initialPromo);
+  const CloseIcon = useIcon("close");
+  return /* @__PURE__ */ jsxs("div", { className: cn("font-enad space-y-4", className), children: [
+    /* @__PURE__ */ jsx("ul", { className: "divide-y divide-(--enad-border-color)", children: items.map((item) => /* @__PURE__ */ jsxs("li", { className: "flex gap-4 py-4 first:pt-0 last:pb-0", children: [
+      item.imageUrl && /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: item.imageUrl,
+          alt: item.name,
+          className: "size-16 shrink-0 rounded-(--enad-card-radius) object-cover"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-(--enad-text-primary-color)", children: item.name }),
+            item.variant && /* @__PURE__ */ jsx("p", { className: "text-xs text-(--enad-text-muted-color)", children: item.variant })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Price,
+            {
+              amount: item.price * item.quantity,
+              original: item.originalPrice ? item.originalPrice * item.quantity : void 0,
+              currency: item.currency ?? currency,
+              locale,
+              className: "text-sm font-medium"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          onQuantityChange && /* @__PURE__ */ jsx(
+            QuantityPicker,
+            {
+              value: item.quantity,
+              onChange: (qty) => onQuantityChange(item.id, qty),
+              min: 1,
+              max: item.maxQuantity
+            }
+          ),
+          onRemoveItem && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => onRemoveItem(item.id),
+              className: "rounded-sm text-xs text-(--enad-text-muted-color) hover:text-(--enad-error-color) transition-colors focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-none",
+              "aria-label": `${removeLabel} ${item.name}`,
+              children: /* @__PURE__ */ jsx(CloseIcon, { className: "size-4" })
+            }
+          )
+        ] })
+      ] })
+    ] }, item.id)) }),
+    onPromoApply && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: promoInput,
+            onChange: (e) => setPromoInput(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Enter" && promoInput.trim()) {
+                e.preventDefault();
+                onPromoApply(promoInput);
+              }
+            },
+            placeholder: promoPlaceholder,
+            className: "flex-1",
+            "aria-label": promoPlaceholder
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            onClick: () => onPromoApply(promoInput),
+            disabled: !promoInput.trim(),
+            children: promoApply
+          }
+        )
+      ] }),
+      promoError && /* @__PURE__ */ jsx("p", { className: "text-xs text-(--enad-error-color)", children: promoError })
+    ] }),
+    /* @__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: subtotalLabel }),
+        /* @__PURE__ */ jsx(Price, { amount: subtotal, currency, locale })
+      ] }),
+      promoDiscount != null && promoDiscount > 0 && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-muted-color)", children: discountLabel }),
+        /* @__PURE__ */ jsxs("span", { className: "text-(--enad-error-color)", children: [
+          "-",
+          /* @__PURE__ */ jsx(Price, { amount: promoDiscount, currency, locale })
+        ] })
+      ] }),
+      tax != null && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-muted-color)", children: taxLabel }),
+        /* @__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: shippingLabel }),
+        shipping === 0 ? /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-(--enad-text-primary-color)", children: freeShipping }) : /* @__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: totalLabel }),
+        /* @__PURE__ */ jsx(Price, { amount: total, currency, locale })
+      ] })
+    ] })
+  ] });
+}
+export {
+  CartSummary
+};
+//# sourceMappingURL=cart-summary.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/checkout/cart-summary.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../ui/utils\";\nimport { useIcon } from \"../../icons/icon-context\";\nimport { Price } from \"../components/price\";\nimport { QuantityPicker } from \"../product/quantity-picker\";\nimport { Button } from \"../../ui-resolver/button\";\nimport { Input } from \"../../ui-resolver/input\";\n\nexport interface CartLineItem {\n  id: string;\n  name: string;\n  variant?: string;\n  imageUrl?: string;\n  price: number;\n  originalPrice?: number;\n  quantity: number;\n  maxQuantity?: number;\n  currency?: string;\n}\n\nexport interface CartSummaryProps {\n  items: CartLineItem[];\n  subtotal: number;\n  tax?: number;\n  shipping?: number;\n  total: number;\n  currency?: string;\n  locale?: string;\n  onQuantityChange?: (itemId: string, quantity: number) => void;\n  onRemoveItem?: (itemId: string) => void;\n  onPromoApply?: (code: string) => void;\n  promoCode?: string;\n  promoError?: string;\n  promoDiscount?: number;\n  className?: string;\n  labels?: {\n    subtotal?: string;\n    tax?: string;\n    shipping?: string;\n    total?: string;\n    discount?: string;\n    promoPlaceholder?: string;\n    promoApply?: string;\n    freeShipping?: string;\n    remove?: string;\n  };\n}\n\nexport function CartSummary({\n  items,\n  subtotal,\n  tax,\n  shipping,\n  total,\n  currency = \"SEK\",\n  locale = \"sv-SE\",\n  onQuantityChange,\n  onRemoveItem,\n  onPromoApply,\n  promoCode: initialPromo = \"\",\n  promoError,\n  promoDiscount,\n  className,\n  labels = {},\n}: CartSummaryProps) {\n  const {\n    subtotal: subtotalLabel = \"Subtotal\",\n    tax: taxLabel = \"Tax\",\n    shipping: shippingLabel = \"Shipping\",\n    total: totalLabel = \"Total\",\n    discount: discountLabel = \"Discount\",\n    promoPlaceholder = \"Promo code\",\n    promoApply = \"Apply\",\n    freeShipping = \"Free\",\n    remove: removeLabel = \"Remove\",\n  } = labels;\n\n  const [promoInput, setPromoInput] = React.useState(initialPromo);\n  const CloseIcon = useIcon(\"close\");\n\n  return (\n    <div className={cn(\"font-enad space-y-4\", className)}>\n      {/* Line items */}\n      <ul className=\"divide-y divide-(--enad-border-color)\">\n        {items.map((item) => (\n          <li key={item.id} className=\"flex gap-4 py-4 first:pt-0 last:pb-0\">\n            {item.imageUrl && (\n              <img\n                src={item.imageUrl}\n                alt={item.name}\n                className=\"size-16 shrink-0 rounded-(--enad-card-radius) object-cover\"\n              />\n            )}\n\n            <div className=\"flex flex-1 flex-col gap-1\">\n              <div className=\"flex items-start justify-between gap-2\">\n                <div>\n                  <p className=\"text-sm font-medium text-(--enad-text-primary-color)\">\n                    {item.name}\n                  </p>\n                  {item.variant && (\n                    <p className=\"text-xs text-(--enad-text-muted-color)\">{item.variant}</p>\n                  )}\n                </div>\n                <Price\n                  amount={item.price * item.quantity}\n                  original={item.originalPrice ? item.originalPrice * item.quantity : undefined}\n                  currency={item.currency ?? currency}\n                  locale={locale}\n                  className=\"text-sm font-medium\"\n                />\n              </div>\n\n              <div className=\"flex items-center gap-3\">\n                {onQuantityChange && (\n                  <QuantityPicker\n                    value={item.quantity}\n                    onChange={(qty) => onQuantityChange(item.id, qty)}\n                    min={1}\n                    max={item.maxQuantity}\n                  />\n                )}\n                {onRemoveItem && (\n                  <button\n                    type=\"button\"\n                    onClick={() => onRemoveItem(item.id)}\n                    className=\"rounded-sm text-xs text-(--enad-text-muted-color) hover:text-(--enad-error-color) transition-colors focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-none\"\n                    aria-label={`${removeLabel} ${item.name}`}\n                  >\n                    <CloseIcon className=\"size-4\" />\n                  </button>\n                )}\n              </div>\n            </div>\n          </li>\n        ))}\n      </ul>\n\n      {/* Promo code */}\n      {onPromoApply && (\n        <div className=\"space-y-1\">\n          <div className=\"flex gap-2\">\n            <Input\n              value={promoInput}\n              onChange={(e) => setPromoInput(e.target.value)}\n              onKeyDown={(e) => {\n                if (e.key === \"Enter\" && promoInput.trim()) {\n                  e.preventDefault();\n                  onPromoApply(promoInput);\n                }\n              }}\n              placeholder={promoPlaceholder}\n              className=\"flex-1\"\n              aria-label={promoPlaceholder}\n            />\n            <Button\n              variant=\"outline\"\n              onClick={() => onPromoApply(promoInput)}\n              disabled={!promoInput.trim()}\n            >\n              {promoApply}\n            </Button>\n          </div>\n          {promoError && <p className=\"text-xs text-(--enad-error-color)\">{promoError}</p>}\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)\">{subtotalLabel}</span>\n          <Price amount={subtotal} currency={currency} locale={locale} />\n        </div>\n\n        {promoDiscount != null && promoDiscount > 0 && (\n          <div className=\"flex justify-between text-sm\">\n            <span className=\"text-(--enad-text-muted-color)\">{discountLabel}</span>\n            <span className=\"text-(--enad-error-color)\">\n              -<Price amount={promoDiscount} currency={currency} locale={locale} />\n            </span>\n          </div>\n        )}\n\n        {tax != null && (\n          <div className=\"flex justify-between text-sm\">\n            <span className=\"text-(--enad-text-muted-color)\">{taxLabel}</span>\n            <Price amount={tax} currency={currency} locale={locale} />\n          </div>\n        )}\n\n        {shipping != null && (\n          <div className=\"flex justify-between text-sm\">\n            <span className=\"text-(--enad-text-muted-color)\">{shippingLabel}</span>\n            {shipping === 0 ? (\n              <span className=\"text-sm font-medium text-(--enad-text-primary-color)\">\n                {freeShipping}\n              </span>\n            ) : (\n              <Price amount={shipping} currency={currency} locale={locale} />\n            )}\n          </div>\n        )}\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)\">{totalLabel}</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/checkout-stepper.d.ts

@@ -0,0 +1,13 @@
+export type StepStatus = "completed" | "active" | "upcoming";
+export interface CheckoutStep {
+    id: string;
+    label: string;
+    status: StepStatus;
+}
+export interface CheckoutStepperProps {
+    steps: CheckoutStep[];
+    onStepClick?: (stepId: string) => void;
+    className?: string;
+}
+export declare function CheckoutStepper({ steps, onStepClick, className }: CheckoutStepperProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=checkout-stepper.d.ts.map

package/dist/client/storefront/checkout/checkout-stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkout-stepper.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/checkout/checkout-stepper.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE7D,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,UAAU,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CA0DtF"}