@loczer/storefront-sdk 0.181.0 → 0.182.0

package/dist/components/ProductPriceBadge/index.js

@@ -1,229 +1,240 @@
-import { jsx as t, jsxs as n, Fragment as re } from "react/jsx-runtime";
-import { useId as oe, useState as j, useRef as y, useEffect as O } from "react";
-import { Drawer as i } from "@base-ui/react/drawer";
-import { Popover as u } from "@base-ui/react/popover";
-import { useMediaQuery as Q } from "@rpcbase/client";
-import { cn as m } from "@rpcbase/ui";
-import { TrendingDown as ae, Phone as ie, Mail as se } from "lucide-react";
-import { useTranslation as le } from "react-i18next";
-import { useOptionalStorefront as de } from "../../StorefrontProvider.js";
-import { buildPriceTierLabels as ce, buildDailyPriceRows as pe, formatStorefrontPriceMinor as ue } from "../../lib/pricing.js";
-import { Badge as me, badgeVariants as fe } from "../../ui/badge.js";
-const W = 180, he = "(max-width: 767px)", C = "loczer:storefront:product-price-popover-open", ge = (s) => typeof Node < "u" && s instanceof Node, Y = (s) => {
-  typeof window > "u" || window.dispatchEvent(new CustomEvent(C, { detail: { id: s } }));
-}, Ce = ({ prices: s, minPriceMinor: T, className: L }) => {
-  const { t: r, i18n: w } = le(), f = oe(), M = de(), $ = Q(he), H = Q("(hover: none), (pointer: coarse)"), h = !!($ || H), [l, c] = j(!1), [k, g] = j(!1), d = y(null), P = y(null), R = y(null), B = ce(s, w.language, r), N = pe(s, w.language), v = B[0], I = B[1], o = () => {
-    d.current && (clearTimeout(d.current), d.current = null);
-  }, p = () => {
-    h || (o(), c(!0), Y(f));
-  }, _ = () => {
-    o(), c(!1);
-  }, U = () => {
-    o(), g(!0), Y(f);
-  }, q = () => {
-    g(!1);
-  }, G = () => {
-    l || p();
-  }, E = (e) => ge(e) ? !!(P.current?.contains(e) || R.current?.contains(e)) : !1, z = (e) => {
-    E(e) || (o(), d.current = setTimeout(() => {
-      c(!1), d.current = null;
-    }, W));
-  }, S = (e) => {
-    z(e?.relatedTarget);
-  }, J = (e) => {
-    const a = e.relatedTarget ?? document.activeElement;
-    E(a) || _();
-  };
-  if (O(() => {
-    if (typeof window > "u")
-      return () => {
-        o();
-      };
-    const e = (a) => {
-      a.detail?.id !== f && (o(), c(!1), g(!1));
-    };
-    return window.addEventListener(C, e), () => {
-      window.removeEventListener(C, e), o();
-    };
-  }, [f]), O(() => {
-    if (!l || typeof window > "u") return;
-    const e = (a) => {
-      if (E(a.target)) {
-        o();
-        return;
-      }
-      d.current || z(a.target);
-    };
-    return window.addEventListener("pointermove", e, { passive: !0 }), window.addEventListener("mousemove", e, { passive: !0 }), () => {
-      window.removeEventListener("pointermove", e), window.removeEventListener("mousemove", e);
-    };
-  }, [l]), O(() => {
-    if (h) {
-      o(), c(!1);
-      return;
-    }
-    g(!1);
-  }, [h]), !v)
-    return typeof T != "number" ? null : /* @__PURE__ */ t(me, { variant: "outline", className: m("border-slate-200 bg-white text-slate-700", L), children: /* @__PURE__ */ t("span", { children: r("price_from", {
-      price: ue(T, w.language)
-    }) }) });
-  const A = m(
-    fe({ variant: "outline" }),
-    "gap-1.5 border-slate-200 bg-white text-slate-700 transition hover:border-slate-300 hover:text-slate-950 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/15",
-    N.length > 0 && "cursor-help",
-    L
-  ), x = M?.storefrontConfiguration.shop.emailAddress?.trim(), b = M?.storefrontConfiguration.shop.contactPhone1?.trim(), K = !!(x || b), F = () => /* @__PURE__ */ n(re, { children: [
-    /* @__PURE__ */ t("span", { className: "font-semibold", children: v }),
-    I ? /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-1 text-slate-500", children: [
-      /* @__PURE__ */ t(ae, { className: "h-3 w-3", strokeWidth: 2.4, "aria-hidden": "true" }),
-      /* @__PURE__ */ t("span", { children: r("price_then", { price: I }) })
-    ] }) : null
-  ] }), X = () => K ? /* @__PURE__ */ n("div", { className: "border-t border-slate-200 pt-2 text-slate-600", children: [
-    /* @__PURE__ */ t("p", { className: "leading-snug", children: /* @__PURE__ */ t("span", { children: r("price_table_contact_prompt") }) }),
-    /* @__PURE__ */ n("div", { className: "mt-2 flex flex-wrap gap-x-3 gap-y-1", children: [
-      b ? /* @__PURE__ */ n(
-        "a",
-        {
-          className: "inline-flex min-w-0 items-center gap-1 font-medium text-slate-800 underline-offset-4 hover:underline",
-          href: `tel:${b}`,
-          children: [
-            /* @__PURE__ */ t(ie, { className: "h-3 w-3 shrink-0", "aria-hidden": "true" }),
-            /* @__PURE__ */ t("span", { className: "whitespace-nowrap", children: b })
-          ]
-        }
-      ) : null,
-      x ? /* @__PURE__ */ n(
-        "a",
-        {
-          className: "inline-flex min-w-0 items-center gap-1 font-medium text-slate-800 underline-offset-4 hover:underline",
-          href: `mailto:${x}`,
-          children: [
-            /* @__PURE__ */ t(se, { className: "h-3 w-3 shrink-0", "aria-hidden": "true" }),
-            /* @__PURE__ */ t("span", { className: "break-all", children: x })
-          ]
-        }
-      ) : null
-    ] })
-  ] }) : null, V = (e, a) => /* @__PURE__ */ n("div", { className: m("grid gap-2", a === "popover" ? "text-xs" : "text-base"), children: [
-    e ? /* @__PURE__ */ t("p", { className: "font-semibold uppercase tracking-[0.12em] text-slate-500", children: /* @__PURE__ */ t("span", { children: r("price_table_title") }) }) : null,
-    /* @__PURE__ */ t("ul", { className: m("grid gap-1 text-slate-600", a === "drawer" && "gap-1.5"), children: N.map(({ dayCount: D, totalPriceLabel: Z, perDayPriceLabel: ee }) => {
-      const te = r("price_table_day", { count: D }), ne = r("price_table_per_day", { price: ee });
-      return /* @__PURE__ */ t("li", { children: /* @__PURE__ */ n("div", { className: "flex items-baseline gap-2", children: [
-        /* @__PURE__ */ t("span", { className: "shrink-0 leading-tight", children: te }),
-        /* @__PURE__ */ t("span", { className: "mx-1 flex-1 border-b border-dotted border-slate-300", "aria-hidden": "true" }),
-        /* @__PURE__ */ n("span", { className: "shrink-0 font-medium leading-tight text-slate-950", children: [
-          Z,
-          /* @__PURE__ */ n("span", { className: m("ml-1 font-medium text-slate-500", a === "popover" ? "text-xs" : "text-sm"), children: [
-            /* @__PURE__ */ t("span", { children: "(" }),
-            /* @__PURE__ */ t("span", { children: ne }),
-            /* @__PURE__ */ t("span", { children: ")" })
-          ] })
-        ] })
-      ] }) }, D);
-    }) }),
-    X()
-  ] });
-  return h ? /* @__PURE__ */ n(
-    i.Root,
-    {
-      open: k,
-      onOpenChange: (e) => {
-        e ? U() : q();
-      },
-      swipeDirection: "down",
-      children: [
-        /* @__PURE__ */ t(
-          i.Trigger,
-          {
-            ref: P,
-            type: "button",
-            className: A,
-            "aria-label": r("price_details_aria_label", { price: v }),
-            "aria-expanded": k,
-            onClick: (e) => {
-              e.stopPropagation();
-            },
-            onPointerDown: (e) => {
-              e.stopPropagation();
-            },
-            children: F()
-          }
-        ),
-        /* @__PURE__ */ n(i.Portal, { children: [
-          /* @__PURE__ */ t(i.Backdrop, { className: "pointer-events-auto fixed inset-0 z-50 bg-black/50 outline-none data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:animate-in data-[open]:fade-in-0" }),
-          /* @__PURE__ */ t(i.Viewport, { className: "pointer-events-none fixed inset-0 z-50", children: /* @__PURE__ */ n(i.Popup, { className: "pointer-events-auto fixed inset-x-0 bottom-0 z-50 flex max-h-[90dvh] flex-col rounded-t-2xl border-t border-slate-200 bg-white text-slate-950 shadow-xl outline-none data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:slide-out-to-bottom data-[open]:animate-in data-[open]:fade-in-0 data-[open]:slide-in-from-bottom", children: [
-            /* @__PURE__ */ t("div", { className: "mx-auto mt-4 h-2 w-[100px] shrink-0 rounded-full bg-slate-200", "aria-hidden": "true" }),
-            /* @__PURE__ */ t(i.Content, { children: /* @__PURE__ */ n("div", { className: "flex max-h-[calc(90dvh-1rem)] flex-col", children: [
-              /* @__PURE__ */ t("div", { className: "border-b border-slate-200 px-4 py-4 text-left", children: /* @__PURE__ */ t(i.Title, { className: "text-left text-lg font-semibold text-slate-950", children: /* @__PURE__ */ t("span", { children: r("price_table_title") }) }) }),
-              /* @__PURE__ */ t("div", { className: "flex-1 overflow-y-auto px-4 pb-6 pt-3", children: V(!1, "drawer") })
-            ] }) })
-          ] }) })
-        ] })
-      ]
-    }
-  ) : /* @__PURE__ */ n(
-    u.Root,
-    {
-      open: l,
-      onOpenChange: (e) => {
-        e ? p() : _();
-      },
-      children: [
-        /* @__PURE__ */ t(
-          u.Trigger,
-          {
-            ref: P,
-            type: "button",
-            openOnHover: !0,
-            delay: 0,
-            closeDelay: W,
-            className: A,
-            "aria-label": r("price_details_aria_label", { price: v }),
-            "aria-expanded": l,
-            onMouseEnter: p,
-            onMouseMove: G,
-            onMouseLeave: S,
-            onBlur: J,
-            onClick: (e) => {
-              e.preventDefault(), e.stopPropagation(), l ? _() : p();
-            },
-            onPointerDown: (e) => {
-              e.stopPropagation();
-            },
-            children: F()
-          }
-        ),
-        N.length > 0 ? /* @__PURE__ */ t(u.Portal, { children: /* @__PURE__ */ t(
-          u.Positioner,
-          {
-            side: "top",
-            align: "end",
-            sideOffset: 8,
-            collisionPadding: 12,
-            className: "pointer-events-auto z-[70] outline-none",
-            children: /* @__PURE__ */ t(
-              u.Popup,
-              {
-                ref: R,
-                initialFocus: !1,
-                className: "w-64 rounded-xl border border-slate-200 bg-white p-3 text-slate-950 shadow-xl outline-none data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95",
-                onPointerDown: (e) => {
-                  e.stopPropagation(), o();
-                },
-                onClick: (e) => {
-                  e.stopPropagation();
-                },
-                onMouseEnter: p,
-                onMouseLeave: S,
-                children: V(!0, "popover")
-              }
-            )
-          }
-        ) }) : null
-      ]
-    }
-  );
-};
-export {
-  Ce as ProductPriceBadge
+import { buildDailyPriceRows as e, buildPriceTierLabels as t, formatStorefrontPriceMinor as n } from "../../lib/pricing.js";
+import { Badge as r, badgeVariants as i } from "../../ui/badge.js";
+import { useOptionalStorefront as a } from "../../StorefrontProvider.js";
+import { useEffect as o, useId as s, useRef as c, useState as l } from "react";
+import { Fragment as ee, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { cn as f } from "@rpcbase/ui";
+import { useMediaQuery as p } from "@rpcbase/client";
+import { useTranslation as m } from "react-i18next";
+import { Mail as te, Phone as ne, TrendingDown as re } from "lucide-react";
+import { Drawer as h } from "@base-ui/react/drawer";
+import { Popover as g } from "@base-ui/react/popover";
+//#region src/components/ProductPriceBadge/index.tsx
+var _ = 180, ie = "(max-width: 767px)", v = "loczer:storefront:product-price-popover-open", ae = (e) => typeof Node < "u" && e instanceof Node, y = (e) => {
+	typeof window > "u" || window.dispatchEvent(new CustomEvent(v, { detail: { id: e } }));
+}, b = ({ prices: b, minPriceMinor: x, className: S }) => {
+	let { t: C, i18n: w } = m(), T = s(), E = a(), oe = p(ie), D = p("(hover: none), (pointer: coarse)"), O = !!(oe || D), [k, A] = l(!1), [j, M] = l(!1), N = c(null), P = c(null), F = c(null), I = t(b, w.language, C), L = e(b, w.language), R = I[0], z = I[1], B = () => {
+		N.current &&= (clearTimeout(N.current), null);
+	}, V = () => {
+		O || (B(), A(!0), y(T));
+	}, H = () => {
+		B(), A(!1);
+	}, U = () => {
+		B(), M(!0), y(T);
+	}, W = () => {
+		M(!1);
+	}, G = () => {
+		k || V();
+	}, K = (e) => ae(e) ? !!(P.current?.contains(e) || F.current?.contains(e)) : !1, q = (e) => {
+		K(e) || (B(), N.current = setTimeout(() => {
+			A(!1), N.current = null;
+		}, _));
+	}, J = (e) => {
+		q(e?.relatedTarget);
+	}, se = (e) => {
+		let t = e.relatedTarget ?? document.activeElement;
+		K(t) || H();
+	};
+	if (o(() => {
+		if (typeof window > "u") return () => {
+			B();
+		};
+		let e = (e) => {
+			e.detail?.id !== T && (B(), A(!1), M(!1));
+		};
+		return window.addEventListener(v, e), () => {
+			window.removeEventListener(v, e), B();
+		};
+	}, [T]), o(() => {
+		if (!k || typeof window > "u") return;
+		let e = (e) => {
+			if (K(e.target)) {
+				B();
+				return;
+			}
+			N.current || q(e.target);
+		};
+		return window.addEventListener("pointermove", e, { passive: !0 }), window.addEventListener("mousemove", e, { passive: !0 }), () => {
+			window.removeEventListener("pointermove", e), window.removeEventListener("mousemove", e);
+		};
+	}, [k]), o(() => {
+		if (O) {
+			B(), A(!1);
+			return;
+		}
+		M(!1);
+	}, [O]), !R) return typeof x == "number" ? /* @__PURE__ */ u(r, {
+		variant: "outline",
+		className: f("border-slate-200 bg-white text-slate-700", S),
+		children: /* @__PURE__ */ u("span", { children: C("price_from", { price: n(x, w.language) }) })
+	}) : null;
+	let Y = f(i({ variant: "outline" }), "gap-1.5 border-slate-200 bg-white text-slate-700 transition hover:border-slate-300 hover:text-slate-950 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/15", L.length > 0 && "cursor-help", S), X = E?.storefrontConfiguration.shop.emailAddress?.trim(), Z = E?.storefrontConfiguration.shop.contactPhone1?.trim(), ce = !!(X || Z), Q = () => /* @__PURE__ */ d(ee, { children: [/* @__PURE__ */ u("span", {
+		className: "font-semibold",
+		children: R
+	}), z ? /* @__PURE__ */ d("span", {
+		className: "inline-flex items-center gap-1 text-slate-500",
+		children: [/* @__PURE__ */ u(re, {
+			className: "h-3 w-3",
+			strokeWidth: 2.4,
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ u("span", { children: C("price_then", { price: z }) })]
+	}) : null] }), le = () => ce ? /* @__PURE__ */ d("div", {
+		className: "border-t border-slate-200 pt-2 text-slate-600",
+		children: [/* @__PURE__ */ u("p", {
+			className: "leading-snug",
+			children: /* @__PURE__ */ u("span", { children: C("price_table_contact_prompt") })
+		}), /* @__PURE__ */ d("div", {
+			className: "mt-2 flex flex-wrap gap-x-3 gap-y-1",
+			children: [Z ? /* @__PURE__ */ d("a", {
+				className: "inline-flex min-w-0 items-center gap-1 font-medium text-slate-800 underline-offset-4 hover:underline",
+				href: `tel:${Z}`,
+				children: [/* @__PURE__ */ u(ne, {
+					className: "h-3 w-3 shrink-0",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ u("span", {
+					className: "whitespace-nowrap",
+					children: Z
+				})]
+			}) : null, X ? /* @__PURE__ */ d("a", {
+				className: "inline-flex min-w-0 items-center gap-1 font-medium text-slate-800 underline-offset-4 hover:underline",
+				href: `mailto:${X}`,
+				children: [/* @__PURE__ */ u(te, {
+					className: "h-3 w-3 shrink-0",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ u("span", {
+					className: "break-all",
+					children: X
+				})]
+			}) : null]
+		})]
+	}) : null, $ = (e, t) => /* @__PURE__ */ d("div", {
+		className: f("grid gap-2", t === "popover" ? "text-xs" : "text-base"),
+		children: [
+			e ? /* @__PURE__ */ u("p", {
+				className: "font-semibold uppercase tracking-[0.12em] text-slate-500",
+				children: /* @__PURE__ */ u("span", { children: C("price_table_title") })
+			}) : null,
+			/* @__PURE__ */ u("ul", {
+				className: f("grid gap-1 text-slate-600", t === "drawer" && "gap-1.5"),
+				children: L.map(({ dayCount: e, totalPriceLabel: n, perDayPriceLabel: r }) => {
+					let i = C("price_table_day", { count: e }), a = C("price_table_per_day", { price: r });
+					return /* @__PURE__ */ u("li", { children: /* @__PURE__ */ d("div", {
+						className: "flex items-baseline gap-2",
+						children: [
+							/* @__PURE__ */ u("span", {
+								className: "shrink-0 leading-tight",
+								children: i
+							}),
+							/* @__PURE__ */ u("span", {
+								className: "mx-1 flex-1 border-b border-dotted border-slate-300",
+								"aria-hidden": "true"
+							}),
+							/* @__PURE__ */ d("span", {
+								className: "shrink-0 font-medium leading-tight text-slate-950",
+								children: [n, /* @__PURE__ */ d("span", {
+									className: f("ml-1 font-medium text-slate-500", t === "popover" ? "text-xs" : "text-sm"),
+									children: [
+										/* @__PURE__ */ u("span", { children: "(" }),
+										/* @__PURE__ */ u("span", { children: a }),
+										/* @__PURE__ */ u("span", { children: ")" })
+									]
+								})]
+							})
+						]
+					}) }, e);
+				})
+			}),
+			le()
+		]
+	});
+	return O ? /* @__PURE__ */ d(h.Root, {
+		open: j,
+		onOpenChange: (e) => {
+			e ? U() : W();
+		},
+		swipeDirection: "down",
+		children: [/* @__PURE__ */ u(h.Trigger, {
+			ref: P,
+			type: "button",
+			className: Y,
+			"aria-label": C("price_details_aria_label", { price: R }),
+			"aria-expanded": j,
+			onClick: (e) => {
+				e.stopPropagation();
+			},
+			onPointerDown: (e) => {
+				e.stopPropagation();
+			},
+			children: Q()
+		}), /* @__PURE__ */ d(h.Portal, { children: [/* @__PURE__ */ u(h.Backdrop, { className: "pointer-events-auto fixed inset-0 z-50 bg-black/50 outline-none data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:animate-in data-[open]:fade-in-0" }), /* @__PURE__ */ u(h.Viewport, {
+			className: "pointer-events-none fixed inset-0 z-50",
+			children: /* @__PURE__ */ d(h.Popup, {
+				className: "pointer-events-auto fixed inset-x-0 bottom-0 z-50 flex max-h-[90dvh] flex-col rounded-t-2xl border-t border-slate-200 bg-white text-slate-950 shadow-xl outline-none data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:slide-out-to-bottom data-[open]:animate-in data-[open]:fade-in-0 data-[open]:slide-in-from-bottom",
+				children: [/* @__PURE__ */ u("div", {
+					className: "mx-auto mt-4 h-2 w-[100px] shrink-0 rounded-full bg-slate-200",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ u(h.Content, { children: /* @__PURE__ */ d("div", {
+					className: "flex max-h-[calc(90dvh-1rem)] flex-col",
+					children: [/* @__PURE__ */ u("div", {
+						className: "border-b border-slate-200 px-4 py-4 text-left",
+						children: /* @__PURE__ */ u(h.Title, {
+							className: "text-left text-lg font-semibold text-slate-950",
+							children: /* @__PURE__ */ u("span", { children: C("price_table_title") })
+						})
+					}), /* @__PURE__ */ u("div", {
+						className: "flex-1 overflow-y-auto px-4 pb-6 pt-3",
+						children: $(!1, "drawer")
+					})]
+				}) })]
+			})
+		})] })]
+	}) : /* @__PURE__ */ d(g.Root, {
+		open: k,
+		onOpenChange: (e) => {
+			e ? V() : H();
+		},
+		children: [/* @__PURE__ */ u(g.Trigger, {
+			ref: P,
+			type: "button",
+			openOnHover: !0,
+			delay: 0,
+			closeDelay: _,
+			className: Y,
+			"aria-label": C("price_details_aria_label", { price: R }),
+			"aria-expanded": k,
+			onMouseEnter: V,
+			onMouseMove: G,
+			onMouseLeave: J,
+			onBlur: se,
+			onClick: (e) => {
+				e.preventDefault(), e.stopPropagation(), k ? H() : V();
+			},
+			onPointerDown: (e) => {
+				e.stopPropagation();
+			},
+			children: Q()
+		}), L.length > 0 ? /* @__PURE__ */ u(g.Portal, { children: /* @__PURE__ */ u(g.Positioner, {
+			side: "top",
+			align: "end",
+			sideOffset: 8,
+			collisionPadding: 12,
+			className: "pointer-events-auto z-[70] outline-none",
+			children: /* @__PURE__ */ u(g.Popup, {
+				ref: F,
+				initialFocus: !1,
+				className: "w-64 rounded-xl border border-slate-200 bg-white p-3 text-slate-950 shadow-xl outline-none data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95",
+				onPointerDown: (e) => {
+					e.stopPropagation(), B();
+				},
+				onClick: (e) => {
+					e.stopPropagation();
+				},
+				onMouseEnter: V,
+				onMouseLeave: J,
+				children: $(!0, "popover")
+			})
+		}) }) : null]
+	});
 };
+//#endregion
+export { b as ProductPriceBadge };

package/dist/components/ProductWarningNotice/index.js

@@ -1,22 +1,16 @@
-import { jsxs as t, jsx as n } from "react/jsx-runtime";
-import { AlertCircle as a } from "lucide-react";
-import { cn as l } from "@rpcbase/ui";
-function c({ warning: i, className: e }) {
-  const r = i?.trim();
-  return r ? /* @__PURE__ */ t(
-    "p",
-    {
-      className: l(
-        "text-xs leading-snug text-warning",
-        e
-      ),
-      children: [
-        /* @__PURE__ */ n(a, { className: "mr-1 inline h-3.5 w-3.5 align-[-0.125em]", "aria-hidden": "true" }),
-        /* @__PURE__ */ n("span", { children: r })
-      ]
-    }
-  ) : null;
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { cn as n } from "@rpcbase/ui";
+import { AlertCircle as r } from "lucide-react";
+//#region src/components/ProductWarningNotice/index.tsx
+function i({ warning: i, className: a }) {
+	let o = i?.trim();
+	return o ? /* @__PURE__ */ t("p", {
+		className: n("text-xs leading-snug text-warning", a),
+		children: [/* @__PURE__ */ e(r, {
+			className: "mr-1 inline h-3.5 w-3.5 align-[-0.125em]",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ e("span", { children: o })]
+	}) : null;
 }
-export {
-  c as ProductWarningNotice
-};
+//#endregion
+export { i as ProductWarningNotice };

package/dist/components/StepSectionTitle/index.js

@@ -1,6 +1,9 @@
-import { jsx as r } from "react/jsx-runtime";
-import { cn as i } from "@rpcbase/ui";
-const c = ({ stepNumber: t, title: e, className: o }) => /* @__PURE__ */ r("h2", { className: i("text-lg font-semibold tracking-tight sm:text-xl", o), children: `${t}. ${e}` });
-export {
-  c as StepSectionTitle
-};
+import { jsx as e } from "react/jsx-runtime";
+import { cn as t } from "@rpcbase/ui";
+//#region src/components/StepSectionTitle/index.tsx
+var n = ({ stepNumber: n, title: r, className: i }) => /* @__PURE__ */ e("h2", {
+	className: t("text-lg font-semibold tracking-tight sm:text-xl", i),
+	children: `${n}. ${r}`
+});
+//#endregion
+export { n as StepSectionTitle };