@arbidocs/react 0.5.123 → 0.5.125

package/dist/{chunk-AB2A6F6T.cjs → chunk-4NGWDVHD.cjs}

@@ -355,6 +355,8 @@ var TooltipContent = React__namespace.forwardRef(
   }
 );
 TooltipContent.displayName = "TooltipContent";
+var PILL_TOUCH_HIT = "pointer-coarse:after:absolute pointer-coarse:after:left-1/2 pointer-coarse:after:top-1/2 pointer-coarse:after:h-11 pointer-coarse:after:w-[max(100%,2.75rem)] pointer-coarse:after:-translate-x-1/2 pointer-coarse:after:-translate-y-1/2 pointer-coarse:after:content-['']";
+var MAIN_AREA_TOUCH_HIT = "relative pointer-coarse:after:absolute pointer-coarse:after:inset-x-0 pointer-coarse:after:top-1/2 pointer-coarse:after:h-11 pointer-coarse:after:-translate-y-1/2 pointer-coarse:after:content-['']";
 var EntityPill = React.forwardRef(function EntityPill2({
   icon,
   label,
@@ -373,6 +375,7 @@ var EntityPill = React.forwardRef(function EntityPill2({
   moreContent,
   href,
   disabled = false,
+  pressed,
   tooltipContent,
   "data-testid": testId
 }, ref) {
@@ -388,7 +391,7 @@ var EntityPill = React.forwardRef(function EntityPill2({
     "transition-colors",
     className
   );
-  const interactiveClasses = "relative cursor-pointer hover:bg-muted pointer-coarse:after:absolute pointer-coarse:after:inset-x-0 pointer-coarse:after:-inset-y-3 pointer-coarse:after:content-['']";
+  const interactiveClasses = chunkS6A6FSG7_cjs.cn("relative cursor-pointer hover:bg-muted", PILL_TOUCH_HIT);
   const disabledClasses = "cursor-default opacity-60";
   const highlightClasses = "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground";
   const mainContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -434,7 +437,7 @@ var EntityPill = React.forwardRef(function EntityPill2({
   const mainAreaClass = chunkS6A6FSG7_cjs.cn("inline-flex items-center gap-1", fullWidth && "min-w-0 flex-1");
   const mainAreaTouchClass = chunkS6A6FSG7_cjs.cn(
     mainAreaClass,
-    (onClick || href) && !disabled && "relative pointer-coarse:after:absolute pointer-coarse:after:inset-x-0 pointer-coarse:after:-inset-y-3 pointer-coarse:after:content-['']"
+    (onClick || href) && !disabled && MAIN_AREA_TOUCH_HIT
   );
   if (onMoreClick || moreContent) {
     let mainArea;
@@ -447,7 +450,8 @@ var EntityPill = React.forwardRef(function EntityPill2({
         {
           type: "button",
           onClick: href ? onClick : disabled ? void 0 : onClick,
-          disabled: disabled || void 0
+          disabled: disabled || void 0,
+          "aria-pressed": href ? void 0 : pressed
         }
       );
     } else if (href) {
@@ -469,8 +473,10 @@ var EntityPill = React.forwardRef(function EntityPill2({
           type: "button",
           onClick: disabled ? void 0 : onClick,
           disabled,
+          "aria-pressed": pressed,
           className: chunkS6A6FSG7_cjs.cn(
-            "relative inline-flex items-center gap-1 pointer-coarse:after:absolute pointer-coarse:after:inset-x-0 pointer-coarse:after:-inset-y-3 pointer-coarse:after:content-['']",
+            "inline-flex items-center gap-1",
+            MAIN_AREA_TOUCH_HIT,
             disabled && "opacity-60"
           ),
           children: mainContent
@@ -545,6 +551,7 @@ var EntityPill = React.forwardRef(function EntityPill2({
         ref,
         onClick: onClick && !disabled ? onClick : void 0,
         disabled: disabled || void 0,
+        "aria-pressed": pressed,
         "data-testid": testId,
         style
       }
@@ -574,6 +581,7 @@ var EntityPill = React.forwardRef(function EntityPill2({
         type: "button",
         onClick: disabled ? void 0 : onClick,
         disabled,
+        "aria-pressed": pressed,
         className: chunkS6A6FSG7_cjs.cn(
           baseClasses,
           disabled ? disabledClasses : interactiveClasses,
@@ -2382,6 +2390,7 @@ function SharingEntity({
       labelClassName: chunkS6A6FSG7_cjs.cn(variant === "icon" && "sr-only", !shared && "text-muted-foreground"),
       className: chunkS6A6FSG7_cjs.cn(shared && "text-primary", className),
       onClick: handleClick,
+      pressed: onToggle ? shared : void 0,
       tooltipContent: !shared && hint ? hint : void 0,
       "data-testid": testId
     }
@@ -5322,5 +5331,5 @@ exports.toggleVariants = toggleVariants;
 exports.useAudioRecorder = useAudioRecorder;
 exports.useDictateContext = useDictateContext;
 exports.usesOriginalBytesForViewer = usesOriginalBytesForViewer;
-//# sourceMappingURL=chunk-AB2A6F6T.cjs.map
-//# sourceMappingURL=chunk-AB2A6F6T.cjs.map
+//# sourceMappingURL=chunk-4NGWDVHD.cjs.map
+//# sourceMappingURL=chunk-4NGWDVHD.cjs.map