@pibit.ai/cure-design-system 0.6.2 → 0.6.3

package/dist/primitives/select/select-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-item.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/select-item.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,IAAI,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAMtF,OAAO,EAA4B,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAUhF,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,EAAE,cAAc;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0EAA0E;IAC1E,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU,GAAI,+JAcxB,eAAe,4CAkJjB,CAAC"}
+{"version":3,"file":"select-item.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/select-item.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,IAAI,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAMtF,OAAO,EAA4B,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAUhF,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,EAAE,cAAc;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0EAA0E;IAC1E,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU,GAAI,+JAcxB,eAAe,4CAsJjB,CAAC"}

package/dist/primitives/select/select-item.js

@@ -3,45 +3,45 @@ import { useContext as N, isValidElement as R } from "react";
 import { Check as j } from "@untitledui/icons";
 import { ListBoxItem as E, Text as D } from "react-aria-components";
 import { Avatar as V } from "../avatar/avatar.js";
-import { SelectContext as _, fontSizes as P } from "./select-shared.js";
+import { SelectContext as q, fontSizes as S } from "./select-shared.js";
 import { cx as o } from "../../utils/cn.js";
-import { isReactComponent as q } from "../../utils/is-react-component.js";
-const A = {
+import { isReactComponent as A } from "../../utils/is-react-component.js";
+const B = {
   sm: "p-2 pr-2.5",
   md: "p-2.5 pl-2",
   xs: "p-1.5"
 }, Q = ({
   label: m,
   id: d,
-  value: S,
+  value: P,
   avatarUrl: s,
   supportingText: i,
   supportingTextClassName: y,
   isDisabled: c,
-  icon: a,
+  icon: l,
   className: f,
-  children: l,
+  children: a,
   textStyles: p,
   stackDescription: u = !1,
   ...t
 }) => {
-  const { size: x, isDeselectable: z, selectedKey: h, onReselectCurrent: w } = N(_), g = z && h != null && d != null && String(d) === String(h), k = (e) => {
+  const { size: x, isDeselectable: z, selectedKey: h, onReselectCurrent: w } = N(q), g = z && h != null && d != null && String(d) === String(h), k = (e) => {
     !g || c || (e.preventDefault(), e.stopPropagation());
   }, C = (e) => {
     !g || c || !w || (e.preventDefault(), e.stopPropagation(), w());
-  }, b = m || (typeof l == "string" ? l : ""), K = i ? b + " " + i : b;
+  }, b = m || (typeof a == "string" ? a : ""), K = i ? b + " " + i : b;
   return /* @__PURE__ */ r(
     E,
     {
       id: d,
-      value: S ?? {
+      value: P ?? {
         id: d,
         label: b,
         avatarUrl: s,
         supportingText: i,
         supportingTextClassName: y,
         isDisabled: c,
-        icon: a
+        icon: l
       },
       textValue: K,
       isDisabled: c,
@@ -64,24 +64,25 @@ const A = {
       },
       className: (e) => o(
         "w-full px-1.5 py-px outline-hidden",
+        e.isDisabled ? "cursor-not-allowed" : "cursor-pointer",
         typeof f == "function" ? f(e) : f
       ),
       children: (e) => /* @__PURE__ */ v(
         "div",
         {
           className: o(
-            "flex cursor-pointer items-center gap-2 rounded-md outline-hidden select-none hover:bg-primary_hover",
-            e.isFocused && !e.isDisabled && "bg-primary_hover",
+            // Let pointer events hit the ListBoxItem root so the full row toggles selection.
+            "pointer-events-none flex w-full items-center gap-2 rounded-md outline-hidden select-none",
+            (e.isHovered || e.isFocused) && !e.isDisabled && !e.isSelected && "bg-primary_hover",
             e.isSelected && "bg-brand-primary text-brand-600 hover:bg-brand-primary hover:text-brand-600",
-            e.isDisabled && "cursor-not-allowed",
             // Icon styles
             "*:data-icon:size-5 *:data-icon:shrink-0 *:data-icon:text-fg-quaternary",
             e.isDisabled && "*:data-icon:text-fg-disabled",
             // @ts-ignore
-            A[x]
+            B[x]
           ),
           children: [
-            s ? /* @__PURE__ */ r(V, { "aria-hidden": "true", size: "xs", src: s, alt: m }) : q(a) ? /* @__PURE__ */ r(a, { "data-icon": !0, "aria-hidden": "true" }) : R(a) ? a : null,
+            s ? /* @__PURE__ */ r(V, { "aria-hidden": "true", size: "xs", src: s, alt: m }) : A(l) ? /* @__PURE__ */ r(l, { "data-icon": !0, "aria-hidden": "true" }) : R(l) ? l : null,
             /* @__PURE__ */ v(
               "div",
               {
@@ -99,9 +100,9 @@ const A = {
                         !u && "whitespace-nowrap",
                         e.isDisabled && "text-disabled",
                         p,
-                        P[x]
+                        S[x]
                       ),
-                      children: m || (typeof l == "function" ? l(e) : l)
+                      children: m || (typeof a == "function" ? a(e) : a)
                     }
                   ),
                   i && /* @__PURE__ */ r(
@@ -111,7 +112,7 @@ const A = {
                       className: o(
                         y ?? "text-tertiary",
                         u ? "line-clamp-2" : "whitespace-nowrap",
-                        P[x],
+                        S[x],
                         e.isDisabled && "text-disabled"
                       ),
                       children: i

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pibit.ai/cure-design-system",
-  "version": "0.6.2",
+  "version": "0.6.3",
   "description": "CURE Design System - React component library",
   "author": "Pibit",
   "license": "MIT",