@sfperusacdev/sf-ui 0.1.19 → 0.1.20

package/dist/sf-ui.js

@@ -1200,11 +1200,11 @@ var X = /* @__PURE__ */ De((/* @__PURE__ */ Te(((e, t) => {
 			children: [
 				/* @__PURE__ */ v("label", {
 					htmlFor: e,
-					className: "text-sm font-medium text-slate-900",
+					className: "sf-field-label",
 					children: t
 				}),
 				a && /* @__PURE__ */ v("span", {
-					className: "text-sm font-medium text-red-500",
+					className: "sf-field-required",
 					children: "*"
 				}),
 				n && /* @__PURE__ */ y("span", {
@@ -6724,6 +6724,38 @@ var rr = (e) => {
 	className: (0, X.default)("sf-step__connector", t === "horizontal" ? "sf-step__connector--horizontal" : "sf-step__connector--vertical", e ? "sf-step__connector--done" : "sf-step__connector--pending")
 }), qi = ({ steps: e, activeKey: t, orientation: n = "horizontal", size: r = "md", variant: i = "default", onStepClick: a, className: o }) => {
 	let s = i === "accentUnderline";
+	if (n === "horizontal" && i === "inline") {
+		let n = r === "sm" ? "1.5rem" : "1.875rem";
+		return /* @__PURE__ */ v("div", {
+			className: (0, X.default)("sf-stepper sf-stepper--inline", o),
+			style: { "--sf-step-circle-size": n },
+			role: "list",
+			"aria-label": "Progreso",
+			children: e.map((n, i) => {
+				let o = Vi(n, t, i, e), s = i === e.length - 1;
+				return /* @__PURE__ */ y("div", {
+					className: "sf-stepper__inline-group",
+					role: "listitem",
+					children: [/* @__PURE__ */ y("div", {
+						className: "sf-stepper__inline-item",
+						children: [/* @__PURE__ */ v(Gi, {
+							status: o,
+							index: i,
+							label: n.label,
+							size: r,
+							onClick: o === "completed" && a ? () => a(n.key) : void 0
+						}), /* @__PURE__ */ v("span", {
+							className: (0, X.default)("sf-stepper__inline-label", Ui[o]),
+							children: n.label
+						})]
+					}), !s && /* @__PURE__ */ v("div", {
+						"aria-hidden": "true",
+						className: (0, X.default)("sf-stepper__inline-connector", o === "completed" && "sf-stepper__inline-connector--done")
+					})]
+				}, n.key);
+			})
+		});
+	}
 	if (n === "horizontal") {
 		let n = r === "sm" ? "1.5rem" : "2rem";
 		return /* @__PURE__ */ y("div", {