@1d1s/design-system 0.2.4 → 0.2.5

package/dist/index.es.js

@@ -7610,12 +7610,12 @@ function qb({
       children: e.map((c, d) => {
         const u = t.includes(c.id), f = a || c.disabled, p = !f && o, g = f || p, b = `${i}-${c.id}`;
         return /* @__PURE__ */ S(
-          "div",
+          "label",
           {
-            role: "group",
+            htmlFor: b,
             "aria-disabled": g,
-            onClick: () => {
-              g || s(c.id, !u);
+            onClick: (h) => {
+              g && h.preventDefault();
             },
             className: E(
               "flex w-full items-center gap-4 px-4 py-4 text-left transition-colors",
@@ -7631,9 +7631,6 @@ function qb({
                   id: b,
                   checked: u,
                   disabled: f,
-                  onClick: (h) => {
-                    h.stopPropagation();
-                  },
                   onCheckedChange: (h) => {
                     g || h === "indeterminate" || s(c.id, h === !0);
                   },
@@ -7650,13 +7647,23 @@ function qb({
                   size: "body1",
                   weight: "medium",
                   className: E(
-                    "transition-colors",
-                    u ? "text-gray-900" : "text-gray-500",
+                    "flex-1 transition-colors",
+                    u ? "text-gray-900" : "text-gray-600",
                     f && "text-gray-400"
                   ),
                   children: c.label
                 }
-              ) : /* @__PURE__ */ l("span", { className: E(!u && "text-gray-500", f && "opacity-60"), children: c.label })
+              ) : /* @__PURE__ */ l(
+                "span",
+                {
+                  className: E(
+                    "flex-1",
+                    !u && "text-gray-600",
+                    f && "opacity-60"
+                  ),
+                  children: c.label
+                }
+              )
             ]
           },
           c.id
@@ -10758,7 +10765,7 @@ function Kv({
         onClick: (u) => {
           u.stopPropagation(), i();
         },
-        className: "inline-flex items-center gap-1 rounded-full bg-main-800 px-3 py-1.5 text-white shadow-[0_4px_10px_rgba(34,34,34,0.25)] transition-colors hover:bg-main-900",
+        className: "inline-flex cursor-pointer items-center gap-1 rounded-full bg-main-800 px-3 py-1.5 text-white shadow-[0_4px_10px_rgba(34,34,34,0.25)] transition-colors hover:bg-main-900",
         children: [
           o ? /* @__PURE__ */ l(mi, { width: 14, height: 14, className: "text-white" }) : /* @__PURE__ */ l(fi, { width: 14, height: 14, className: "text-white" }),
           /* @__PURE__ */ l(F, { size: "body2", weight: "bold", className: "text-white", children: a })
@@ -10794,7 +10801,7 @@ function Qv({
           i.stopPropagation(), o?.();
         },
         className: E(
-          "block w-full rounded-1 px-1 py-0.5 text-left transition-colors",
+          "block w-full cursor-pointer rounded-1 px-1 py-0.5 text-left transition-colors",
           "hover:bg-gray-100"
         ),
         children: /* @__PURE__ */ l(