componenteszw-package 1.0.33 → 1.0.35

package/dist/index.js

@@ -2311,7 +2311,7 @@ var ot = ({ options: e, multiple: t = !1, placeholder: n = "Select...", label: r
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, []), /* @__PURE__ */ u("div", {
-		className: Q("w-[300px] text-sm", p),
+		className: Q("w-[300px] text-sm relative", p),
 		ref: w,
 		children: [
 			r && /* @__PURE__ */ u("label", {
@@ -2325,27 +2325,38 @@ var ot = ({ options: e, multiple: t = !1, placeholder: n = "Select...", label: r
 					})
 				]
 			}),
-			/* @__PURE__ */ l("div", {
-				className: Q("border rounded-lg px-3 py-2 flex flex-wrap gap-2 items-center cursor-pointer", m),
+			/* @__PURE__ */ u("div", {
+				className: Q("border rounded-lg px-3 py-2 flex items-center cursor-pointer justify-between", m),
 				onClick: () => x(!b),
-				children: t && Array.isArray(d) ? d.length > 0 ? d.map((t) => /* @__PURE__ */ u("span", {
-					className: "bg-gray-200 px-2 py-1 rounded flex items-center gap-1",
-					children: [e.find((e) => e.value === t)?.label, /* @__PURE__ */ l("button", {
-						onClick: (e) => {
-							e.stopPropagation(), te(t);
-						},
-						children: "×"
-					})]
-				}, t)) : /* @__PURE__ */ l("span", {
-					className: "text-gray-400",
-					children: n
-				}) : /* @__PURE__ */ l("span", { children: e.find((e) => e.value === d)?.label || /* @__PURE__ */ l("span", {
-					className: "text-gray-400",
-					children: n
-				}) })
+				children: [/* @__PURE__ */ l("span", {
+					className: "flex-1 flex flex-wrap gap-2",
+					children: t && Array.isArray(d) ? d.length > 0 ? d.map((t) => /* @__PURE__ */ u("span", {
+						className: "bg-gray-200 px-2 py-1 rounded flex items-center gap-1",
+						children: [e.find((e) => e.value === t)?.label, /* @__PURE__ */ l("button", {
+							onClick: (e) => {
+								e.stopPropagation(), te(t);
+							},
+							children: "×"
+						})]
+					}, t)) : /* @__PURE__ */ l("span", {
+						className: "text-gray-400",
+						children: n
+					}) : /* @__PURE__ */ l("span", { children: e.find((e) => e.value === d)?.label || /* @__PURE__ */ l("span", {
+						className: "text-gray-400",
+						children: n
+					}) })
+				}), /* @__PURE__ */ l("span", {
+					style: {
+						transition: "transform 200ms",
+						transform: b ? "rotate(180deg)" : "rotate(0deg)",
+						marginLeft: "8px",
+						flexShrink: 0
+					},
+					children: "▾"
+				})]
 			}),
 			b && /* @__PURE__ */ u("div", {
-				className: Q("border rounded-lg mt-2 p-2 bg-white shadow", h),
+				className: Q("border rounded-lg mt-2 p-2 bg-white shadow absolute w-full z-50", h),
 				children: [/* @__PURE__ */ l("input", {
 					type: "text",
 					placeholder: "Buscar...",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "componenteszw-package",
-  "version": "1.0.33",
+  "version": "1.0.35",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",