@sfperusacdev/sf-ui 0.1.14 → 0.1.16

package/dist/sf-ui.js

@@ -1192,7 +1192,7 @@ var Y = /* @__PURE__ */ Te((/* @__PURE__ */ Ce(((e, t) => {
 			return n;
 		}) : window.classNames = n;
 	})();
-})))(), 1), X = ({ id: e, label: t, info: n, error: r, required: i = !0, onRefresh: a, loading: o = !1, children: s }) => /* @__PURE__ */ v("div", {
+})))(), 1), X = ({ id: e, label: t, info: n, infoPlacement: r = "left", error: i, required: a = !0, onRefresh: o, loading: s = !1, children: c }) => /* @__PURE__ */ v("div", {
 	className: "grid gap-1.5",
 	children: [
 		t && /* @__PURE__ */ v("div", {
@@ -1203,7 +1203,7 @@ var Y = /* @__PURE__ */ Te((/* @__PURE__ */ Ce(((e, t) => {
 					className: "text-sm font-medium text-slate-900",
 					children: t
 				}),
-				i && /* @__PURE__ */ _("span", {
+				a && /* @__PURE__ */ _("span", {
 					className: "text-sm font-medium text-red-500",
 					children: "*"
 				}),
@@ -1216,24 +1216,24 @@ var Y = /* @__PURE__ */ Te((/* @__PURE__ */ Ce(((e, t) => {
 						children: /* @__PURE__ */ _(J, { size: 14 })
 					}), /* @__PURE__ */ _("span", {
 						role: "tooltip",
-						className: (0, Y.default)("pointer-events-none absolute left-1/2 top-full z-50 mt-1 hidden w-max max-w-64 -translate-x-1/2 rounded-md bg-slate-900 px-2 py-1.5 text-xs font-normal leading-relaxed text-white shadow-md", "group-hover:block group-focus-within:block"),
+						className: (0, Y.default)("pointer-events-none absolute top-full z-50 mt-1 hidden w-max max-w-[20rem] rounded-md bg-slate-900 px-2 py-1.5 text-xs font-normal leading-relaxed text-white shadow-md", r === "right" ? "right-0" : "left-0", "group-hover:block group-focus-within:block"),
 						children: n
 					})]
 				}),
-				a && /* @__PURE__ */ _("button", {
+				o && /* @__PURE__ */ _("button", {
 					type: "button",
-					onClick: a,
+					onClick: o,
 					"aria-label": "Actualizar",
 					className: "inline-flex h-4 w-4 items-center justify-center rounded-full text-slate-400 hover:text-slate-700 focus:outline-none focus:ring-2 focus:ring-slate-200",
-					disabled: o,
+					disabled: s,
 					children: /* @__PURE__ */ _(Ge, { size: 14 })
 				})
 			]
 		}),
-		s,
-		r && /* @__PURE__ */ _("p", {
+		c,
+		i && /* @__PURE__ */ _("p", {
 			className: "text-xs text-red-600",
-			children: r
+			children: i
 		})
 	]
 }), pt = (e) => /(^|\s)!?w-\S+/.test(e ?? ""), Z = ({ small: e, error: t, className: n, withRightIcon: r, disabled: i, readOnly: a }) => (0, Y.default)(!pt(n) && "w-full", "rounded-md border text-sm text-slate-900 shadow-sm outline-none", "placeholder:text-slate-400 focus:border-slate-400 focus:ring-2 focus:ring-slate-200", "disabled:cursor-not-allowed disabled:opacity-60", e ? "h-8 px-2" : "h-10 px-3", r && "pr-10", i || a ? "bg-slate-50" : "bg-white", t ? "border-red-500 focus:border-red-500 focus:ring-red-100" : "border-slate-300", n), mt = "transition-[border-color,box-shadow,background-color] duration-200 ease-out", ht = ({ small: e, error: t, className: n }) => (0, Y.default)("sf-input", "sf-input--textarea", e && "sf-input--sm", t && "sf-input--error", n), gt = ({ form: e, name: t, label: n, info: r, required: i, type: a = "text", className: o, placeholder: s, readOnly: c, onChange: l, icon: u, small: d, onIconClick: f, onRefresh: p }) => {
@@ -2598,7 +2598,7 @@ var Y = /* @__PURE__ */ Te((/* @__PURE__ */ Ce(((e, t) => {
 					className: s,
 					withRightIcon: !0,
 					disabled: b
-				}), "flex items-center gap-1.5 text-left", o && V.length > 1 && "h-auto min-h-10 py-2"),
+				}), "flex items-center gap-1.5 text-left", o && V.length > 1 && "h-auto min-h-[2.5rem] py-2"),
 				children: [/* @__PURE__ */ _("span", {
 					className: "flex min-w-0 flex-1 flex-wrap items-center gap-1",
 					children: V.length ? o ? /* @__PURE__ */ v(g, { children: [V.slice(0, Math.max(0, S)).map((e) => /* @__PURE__ */ v("span", {
@@ -2899,7 +2899,7 @@ var Y = /* @__PURE__ */ Te((/* @__PURE__ */ Ce(((e, t) => {
 					})]
 				}),
 				/* @__PURE__ */ v("div", {
-					className: "flex min-h-10 items-center justify-between gap-3 border-b border-slate-200 bg-slate-50/70 px-3 py-2",
+					className: "flex min-h-[2.5rem] items-center justify-between gap-3 border-b border-slate-200 bg-slate-50/70 px-3 py-2",
 					children: [/* @__PURE__ */ v("div", {
 						className: "flex min-w-0 flex-1 items-center gap-2",
 						children: [/* @__PURE__ */ _("span", {
@@ -2908,7 +2908,7 @@ var Y = /* @__PURE__ */ Te((/* @__PURE__ */ Ce(((e, t) => {
 						}), P.length > 0 && /* @__PURE__ */ v("div", {
 							className: "flex min-w-0 flex-1 gap-1 overflow-hidden",
 							children: [P.slice(0, 3).map((e) => /* @__PURE__ */ v("span", {
-								className: "inline-flex min-w-0 max-w-36 items-center gap-1 rounded-full border border-slate-200 bg-white px-2 py-0.5 text-xs text-slate-700",
+								className: "inline-flex min-w-0 max-w-[9rem] items-center gap-1 rounded-full border border-slate-200 bg-white px-2 py-0.5 text-xs text-slate-700",
 								children: [/* @__PURE__ */ _("span", {
 									className: "truncate",
 									children: e.label
@@ -4156,7 +4156,7 @@ function $n({ id: e, stateStore: t, data: n, columns: r, grouping: i, defaultGro
 							"aria-hidden": "true"
 						})
 					}), je === n && /* @__PURE__ */ _("div", {
-						className: "sf-table-row-action-menu min-w-40",
+						className: "sf-table-row-action-menu min-w-[10rem]",
 						children: t.map((t) => /* @__PURE__ */ v("button", {
 							type: "button",
 							disabled: t.disabled,
@@ -4696,7 +4696,7 @@ function $n({ id: e, stateStore: t, data: n, columns: r, grouping: i, defaultGro
 													"aria-hidden": "true"
 												})
 											}), Ne && /* @__PURE__ */ _("div", {
-												className: "sf-table-row-action-menu min-w-50",
+												className: "sf-table-row-action-menu min-w-[12.5rem]",
 												children: e.map((e) => /* @__PURE__ */ v("button", {
 													type: "button",
 													disabled: e.disabled,