@enadhq/enad-react-sdk 1.0.2 → 1.2.0

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

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

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

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

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

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

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

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

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

@@ -1,23 +1,37 @@
-export interface ShippingMethod {
-    id: string;
-    name: string;
-    description?: string;
-    price: number;
-    estimatedDays?: string;
-    currency?: string;
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/checkout/shipping-method-selector.d.ts
+interface ShippingMethod {
+  id: string;
+  name: string;
+  description?: string;
+  price: number;
+  estimatedDays?: string;
+  currency?: string;
 }
-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;
-    };
+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;
+declare function ShippingMethodSelector({
+  methods,
+  selected,
+  onSelect,
+  currency,
+  locale,
+  legend,
+  className,
+  labels
+}: ShippingMethodSelectorProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ShippingMethod, ShippingMethodSelector, ShippingMethodSelectorProps };
 //# sourceMappingURL=shipping-method-selector.d.ts.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,28 +1,22 @@
 import { jsx } from "react/jsx-runtime";
+//#region src/client/storefront/components/badge.tsx
 const variantClasses = {
-  default: "bg-muted text-(--enad-text-primary-color)",
-  sale: "bg-(--enad-error-color) text-white font-semibold",
-  new: "bg-(--enad-button-bg) text-(--enad-button-color)",
-  "out-of-stock": "bg-(--enad-border-color) text-(--enad-text-muted-color) line-through",
-  featured: "bg-(--enad-button-bg) text-(--enad-button-color) ring-1 ring-(--enad-button-bg)/30",
-  limited: "bg-(--enad-highlight-color) text-white font-semibold",
-  premium: "bg-(--enad-accent-color) text-white",
-  info: "bg-(--enad-info-color)/15 text-(--enad-info-color)"
+	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
-    }
-  );
+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
-};
+//#endregion
+export { Badge };
+
 //# sourceMappingURL=badge.mjs.map