componenteszw-package 1.0.32 → 1.0.34

package/dist/index.js

@@ -2325,24 +2325,35 @@ 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),
@@ -2422,7 +2433,7 @@ function st({ checked: e = !1, onChange: t, labelActivo: n = "Activo", labelInac
 					borderRadius: "9999px",
 					backgroundColor: "white",
 					boxShadow: "0 1px 3px rgba(0,0,0,0.2)",
-					transform: o ? "translateX(32px)" : "translateX(4px)",
+					transform: o ? "translateX(4px)" : "translateX(32px)",
 					transition: "transform 200ms"
 				} })
 			}),

package/package.json

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